figure { 
	display: inline-block; 
}

#slideshow {
	position: relative;
	background-color: #e6e6e6;
	width: 825px;
	height: 30px;
	margin-bottom: 20px;
	padding: 15px 0;
	border: 1px solid #999;
	border-radius: 6px;
	overflow: hidden;
}

@-webkit-keyframes slider {
	0%, 16%, 100%	{ left: 0 }
	20%, 36%		{ left: -100% }
	40%, 56%		{ left: -200% }
	60%, 76%		{ left: -300% }
	80%, 96%		{ left: -400% } /*calcular la cantidad de imágenes en el 100% (en todos)*/
}
@-moz-keyframes slider {
	0%, 16%, 100%	{ left: 0 }
	20%, 36%		{ left: -100% }
	40%, 56%		{ left: -200% }
	60%, 76%		{ left: -300% }
	80%, 96%		{ left: -400% }
}
@keyframes slider {
	0%, 16%, 100%	{ left: 0 }
	20%, 36%		{ left: -100% }
	40%, 56%		{ left: -200% }
	60%, 76%		{ left: -300% }
	80%, 96%		{ left: -400% }
}

#slideshow .slider1 {
	position: absolute;
	left: 0; 
	top: 0;
	width: 600%; /*esto le da el largo al contenido*/
	height: 60px;

	-webkit-animation: slider 16s infinite;
	-moz-animation: slider 16s infinite;
	animation: slider 16s infinite;
}

#slideshow .slider1 img {
max-width: 825px; 
height: auto;
}

#slideshow figure {
	position: relative;
	padding: 10px 0; 
	margin: 0;
}