/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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 de cada uno de los bloques de texto*/

.generic_text { float: left; margin: 0 0 20px; width: 734px; padding: 20px; background: #f7f7f7; }

/*Titular del bloque de texto*/

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

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

.left h2 { float: right; width: 546px; }
.right h2 { float: left; width: 538px; }

/*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-bottom:5px solid #f3a72f; }

/*Estilos según la imagen esté situada a la izquierda o la derecha del texto*/
.left .picture { float: left; padding: 0 20px 0 0; width: 350px;}
.right .picture { float: right; padding: 0 0 0 20px; width: 350px; }

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

.generic_text .picture .thumbnails { float: left; width: 100%; }
.generic_text .picture .thumbnails .thumbnail { float: left; width: 80px; margin: 10px 4px 5px 3px; display:inline; }
.generic_text .picture .thumbnails .thumbnail a img { float:left; width:auto; margin:0; padding:0; border: none; }

.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

#contents .link { float: right; margin: 0; background:url(../images/backgrounds/linksblock.gif) no-repeat left top #285d92; }
#contents .link a { color:#FFFFFF; text-decoration: none;}
#contents .link a:hover { color:#FFFFFF; text-decoration: none; font-weight: bold;}*/