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

/* Textro de introducción de la sección */

.text_container { margin: 10px 0 0; padding: 20px; border-bottom: 1px solid #830000; background: #ececec; }


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

.generic_text { float: left; width: 94.5%; margin: 20px 0 0; padding: 20px; border-bottom: 1px solid #830000; background: #ececec; }

.generic_text .text_container { padding: 0; border: 0; }

/*Titular del bloque de texto*/

#contents .generic_text h2 { margin: 0 0 10px;	padding: 0 0 10px; width: 681px; border-bottom: 1px solid #830000; }
#contents .generic_text h2 span { font-size: 14px; }

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

#contents .left h2 { float: right; width: 472px; }
#contents .right h2 { float: left; width: 472px; }

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

.generic_text p {}

/*Estilo de las imágenes grandes de cada bloque*/

.generic_text .picture a img { border: 4px solid; }

/* Titulo de los bloques */

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

.left .picture { float: left; width: 189px; padding: 0 18px 0 0; text-align: left; }
.right .picture { float: right; width: 189px; padding: 0 0 0 20px; text-align: right; }

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

.thumbnails { float: left; width: 100%; margin: 10px 0 0; }
.thumbnails .thumbnail { float: left; }
.thumbnails .thumbnail img { margin: 0 11px 5px 0; }

.thumbnails .thumb_6 img, .thumbnails .thumb_13 img { margin: 0 10px 5px 0; }

.thumbnails .thumb_7 img, .thumbnails .thumb_14 img { margin: 0 0 5px; }

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

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

.thumbnails .first img { margin-left: 0; }

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

.link { float: left; margin: 0 0 20px; }