/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> TPL SLIDE GALLERY <<<----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/* Proceso Galería de imagenes deslizantes

Galería de imágenes ampliables en ventana emergente. Compuesta por una
foto grande y una serie de fotografías debajo de ésta que se deslizan
horizontalmente. El número de fotografías por página es configurable.
*/

/*Imagen principal*/

#contents #main_picture{
	position: relative;
	float: left;
	width: 757px;
	height: 378px;
	margin: 10px 0;
	padding: 0;
	border: none;
}
#contents #main_picture a{ background: #fff; margin:0; padding:0;}
/*#contents #main_picture a img { margin:0; padding:0; float:left; width: 757px; border: none;}*/

/*Comentario de la imagen principal*/

#description {
	position: absolute;
	bottom: 3px;
	left: 7px;
	width: 732px;
	padding: 8px 0 8px 10px;
	background: url(../images/overlay.png) repeat 0% 50%;
	color:#fff;
}

#description  p { margin: 0; padding: 3px; color: #999; font-size: 11px; }

/* Componente deslizante */

#thumbnail_component { overflow: hidden; float: left; width: 711px; margin: 0 0 0 1px; }

#thumbnails{ overflow: hidden; position: relative; height: 100px; width: 710px; }
#thumbnail_component ul { margin: 0; padding: 0; }
#thumbnail_component ul li{
	overflow: hidden;
	float: left;
	width: 140px;
	height: 100px;
	margin: 0 3px 0 0;
}

#slide_thumbs{
	overflow: hidden;
	position: relative;
	float: left;
	height: 128px;
}

#slide_thumbs a:hover img {width: 140px; }

.complete_thumnails {
	overflow: hidden;
	clear: both;
	position: relative;
	float: left;
	width: 752px;
}

/* Botones del sistema deslizante */

#contents .prev { float: left; }
#contents .prev a { background: url(../images/bot_slidegalery_prev.png) no-repeat; }
#contents .prev a:hover { background: url(../images/bot_slidegalery_prev_h.png) no-repeat; }

#contents .next {	float: right; }
#contents .next a { background: url(../images/bot_slidegalery_next.png) no-repeat; }
#contents .next a:hover { background: url(../images/bot_slidegalery_next_h.png) no-repeat; }

#contents .prev a, #contents .next a { overflow: hidden; display: block; width: 20px; height: 100px; text-indent: -999px; }