/*-------------- BANNER ------------------*/
.banner {
	width:100%;
	height:400px;
	background-size: 100% 100%;
	background-image:url(../imagenes/img2.jpg);
	animation-name:banner;
	-webkit-animation-name:banner;
	-moz-animation-name:banner;
	-ms-animation-name:banner;
	-o-animation-name:banner;
	
	animation-duration: 10s;
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-ms-animation-duration: 10s;
	-o-animation-duration: 10s;
	
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	
		}
		
@-webkit-keyframes banner{
	0%, 45%{
		background-image:url(../imagenes/img1.jpg);
		opacity:1;
		}
	46%, 50%{ opacity:0.1;}
	51%, 95%{
		background-image:url(../imagenes/img2.jpg);
		opacity:1;
		}
	96%, 100%{ opacity:0.1;}
}