/* CSS Document */
/*-------------estructura con tapete de fondo----------------*/
#estructura-co2{background:#930 url(../../imgs/ahorraenergia/bk.jpg) top right repeat;width:100%;overflow:hidden;margin:1em 0 0 0;padding:2.5em;}


/*-------------BOTON CALCULADORA PORTADA---------------*/
#estructura-co2 .btn-calculadora{text-align:right;width:100%;color:#fff;}
#estructura-co2 .btn-calculadora a{background:url(../../imgs/ahorraenergia/az.btn-calcular.gif) top left repeat;padding:0.3em;font-size:0.7em;font-weight:normal;color:#fff !important;text-transform:uppercase;}


/*-------------columna de la izquierda----------------*/
#estructura-co2 .col-a{float:left;width:57%;margin-right:3%;}
#estructura-co2 .col-a h1 a{display:block;width:100%;padding-bottom:20%;margin-bottom:2%;}
#estructura-co2 .col-a h1 a{background:url(../../imgs/ahorraenergia/es/logo.gif) top left no-repeat;}
#estructura-co2 .col-a h1.eu a{background-image:url(../../imgs/ahorraenergia/eu/logo.gif);}
#estructura-co2 .col-a h1.ca a{background-image:url(../../imgs/ahorraenergia/ca/logo.gif);}
#estructura-co2 .col-a h1.ga a{background-image:url(../../imgs/ahorraenergia/ga/logo.gif);}
#estructura-co2 .col-a h1 span{display:none;}


/*-------------columna de la izquierda----------------*/
#estructura-co2 .col-b{float:left;width:34%;}
#estructura-co2 .col-b img.enchufe{width:99%;margin-bottom:1em;}
#estructura-co2 #ae-subtitulo, #estructura-co2 .col-b h2{color:#fff;font-size:1.8em;line-height:0.9em;}

#estructura-co2 .complemento-h2{color:#fff;font-size:1.5em;}
#estructura-co2 .complemento-h2 span{background:#fff;color:#900;}

#estructura-co2 .col-a h2{color:#e20a16;font-size:2.3em;margin:0;padding:0;}
#estructura-co2 .col-a h3{color:#e20a16;font-size:1.8em;margin:0;padding:0;}

/* --------------------------para páginas interiores--------------------------*/

.secciones{width:90%;padding:5%;background:#f1f1f1 url(../../imgs/ahorraenergia/az.portada.gif) bottom left no-repeat;}
.secciones img.etiqueta{float:left; width:18.4em;margin:1em 1em 1em 0;}
.secciones img.completa-interiores{width:98%;margin:1em 0;}
.secciones img.media-interiores{width:39%;float:left;margin:0 1.8em 1em 0;}
.secciones img.logos{width:39%;padding:0.3em;border:0.4em solid #ccc;float:left;margin:0 1em 1em 0;}
.secciones ul{list-style:none;margin:0.5em;}
.secciones ul li{background:url(../../imgs/ahorraenergia/fle.roja.gif) 0.8em 0 no-repeat;padding-left:1.6em;margin-bottom:0.8em;}
.entradilla{color:#999;font-weight:bold;font-size:1.6em;margin:1em;}


/* --------------------------para bloque que hace eroski lateral--------------------------*/
.bloque-eroski-lateral{color:#fff;background:#8c1413;border:0.6em solid #999;width:90%;padding:5%;}
.bloque-eroski-lateral p{font-size:1.3em;line-height:1.1em;}
.bloque-eroski-lateral a{color:#fff;font-size:0.85em;text-decoration:none;}
.bloque-eroski-lateral a:hover{color:#e20a16;}


/* --------------------------para menu lateral--------------------------*/
.menu-lateral{background:#8c1413;border:0.6em solid #999;width:90%;padding:5%;}
.menu-lateral ul{list-style:none;margin:0;padding:5%;}
.menu-lateral ul li{border-bottom:0.08em dotted #999;margin-bottom:0.8em;}
.menu-lateral ul li a{color:#fff;font-size:1.2em;font-weight:bold;text-decoration:none;}
.menu-lateral ul li.calculadora a{font-size:1.5em;}
.menu-laterla ul li a:hover{text-decoration:underline;}

.pdf-descarga{width:97%;margin:1em 0;background:#d30014;padding:4%;}
.pdf-descarga img{width:100%;margin-bottom:1em;}
.pdf-descarga p{font-size:1.4em;color:#fff;font-weight:bold;}
.pdf-descarga p span{font-size:0.7em;font-weight:normal;}
.pdf-descarga .descargar {font-size:0.9em;font-weight:normal;}
.pdf-descarga .descargar a{color:#fff;text-decoration:underline;}


.flash-stopco2{width:99%;margin:1em 0;background:#fff;}

/* --------------------------para portada--------------------------*/
#estructura-co2 .bloques{width:100%;list-style:none;margin:0;}
#estructura-co2 .bloques li{margin-top:2em;background:none;}
#estructura-co2 .bloques li img.completa-portada{width:98%;}
#estructura-co2 .bloques h2 a{font-size:0.7em;color:#e20a16;text-decoration:none;}
#estructura-co2 .bloques a:hover{color:#999;}
#estructura-co2 .bloques p{background:url(../../imgs/ahorraenergia/fle.roja.gif) 0.6em 0.2em no-repeat;padding-left:1.4em;}
#estructura-co2 .bloques p{margin-top:1em;}
#estructura-co2 .bloques li.calculadora-portada{border:0.083em solid #ccc;padding:5%;background:#f2f2f2/* url(../../imgs/ahorraenergia/az.bk-calculadora-portada.jpg) top right no-repeat*/;margin-top:0;}
#estructura-co2 .bloques li.calculadora-portada h2{font-size:2.5em;}
#estructura-co2 .bloques li.calculadora-portada h2 a{color:#e20a16;font-size:1.2em;}
#estructura-co2 .bloques li.calculadora-portada h2 a sub{font-size:0.4em;line-height:0.2em;}
#estructura-co2 .bloques li.calculadora-portada h2 a:hover{color:#999;} 
#estructura-co2 .bloques li.calculadora-portada p{background:none;font-size:1.4em;line-height:0.9em;font-weight:bold;margin:0;padding:0;}
#estructura-co2 .bloques li.calculadora-portada p a{color:#999;}
#estructura-co2 .bloques li.calculadora-portada p a strong{color:#e20a16;}
#estructura-co2 .bloques li.calculadora-portada a{text-decoration:none;}
#estructura-co2 .bloques li.seleccionado{background:#d7d7d7;padding:1%;}
#estructura-co2 .bloques .sigue{text-align:right;font-size:0.9em;font-style:italic;font-weight:bold;}
#estructura-co2 .bloques .sigue a{text-decoration:none;color:#e20a16;}
#estructura-co2 .bloques .sigue a span{font-size:0.7em;}
#estructura-co2 .bloques .sigue a:hover{color:#999;}
#estructura-co2 .bloques li ul li{background:#fff;border:0.08em solid #ccc;padding:2%;margin:0.3em 0 0 0;width:95%;overflow:hidden;}
#estructura-co2 .bloques li ul li h3 a{font-size:0.7em;color:#e20a16;text-decoration:none;}
#estructura-co2 .bloques li ul li a:hover{color:#999;}
#estructura-co2 .bloques li ul li p{margin:0;padding:0;background:none;}
#estructura-co2 .bloques li ul li p.cargo{margin:0;padding:0;background:none;}
#estructura-co2 .bloques li ul li p a{color:#e20a16;text-decoration:none;}
#estructura-co2 .bloques li ul li blockquote{font-size:1.5em;color:#999;font-style:italic;font-family:georgia,arial,helvetica,verdana,sans-serif;padding:0.4em 1.2em;}
#estructura-co2 .bloques li ul li div{width:25%;float:left;}
#estructura-co2 .bloques li ul li div img{width:8em;}
#estructura-co2 .bloques li ul li div.content{width:73%;float:left;}


/* --------------------------para entrevistas--------------------------*/
#estructura-co2 .entrevistas{width:100%;list-style:none;margin:2em 0 0 0;}
#estructura-co2 .entrevistas li{margin:0 0 2.6em 0;padding-left:0;background:none; border-bottom:0.5em solid #ccc;}
#estructura-co2 .entrevistas img{width:39%;float:left;margin:0 1em 1em 0;}
#estructura-co2 .entrevistas h3{font-size:1.6em;color:#e20a16;}
#estructura-co2 .entrevistas p.cargo{font-size:1.2em;color:#999;font-weight:bold;margin:0;padding:0;}
#estructura-co2 .entrevistas blockquote{font-size:1.8em;color:#333;font-style:italic;font-family:georgia,arial,helvetica,verdana,sans-serif;padding:0.4em 1.2em;}





/* ---------- Menu ------------------------------------------------------------------------------- */
#menu{vertical-align:top;margin-bottom:2%;clear:both;}
#menu ul{width:46em;height:3em;list-style:none;margin:0;padding:0;}
#menu li{float:left;list-style:none;margin:0;padding:0;}
#menu li a span{display:none;}
a.menu{background:url(../../imgs/ahorraenergia/es/menu-ahorraenergia.jpg) top right no-repeat;float:left;display:block;height:3em;text-decoration:none;margin:0;padding:0;}
a.menu.eu{background-image:url(../../imgs/ahorraenergia/eu/menu-ahorraenergia.jpg)}
a.menu.ca{background-image:url(../../imgs/ahorraenergia/ca/menu-ahorraenergia.jpg)}
a.menu.ga{background-image:url(../../imgs/ahorraenergia/ga/menu-ahorraenergia.jpg)}

a.menu1{background-position:0 0;width:11.25em;height:3.0833em;}
a.menu1:hover, a.menu1_on{background-position:0 -4.8em;width:11.25em;height:3.0833em;}

a.menu2{background-position:-11.25em 0;width:12em;height:3.0833em;}
a.menu2:hover, a.menu2_on{background-position:-11.25em -4.8em;width:12em;height:3.0833em;}

a.menu3{background-position:-23.5833em 0;width:11em;height:3.0833em;}
a.menu3:hover, a.menu3_on{background-position:-23.5833em -4.8em;width:11em;height:3.0833em;}

a.menu4{background-position:-35.333em 0;width:11em;height:3.0833em;}
a.menu4:hover, a.menu4_on{background-position:-35.333em -4.8em;width:11em;height:3.0833em;}

/* ---------- formularios ------------------------------------------------------------------------------- */
.form-pregunta{width:90%;background:#fff;padding:5%;margin-bottom:0.1em;}
.pregunta{color:#000;font-size:1.7em;line-height:1.1em;}
.pregunta span{color:#e20a16;font-size:0.5em;padding:0;margin:0;}

label.respuesta{color:#e20a16;font-weight:bold;font-size:1.1em;}
input, label{margin-right:0.5em;}

.form-respuestas{width:90%;background:#e0e3c7 url(../../imgs/ahorraenergia/bk-form-respuestas.gif) bottom left no-repeat;padding:5%;margin-bottom:0.1em;}
.form-respuestas .tit-respuestas{font-size:1.5em;color:#000;}
.form-respuestas fieldset{border:none;padding:0;margin:0.8em 0 0 0;}
.form-respuestas fieldset legend{color:#666;font-size:1.2em;font-weight:bold;margin:0;clear:both;}
.form-respuestas fieldset label{display:block;clear:both;float:left;text-align:right;width:9em;margin-right:1em;color:#000;margin-top:0.2em;line-height:1.2em;}
.form-respuestas input{width:7em;margin-bottom:0.5em;border:1px solid #ccc;}
.form-respuestas select{width:18em;margin-bottom:0.5em;border:1px solid #ccc;}
.form-respuestas .corto{width:7em;}
.form-respuestas ul{list-style:none;overflow:hidden}
.form-respuestas li{overflow:hidden}
.form-respuestas fieldset ul.ae-checkboxes li label{display:inline;float:none;text-align:left;}

p.btn-calcular{width:100%;overflow:hidden;}
input.calcular{width:17%;float:right;margin-bottom:2%;background:#70110d url(../../imgs/ahorraenergia/az.btn-calcular.gif) top left repeat-x;color:#fff;padding:0.5em;}

div.resultados p{text-align:center}
div.resultados .principal{font-size:1.4em;color:#000;}
div.resultados span{font-size:1.4em;}
div.resultados span.ae-resultados-excelente{color:#1FAE02;}
div.resultados span.ae-resultados-medio{color:#369;}
div.resultados span.ae-resultados-excesivo{color:#e20a16;}
div.resultados span.ae-resultados-on{font-size:1.8em;line-height:1em;background-color:#fff}
div.resultados .principal span{font-size:1.3em;color:#000;}

div.recomendacion {font-size:1.4em;padding:5%;color:#fff;background:#b21d1b;}
div.recomendacion p strong{width:70%;padding:2%;}


.ver-mas{width:96%;background:#fff;padding:2%;margin-bottom:0.1em;}
.ver-mas p{font-size:1.6em;text-align:right;margin:0;padding:0;}
.ver-mas p a{color:#e20a16;text-decoration:none;}
.ver-mas p a span{font-size:0.6em;}
#ae-residuos-ver-mas2{margin-bottom:1em}
#ae-residuos-ver-mas2 p{text-align:center;}

#ae-residuos-link-total{margin:0 auto;text-align:center;width:70%;padding:2%;color:#fff;background:#70110d url(../../imgs/ahorraenergia/az.btn-calcular.gif) top left repeat-x;border:1em solid #d5d7bd;margin:0 4em 2em 4em;}
#ae-residuos-link-total a{font-size:1.4em;line-height:1.2em;color:#fff;font-weight:bold}

/* ultima pantalla de resultados */
#ae-total-result{font-size:1.3em;text-align:center;font-weight:bold;background:#fff}
#ae-total-result-total{font-size:4em;line-height:1.2em;color:#70110d;}

#ae-group5 ul{margin:1em 0 2em 0;padding:0;border-bottom:0.1em solid #ccc;background-color:#efefef}
#ae-group5 li{overflow:hidden;width:100%;margin:0;padding:0.5em 0;border-top:0.1em solid #ccc}
#ae-group5 li strong{display:block;float:left;width:25%;text-align:right;}
#ae-group5 li div{display:block;float:right;width:70%;}
#ae-total-calefaccion-euros,#ae-total-electricidad-euros{font-weight:bold;}
#ae-total-email{width:15em}
#ae-total-email-enviar{width:auto;float:none;margin:0;}

#ae-total-email-enviado{margin:1em auto;text-align:center;font-weight:bold;width:70%;padding:2%;color:#fff;background-color:#C00003;border:0.1em solid #d5d7bd;}


/* ---------- resultados cajetin  ------------------------------------------------------------------------------- */
.resultados-cajetin{margin:1em 0;background:#bfc494 url(../../imgs/ahorraenergia/bk.resultados-cajetin.gif) top left no-repeat;}
.resultados-cajetin table{width:100%;border-collapse:collapse;}
.resultados-cajetin table thead{display:none;}
.resultados-cajetin table tbody{font-size:1.5em;color:#000;}
.resultados-cajetin table tbody th{text-align:left;padding:0.4em;}
.resultados-cajetin table tbody td{font-weight:bold;text-align:right;padding:0.4em;}
.resultados-cajetin table tfoot{background:#999e6e;font-size:1.5em;color:#fff;}
.resultados-cajetin table tfoot th{text-align:left;padding:0.4em;}
.resultados-cajetin table tfoot td{text-align:right;padding:0.4em;}

/* ---------- escuelas  ------------------------------------------------------------------------------- */
ul.escuelas-listado{width:100%;margin:0.5em 0;overflow:hidden;}
ul.escuelas-listado li{width:25%;float:left;margin:0 2% 3% 0;background:none;padding:0 2% 0 0;border-right:1em solid #ccc;}
ul.escuelas-listado h4{font-size:1.6em;color:#999;}


/* ----------------- pie ----------------*/
.pie-co2{width:97.3%;clear:both;border:1.2em solid #ededed;}
.pie-co2 p{display:none;width:100%;padding:2.5em;background:#e2241c;clear:both;}
.pie-co2 ul{list-style:none;width:100%;text-align:center;margin:1em 0;}
.pie-co2 ul li{display:inline;margin-right:1em;}
.pie-co2 ul li img{vertical-align:middle;}
.pie-co2 ul li a{border:none;}