/*///////////////////////////////////////////////////////////////////
Plantilla Hoja de Características

Plantilla con un listado de características compuesta cada una por
un título y un contenido que puede ser una linea de texto, un bloque
de texto o una imagen, y cuyo contenedor aparece y desaparece al
pulsar en el título de cada una de las características.
///////////////////////////////////////////////////////////////////*/

/*Contenedor de los distintos elementos del listado*/

div#subsecciones { text-align: justify; margin:0; padding:0;}
p { margin: 0px 0px 5px 0px; padding: 5px; }

/*Título de cada una de las características*/

div#subsecciones h2 { background: none;	margin: 1px 0 1px 5px; }

/*Enlace de los títulos para abrir cada una de las secciones*/

div#subsecciones h2 a{
	margin: 5px 0 0;
	padding: 5px 0 5px 25px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	width: 545px;
	background: url(../images/bg_spec.gif) no-repeat top left #316dae;
	color: #ffffff;
}
div#subsecciones h2 a:hover { background: url(../images/bg_spec_hover.gif) no-repeat top left #5899df; }

/*Contenedor del contenido de la característica, ya sea una línea de texto, un bloque de texto o una imagen*/

div.subseccion { width: 569px; padding: 0; margin: 0 0 10px 4px; border: 1px solid #d4e6fe; }

/*Propiedades de la imagen contenida en una subsección*/

div.subseccion img { margin: 8px 0 8px 8px; }

/*Capa contenedora de una característica de segundo nivel, es decir, una característica
contenida dentro de otra*/

div#contents div.subsubseccion { margin: 5px 5px 5px 15px; }
div#contents div.subsubseccion h2 {
	margin: 5px 5px 5px 0;
	padding: 3px 0px 4px 5px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/noticias_icono_hover.jpg) no-repeat top left #388ccc;
	color: #ffffff;
}