/* hoja de estilos par Calcula todos los pasos */
.hide {display:none}
.clear {clear:both}
/* Estructura general de la pagina */
body {font-family:Arial, Verdana, Helvetica, sans-serif;font-size:65.50%;margin:0;padding:0;background:#fff; color:#666; margin:0px;}
#contenedor {position:relative; width:745px; margin:50px auto 0 auto; }
.paso01 {background:url(../img/calcula_paso01.jpg) 0 0 no-repeat}
.paso02 {background:url(../img/calcula_paso02.jpg) 0 0 no-repeat}
.paso03 {background:url(../img/calcula_paso03.jpg) 0 0 no-repeat}
.resultado {background:url(../img/calcula_resultado.jpg) 0 0 no-repeat}
.resultado2 {background:url(../img/calcula_resultado2.jpg) 0 0 no-repeat}
#contenedor #cabecera {position:relative}
#contenedor #cabecera .pad {position:absolute; top:-17px; left:300px; font-family:Arial, Helvetica, sans-serif; font-size:10px}
#contenedor #cabecera .pad a {color:#666}
#contenedor #cabecera .logo {position:absolute; top:-70px; left:0;}
#contenedor #cabecera .logo {*top:-50px}
#contenedor #contenido { padding:287px 0 90px 260px; width:443px}
#contenedor.paso03 #contenido { padding:247px 0 100px 260px; width:443px}
#contenedor.resultado #contenido { padding:300px 0 90px 260px; width:443px}
#contenedor.paso01 #pie{*margin-top:-20px}
#contenedor.paso02 #pie{*margin-top:-20px}
.resultado #pie p {width:100%}
.resultado p {width:334px; font-size:11px}
p { padding:0 0 6px 0; margin:0;}

/* TITULOS */
#contenedor #contenido .admin { background:url(../img/tit_datos_admin.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:40px; margin-bottom:20px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}
#contenedor #contenido .comunidad { background:url(../img/tit_datos_comuni.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:50px; margin-bottom:20px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}
#contenedor #contenido .lecturas { background:url(../img/tit_lecturas02.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:20px; margin-bottom:10px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}
#contenedor #contenido .viviendas { background:url(../img/tit_viviendas.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:20px; margin-bottom:10px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}
#contenedor #contenido .combustible { background:url(../img/tit_combustible.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:20px; margin-bottom:10px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}
#contenedor #contenido .agua { background:url(../img/tit_agua.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:20px; margin-bottom:10px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}
#contenedor #contenido .electricidad { background:url(../img/tit_electricidad.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:20px; margin-bottom:10px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}
#contenedor #contenido .mantenimiento { background:url(../img/tit_mantenimiento.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:20px; margin-bottom:10px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}
#contenedor #contenido .reparaciones { background:url(../img/tit_reparaciones.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:20px; margin-bottom:10px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}
#contenedor #contenido .factura { background:url(../img/tit_factura.jpg) 0 0 no-repeat; text-indent:-10000px; margin-top:20px; margin-bottom:10px; padding:0 0 5px 0; border-bottom:1px solid #4e6aa3}

/* Botones */
.paso02 .botonera {*margin-top:20px}
.paso03 .botonera {*margin-top:10px; *padding:14px 0 0px 0}
.botonera { position:static; border-top:1px solid #d8d9db; margin-top:35px; padding:24px 0 20px 0}
.botonera a.btcontinuar { display:block; float:right; margin:0 0px 0 0; padding:0 40px 0 0; text-indent:-100000px; background:url(../img/bt_continuar.gif) 0 0 no-repeat; width:81px; height:17px}
.botonera a.btvolver { display:block; float:left; margin:0; padding:0; text-indent:-100000px; background:url(../img/bt_volver.gif) 0 0 no-repeat; width:61px; height:17px}
a.btportada { display:block; float:right; margin:80px 0px 0 0; padding:20px 40px 0 0; text-indent:-100000px; background:url(../img/bt_portada.jpg) 0 0 no-repeat; width:115px; height:17px}

/* Formularios  */
.ml20 {margin:0 0 0 20px}
.disabled {color:#cacaca}
.enabled {color:#666}
.text {margin:-5px 0 5px 0px}
.nota { font-size:10px; margin:-4px 0 0px 0; padding:0 0 10px 0; display:block}
.info { font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#969494; float:left; margin:0px 0 0px 0; padding:4px 0 0px 0; display:block}
#contenedor.paso02 .formulario {margin:0 0 0 15px}

.formulario { font-size:1.01em}
.formulario .fila {display:block; width:100%; clear:both; margin:0; padding:0 0 5px 0; min-height:18px; float:none}
.formulario .filabaja {display:block; width:100%; clear:both; margin:0 0 -3px 0; padding:0; min-height:18px; float:none}
.formulario .filalabels {display:block; width:100%; clear:both; margin:0; padding:0 0 5px 0; height:12px; float:none}
.formulario .multilinea {position:relative; top:15px; margin-top:-15px; width:150px}
.formulario .infocheck {width:334px; padding:0; margin:-2px 0 3px 16px; float:none; clear:both; font-size:10px; display:block}
.formulario textarea {float:left; font-family:Verdana, Arial, Helvetica, sans-seriff; width:194px; height:100px; font-size:1em; font-weight:normal; background-color:#ffffff; color:#7f7f7f; border:1px solid #878686; padding:2px 1px 3px 3px; margin:0 4px 3px 0}
.formulario fieldset {float:left; border:none; height:auto; margin:0 7px 0 0; padding:0}
.formulario select {float:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:200px; height:18px; font-size:1em; font-weight:normal; background-color:#ffffff; color:#7f7f7f; border:1px solid #878686; padding:0; margin:0 4px 0 0}
.formulario option {padding:0 0 0 5px; margin:0 0 3px 0}
.formulario input.caja {float:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:194px; height:12px; font-size:1em; font-weight:normal; background-color:#ffffff; color:#7f7f7f; border:1px solid #666666; padding:2px 1px 3px 3px; margin:0 4px 0 0}
.formulario input.rb {display:block; float:left; background:none; border:none; width:14px; padding:0; margin:2px 2px 0px 0}
.formulario input.cb {display:block; float:left; background:none; border:none; width:14px; padding:0; margin:2px 2px 0px 0}
.formulario p.fila input.btn-bk,
.formulario p.fila input.btn-bl,
.formulario p.fila input.btn-wt,
.formulario p.fila input.btn-rd {margin:0}
.formulario label {display:block; padding:0 0 5px 0; margin:0 9px 0 0}
.paso03 .formulario label.izq,
.paso03 .formulario span.izq {display:block; float:left; width:220px; margin:2px 8px 0 0; padding:0; text-align:right}
.formulario label.izq,
.formulario span.izq {display:block; float:left; width:150px; margin:2px 8px 0 0; padding:0; text-align:right}
.formulario input.long1 {width:35px}
.formulario input.long2 {width:64px}
.formulario input.long3 {width:107px}  /* Longitud por defecto */
.formulario input.long4 {width:169px}
.formulario input.long5 {width:324px}
.formulario select.long1 {display:block; float:left; width:41px}
.formulario select.long2 {display:block; float:left; width:68px}
.formulario select.long3 {display:block; float:left; width:112px}
.formulario select.long4 {display:block; float:left; width:173px}
.formulario select.long5 {display:block; float:left; width:330px}
.formulario textarea.long1 {display:block; float:left; width:35px}
.formulario textarea.long2 {display:block; float:left; width:64px}
.formulario textarea.long3 {display:block; float:left; width:107px}
.formulario textarea.long4 {display:block; float:left; width:169px}
.formulario textarea.long5 {display:block; float:left; width:324px}
.formulario label.long1 {display:block; float:left; width:39px; margin:3px 0 0 0}
.formulario label.long2 {display:block; float:left; width:64px; margin:3px 0 0 0}
.formulario label.long3 {display:block; float:left; width:107px; margin:3px 0 0 0}
.formulario label.long4 {display:block; float:left; width:169px; margin:3px 0 0 0}
.formulario label.long5 {display:block; float:left; width:328px; margin:3px 0 0 0}
.formulario label.longlibre {display:block; float:left; margin:3px 9px 0 0}
.formulario span.long1 {display:block; float:left; width:39px; margin:3px 0 0 0}
.formulario span.long2 {display:block; float:left; width:64px; margin:3px 0 0 0}
.formulario span.long3 {display:block; float:left; width:107px; margin:3px 0 0 0}
.formulario span.long4 {display:block; float:left; width:169px; margin:3px 0 0 0}
.formulario span.long5 {display:block; float:left; width:328px; margin:3px 0 0 0}
.formulario span.longlibre {display:block; float:left; margin:3px 9px 0 0}
.formulario span.alineador {float:right}