/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> TPL STANDARD <<<---------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/* Proceso Hoja de Características

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

#specs {}

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

#specs h2 { overflow: hidden; height: 16px; margin:10px 0 2px 0; border-bottom: 1px solid #ffc336; padding:0; padding-bottom: 1px; }

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

#specs h2 a {
	
	display: block;
	width: 100%;
	text-decoration: none;
	float:left;
	padding-bottom: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#specs h2 a:hover { color:#00529b;}

/**/

#specs h2 span { cursor: pointer; }

/* Título de la descarga */

#specs h2 .title { float: left; width: 85%; }

/*Enlace "desplegar" dentro del h2 */

#specs h2 .spread {
	display: block;
	width:50px;
	padding: 0 0 0 17px;
	float:right;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	color: #00529b;
	background: url(../images/down_arrow.png) no-repeat 5px 3px;
	border-left: 1px solid #ffb916;
	
}

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

.spec { margin: 10px 0 5px; background: #f9f9f9; }

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

#contents .spec img { border: none; padding:0; margin:0; }

#contents .spec p { margin-left:10px; margin-right:10px; padding: 5px 0;}
/*Capa contenedora de una característica de segundo nivel, es decir, una característica
contenida dentro de otra*/

.subspecs {width:96%;  margin: 0 0 0 15px; padding:0; }
#contents .subspecs h3 { margin:10px 0; color:#00529b; font-size: 12px; border-bottom: 1px solid #dcdcdc; font-weight: normal; }
#contents .subspecs p { margin-left:0; margin-right:0;}