.foto {
	width:100%;
  margin: auto;
  overflow: hidden;
}
.foto ul{
  display: flex;
 	padding:0;
  width:300%;
  
  animation: cambio 20s infinite; //Velocidad
  animation-direction: left;
  animation-timing-function: linear;
 
}

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


@keyframes cambio {
  //0% { margin-left:-3500;}
  0% { margin-left:-1800;}
100% {margin-left:0%;} //Longitud da la foto Velocidad. El signo cambia la dirección 
}