@charset "utf-8";
/* CSS Document */
 .slider{
     display:block;
     position:relative;
     margin:0 auto;
     overflow:hidden;
}
 .content-img img {
     display: block;
     float: left;
     max-width:100%;
     max-height:850px;
}
 .three-imagenes {
     width: 400%;
}
 .three-imagenes img {
     width: 25%;
}
 .content-img {
     position: relative;
     left: 0;
     -webkit-transition: left .3s ease-in;
     -ms-transition: left .3s ease-in;
     -moz-transition: left .3s ease-in;
     -o-transition: left .3s ease-in;
     transition: left .3s ease-in;
     -moz-animation:slide-animation 40s infinite;
     -webkit-animation:slide-animation 40s infinite;
}
@-webkit-keyframes slide-animation {
	1% {left: 0%; opacity: 1;}
	18% {left: 0%; opacity: 1}
	19% {opacity: 0.2;}
	20% {left: -100%; opacity: 1;}
	58% {left: -100%; opacity: 1;}
	59% {opacity: 0.2;}
	60% {left: -200%; opacity: 1;}
	98% {left: -200%; opacity: 1;}
	99% {opacity: 0.5;}
	100% {left: 0%;}
  }
  @-moz-keyframes slide-animation {
	1% {left: 0%; opacity: 1;}
	18% {left: 0%; opacity: 1}
	19% {opacity: 0.2;}
	20% {left: -100%; opacity: 1;}
	58% {left: -100%; opacity: 1;}
	59% {opacity: 0.2;}
	60% {left: -200%; opacity: 1;}
	98% {left: -200%; opacity: 1;}
	99% {opacity: 0.5;}
	100% {left: 0%;}
  }