.slider {
	width: 80%;
	margin: auto;
	padding:0;
	overflow: hidden;
	background-color:#fff;
}

.slider ul {
	display: flex;
	padding: 0px;
	width: 400%; 
	/* 500% (5 img) - 400% (4 img) */
	
	animation: cambio 20s infinite alternate linear;
}

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

.slider img {
	width: 100%;
	padding:0px;
}

@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%;}

}