/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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*/
#contents h1 { margin-top:0;}
.text_container{ background:url(../images/backgrounds/pattern_blocks.gif) no-repeat bottom left; float:left; width:100%; margin:0; padding: 0 0 12px;}
#specs { float:left; width: 100%;}

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

#specs h2 { float:left; width:725px; overflow: hidden; height: 16px; margin: 10px 0 0; padding: 20px 20px; background:#303538; }

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

#specs h2 a {
	display: block;
	float: left;
	width: 100%;
	padding: 0 0 4px;
	text-decoration: none;
	font-weight: bold;
	background:url(../images/backgrounds/pattern_specs.gif) no-repeat 0 3px;
}
#specs h2 a:hover { }

/**/

#specs h2 span { cursor: pointer; }

/* Título de la descarga */

#specs h2 .title { float: left; width: auto; background:#303538; padding: 0 10px 0 0; font-size:16px; font-weight: bold; color:#FFFFFF; }
#specs h2 .title:hover { color:#fe6533;}
/*Enlace "desplegar" dentro del h2 */

#specs h2 .spread {
	float: right;
	width: auto;
	margin: 2px 48px 0 0;
	padding: 0 10px 0 24px;
	font-size: 11px;
	color: #fe6533;
	font-weight: normal;
	background: url(../images/down_arrow.png) 10px 1px no-repeat #303538;
}

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

.spec { float:left; width:725px; padding:0 20px 20px; margin: 0 0; background:#303538; }

#contents .spec p { color:#CCCCCC;}
/*Propiedades de la imagen contenida en una subsección*/

.spec img { }

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

.subspecs { margin: 0 0 0 15px; }
#contents .subspecs h3 { margin:10px 0; background:url(../images/backgrounds/border_bot.gif) no-repeat bottom right; }
#contents .subspecs h3 span { background: #303538; padding: 0 10px 0 0;}

#contents #specs ul li, #contents #specs ol li { color: #ccc; }