/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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*/

#main_picture{
	position: relative;
	float: left;
	width: 549px;
	height: 268px;
	margin: 10px 0;
	padding: 3px;
	background: #000;
}
#main_picture img { border: 1px solid #ccc;}

/*Comentario de la imagen principal*/

#mainDescription {
	position:absolute;
	bottom: 5px;
	left:3px;
	width:542px;
	height:25px;
	padding: 8px 0 0 10px;
	background: url(../images/overlay.png) repeat 0% 50%;
}

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

/* Componente deslizante */

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

#thumbnails{ overflow: hidden; position: relative; height: 66px; width: 520px; margin-top: 3px; }
#thumbnail_component ul { margin: 0; padding: 0; }
#thumbnail_component ul li{
	overflow: hidden;
	float: left;
	width: 86px;
	height: 62px;
	margin: 0 4px 0 0;

}

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


.complete_thumnails {
	overflow: hidden;
	clear: both;
	position: relative;
	float: left;
	width: 555px;
	background: #000;
}

/* Botones del sistema deslizante */

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

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

.prev a, .next a { overflow: hidden; display: block; width: 14px; height: 64px; text-indent: -999px; }