/* CSS Document */
#carrusel {
	width:605px;	
	height:190px ;
	margin:0 auto;
	overflow:hidden;
	bottom:0px;
}

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

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

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

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

#paneles li div{
	padding-left:12px;
	width:418px;
	height:130px;	
	display: block;
	margin:4px;
    float:right;
	background:#fff;
	border-right:2px  groove #f3f3f3 ;
	border-bottom:2px  groove #f3f3f3 ;
}

/* estilo para los botones "anterior" y "siguiente" */
#carrusel #botones {
	padding:0 0 5px 290px;
}

#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;}