/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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; width:508px; margin: 0 0 25px; padding:10px; background:#f3f2f0; }*/
.generic_text { float: left; width:528px; margin: 0 0 25px; padding:0; }

/*Titular del bloque de texto*/

#contents h2 {
	margin: 20px 0 10px;
}

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

.generic_text p {}

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

.generic_text .picture a { width:auto; float:left; margin:0 0 2px 0; padding:0;}
.generic_text .picture a img { width:auto; float:left;  }

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

/*.left .picture { float: left; margin:0; padding: 0 10px 0 0; width: 246px;}
.right .picture { float: right; margin:0; padding: 0 0 0 10px; width: 246px; }*/

.left .picture { float: left; margin:0; padding: 0 15px 0 0; width: 246px;}
.right .picture { float: right; margin:0; padding: 0 0 0 15px; width: 246px; }

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

#contents .thumbnails { float: left; width: 100%; margin:0; padding:0; }
#contents .thumbnails .thumbnail { float: left; width:80px; margin:0 2px 0 0; padding:0; }
#contents .thumbnails .thumbnail a { float:left; width:auto; margin: 0 ;}
#contents .thumbnails .thumbnail a img { margin: 0; }

.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 { display:block; float: right; margin: 20px 0; padding:0; }