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


div.gallery { background:#454545; padding:15px; width:718px; float:left; margin:10px 0;}

/*Imagen principal*/

#main_picture {
	position: relative;
	float: right;
	width: 399px;
	height: 298px;
	margin: 0;
	border:0;
}
#contents #main_picture img { border-bottom:0; padding:0;}

#contents a#mainLink { border-bottom:0;}

/*Comentario de la imagen principal*/

#description {
	bottom:6px;
	left: 6px;
	padding: 8px;
	position: absolute;
	width: 371px;
	background: url(../images/bg_single_image.png) repeat 0 0;
	color:white;
}

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

/* Componente deslizante */

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

#thumbnails{ overflow: hidden; position: relative; height:274px; width:304px; }
#thumbnail_component ul { margin: 0; padding: 0; width:321px; float:left; }
#thumbnail_component ul li{
	overflow: hidden;
	float: left;
	width: 93px;
	height: 61px;
	margin: 0 2px 2px 0;
	border: 3px solid #dddddd;}

#contents #thumbnail_component img { border: none; padding: 0; }

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

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

.complete_thumnails {
	overflow: hidden;
	position: relative;
	float: left;
	width:304px;
}

/* Botones del sistema deslizante */

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

.next {	float: left; margin:0 0 0 2px; width:147px; }
.next a { background: url(../images/bot_slidegalery_next.png) no-repeat; }

#contents .prev a, #contents .next a { overflow: hidden; display: block; height: 22px; text-indent: -999px; border-bottom:0;}