@charset "utf-8";
/* CSS Document */

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}


* {
	margin: 0;
	padding:0;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	font-family: sans-serif;
}


.slider {
	margin:auto;
	width:85%;
	overflow:hidden;
}



.slider ul {
	display:flex;
	padding:0;
	width:400%;
	animation: cambio 30s infinite;
	animation-direction:alternate;
	animation-timing-function:ease-in;

}


.slider li {
	width:100%;
	list-style:none;
}

.slider img {
	width:100%;
}

@keyframes cambio {
	0% {margin-left: 0%;}
	20% {margin-left: 0%;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}