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

.fotos { background: red; float:left; width:auto;}
/*Contenedor de cada uno de los bloques de texto*/
div.generic_text { text-align: justify;   margin-bottom:15px; width:735px; float:left;  }
div.generic_text  .text_container { float: left; width:460px; padding:15px; margin:0; background: #efefef;}

#contents div.right .text_container { float: right; width:460px; padding:15px; margin:0;}

#contents .no_photo .text_container { float: left; width:706px; padding:15px; margin:0; background: #efefef;}


/*Titular del bloque de texto*/

div.generic_text h2 {
	clear: both;
	margin: 0 0 10px;
	padding: 0;
	text-align:left;
	color: #ff8200; /*#faba00;*/
	font-size:14px;
}

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


/*Estilo de las imágenes grandes de cada bloque*/
div.generic_text .pictures_container { background:#ffffff; width:238px; }


div.generic_text .picture a img {}

/*Estilos según la imagen esté situada a la izquierda o la derecha del texto*/
#contents div.right .pictures_container { float:left; margin:0; padding:0; }
#contents div.right .pictures_container a { float: left;  }
#contents div.right .pictures_container  a img{ border: 3px solid #f0f0f0; }

#contents div.left .pictures_container { float:right; margin:0; padding:0;}
#contents div.left .pictures_container  a { float: right; }
#contents div.left .pictures_container  a img{ border: 3px solid #f0f0f0; }
	
/*Listado de imágenes que al pulsarlas se maximizan*/

div.generic_text .thumbails { float: left; margin-bottom: 10px; width: 100%;}
div.generic_text .thumbails .thumbnail { display: block; width: 108px; float:left; margin:10px 10px 0 0; display:inline;}
div.generic_text .thumbails .thumbnail a { float: left;  margin: 0; width:auto;}
div.generic_text .thumbails .thumbnail a img { border: 3px solid #f0f0f0; }

/*thumbnails left*/
#contents div.left .pictures_container .thumbails { float: right; margin-bottom: 10px; width: 100%;}
#contents div.left .pictures_container .thumbails .thumbnail { display: block; width: 108px; float: right; margin:10px 0 0 10px;}
#contents div.left .pictures_container .thumbails .thumbnail a { float: right;  margin: 0; width:auto;}
#contents div.left .pictures_container .thumbails .thumbnail a img { border: 3px solid #f0f0f0; }

/*Enlaces dentro de los textos de cada uno de los bloques*/

div.generic_text .link a {
	float: left;
	margin: 8px 0;
	padding-left: 51px;
	color: #4c4c4c;
	font-weight: normal;
	text-decoration: none;
	font-size:11px;
	background:url(../images/backgrounds/bullet_enlace.gif) no-repeat left;
	}
div.generic_text .link a:hover { color:#ff8200;/*#faba00*/ text-decoration: none; }
div.generic_text .link a:visit { color: #4c4c4c; text-decoration: none; }