/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> TPL BLOCKS <<<-----------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*  Proceso de Bloques de texto

Listado de textos que contienen un título, una foto a la izquierda o 
la derecha y un texto, además puede contener un enlace y varias fotos
pequeñas que se amplian en una ventana emergente interior.  */

/* Contenedor del texto inicial */

.text_container { margin: 0 0 20px; }

/*Contenedor de cada uno de los bloques de texto*/

.generic_text { float: left; width: 100%; margin: 0 0 35px; padding: 0 0 15px; border-bottom: 1px dotted #bfbfbf; }

/*Titular del bloque de texto*/

#contents .generic_text h2 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #aaa;
}

/*Titular del bloque de texto dependiendo si la imagen está a la izq o dcha*/

.left h2 { float: right; width: 450px; }
.right h2 { float: left; width: 450px; }

/*Estilo de los párrafos de texto*/

.generic_text p {}

/*Estilos según la imagen esté situada a la izquierda o la derecha del texto*/

.pictures div.picture { position: relative; width: 213px; margin: 0 0 5px; padding: 0 0 4px; background: url(../images/bg_images.gif) bottom repeat-x; }

.left .pictures { float: left; padding: 0 27px 0 0; }
.right .pictures { float: right; padding: 0 0 0 27px; }

/*Listado de imágenes que al pulsarlas se maximizan*/

.thumbnails { width: 213px; margin: 2px 0 0; }
.thumbnails .thumbnail { float: left; padding: 0 0 4px; margin: 0 0 5px 7px; background: url(../images/bg_images.gif) bottom repeat-x; }
.thumbnails .thumbnail img {  }

.thumbnails .thumbnail .thumbnail_caption { display: none; }

/*Estilo de la primera imagen de los thumbnails para ajustarlos al ancho del generic text*/

.thumbnails .first, .thumbnails .second, .thumbnails .third, .thumbnails .fourth { margin-left: 0; }

/*Enlaces dentro de los textos de cada uno de los bloques*/

.link { float: left; }