/* GENERAL
------------------------- */
* {	margin:0; padding:0;}
body {
	margin:0;
	padding:0;
	background:#f1810f;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:120%;

}
h1 { font-size:150%;}
h2 { font-size:130%;}
h3 { font-size:100%;} 
p { color:#666;	margin:0;padding:0;}
a { color:#06F;}
a:hover { text-decoration:none;}

/* WRAP
------------------------ */
#wrap {
	float:left;
	width:770px;
	position:relative;
	left:50%;
	font-size:85%;
	margin-left:-386px;
	border:1px solid #fff;
	background:#fff;
}

/* CABECERA 
------------------------------*/
#head {
	float:left;
	width:770px;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
}
#head h1 {
	float:left;
	width:330px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	line-height:80px;
}
#head p.fecha {
	display:block;
	float:right;
	width:300px;
	text-align:right;
	padding-right:120px;
	padding-top:35px;
	background:url(../images/logo_certificados.gif) no-repeat 98% 0%;
	font-size:90%;
}
#head p.fecha span{color:#b22222;}
#head ul {
	position:absolute;
	right:10px;
	bottom:5px;
	list-style:none;
	margin:0;
	padding:0;
}
#head ul li {
	float:left;
}
#head a {
	border-left:1px solid #ccc;
	padding:0 6px;
	}
#head a.primero {border-left:0px;}		
#head a.activado { font-weight:bold; color:#C00; text-decoration:none;}		

/* FRANJA
-----------------------------*/
#franja {
	float:left;
	width:770px;
}
#franja p.idiomas {
	float:left;
	position:relative;
	height:120px;
	width:770px;
	background:#fff url(../images/img_franja.jpg) no-repeat 0 0;
	text-align:right;
}
#franja p.idiomas span {
	float:right;
	position:absolute;
	right:0;
	bottom:0;
	background: url(../images/idiomas_pestania.gif) no-repeat 0 0;
	padding:2px 5px 0 60px;
}
#franja p.idiomas span a {padding:0 2px; margin:0;}
#franja p.idiomas span a.activado {padding:0 2px; margin:0; font-weight:bold; color:#C00; text-decoration:none;}	
	
/* CONTENIDO
----------------------------- */	
#contenido {
	float:left;
	width:770px;
	padding:0;
	padding-bottom:25px;
}
#contenido p.texto {
	float:left;
	width:570px;
	padding:20px 100px;
	text-align:justify;
}

/* CONTENIDO SECCION
---------------------------- */
#contenido_sec {
	float:left;
	width:730px;
	padding:20px;
}

#contenido_sec h3 {
	float:left;
	width:720px;
	background:#eee;
	padding:5px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	text-transform:uppercase;
}
#contenido_sec p.texto_intro {
	float:left;
	width:710px;
	padding:10px 0;
	font-family:Arial, Helvetica, sans-serif;
}
#contenido_sec p.imagen_intro {
	float:right;
	width:710px;
	padding:10px 0;
	text-align:center;
}
#contenido_sec p.texto_intro strong {
	float:left;
	padding:3px 6px;
	margin-bottom:5px;
	margin-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenido_sec p.otros { width:710px;}
#contenido_sec p.otros1 { width:350px; float:left;}
#contenido_sec p.otros3 { width:280px; float:left; background:#fff;}
#contenido_sec p.texto_intro strong.otros2 { background:#ddd; width:718px;}
#contenido_sec p.texto_intro strong.otros4 { background:#ddd; width:280px;}
#contenido_sec p.texto_intro strong.otros5 { background:#ddd; width:350px;}
#contenido_sec strong.nombrebar { background:#eee; font-size:120%; padding:5px; display:block; color:#111;}
#contenido_sec a.ampliando { float:left; border:1px solid #ddd;}
#contenido_sec a.ampliando:hover { float:left; border:1px solid #b22222;}
#contenido_sec a img {border:0;}


.salto {
	float:left;
	width:720px;
	text-indent:-9999px;
	height:1px;
}
.linea { height:1px; border-bottom:1px dotted #aaa;}

#contenido_sec p.texto_intro br {
	clear:left;
	line-height:0.5em;}

#contenido_sec p span {
	display:block;
	margin:10px 0;
	color:#666;
	font-size:90%;
}
/* Contenido tabla */
#contenido_sec table {
	float:left;
	width:730px;
	border-collapse:collapse;
	text-align:left;
	margin-bottom:10px;
}
#contenido_sec table caption {
	text-align:left;
	padding:5px 6px;
	font-weight:bold;
	font-size:110%;
	color:#333;
}
#contenido_sec table th, td {
	padding:3px 6px;
}
#contenido_sec table th{
	background:#eee;
	color:#666;
}
#contenido_sec table td{border-bottom:1px solid #ddd;}

/* ACCESOS PORTADA */
#accesos_portada {
	float:left;
	width:530px;
	padding:0 120px;
}
#accesos_portada h2 {
	float:left;
	width:215px;
	background:#fff;
	color:#C00;
	text-align:right;
	text-transform:uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:bold;
	line-height:110%;
}
#accesos_portada h2.generadores,
#accesos_portada h2.barbacoas {
	font-size:120%;
	display:block;
	width:213px;
	padding:1px;
	text-align:right;
	color:#c00;
}
#accesos_portada h2.generadores {float:left;}
#accesos_portada h2.barbacoas {float:right;}
#accesos_portada span {
	display:block;
	width:211px;
	padding:2px;
	background:#c00 url(../images/img_esquina_accesos.gif) no-repeat 0 100%;
	color:#fff;
	font-size:90%;
}

/* NAV PRODUCTOS
------------------------------- */
#nav_productos {
	float:right;
	width:770px;
}
#nav_productos ul {
	float:left;
	list-style:none;
	margin:10px 0 5px 20px;
	display:inline;
	text-transform:uppercase;
	letter-spacing:-0.05em;
}
#nav_productos li {
	float:left;
	text-align:right;
	width:115px;
	background:#fff;
	margin-right:6px;
	border-bottom:10px solid #aaa;
	}
#nav_productos li span {
	display:block;
	background:#888;
	color:#fff;
	padding-right:2px;
}
#nav_productos li.largo {width:222px;}
#nav_productos li.medio {width:162px;}
#nav_productos li.corto {width:103px;}

#nav_productos li:hover span { background:#c00;} /* no para IE */
#nav_productos li:hover { border-bottom:10px solid #c00; cursor:pointer;} /* no para IE */

#nav_productos li a {color:#888; text-decoration:none;}
#nav_productos li a:hover {color:#c00; text-decoration:none;}

/*activado*/
#nav_productos li.activado {border-bottom:10px solid #c00;}
#nav_productos li.activado a {color:#c00;}
#nav_productos li.activado span {background:#c00;}
/* */

#nav_productos_modelo {	
	float:right;
	width:770px;
}
#nav_productos_modelo ul {
	float:left;
	list-style:none;
	margin:5px 0 0 20px;
	display:inline;
}
#nav_productos_modelo li {
	float:left;
}
#nav_productos_modelo li a {
	float:left;
	line-height:16px;
	padding:0px 6px 2px 6px;
	margin-right:5px;
	background:orange;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
#nav_productos_modelo li a:hover, 
#nav_productos_modelo li a.activado {background:#c00;}	

/* Form
------------------------------- */
#contenido_sec p form{
	float:left;
	width:710px;
	color:#006bad;;
	font-size:90%;
	margin-right:10px;
}


#contenido_sec fieldset {
	margin:10px 0 0 0;
	padding: 10px;
	border:1px solid #ccc;
	background:#fff;
	font-size:90%;
}

#contenido_sec legend {
	font-size:120%;
	padding:0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
}

#contenido_sec input {
	float:left;
	width:200px;
	margin-right:10px;
	font-size:110%;
	padding:2px;
	}
#contenido_sec label {
	float:left;
	width:108px;
	text-align:right;
	padding-right:10px;
	line-height:1.8em;
	font-size:110%;}

#contenido_sec form p{
	float:left;
	width:100%;
	padding:5px 0; 
}

#contenido_sec textarea {
	float:left;
	width:650px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	padding:5px;
}
#contenido_sec input.enviar{
	float:left;
	width:200px;
	border:1px solid #666;
	margin-left:100px;
	font-size:110%;
	text-transform:uppercase;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#FFCC66;	
}




/* PIE
------------------------------- */
#pie p {
	float:left;
	clear:both;
	width:770px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	color:#999;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	}
#msg p {
	float:left;
	clear:both;
	width:770px;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#aaa;
	text-align:center;
	line-height:250%;
	}
#msg a {color:#888; text-decoration:none;}
#msg a:hover {color:#555; text-decoration:underline;}

/* PIE 
------------------------------*/
