/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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; background:#3a4652; padding:20px; margin-bottom: 20px; width:718px; color:#ececec;}
#contents .generic_text ol li, #contents .generic_text ul li { color:#ececec;}

/*Titular del bloque de texto*/

#contents h2 {
	color:#5d9228;
	padding: 0;
	text-decoration:none;
	background:#91a0b2;
	width:100%;
	float:left;
}
#contents h2 span{ background:#FFFFFF; padding: 0 10px 0 0;}

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

#contents .generic_text p { color:#ececec;}

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

.generic_text .picture a img { border-bottom: 3px solid #7AAADA; }

/*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;}
/*.picture { background: blue; width: 350px; padding:0; margin: 0 0 30px;}*/

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

#contents .thumbnails { float: left; width: 350px; margin-top:10px; }
#contents .thumbnails .thumbnail { float: left; margin:0; padding:0; width:auto; }
#contents .thumbnails .thumbnail a { margin:0; padding:0; width:auto; float:left;}
#contents .thumbnails .thumbnail a img { margin: 0 7px 0 0; border: none; }

#contents .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; }
#contents .link a { float:left; width:auto; margin-top: 20px;  padding: 5px 5px 5px 19px; text-decoration: none; color: #fff; background: url(../images/black_arrow.png) 5px 9px no-repeat #525f6c; }
#contents .link a:hover { float:left; width:auto; margin-top: 20px;  padding: 5px 5px 5px 19px; text-decoration: none; color: #7aaada; background: url(../images/black_arrow.png) 5px 9px no-repeat #525f6c; }