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

div.block { float:left; width:100%; margin:15px 0;}

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

.generic_text { float: left; margin: 5px 0 25px; width:745px; border-bottom:3px solid #e7e7e7; padding:0 0 10px;  }

/*Titular del bloque de texto*/

#contents .generic_text h2 { margin: 0 0 15px;	padding: 0; width: 509px; color:#282828; font-size:18px; }

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

/*div.text { width:799px;}*/

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

div.pictures { width:200px;}

#contents .generic_text .picture a { border:0; }

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

.left .picture{ float: left; padding: 0 19px 0 0; width:217px;  }
.right .picture { float: right; padding: 0 0 0 19px;   }

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

.thumbnails { float: left; width:217px; }
.thumbnails .thumbnail { float: left; }
.thumbnails .thumbnail img { margin: 0 1px 2px; }

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

#contents .thumbnails .thumbnail a { border:0;}

/*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 a { float: left; margin: 10px 0 0; width:auto; padding:1px 10px 3px 28px; text-decoration:none; color:#454545; background:url(../images/ico_link.gif) no-repeat 0 0 #ddd; border:0;  }

/* NO PHOTO*/

div.no_photo {  float: left; margin: 5px 0 25px; width:745px; border-bottom:3px solid #e7e7e7; padding:0 0 10px; }
#contents div.no_photo h2 { margin: 0 0 15px; padding: 0; width: 745px; color:#282828; font-size:18px; }

#contents div.no_photo .link a { float: left; margin: 10px 0 0; width:auto; padding:1px 10px 3px 28px; text-decoration:none; color:#454545; background:url(../images/ico_link.gif) no-repeat 0 0 #ddd; border:0; }