@charset "utf-8";
/* CSS Document */
* {margin:0px; padding:0px}
body {background: #cbe1e7 url(../img/fondo_web_1.jpg) no-repeat center top; font-size:62.5%;font-family: Arial, Helvetica, sans-serif}
a {text-decoration:none; color:#5683bc}
a:hover {text-decoration:underline}
h1 {text-indent:-9999px; position:fixed; font-size:.01em}
img, fieldset {border:none}
.left {float:left}
.imagenes {float:left; margin:0 1.6em 0.7em 0}

h1#home {display:block; text-indent:0px; font-size:2.4em; font-family:"Arial Narrow", Arial; position:relative}
#cont_gral {margin:0 auto; width:978px; height:auto}

#cabecera {width:964px; background:url(../img/sombra.png) repeat-y; height:auto; float:left; padding:0 7px}
#cabecera #tlfcontact { font-size: 1.6em; padding:.5em 34px 1em 0; text-align:right; background:url(../img/bg-tlf.gif) no-repeat 710px top}
#cabecera_logo {float:left; padding:30px 0 10px 25px; width:auto}
ul#cabecera_naveg  {float:right; font:bold 1.4em Arial, Helvetica, sans-serif; padding: 15px 25px 0 0; list-style:none}
ul#cabecera_naveg li{float:left}
ul#cabecera_naveg li a {float:left}
ul#cabecera_naveg li a:hover {text-decoration:underline; color:#000}
ul#cabecera_naveg .separa {color:#e4e4e4; padding:0 8px; float:none}

#bloq_imag_home {width:100%; float:left; height:259px; background:url(../img/img_cabeza_home.jpg) no-repeat; margin:0px;}
.bloq_imag_secc1 {width:100%; float:left; height:164px; background:url(../img/imgsecc1.jpg) no-repeat; margin:0px}
.bloq_imag_secc2 {width:100%; float:left; height:164px; background:url(../img/imgsecc2.jpg) no-repeat; margin:0px}
.bloq_imag_secc3 {width:100%; float:left; height:164px; background:url(../img/imgsecc3.jpg) no-repeat; margin:0px}
.bloq_imag_secc4 {width:100%; float:left; height:164px; background:url(../img/imgsecc4.jpg) no-repeat; margin:0px}
.bloq_imag_secc5 {width:100%; float:left; height:164px; background:url(../img/imgsecc5.jpg) no-repeat; margin:0px}
.bloq_imag_secc6 {width:100%; float:left; height:164px; background:url(../img/imgsecc6.jpg) no-repeat; margin:0px}
.bloq_imag_secc7 {width:100%; float:left; height:164px; background:url(../img/imgsecc7.jpg) no-repeat; margin:0px}

#menu_hd {position:relative; width:auto; height:30px; top:230px; list-style:none; padding: 0 0 0 29px}
#menu_hd_secc {position:relative; width:auto; height:29px; top:135px; list-style:none; padding: 0 0 0 29px}
#menu_hd li, #menu_hd_secc li {float:left; margin-right:65px}
#menu_hd li.ultimo, #menu_hd_secc li.ultimo{margin-right:0px}
#menu_hd li a, #menu_hd_secc li a {display:block; height:25px; float:left; margin-top:4px}
#menu_hd span, #menu_hd_secc span {display:none}

li.op_01 a {background: url(../img/op_menu_01.gif) no-repeat; width:48px}
li.op_02 a {background: url(../img/op_menu_02.gif) no-repeat; width:81px}
li.op_03 a {background: url(../img/op_menu_03.gif) no-repeat; width:96px}
li.op_04 a {background: url(../img/op_menu_04.gif) no-repeat; width:73px}
li.op_05 a {background: url(../img/op_menu_05.gif) no-repeat; width:123px}
li.op_06 a {background: url(../img/op_menu_06.gif) no-repeat; width:161px}

li.op_01 a:hover, li.op_01 a.activo {background: url(../img/op_menu_01.gif) no-repeat 0 -25px; width:48px}
li.op_02 a:hover, li.op_02 a.activo {background: url(../img/op_menu_02.gif) no-repeat 0 -25px; width:81px}
li.op_03 a:hover, li.op_03 a.activo {background: url(../img/op_menu_03.gif) no-repeat 0 -25px; width:96px}
li.op_04 a:hover, li.op_04 a.activo {background: url(../img/op_menu_04.gif) no-repeat 0 -25px; width:73px}
li.op_05 a:hover, li.op_05 a.activo {background: url(../img/op_menu_05.gif) no-repeat 0 -25px; width:123px}
li.op_06 a:hover, li.op_06 a.activo {background: url(../img/op_menu_06.gif) no-repeat 0 -25px; width:161px}

#cierre {background: url(../img/cierre.png) no-repeat; float:left; width:100%; height:13px;}

#cuerpo {float:left; width:939px; background:#fff; margin:0 7px; display:inline; padding:0px 0 30px 25px;font-size:1.2em; line-height:1.4em; color:#666}
#cuerpo #intro {font-size:1.2em}
#cuerpo #bloq_iz {float:left; width:228px; padding:10px 30px 10px 10px; margin-top:20px}
#cuerpo #bloq_iz_lin {float:left; width:268px; border-right:dotted 1px #ccc; height:100%; padding-top:10px; margin-top:20px}
#cuerpo #bloq_iz ul, #cuerpo #bloq_iz_red ul {list-style:none}
#cuerpo #bloq_iz li, #cuerpo #bloq_iz_red li {line-height:1.3em; padding:1em 0 0 .3em}
#cuerpo #bloq_iz h2 {font: 1.3em "Arial Narrow", Arial, sans-serif}
#cuerpo #bloq_iz #reg {font-size:0.6em}
#cuerpo #bloq_iz p {font:.9em Tahoma, Geneva, sans-serif}
#cuerpo #bloq_iz h2 span {font-size:1.3em;}

#cuerpo #bloq_iz_red {float:left; width:206px; padding:10px 40px 10px 10px; margin-top:20px}
#cuerpo #bloq_iz_red h2{font-size:1.3em}
#cuerpo #bloq_iz_red h3{font-size:1.2em}

#cuerpo #bloq_dr {float:left; width:671px; height:100%}
#cuerpo #bloq_dr h2, #cuerpo #bloq_dr_secc h2 {font:normal 1.8em "Arial Narrow", Tahoma, sans-serif; color:#666}
#cuerpo #bloq_dr_iz {float:left; width:57%; margin:20px 0 0 0; border-left:dotted 1px #ccc;padding:0 0 0 25px}
#cuerpo #bloq_dr_iz a, #cuerpo #bloq_dr_iz_big a {text-decoration:underline}
#cuerpo #bloq_dr_iz ul, #bloq_dr_iz_secc ul, #cuerpo #bloq_dr_iz_big ul {list-style:none}
#cuerpo #bloq_dr_iz ul li, #bloq_dr_iz_secc li, #cuerpo #bloq_dr_iz_big li{font:bold .9em Tahoma, sans-serif; line-height:1.8em; color:#5683bc; padding:0 0 .6em .8em; background:url(../img/puntero.gif) no-repeat 0 .7em}
#cuerpo #bloq_dr_dr {float:right; width:240px; height:100%; background:#fafaf3; padding:20px 0 0 0}

#cuerpo #bloq_dr_secc {float:left; width:100%; height:100%}
#cuerpo #bloq_dr_iz_secc {float:left; width:70%; margin:20px 0 0 0; padding:0 0 0 25px}
#cuerpo #bloq_dr_iz_big {float:left; width:91%; margin:20px 0 0 0; border-left:dotted 1px #ccc;padding:0 0 0 35px; display:inline}
#cuerpo #bloq_dr_iz_big h3 {border-bottom:solid 1px #ccc; color:#666; font-size:1.2em}

.bloq_suger {float:left; padding:20px 20px 20px; font:normal 1em/1.4em Tahoma, Geneva, sans-serif; color:#65704e;}
.bloq_suger h3 {padding-bottom:1em; color:#799145; font-size:1.2em}
.bloq_suger a{float:left; background: url(../img/fondmas.gif) no-repeat; height:22px; width:100%; text-align:right; padding-top:10px; color:#767676; font-weight:bold; border-bottom:dotted 1px #b1b1ac}
.punta {color:#89b32c; font-size:1.2em}
.bloq_suger a:hover {text-decoration:underline; color:#000}

#bann_ayuda {width:82%; background:#fff; float:left;padding:20px;}
#bann_ayuda img, #bann_distri img {float:left; margin-right:1em}
#bann_ayuda a {color:#5683bc;font-weight: bold;}
#bann_ayuda p {padding-top:.0em}
#bann_ayuda span {line-height:1.5em; font-size:1.2em; font-weight:bold}
#bann_ayuda h4 {font-size:1em}
#bann_ayuda h3 {font-size:1.2em}
.linea {border-top:dotted 1px #ccc}
.verde {color:#339966}
#bann_distri {background:#fff; float:left;padding:20px; font-size:1.4em}
/* bloques preguntas */
.question {float:left; width:90%; margin-top:2em; display:inline; margin-left:2em}
.num_quest {float:left; width:50px; height:90px; font:bold 4em "Arial Narrow", Arial, sans-serif; padding-top:0em; color:#B7D5F7}

.question dl {margin-left:50px}
.question dt {font:bold 1.2em Arial, sans-serif; padding-bottom:.8em}

#form label {float:left; clear:both; width:100%; padding:5px 0px}
#form .inputs{float: left; width:157px}
#form input, #form select, #form textarea {border:solid 1px #CCD9EC}
#form legend {margin-bottom:8px; font: bold 1.2em Arial, Helvetica, sans-serif}
#form .cuadrosform {width:220px}
ul#destaca, div.distrib {display:block; clear:both}
ul#destaca li{ width:45%; float:left; list-style:none; background:none; padding:0px; margin:0 0 2.5em 2em; font-size:1em; line-height:1.5em }
ul#destaca li a {display:block; padding-left:6em; height:60px}
ul#destaca li a#ahorro { background:url(../img/sprite-home.gif) no-repeat -12px -15px}
ul#destaca li a#instala { background:url(../img/sprite-home.gif) no-repeat -12px -86px}
ul#destaca li a#seguro { background:url(../img/sprite-home.gif) no-repeat -10px -154px}
ul#destaca li a#energia { background:url(../img/sprite-home.gif) no-repeat -12px -219px}
ul#destaca li a:hover {text-decoration:none}
ul#destaca li a#ahorro:hover { background:url(../img/sprite-home.gif) no-repeat -12px -295px}
ul#destaca li a#instala:hover { background:url(../img/sprite-home.gif) no-repeat -12px -366px}
ul#destaca li a#seguro:hover { background:url(../img/sprite-home.gif) no-repeat -10px -434px}
ul#destaca li a#energia:hover { background:url(../img/sprite-home.gif) no-repeat -12px -499px}
div.distrib span {float:left; width:46%; display:block; padding-bottom:1.4em; padding-left:2em}
div.distrib span.blue {background:url(../MAPS/blue.png) no-repeat 0 8px}
div.distrib span.red {background:url(../MAPS/red.png) no-repeat 0 8px}
#pie {float:left; width:100%; background:#FAFAF3; width:964px; margin:0 7px; display:inline; padding:9px 0; text-align:center; color:#848484; border-top:solid 2px #B3DC5B; margin-top:1px}