*{margin:0;padding:0}

body{height:100%;min-height:98.4%;background:#fff;font:normal 75% Arial, Verdana, Helvetica, sans-serif;color:#444;text-align:center;}

input, textarea, select{padding:2px 0;border:1px solid #C1CBD6;font:normal 1em Arial, Verdana, Helvetica, sans-serif;color:#3B3A33;}
fieldset{border:0;margin:-5px 0 20px 0;}
strong.titulocampo, strong.titulocampo2, strong.titulocampo3{display:block;clear:both;margin:10px 0 0 5px;padding:0 0 15px 13px;background:transparent url(../../img/css/iconos/vineta2.gif) no-repeat 0 4px;font:bold 1.2em Trebuchet MS;color:#444;}

#titulocalendario{width:39.6%;float:left;margin:3px 0 10px;text-align:right;}
#cajacalendario{margin-left:41.5%}
.fechas img, #cajacalendario img{cursor:pointer}

label{width:99%;float:left;margin-bottom:7px;}
p.p100{margin-left:19px}
.div100{width:99%;float:left;margin-bottom:5px;}
.label50, .div50{width:49.5%;float:left;margin-bottom:7px;}
.labelauto{width:auto;margin:0 10px 0 20px;}
.labelauto input{margin:3px 0 0 10px}
label span, .div100 span, .div50 span{width:40%;float:left;margin:3px 2% 0 0;text-align:right;}
.div50 span, .div100 span{margin-top:0}
td div{width:auto;display:inline}

.left{clear:left;float:left}
.right{clear:right;float:right}

div.boton{clear:both;margin-top:15px;text-align:center;}
div.boton2{padding-top:10px;margin-top:6px;border-top:1px solid #F4F3EF;text-align:right;}
div.boton3{margin-top:-10px;text-align:right}
div.boton4{margin-top:-10px;text-align:center}
.boton input, .boton2 input, .boton3 input,  .boton4 input{height:22px;text-align:left;margin:0 5px;padding:0 5px 0 10px;border:0;background:transparent url(../../img/css/iconos/boton1.gif) no-repeat 0 0;font-weight:bold;cursor:pointer;font-size:.9em;color:#655f4c;}
div>/**/.boton input, div>/**/.boton2 input, div>/**/.boton3 input, div>/**/.boton4 input{padding-bottom:2px}

input.enviar{width:79px;}
input.justificar, input.pdfvacio{width:154px;background-image:url(../../img/css/iconos/boton2.gif);}
input.pdfvaciocumpli{width:184px;background-image:url(../../img/css/iconos/boton15.gif);}
input.pagar{width:75px;background-image:url(../../img/css/iconos/boton3.gif);}
input.consultar{width:96px;background-image:url(../../img/css/iconos/boton6.gif);}
input.consultarLargo{width:143px;background-image:url(../../img/css/iconos/boton2.gif);}
.domiciliacion input.justificar{width:170px;background-image:url(../../img/css/iconos/boton14.gif);}


.boton input{width:79px;margin:0 .5em;padding-right:0}
.boton input.cancelar{width:99px;background-image:url(../../img/css/iconos/boton4.gif);}
.boton input.aceptar{width:99px;background-image:url(../../img/css/iconos/boton5.gif);}

input.aceptar2{width:145px !important;background-image:url(../../img/css/iconos/boton13.gif) !important;}

.radios input{border:0;padding:0;margin:0 4px 0 7px}
.radios .div100 span{margin-top:3px}
.radios .labelauto{margin-left:0;}

span.asterisco{width:auto !important;float:none;margin:0 0 0 3px;color:#f60c38 !important;}
p.obligatorio{font-size:.9em;padding:5px 10px 10px;color:#f60c38}

div.botonDatos{padding-bottom:11px;text-align:center;margin:-1em 0 -2em 0;}
input.consultaDatos{width:75px;height:22px;background-image:url(../../img/css/iconos/boton8.gif); border:0;}
input.AtrasAdmin{margin-left:36em;margin-bottom:2em; width:75px;height:22px;background-image:url(../../img/css/iconos/boton8.gif); border:0;}

a{color:#0E5EAE;text-decoration:none;}
a:hover{text-decoration:underline;}

img{border:0;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none}
h2{font:normal 1.4em Trebuchet MS;}
h3{font:normal 1.4em Trebuchet MS;}
h3.titular{margin-bottom:15px}
h4{clear:left;margin:0 0 14px 0;padding-left:1em;background:transparent url(../../img/css/iconos/vineta2.gif) no-repeat 0 5px;font:bold 1.2em Trebuchet MS;color:#444;font-size:1.1em;}

ol{margin:0 0 0 4em;}
ol li{list-style-type:decimal;margin-bottom:5px}
ul{margin:10px 0 0 2em}
ul li{padding-left:1em;margin-bottom:10px;list-style-type:none;background:transparent url(../../img/css/iconos/vineta1.gif) no-repeat 0 5px}
ul li li{padding:0;background:none;font-size:.9em;}

table{background:#fff;border-collapse:collapse;border:0;}
caption{font-weight:bold;}
tr{border:0;}
th{min-height:15px !important;height:auto !important;height:15px;padding:8px .2em 6px 1.5em;background:transparent url(../../img/css/iconos/vineta2.gif) no-repeat .5em 11px;text-align:left;vertical-align:top;border-bottom:1px solid #fff}
td{min-height:15px !important;height:auto !important;height:15px;padding:8px .2em 6px 1.5em;vertical-align:top;border-right:2px solid #fff;}
tr.impar td, tr.impar th{background-color:#F4F3EF;}
tr.par td, tr.par th{background-color:#FFF;}

hr{display:none;border:0;}
.linea{height:1px;background:transparent url(../../img/css/portal/puntosH1.gif) repeat-x 0 50%;}

acronym{border-bottom:1px dashed #ccc;cursor:help;}
cite{cursor:help;}
blockquote{cursor:help;margin:0;}
kbd{line-height:2em;font:normal .8em "Lucida console", Courier, monospace;border-top:.15em solid #ccc;border-right:.25em solid #aaa;border-bottom:.3em solid #888;border-left:.2em solid #bbb;padding:.05em .2em;margin:0 1.5px;color:#000;background:#eee;vertical-align: text-bottom;cursor:help;}
em{font-style:normal;color:#C0000F;}
p{padding-bottom:15px;}
.hidden, .mensaje{position:absolute;top:0;left:0;z-index:-100;visibility:hidden}

/* +++++++++++++++++ 
   estructura
++++++++++++++++++ */
#cuerpo{width:940px;margin:5px auto 10px;text-align:left;}
#encabezado, #envoltura, #recurso, #situacion, #pie{width:100%;float:left;}
#encabezado{background:transparent url(../../img/css/portal/fondoCabecera.gif) repeat-x 0 0;text-align:center;}
#recurso{min-height:300px !important;height:auto !important;height:300px;line-height:1.4em}
#pie{width:94%;margin-top:15px;padding:10px 1% 7px 5%;border-top:4px solid #FFCC33;border-bottom:1px solid #FFCC33;background:transparent url(../../img/css/portal/fondoPie.gif) no-repeat 0 1px;font-size:.8em}

/* encabezado */
h1{float:left;clear:left;margin:0}
h1 img{float:left}
#atencion{float:right;clear:right}
#utilidades{margin:10px 0 30px}
#utilidades li{display:inline;padding:2px 0 2px 2.7em;background:transparent url() no-repeat 0 0;font-weight:bold;font-size:.9em;}
#utilidades #contacto{background-image:url(../../img/css/iconos/contacto.gif)}
#utilidades #imprimir{background-image:url(../../img/css/iconos/imprimir.gif)}
#utilidades a{color:#3B3A33;}

/* situacion */
#pactivo{width:100%;float:left;padding-bottom:1px;background:transparent url(../../img/css/portal/puntosH2.gif) repeat-x 0 100%;}
#pactivo .imgmenu{float:left;padding:1px 0}
#pactivo h2{float:right;margin:15px 0 0;}

/* utilidades  */
#zonautilidades{float:none;clear:both;text-align:right;margin:5px 0 10px;padding:2px 0 3px;background:transparent url(../../img/css/portal/puntogris_v.gif) no-repeat 100% 6px;}
#zonautilidades li{display:inline;float:none;padding:0 10px;background:transparent url(../../img/css/portal/puntogris_v.gif) no-repeat 0 3px;}
#zonautilidades li a{color:#000;font-size:.9em;font-weight:bold;}
#zonautilidades li a:hover{color:#69C;text-decoration:none}
#zonautilidades li#cerrarsesion a{padding-left:18px;background:transparent url(../../img/css/iconos/cerrar.gif) no-repeat 0 1px;}
#zonautilidades li#volver a{padding-left:18px;background:transparent url(../../img/css/iconos/volver.gif) no-repeat 0 1px;}

/* pie */
#pie{position:relative;z-index:0}
div>/**/#pie{z-index:0}
#pie a{color:#069;}
#pie address{font-style:normal;}
#pie ul{float:left;margin:0;background:transparent url(../../img/css/portal/puntosV1.gif) repeat-y 100% 0;}
#pie li{margin:0;padding:0 4em 0 2em;background:none;}
#pie #seccion1 li{padding-right:8em;}
#seccion4{position:absolute;right:.5em;top:9px}

/* +++++++++++++++++ 
   menú de servicios 
++++++++++++++++++ */
#menu{margin:0}
#menu li{width:160px;float:left;padding:2px 0 5px 55px;background:#fff url() no-repeat 0 0;font-family:Trebuchet MS;font-weight:bold;color:#0E5EAE;font-size:1.2em;}
#menu #m1{background-image:url(../../img/css/iconos/deudas.gif);}
#menu #m2{background-image:url(../../img/css/iconos/datos.gif);}
#menu #m3{background-image:url(../../img/css/iconos/censos.gif);}
#menu #m4{background-image:url(../../img/css/iconos/domiciliaciones.gif);}
#menu #m5{background-image:url(../../img/css/iconos/solicitudes.gif);}
#menu #m6{background-image:url(../../img/css/iconos/solicitudes.gif);}
#menu #m7{background-image:url(../../img/css/iconos/solicitudes.gif);}
#menu #m8{background-image:url(../../img/css/iconos/datos.gif);}
#menu #m9{background-image:url(../../img/css/iconos/deudas.gif);}
#menu #m10{background-image:url(../../img/css/iconos/deudas.gif);}
#menu #m11{background-image:url(../../img/css/iconos/deudas.gif);}
#menu #m12{background-image:url(../../img/css/iconos/deudas.gif);}
#menu #m13{background-image:url(../../img/css/iconos/deudas.gif);}
#menu #m14{background-image:url(../../img/css/iconos/deudas.gif);}
#menu li span{display:block;padding:4px 0 3px 0;background:transparent url(../../img/css/portal/puntosH1.gif) repeat-x 0 100%}
#menu li span span{padding:0 5% 0 0;background:transparent url(../../img/css/iconos/iconoOff.gif) no-repeat 100% 50%}

/* sin javascript */
#menu .submenu{width:100%;float:left;margin:0 !important;padding:11px 0 5px 0;}
#menu .submenu li{width:auto;float:none;margin-bottom:0;padding-left:1.5em;background:transparent url(../../img/css/iconos/vineta1.gif) no-repeat 0 5px;font-size:.75em;font-weight:normal;font-family:Arial;line-height:1.3em;}
#menu .submenu li li {font-size:.8em}
/* con javascript */
#menu li.mostrarhijos span{color:#F5B652;}
#menu li.mostrarhijos span span{background-image:url(../../img/css/iconos/iconoOn.gif) !important;}
#menu li.mostrarhijos ul{display:block !important;}

/* ayuda FRONT */
p.surprise{display:none;margin-bottom: 5px;font-size:.8em}
.ayuda, .ayuda2{padding-left:5px;cursor:pointer}
.ayuda2{padding:0;}

.botondoc{margin:-27px 0 10px}
.botondoc img{position:relative;vertical-align:middle;margin-top:-6px;padding:0 8px 0 10px}
.botondoc a{color:#557999;font-size:.9em;font-weight:bold;}
.botondoc a:hover{color:#69C;}