BODY{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.7em;margin:0;padding:0;background:#E8EDF4 url(../img/fondonubes.jpg) repeat-x top center}
BR.rompefloat{clear:both;line-height:1px}
A IMG{border:0}
P.volverflecha{margin:0;padding:0;font-size:.8em;}

DIV#fondo{background:url(../img/cesped.jpg) repeat-x center bottom;padding-bottom:110px;margin-left:-1px}
P#ruta{color:#9AB9EF;font-size:.9em;padding:0;margin-top:15px;}
	DIV#contenido P#ruta A{color:#9AB9EF}
	DIV#contenido P#ruta A:hover{color:#4468AE}


DIV#centrar{text-align:center}
DIV#todo{margin:auto;width:722px;text-align:left;}
DIV#cabecera{background:#fff url(../img/nubes_cabecera.jpg) no-repeat; position:relative}
DIV#cabecera p.version{position:absolute; top:0px; right:30px; font-size:.9em;color:#4d78b8;}
	DIV#cabecera H1{margin:0;padding:0}
BODY#home DIV#cabecera{padding-bottom:20px}
html>BODY#home DIV#cabecera{padding-bottom:0}

P.detalle{padding:10px; border:1px dotted #cbd8ef; clear:both; text-align:center}
DIV.formulario{padding:5px 10px; border:1px dotted #cbd8ef; clear:both; margin:10px 0}
IMG.flotaIzq{float:left; margin:0 25px 80px 0}
UL#menu{list-style-type:none;margin:0;padding:20px 0 0 20px;height:47px;}
UL#menu LI{float:left;background:url(../img/boton_sup.gif) no-repeat;width:169px;height:45px;margin-right:2px}
	UL#menu LI A{display:block;width:100%;text-align:center;text-decoration:none;color:#59606C;padding-top:13px;padding-bottom:18px}
	UL#menu LI A:hover{color:#7299E5;}
	UL#menu LI.activo A{font-weight:bold;color:#7299E5;}
	
IMG.fotoportada{float:right;margin-left:20px;margin-bottom:15px}
IMG.fotoencuesta, OBJECT.fotoencuesta{margin-left:-21px;margin-right:-21px;margin-top:10px}

UL.introencuesta{list-style-image:url(../img/bullet.gif);margin:0 0 0 17px;padding:0}
	UL.introencuesta LI{margin-bottom:5px;}
	
P.comenzarencuesta{text-align:right;font-size:1.1em;margin-top:20px;padding-bottom:30px}

DIV#contenido{color:#59606C;background:#fff;display:table;height:0;width:100%}
DIV#padding{padding:0px 30px 0 35px;}
DIV#contenido A{color:#4468AE;}
DIV#contenido A:hover{color:#7299E5;}
DIV#contenido P{margin-bottom:16px}
H2{font-size:1.9em;color:#698BC9;font-weight:normal;padding-bottom:15px;background:url(../img/bordes_titulos.gif) bottom repeat-x;margin-bottom:10px}
BODY#home H2{background:none;padding-bottom:0;color:#8293B1}
H3{font-size:1.3em;padding:0;margin-top:15px;margin-bottom:10px}

DIV.izda{float:left;width:240px;margin-right:14px}
DIV.dcha{float:left;width:403px;}
DIV.dcha ol{margin-bottom:10px}
DIV.dcha li{margin:10px 0; }

H4 A.top{font-size:0.8em; font-weight:normal; text-decoration:none; margin-left:270px}
H4 A.top:hover{text-decoration:underline}

/*10 MEJORES...*/
OL.diezmejores{list-style-type:none;margin:0;padding:0 0 15px 2px;}
	OL.diezmejores LI{}
	DIV#contenido OL.diezmejores LI A{color:#698BC9;text-decoration:none;padding-left:40px;padding-top:6px;padding-bottom:10px;display:block;float:left;background-position:left bottom}
		html>body DIV#contenido OL.diezmejores LI A{float:none}	
	DIV#contenido OL.diezmejores LI.uno A{background:url(../img/mejoresopciones01.gif) no-repeat left bottom;padding-top:10px;padding-bottom:15px;}
	
	
	DIV#contenido OL.diezmejores LI.dos A{background:url(../img/mejoresopciones02.gif) no-repeat left bottom;}
	DIV#contenido OL.diezmejores LI.tres A{background:url(../img/mejoresopciones03.gif) no-repeat left bottom;}
	DIV#contenido OL.diezmejores LI.cuatro A{background:url(../img/mejoresopciones04.gif) no-repeat left bottom;}
	DIV#contenido OL.diezmejores LI.cinco A{background:url(../img/mejoresopciones05.gif) no-repeat left bottom;padding-top:13px;padding-bottom:15px;}
	DIV#contenido OL.diezmejores LI.seis A{background:url(../img/mejoresopciones06.gif) no-repeat left bottom;}
	DIV#contenido OL.diezmejores LI.siete A{background:url(../img/mejoresopciones07.gif) no-repeat left bottom;padding-top:13px;padding-bottom:15px;}
	DIV#contenido OL.diezmejores LI.ocho A{background:url(../img/mejoresopciones08.gif) no-repeat left bottom;padding-top:13px;padding-bottom:15px;}
	DIV#contenido OL.diezmejores LI.nueve A{background:url(../img/mejoresopciones09.gif) no-repeat left bottom;}
	DIV#contenido OL.diezmejores LI.diez A{background:url(../img/mejoresopciones10.gif) no-repeat left bottom;padding-top:13px;padding-bottom:15px}	


DIV#contenido OL.diezmejores LI A:hover{background-position:left top;text-decoration:underline}
DIV#contenido OL.diezmejores LI A.activo{background-position:left top;font-weight:bold}									
	DIV#contenido OL.diezmejores LI.dos A.activo{background:#fff url(../img/mejoresopciones02_activo.gif) no-repeat left top;font-weight:bold}	
	DIV#contenido OL.diezmejores LI.cinco A.activo{background:#fff url(../img/mejoresopciones05_activo.gif) no-repeat left top;font-weight:bold;padding-top:6px;padding-bottom:10px;}		
	DIV#contenido OL.diezmejores LI.ocho A.activo{background:#fff url(../img/mejoresopciones08_activo.gif) no-repeat left top;font-weight:bold;padding-top:6px;padding-bottom:10px;}	
DIV#contenido OL.diezmejores LI A.activo:hover{text-decoration:none;cursor:text;}
	
.maparecursos{margin-bottom:50px}
/*FIN 10 MEJORES...*/

/* ENERGIAS*/
BODY#energias H3{font-size:1.9em;font-weight:normal;margin-top:10px}
BODY#energias H4{font-size:1.3em}
BODY#energias H5{color:#8B8B8B;font-size:1.1em;margin:15px 0 4px 0;padding:0px;clear:both}
BODY#energias DIV.dcha.energiasambiente P{margin:0px 0 5px 0;padding:0;height:0;display:table}
BODY#energias DIV.dcha P.ultimo{margin-bottom:30px}
BODY#energias DIV.dcha.energiasambiente IMG{float:left}
IMG.renovables{margin-right:6px}
BODY#energias DIV.dcha P.pieFoto{font-size:0.8em; border-bottom:1px dotted #d5d5d5; padding-bottom:6px}

UL.listAccesible{ list-style:none; border-bottom:1px solid #cbd8ef; padding:20px 0; margin:10px 0}
UL.listAccesible LI{margin-bottom:5px}
UL.beneficios{margin:0 10px 0 0;padding:0 0 0px 0;list-style-type:none;border-bottom:1px solid #CBD8EF}
	UL.beneficios LI, UL.legislacion LI{margin-bottom:7px}
	DIV#contenido UL.beneficios LI A, DIV#contenido UL.legislacion LI A{color:#547FC3;text-decoration:none;display:block;padding-left:17px;background:url(../img/energias/beneficios_flecha.gif) no-repeat left -33px}
	DIV#contenido UL.beneficios LI A:hover, DIV#contenido UL.legislacion LI A:hover{background:url(../img/energias/beneficios_flecha.gif) no-repeat left 1px;text-decoration:underline}
		DIV#contenido UL.beneficios LI A.activo, DIV#contenido UL.legislacion LI A.activo{background:url(../img/energias/beneficios_flecha.gif) no-repeat left 2px;font-weight:bold}	
		DIV#contenido UL.beneficios LI A.activo:hover, DIV#contenido UL.legislacion LI A.activo:hover{text-decoration:none;cursor:text;color:#547FC3;background:url(../img/energias/beneficios_flecha.gif) no-repeat left 2px;}

UL.energias{margin:0 10px 0 0;padding:6px 0 2px 0;list-style-type:none}
UL.energias LI{margin-bottom:7px}
	DIV#contenido UL.energias LI A{color:#72B242;text-decoration:none;display:block;padding-left:17px;background:url(../img/energias/energias_flecha.gif) no-repeat left -33px}
	DIV#contenido UL.energias LI A:hover{background:url(../img/energias/energias_flecha.gif) no-repeat left 1px;text-decoration:underline}
		DIV#contenido UL.energias LI A.activo{background:url(../img/energias/energias_flecha.gif) no-repeat left 2px;font-weight:bold}
		DIV#contenido UL.energias LI A.activo:hover{text-decoration:none;cursor:text;background:url(../img/energias/energias_flecha.gif) no-repeat left 2px;color:#72B242}

UL.legislacion{margin:0 10px 0 0;padding:7px 0 0px 0;list-style-type:none;border-bottom:1px solid #CBD8EF;border-top:1px solid #CBD8EF}

BODY#energias .maparecursos{margin-top:20px}

BODY#energias DIV#contenido UL.encontenido LI{margin-bottom:10px}

SPAN.exponente{margin-top:10px; font-size:0.8em}

/* FIN ENERGIAS */

/* ENCUESTA */

BODY#encuesta H2 STRONG{background:#fff url(../img/flecha_pasos.gif) no-repeat left center;color:#B5D0FD;font-weight:bold;padding-left:20px;letter-spacing:-1px;}
BODY#encuesta INPUT, BODY#encuesta SELECT{border:1px inset #6881AA;font-size:1em;color:#4468B2}

BODY#encuesta FIELDSET{border:0;clear:both;padding:0;margin:15px 0 0 0}
	* html BODY#encuesta FIELDSET{margin:15px -15px 0 0}
	BODY#encuesta FIELDSET LEGEND{color:#5E606F;font-size:1.5em;margin:0 0 0 -8px;padding:0 0 8px 0}
	html>body#encuesta FIELDSET LEGEND{margin:0 0 0 -4px;}
	
BODY#encuesta FORM UL{list-style-type:none;margin:0;padding:0}
	BODY#encuesta FORM UL LI{margin-bottom:6px}

/*agrupamos cada bloque en una UL con un ID*/
BODY#encuesta UL#numpersonas{margin-top:20px}
BODY#encuesta UL#numpersonas LI LABEL{display:block;padding:5px 3px 0 0;float:left;background:#fff}
BODY#encuesta UL#numpersonas INPUT{width:48px}

BODY#encuesta UL.listPreguntas LI{height:20px;background:#fff url(../img/puntosencuesta.gif) repeat-x 0 16px}
	BODY#encuesta UL.listPreguntas LI LABEL{display:block;padding:5px 3px 0 10px;float:left;background:#fff url(../img/bullet.gif) no-repeat 0 10px;}
	BODY#encuesta UL.listPreguntas LI SPAN{display:block;float:right;background:#fff;padding-left:5px}
	BODY#encuesta UL.listPreguntas SELECT{width:165px}
	BODY#encuesta UL.listPreguntas LI.ademas{background-image:none;height:auto}
	BODY#encuesta UL.listPreguntas LI.ademas LABEL{float:none;display:block;background-image:none;padding:0;color:#4468B2}	
	BODY#encuesta UL.listPreguntas LI.ademas SPAN{float:none;display:block;background:#fff url(../img/bullet.gif) no-repeat 0 10px;padding:5px 3px 7px 10px;}
	BODY#encuesta UL.listPreguntas LI.ademas INPUT{border:none;margin:2px 3px 0 6px}
		html>BODY#encuesta UL.listPreguntas LI.ademas INPUT{margin:2px 3px 0 9px}
		
	SPAN.alerta{color:#FF0000}

/*para labels largos*/
BODY#encuesta UL.listPreguntas LI.largo{height:45px;background:#fff url(../img/puntosencuesta.gif) repeat-x 0 41px}
BODY#encuesta UL.listPreguntas LI.largo LABEL{width:55%}	
BODY#encuesta UL.listPreguntas LI.largo SPAN{margin-top:23px}	

BODY#encuesta DIV.fondocolor UL.listPreguntas LI.largo1{height:40px;background:url(../img/puntosencuesta.gif) repeat-x 0 29px}
BODY#encuesta DIV.fondocolor UL.listPreguntas LI.largo1 LABEL{width:60%; }	
BODY#encuesta DIV.fondocolor UL.listPreguntas LI.largo1 SPAN{margin-top:13px}	


BODY#encuesta UL.listPreguntas LI.largomaslineas LABEL{width:68%}	
BODY#encuesta UL.listPreguntas LI.menoslargo{height:40px;background:#fff url(../img/puntosencuesta.gif) repeat-x 0 29px}
BODY#encuesta UL.listPreguntas LI.menoslargo LABEL{width:48%}	
BODY#encuesta UL.listPreguntas LI.largo SPAN{margin-top:13px}	
/*fin largos*/

BODY#encuesta UL.bgSecundario{font-weight:bold}
	BODY#encuesta UL.bgSecundario LI{height:20px;background:#fff url(../img/puntosencuesta.gif) repeat-x 0 16px}
	BODY#encuesta UL.bgSecundario SPAN.comolabel{float:left;background:#fff;padding:5px 3px 0 10px}
	BODY#encuesta UL.bgSecundario SPAN.campos{float:right;background:#fff;margin-top:1px}
	
	
BODY#encuesta UL.bgSecundario{font-weight:bold}
	BODY#encuesta UL.bgSecundario LI{height:20px;background:#fff url(../img/puntosencuesta.gif) repeat-x 0 16px}
	BODY#encuesta UL.bgSecundario SPAN.comolabel{float:left;background:#fff;padding:5px 3px 0 10px}
	BODY#encuesta UL.bgSecundario SPAN.campos{float:right;background:#fff;margin-top:1px}


BODY#encuesta P.botonera{text-align:right;font-size:.8em;color:#95999C}
BODY#encuesta P.botonera INPUT{border:1px solid #D7D7D7;background:buttonface url(../img/degradadoboton.gif) repeat-x bottom left;padding:3px;color:#5E6170;text-transform:uppercase;font-size:10px;margin-bottom:10px}
BODY#encuesta P.botonera SPAN{color:#5C5C64;float:left;margin-top:7px;font-size:1.2em}


P.comenzar INPUT{vertical-align:middle}
P.comenzar INPUT.boton{border:1px solid #D7D7D7;background:buttonface url(../img/degradadoboton.gif) repeat-x bottom left;padding:2px 3px 2px 3px;color:#5E6170;text-transform:uppercase;font-size:10px; margin-bottom:1px}
INPUT.boton{border:1px solid #D7D7D7;background:buttonface url(../img/degradadoboton.gif) repeat-x bottom left;padding:2px 3px 2px 3px;color:#5E6170;text-transform:uppercase;font-size:10px; margin-bottom:1px}

BODY#encuesta DIV.fondocolor{background:#F6F7FC;margin:10px -28px 10px -33px;padding:15px 28px 5px 33px}
	BODY#encuesta DIV.fondocolor UL.listPreguntas LI{background:#F6F7FC url(../img/puntosencuesta.gif) repeat-x 0 16px}
	BODY#encuesta DIV.fondocolor UL.listPreguntas LI LABEL{background:#F6F7FC url(../img/bullet.gif) no-repeat 0 10px;}
	BODY#encuesta DIV.fondocolor UL.listPreguntas LI SPAN{background:#F6F7FC;}
	
	BODY#encuesta DIV.fondocolor UL.bgSecundario LI{background:#F6F7FC url(../img/puntosencuesta.gif) repeat-x 0 16px}
	BODY#encuesta DIV.fondocolor UL.bgSecundario SPAN.comolabel, BODY#encuesta DIV.fondocolor UL.bgSecundario SPAN.campos{background:#F6F7FC}	
BODY#encuesta DIV.pagResultados UL.bgSecundario {margin-left:-2px; margin-bottom:-5px;}
	html>body#encuesta DIV.pagResultados UL.bgSecundario {margin-left:-35px}
BODY#encuesta DIV.pagResultados UL.bgSecundario SPAN.comospan{float:left; padding-left:15px}
BODY#encuesta DIV.pagResultados UL.bgSecundario LI{ margin-bottom:8px; background:url(../img/bullet.gif) no-repeat 0 15px; padding-left:5px; padding-top:10px; list-style:none; border-top:1px dotted #cbd8ef }
BODY#encuesta DIV.pagResultados P.media{text-align:right; font-size:0.9em; color:#999999}
BODY#encuesta UL.resultados {padding-bottom:10px; list-style:none;}
BODY#encuesta UL.resultados li{ margin-bottom:8px; background:url(../img/bullet.gif) no-repeat 0 5px; padding-left:25px}
BODY#encuesta UL.separador{border-bottom:1px dotted #cbd8ef}
BODY#encuesta INPUT.radiobutton{border:0}
BODY#encuesta UL.tipoInstalacion LI{margin-bottom:8px}

P.siguientepaso{text-align:right;font-size:1.1em;color:#4565B2;font-weight:bold;margin-top:20px}
P.siguientepaso STRONG{font-size:1.7em;color:#B5D0FD;letter-spacing:-1px}
P.siguientepaso A{font-size:1.7em;padding-left:5px}

/* FIN ENCUESTA */

/*MAPA RECURSOS*/
BODY#mapa H4{font-size:1.1em;margin:15px 0 0 0;}
BODY#mapa DIV#contenido P{margin:10px 0 10px 0}
BODY#mapa DIV#contenido P#ruta{margin:15px auto auto auto}
BODY#mapa DIV#contenido UL LI{margin-bottom:10px}
BODY#mapa DIV#padding.cuerpolargo{padding-bottom:90px}
/* FIN MAPA RECURSOS*/

.versionaccesible{text-align:right;margin:0;padding:0 8px 0 0}

DIV#pie{font-size:.9em;clear:both;color:#ACACAC;background:url(../img/bordes_pie.gif) repeat-x top left;padding-top:11px;padding-bottom:15px;margin-bottom:20px;width:660px;margin:auto;text-align:left}
	DIV#pie A{color:#ACACAC;text-decoration:none}
	DIV#pie A:hover{text-decoration: underline}
	DIV#pie SPAN{float:right}