slider{

	display: block;

	width: 633px;

	height: 176px;

	margin-top: 0px;

	background-color: #FFFFFF;

	overflow: hidden;

	position: absolute;

}



slider > * {

	position: relative;

	display: block;

	width: 400%;

	height: 176px;

	margin-top: 0px;

	background: #FFFFFF;

	animation: slide 12s infinite;

	overflow: hidden;

}



slide:nth-child(1) {

	left: 0%;

	animation-delay: -1s;

	background-image: url(/imagenes/1.JPG);

	background-size: cover;

	background-position: center;

}



slide:nth-child(2) {

	animation-delay: 2s;

	background-image: url(/imagenes/2.JPG);

	background-size:cover;

	background-position: center;

}



slide:nth-child(3) {

	animation-delay: 5s;

	background-image: url(/imagenes/3.JPG);

	background-size: cover;

	background-position: center;

}



slide:nth-child(4) {

	animation-delay: 8s;

	background-image: url(/imagenes/4.JPG);

	background-size: cover;

	background-position: center;

}



slide p {

	font-family: anton;

	font-size: 10px;

	text-align: center;

	display: inline-block;

	width: 100%;

	margin-top: 55px;

	color: #000000;

}



@keyframes slide{

	0% { left: 100%; width: 100%;}

	5% { left: 0%;}

	25% { left: 0%}

	30% { left: -100%; width: 100%;}

	30.0001% {left: -100%; width: 0%;}

	100% {left: 100%; width: 0%;}

}