/* ETIQUETAS GENERICAS */

html {height: 100%;}

body {
	border:0px;
	margin:0px;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

H1,H2,H3{display:none;}

H4{font-size: 140%;}

A{
	color: #666666;
	text-decoration:none;
	}

A:hover{
	border-bottom-color: #FFCC66;
	border-bottom-style: solid;
	border-bottom-width: thick;
	}

/* CONTENEDORES */

#todo{
	background-color:#CCCCCC;
	width:875px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(img/borde_diag.gif);
	background-position: left top;
	padding-left: 7px;
	padding-right: 7px;
	height: 100%;
}

#contenedor{
	width: 100%;
	background-color: #FFFFFF;
	float: left;
	position: relative;
	height: 100%;
	}

#contenedor_interior{ /* CONTENEDOR PANTALLA INDEX */
	position: relative;
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	}
	
/* CAPAS PANTALLA INDEX */

/* ---- EMPRESA */
#empresa{
	text-align:center;
	position:absolute;
	top:0px;
	left:350px;
	width:172px;
	height:139px;
	z-index: 10;
	}

#empresa a{
	background-image:url(img/img_empresa_index.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	border: 0px;
	float: left;
}

#empresa a:hover{background-image:url(img/img_empresas_luz.gif);}

/* ---- SERVICIOS */
#servicios{
	position:absolute;
	width:262px;
	height:163px;
	z-index: 5;
	top:123px;
	left:160px;
	}

#servicios a{
	background-image:url(img/img_servicios_index.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	border: 0px;
	float: left;
}

#servicios a:hover{background-image:url(img/img_servicios_luz.gif);}
	
/* ---- PERSONAS */
#personas{
	position:absolute;
	width:315px;
	height:169px;
	z-index: 15;
	top:115px;
	left:396px;
	}

#personas a{
	background-image:url(img/img_personas_index.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	border: 0px;
	float: left;
}

#personas a:hover{background-image:url(img/img_personas_luz.gif);
}

/* CAPAS INDEX FUTURAS */

/* ---- DISEÑO 
#diseño{
	position:absolute;
	width:158px;
	height:140px;
	z-index: 5;
	top:370px;
	left:420px;
	}

#diseño a{
	background-image:url(img/img_diseno_index.gif);
	border: 0px;
}

#diseño a:hover{background-image:url(img/img_diseno_luz.gif);}
	
/* ---- ACCESIBILIDAD
#accesibilidad{
	position:absolute;
	width:260px;
	height:130px;
	top:300px;
	left:580px;
	}

#accesibilidad a{
	background-image:url(img/img_accesibilidad_index.gif);
	border: 0px;
}

#accesibilidad a:hover{background-image:url(img/img_accesibilidad_luz.gif)}
*/

/*************************** CABECERAS ****************************/

/* ---- CABECERA EN INDEX ---- */
#cabecera_index{
	height: 60px;
	position:relative;
	float:right;
	margin-bottom: 30px;
	width: 100%;
	}

/* ---- CABECERA INTERIOR ---- */
#cabecera{
	height: 60px;
	position:relative;
	float:right;
	margin-bottom: 30px;
	width: 100%;
	background-image: url(img/fondocab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

/* ---- AREA LOGO ---- */
#logo{
	width:20%;
	float:left;
	margin-left: 10px;
	margin-top: 10px;
	}

#logo a{border:0px;}

/* ---- AREA HERRAMIENTAS ---- */
#herramientas{
	text-align:right;
	font-family: "Trebuchet MS";
	font-size: 70%;
	padding-right: 15px;
	letter-spacing: 0px;
	background-image: url(img/int_fondo.png);
	background-position: right top;
	background-repeat: no-repeat;	
	}

#herramientas UL{
	list-style-type:none;
	padding-top: 25px;
	}

#herramientas LI{
	display:inline;
	border-right: 1px solid #A2A2A2;
	padding-right: 5px;
	padding-left: 10px;
	}

#herramientas A{
	text-decoration: none;
	color: #A2A2A2;
	}

#herramientas A:hover{border-bottom: thick solid #FFCC66;}

/* ---- AREA NAVEGACIÓN ---- */
#navegacion {
	margin: 0px;
	padding: 0px;
	border-right-color: #EFEFEF;
	border-right-style: dotted;
	border-right-width: medium;
	text-align: right;
	float: left;
	position: static;
	left: 0px;
	top: 0px;
	padding-right: 12px;
	width: 402px;
	padding-left: 12px;
	height: 70%;
	}

/* ---- MENU IZQUIERDO ---- */
#menu{
	float: left;
	position: relative;
	clear: right;
	height: 76px;
	}

#menu IMG{
	padding:0px;
	margin:0px;
	border:0px;
	}

#menu UL{
	padding:0px;
	margin:0px;
	background-color: #00FF99;
	list-style-type: none;
	}

#menu LI{
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	}

#menu .oculto{
	display: none;
	margin: 0px;
	padding: 0px;
	}

#menu a{
	background-position: left top;
	background-repeat: no-repeat;	
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	}
	
#menu a:hover{border:0px;}

/* ---- MENU IZQUIERDO EMPRESA---- */	
#menu a.op_empresa{background-image: url(img/img_empresa.gif);}
#menu a.op_empresa:hover{background-image: url(img/img_empresa_visited.gif);}
	
/* ---- MENU IZQUIERDO SERVICIOS ---- */
#menu a.op_servicios{background-image: url(img/img_servicios.gif);}
#menu a.op_servicios:hover{background-image: url(img/img_servicios_visited.gif);}

/* ---- MENU IZQUIERDO PERSONAS ---- */
#menu a.op_personas{background-image: url(img/img_personas.gif);}
#menu a.op_personas:hover{background-image: url(img/img_personas_visited.gif);}

/* ---- AREA CONTENIDO ---- */
#contenido{
	font-size: 70%;
	z-index: 100;
	padding-right: 15px;
	padding-left: 15px;
	width: 415px;
	float: left;
	margin-bottom: 100px;
	}

HTML>BODY #contenido{
		width: 400px;}

/* ---- AREA CONTENIDO. ENCABEZADOS ---- */
.headers_e, .headers_s, .headers_p, .headers_c, .headers_m, .headers_a, .headers_i {
	background-repeat: no-repeat;
	background-position: left top;
	width: 300px;
	height: 50px;}

.headers_e{background-image: url(img/img_titulo_empresa.jpg);}
.headers_s{background-image: url(img/img_titulo_servicios.gif);}
.headers_p{background-image: url(img/img_titulo_personas.gif);}
.headers_c{background-image: url(img/img_titulo_contacta.gif);}
.headers_m{background-image: url(img/img_titulo_mapaweb.gif);}
.headers_a{background-image: url(img/img_titulo_accesibilidad.gif);}
.headers_i{background-image: url(img/img_titulo_intranet.gif);}

/* ---- AREA CONTENIDO. BLOQUES (PÁRRAFOS Y LISTAS) ---- */
#contenido P{
	line-height: 1.5em;
	text-align: justify;
	}

#contenido li{
	margin-bottom: 1em;
	list-style-type: none;
	}

#contenido ul ul.subnivel{
	margin-left:13px;
	margin-top: 1em;
	}

#contenido ul ul li{color:#999999;}
#contenido ul.listaclientes li, #contenido ul.con_bullet li{list-style-type: disc;}

/* ---- AREA CONTENIDO. CABECERAS ---- */
.cab_empresa{
	background-image: url(img/img_titulo_empresa.jpg);
	padding-top: 75px;
	background-repeat:  no-repeat;
	}

/* ---- AREA CONTENIDO.MIGAS ---- */
P.migas{
	color: #A2A2A2;
	padding-bottom: 5px;
	text-align: left;
	}

/* ---- AREA CONTENIDO. SUBMENÚ ---- */
#submenu{
	font-weight:bold;
	float:left;
	font-size:70%;
	line-height: 24px;
	padding-right: 4px;
	padding-top:4px;
	text-align: right;
	margin-top: 25px;
	position: relative;
	width: 398px;
	}

#submenu ul{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	}

#submenu a{text-decoration:none;}

#submenu li.activado{color: #000000;}

#submenu li.generico{
	list-style-type:none;
	text-align:right;
	background-image:url(img/img_bullet_generico.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right: 16px;
	}

#submenu li.generico a{color: #B7B7B7;}

/*capa empresa VERDE*/
#submenu.verde{
	background-image:url(../images/img_hoja.gif);
	background-position:right;
	background-repeat:no-repeat;
	}

#submenu li.verde{
	list-style-type:none;
	text-align:right;
	background-image:url(img/img_bullet_verde.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right: 16px;
	}

#submenu ul li.verde a{color:#01CC00;}
#submenu ul li.verde a:hover{color:#648500;}

#submenu li.verde2{
	list-style-type:none;
	background-image:url(img/img_bullet_verde2.gif);
	background-position:right;
	background-repeat:no-repeat;
	font-weight:normal;
	padding-right: 16px;
	}

#submenu li.verde2 a{
	list-style-type:none;
	text-decoration:none;
	color: #01CC00;
	}

#submenu li.verde2 a:hover{color:#648500;}

/*capa servicios AZUL*/
#submenu li.azul{
	list-style-type:none;
	text-align:right;
	background-image:url(img/img_bullet_azul.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right: 16px;
	}

#submenu ul li.azul a{color:#0099CC;}
#submenu ul li.azul a:hover{color:#06679b;}

#submenu li.azul2{
	list-style-type:none;
	background-image:url(img/img_bullet_azul2.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:16px;
	font-weight:normal;
	}

#submenu li.azul2 a{
	list-style-type:none;
	text-decoration:none;
	color: #0099CC;
	}

#submenu li.azul2 a:hover{color:#06679b;}

/*capa servicios NARANJA*/
#submenu li.naranja{
	list-style-type:none;
	text-align:right;
	background-image:url(img/img_bullet_naranja.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right: 16px;
	}

#submenu li.naranja ul li{list-style-image:none;}
#submenu ul li.naranja a{color:#FF9900;}
#submenu ul li.naranja a:hover{color:#EA5E00;}

#submenu li.naranja2{
	list-style-type:none;
	background-image:url(img/img_bullet_naranja2.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:16px;
	font-weight:normal;
	}

#submenu li.naranja2 a{
	list-style-type:none;
	text-decoration:none;
	color: #FF9900;
	}

#submenu li.naranja2 a:hover{color:#EA7500;}

/* ---- PIE DE PAGINA ---- */

#pie{
	width: 875px;
	z-index: 500;
	bottom: 0px;
	left: 0px;
	position: absolute;
	height:auto;
	}

#sedes{
	text-align:left;
	font-family: "Trebuchet MS";
	font-size: 70%;
	letter-spacing: 0px;
	position: relative;
	float: left;
	color: #A2A2A2;
	padding-left: 15px;
	clear: left;
	padding-top: 15px;
	}
	
#validacion{
	font-family: "Trebuchet MS";
	font-size: 70%;
	float: right;
	padding-right: 10px;
	text-align: right;
	clear: right;
	}

#validacion_hc{
	display:none;
	}

/************************** ESPECIFICOS PÁGINAS *******************/
.empresa, .servicios, .personas, .generico, .mapaweb, .contacto, .accesibilidad {
	background-position: left bottom;
	background-repeat: no-repeat;	
	}
.pantaindex{
	background-image: url(img/pantaindex.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	height:100%;
	}

.empresa{background-image: url(img/empresa_fondo_p.jpg);}
.servicios{background-image: url(img/servicios_fondo_p.jpg);}
.personas{background-image: url(img/personas_fondo_p.jpg);}
.generico{background-image: url(img/servicios_fondo_p_bk.jpg);}
.mapaweb{background-image: url(img/mapaweb_fondo_p.jpg);}
.contacto{background-image: url(img/contacto_fondo.jpg);}
.accesibilidad{background-image: url(img/accesi_fondo_p.jpg);}
	
/************************** ESTILOS VARIOS *************************/
.texto{padding-top: 5px;}

.italica{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 100%;
	padding-top: 0px;
	margin-top: 0px;
	}

.centrado{
	text-align:center;
	overflow: hidden;
	}

.centrado_normal{
	text-align:center;
	overflow: hidden;
	}
	
.centrado_hc{display:none;}

.grafica{margin-bottom: 150px;}
.separador{height: 50px;}
#area_central{}

.mitad{
	float:left;
	width:48%;
	}

.h_mapa{
	float:left;
	margin-bottom: 1ex;
	}

#puntal{
	height: 485px;
	background-color: #FF0000;
	float: left;
	width: 7px;
	}
	
/* CAPA CONTACTE */
#oficinas{
	position:relative;
	float:right;
	font-size:70%;
	padding-right: 4px;
	padding-top:4px;
	text-align: right;
	margin-top: 25px;
	width: 90%;
	
	}

#oficinas h4{
	border-bottom-color: #D4D4D4;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	}

/* BOTONES Y MAPA WEB */
.boton{
	background-image: url(img/sombra_boton.png);
	background-repeat:  repeat-x;
	background-position: left bottom;
	padding-bottom: 15px;
	float:left;
	position:relative;
	clear: both;
	}

.boton_servicios{
	background-image: url(img/sombra_boton.png);
	background-repeat:  repeat-x;
	background-position: left bottom;
	padding-bottom: 15px;
	position:relative;
	clear: both;
	}

div.boton{
	float: left;
	width: 412px;
	padding-bottom: 1em;
	background-image: url(img/sombra_pag.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
	}

.boton a, .boton_servicios a{
	background-image: url(img/formu_fnd_boton.png);
	background-repeat:  repeat-x;
	background-position: left bottom;
	padding: 7px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #5AD03F;
	}

.boton a:hover, .boton_servicios a:hover{
	border: 1px solid #FEAD02;
	background-image: url(img/formu_fnd_boton_ac.png);
	background-color: #FFF2DA;
	color: #000000;
	}

/*----- APLICACION EN MAPA WEB. SOLAPAS DE CABECERA -----*/
.boton a.estrecho{
	padding-right: 1em;
	padding-left: 1em;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 385px;
	background-image: url(img/solapa_verde.png);
	background-repeat: no-repeat;
	background-position: right top;
	border-top-style: none;
	border-right-style: none;
	}

.boton a.estrecho:hover{
	padding-right: 1em;
	padding-left: 1em;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 385px;
	background-image: url(img/solapa_naranja.png);
	background-repeat: no-repeat;
	background-position: right top;
	border-top-style: none;
	border-right-style: none;
	}

.boton a.estrecho_cab{
	background-image: url(img/solapa_naranja.png);
	padding-right: 1em;
	padding-left: 1em;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 190px;
	background-repeat: no-repeat;
	background-position: right top;
	border-top: 1px none #FEAD02;
	border-right: 1px none #FEAD02;
	border-bottom: 1px solid #FEAD02;
	border-left: 1px solid #FEAD02;
	}

.boton a.estrecho_cab:hover{
	background-image: url(img/solapa_verde.png);
	background-position: right top;
	border-top: 1px none #5AD03F;
	border-right: 1px none #5AD03F;
	border-bottom: 1px solid #5AD03F;
	border-left: 1px solid #5AD03F;
	}

/*----- APLICACION EN MAPA WEB. LISTAS Y ENLACES -----*/
ul.mapa{
	margin:0px;
	padding:0px;	
	font-size: 120%;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	position:relative;
	float:left;
	}

.bandamapa_a {
	background-image: url(img/formu_fnd_boton.png);
	background-position: left middle;
	background-repeat:  repeat-x;
	padding-left: 1em;
	padding-right: 1em;
	border: 1px solid #CCCCCC;
	}

.bandamapa_a:hover {
	background-image: url(img/formu_fnd_boton_ac.png);
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}

a.bandamapa_b {
	background-image: url(img/formu_fnd_boton_act.png);
	background-position: left middle;
	background-repeat:  repeat-x;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: medium;
	display: block;
	}

ul.mapa ul li a, ul.mapa ul li a:hover{
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 2em;
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(img/bullet_circ.gif);
	background-color: #FFFFFF;
	font-weight: normal;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: thick;
	}

ul.mapa ul li a:hover{
	background-image: url(img/bullet_circ.gif);
	border-bottom-color: #FFCC66;
	border-bottom-style: solid;
	border-bottom-width: thick;
	}

.mapa ul{
	margin-top: 0px;
	font-size: 80%;
	font-weight: normal;
	padding-top: 1em;
	margin-left: 0px;
	padding-left:0px;
	background-image: url(img/int_fondo.png);
	background-position: right top;
	background-repeat: no-repeat;
	list-style-type:none;
	}

.mapa ul ul li{list-style-type:none;}
.mapa ul li{padding-left: 1em;}

/* AJUSTES FIREFOX e IE7 */

/*HTML>BODY #todo{
	height:auto;
	}

*:first-child+html #contenedor{
	background-color:#FF0000;
	position:relative;
	float:left;
	}

*:first-child+html #pie{
	position:relative;
	float:left;}


	
*:first-child+html #area_central{
	background-color:#FF0000;}
	
*:first-child+html #contenido{
	display:none;*/
	
	
	
/*IMPRESION*/


#todo{
	background-image:none;
	background-color:#FFFFFF;}
	
#todo, #contenedor{
	position:relative;
	float:left;
	width:100%;}
	
#pie, #herramientas, #menu, .migas{display:none;}

#submenu, #navegacion{width:auto;}

.texto .sin_borde{border:none;}