/* CSS Document */
#carrusel {
	width:475px;	
	height:500px ;
	margin:0 auto;
	overflow:hidden;
	bottom:0px;
	/* border:1px solid #ccc;*/
}

#paneles {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:475px;	
	height:422px;
	border:1px solid #ccc;
	background:#000066; 
	overflow:hidden;
}

/* eliminar estilos de lista, width: ancho del elemento x total de elementos */
/* Tamaño de la imagen-ancho * 11 elementos
	600px * 5 = 3000 */
#paneles ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
	width:3000px;
}

/* ancho del elemento; en este caso es un jpg de 140x132px + ancho de 418px para el div interno de <li>*/
#paneles li {
	width:500px;
	height:354px;
	float:left;
}

#paneles li img {
	float:left;
	padding:4px 0px 0px 8px;	
}

#paneles li div{
	padding-left:10px;
	width:450px;
	height:45px;	
	display: block;
	margin-bottom:5px;
	margin-top: 5px;
	margin-left:5px;
	padding-top:3px;
	clear:both;
    float:left;
	border: 0px solid #f3f3f3;
	
}

#paneles li div p{
	color:#FFFFFF;
}	
/* estilo para los botones "anterior" y "siguiente" */
#carrusel #botones {
	padding:0 0 5px 200px; 
}

#carrusel #botones a {
	display:block;
	width:31px;
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

#carrusel #botones a#anterior {
	background:url(images/arrow.gif) 0 -31px no-repeat;
}

#carrusel #botones a#anterior:hover {
	background:url(images/arrow.gif) 0 0 no-repeat;
}

#carrusel #botones a#siguiente {
	background:url(images/arrow.gif) -32px -31px no-repeat;
}

#carrusel #botones a#siguiente:hover {
	background:url(images/arrow.gif) -32px 0 no-repeat;
}

.clear_car {clear:both;}