/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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;}
.text_container{ background:url(../images/backgrounds/pattern_blocks.gif) no-repeat bottom left; float:left; width:100%; margin:0; padding: 0 0 12px;}
/*Contenedor de cada uno de los bloques de texto*/

.generic_text {
	float: left;
	width: 763px;
	margin: 10px 0 0;
	padding:0;
	background:#303538 url(../images/backgrounds/pattern_block.gif) no-repeat bottom left;
	}
.left {background:#303538 url(../images/backgrounds/bloques_left.gif) no-repeat bottom right;}
.right {background:#303538 url(../images/backgrounds/bloques_rig.gif) no-repeat bottom left;}
#contents .generic_text li { color: #cccccc; }

/*Titular del bloque de texto*/

#contents .generic_text h2 { color:#FFFFFF; font-size:16px; margin: 0 0 15px;	padding: 0; font-weight:bold; text-align:left; }

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

#contents h2 { background: none; text-align:left;}
#contents h2 span { background:none; text-align:left;}
/*Estilo de los párrafos de texto*/

#contents .generic_text p { color:#cccccc; margin: 0 0 14px; display:inline; float:left; width:100%;}

/*div.text { width:799px;}*/
.left .text { float: right; margin:0; padding:0; width:255px; background: lime;}
.generic_text .text { margin:0; padding:20px; width:352px; float:left; background:  none;}
/*Estilo de las imágenes grandes de cada bloque*/

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

.left .picture{ float: left; padding: 0 0 ; width:371px; background:#666666; }
.right .picture { float: right; padding: 0 0;  width:371px; background:#666666; }
.right .picture a, .left .picture a {/* float:left; height: 186px; margin:0 0 1px; overflow:hidden;  */}

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

.thumbnails { float: left; width: 100%; }
.thumbnails .thumbnail { float: left; margin: 0 1px 0 0 }
.thumbnails .thumb_3 { margin:0;}
.thumbnails .thumbnail a { float:left; height: 62px; margin:0 0; overflow:hidden; }

.thumbnails .thumbnail a, .thumbnails .thumbnail a img { float: left; }

.thumbnails .thumb_5, .thumbnails .thumb_10, .thumbnails .thumb_15, .thumbnails .thumbn_20 { margin-right: 0; margin-left: 2px; }

.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 a {
	float: left;
	margin: 0 0;
	width: auto; 
	padding: 0 0 0 13px;
	text-decoration: none;
	color: #fe6533;
	font-weight: normal;
	background: url(../images/arrow_link.gif) no-repeat 0 3px;
}
#contents .link a:hover {
	color: #cccccc;
	}

/* NO PHOTO*/
#contents div.no_photo { float:left; background: #303538; width:763px;}
#contents div.no_photo .text { float:left; width:723px; padding:20px; margin:0; background:url(../images/backgrounds/pattern_block.gif) no-repeat bottom left;}
#contents div.no_photo .link a {
	float: left;
	margin: 0 0;
	width: 710px;
	padding:10px 0 0 13px;
	text-decoration:none;
	color:#fe6533;
	font-weight:normal;
	background:transparent url(../images/arrow_link.gif) no-repeat scroll 0 13px;
}
#contents div.no_photo  .link a:hover {
	color: #cccccc;
	}