/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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 25px; }

/*Titular del bloque de texto*/

#contents .left h2 {
	margin: 0 0 10px;
	padding: 4px 0 10px 24px;
	color: #625987;
	background:url(../images/backgrounds/block.gif) left top no-repeat;
	float:left;
	width:700px;
}

#contents .right h2 {
	margin: 0 0 10px;
	padding: 4px 0 10px 24px;
	color: #625987;
	background:url(../images/backgrounds/block.gif) left top no-repeat;
}

#contents h2 {
	margin: 0 0 10px;
	padding: 4px 0 10px 24px;
	color: #625987;
	background:url(../images/backgrounds/block.gif) left top no-repeat;
	width:698px;
}

/*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: 700px; }

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

/*Estilos según la imagen esté situada a la izquierda o la derecha del texto*/
#contents .right .pictures { width:220px; float:right; margin:0 0 0 20px; display:block; padding:0;}
#contents .left .pictures { width:220px; float:left; margin:0 20px 0 0; display:block; padding:0;}
.left .picture { float: left; padding: 0 ; }
.right .picture { float: left; padding: 0 ; }

#contents .right .pictures a{margin:0; }
#contents .left .pictures a{margin:0;}
/*Listado de imágenes que al pulsarlas se maximizan*/

.thumbnails { margin:5px 0 0 0; display:block; float: left;}
.thumbnails .thumbnail { float: left;}
#contents .thumbnails .thumbnail a { margin:0; padding:0; float: left; }
.thumbnails .thumbnail img { margin: 0 0 5px 2px; border: 4px solid; }

.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; }

/*Imagenes grandes*/
#contents .pictures right { border:1px solid red;}