/* CSS Document */
/* css de la oficina virtual */

.banda-oficina{width:100%;height:25px;background:#edf1f2 url(../images/oficina/tit.oficina-virtual.gif) 10px 5px no-repeat;border-top:1px solid #50849f;border-bottom:1px solid #50849f;overflow:hidden;}
.banda-oficina a{color:#50849f;font-size:11px;text-decoration:none;font-family:Verdana,Arial,sans-serif;float:right;margin-right:15px;}

#td-contenido{background:#cdd9de;padding:30px 0 0 0;width:540px;}
#contenido{width:540px;text-align:center;border:none;}
#contenido table{margin-bottom:20px;}
#contenido #buscador{margin-bottom:10px;}

h1{text-align:left;margin-left:15px;padding-left:15px;background:url(../images/oficina/bg.flechas.gif) 0 4px no-repeat;color:#50849f;font-size:12px;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:bold;margin-bottom:15px;}

/*menu*/
#td-menu{background:#85b5ca url(../images/oficina/mcp-logo-menu.gif) right bottom no-repeat;width:210px;padding-top:30px;}
#menu{list-style:none;width:210px;font-family:Verdana,Arial,sans-serif;font-size:10px;margin:0;padding:0;}
#menu li.menu-ppal{padding:3px 0 3px 10px;border-top:1px solid #edf1f2;}
#menu li.menu-selec{border-top:1px solid #edf1f2;}
#menu li.menu-selec a{display:block;background:#50849f;padding:3px 0 3px 10px;text-decoration:none;color:#edf1f2;font-weight:bold;}
#menu li.menu-ultimo{border-bottom:1px solid #edf1f2;}
#menu li a{text-decoration:none;color:#edf1f2;font-weight:bold;}
#menu li.menu-selec ul{list-style:none;padding:0;margin:0;background:#85b5ca;}
#menu li.menu-selec ul li{padding:0;margin:0;}
#menu li.menu-selec ul li a{padding-left:20px;text-decoration:none;background:none;color:#edf1f2;font-weight:normal;}
.submenu-selec{font-style:italic;}
#menu li ul li{height:15px;border:none;}

/*tabla de datos de usuario*/
table.tabla-datos-usuario{background:#edf1f2;width:508px;border:1px solid #50849f;margin:0 auto 15px auto;font-family:Verdana,Arial,sans-serif;}
table tr{font-size:10px;}
table tr.titulo{height:15px;font-family:Verdana,Arial,sans-serif;color:#edf1f2;text-transform:uppercase;font-weight:bold;}
table tr.elemento-fijo{background:#50849f;}
table tr.elemento-selec{background:#85b5ca;}
table tr.titulo td{padding-left:10px;}
table.tabla-datos-usuario tr.datos-usuario td{width:508px;padding:4px 0 4px 10px;}
table.tabla-datos-usuario tr.datos-usuario td ul{display:block;width:498px;list-style:none;padding:0;margin:0;}
table.tabla-datos-usuario tr.datos-usuario td ul li span.tag{float:left;display:block;width:70px;text-transform:uppercase;color:#85b5ca;}
table.tabla-datos-usuario tr.datos-usuario td ul li span.dato{float:left;display:block;width:170px;text-transform:capitalize;color:#50849f;}
.email{text-transform:lowercase !important;}
table.tabla-datos-usuario tr.datos-usuario td ul li.li-izda{width:240px;float:left;overflow:hidden;padding:0;margin:0 4px 2px 0;}
table.tabla-datos-usuario tr.datos-usuario td ul li.li-dcha{width:240px;float:left;overflow:hidden;padding:0;margin:0 0 2px 4px;}

/*lista de contrato*/
a{color:#50849f;}
tr.lista-top{height:45px;background:#85b5ca;font-family:Verdana,Arial,sans-serif;font-size:10px;color:#edf1f2;}
tr.lista-top td{width:508px;}
.lista-top ul li{height:45px;float:left;text-align:left;}
.lista-top ul{list-style:none;width:508px;text-transform:lowercase;padding:0 0 0 0;margin:4px 0 2px 0;overflow:hidden;}
.lista-top ul li span span{display:none;}
.lista-top ul li span a.top-1-linea{margin-top:26px;display:block;height:4px;width:15px;background:url(../images/oficina/img.updown.gif) bottom left no-repeat}
.lista-top ul li span a.top-2-linea{margin-top:14px;display:block;height:4px;width:15px;background:url(../images/oficina/img.updown.gif) bottom left no-repeat}
tr.lista-datos{font-family:Verdana,Arial,sans-serif;font-size:10px;color:#50849f;}
tr.lista-datos td{width:508px;}
.lista-datos ul li span, .lista-top span{display:block;}
.lista-datos ul li .span-primero, .lista-top ul li .span-primero{padding:0 4px 0 10px;}
.lista-datos ul li .span-medio, .lista-top ul li .span-medio{padding:0 4px 0 4px;}
.lista-datos ul li .span-ultimo, .lista-top ul li .span-ultimo{padding:0 0 0 4px;}

.lista-datos ul{list-style:none;width:508px;text-transform:capitalize;padding:3px 0 3px 0;margin:0 0 0 0;overflow:hidden;}
.par{background:#ffffff;}
.impar{background:#edf1f2;}
.lista-datos form{padding:0;margin:0;}
.lista-datos input{width:auto;padding:0;margin:0 3px 0 0;}

/*'celdas' de los listados*/
/*nota: por problemas con el doctype e IE6 se recurre momentáneamente a usar '_' delante de los width para que Explorer interprete los anchos adecuadamente*/
.top-contrato-contrato{width:79px;_width:80px;border-right:1px solid #edf1f2;}
.top-contrato-direccion{width:149px;_width:150px;border-right:1px solid #edf1f2;}
.top-contrato-servicios{width:59px;_width:60px;border-right:1px solid #edf1f2;}
.top-contrato-estado{width:47px;_width:48px;border-right:1px solid #edf1f2;}
.top-contrato-lectura{width:74px;_width:75px;border-right:1px solid #edf1f2;}
.top-contrato-cobro{width:49px;_width:50px;border-right:1px solid #edf1f2;}
.top-contrato-importe{width:85px;border-right:none;}
.top-contrato-cuenta{width:158px;border-right:none;}

.dato-contrato-contrato{width:80px;float:left;text-align:left;}
.dato-contrato-direccion{width:150px;float:left;text-align:left;}
.dato-contrato-servicios{width:60px;float:left;text-align:left;}
.dato-contrato-estado{width:48px;float:left;text-align:left;}
.dato-contrato-lectura{width:75px;float:left;text-align:left;}
.dato-contrato-cobro{width:50px;float:left;text-align:left;}
.dato-contrato-importe{width:85px;float:left;text-align:left;}
.dato-contrato-cuenta{width:158px;float:left;text-align:left;}

.top-factura-factura{width:104px;_width:105px;border-right:1px solid #edf1f2;}
.top-factura-contrato{width:54px;_width:55px;border-right:1px solid #edf1f2;}
.top-factura-direccion{width:124px;_width:125px;border-right:1px solid #edf1f2;}
.top-factura-concepto{width:124px;_width:125px;border-right:1px solid #edf1f2;}
.top-factura-fecha{width:72px;_width:73px;border-right:1px solid #edf1f2;}
.top-factura-importe{width:77px;_width:78px;border-right:1px solid #edf1f2;}
.top-factura-estado{width:62px;border-right:none;}

.dato-factura-factura{width:105px;float:left;text-align:left;}
.dato-factura-contrato{width:55px;float:left;text-align:left;}
.dato-factura-direccion{width:125px;float:left;text-align:left;}
.dato-factura-concepto{width:125px;float:left;text-align:left;}
.dato-factura-fecha{width:73px;float:left;text-align:left;text-transform:lowercase;}
.dato-factura-importe{width:78px;float:left;text-align:left;}
.dato-factura-estado{width:62px;float:left;text-align:left;text-transform:lowercase;}

.top-lectura-contrato{width:79px;_width:80px;border-right:1px solid #edf1f2;}
.top-lectura-direccion{width:179px;_width:180px;border-right:1px solid #edf1f2;}
.top-lectura-fecha{width:77px;_width:78px;border-right:1px solid #edf1f2;}
.top-lectura-lectura{width:79px;_width:80px;border-right:1px solid #edf1f2;}
.top-lectura-consumo{width:80px;border-right:none;}

.dato-lectura-contrato{width:80px;float:left;text-align:left;}
.dato-lectura-direccion{width:180px;float:left;text-align:left;}
.dato-lectura-fecha{width:78px;float:left;text-align:left;text-transform:lowercase;}
.dato-lectura-lectura{width:80px;float:left;text-align:left;}
.dato-lectura-consumo{width:80px;float:left;text-align:left;text-transform:lowercase;}

/*tabla - listados*/
table.listado{background:#edf1f2;width:508px;border:1px solid #85b5ca;margin:0 auto 0 auto;}

/*limpiar*/
.limpiar{line-height:0.1px;font-size:0.1px;width:100%;float:none;clear:both;padding:0;margin:0;}
.limpiar span{display:none;}

/*paginación*/
.pagebar{font-size:10px;font-family:Arial,Helvetica,sans-serif;color:#50849f;padding:5px 0 10px 0;margin:0px;text-align:center;}
.pagebar a, .esta-pag{color:#50849f;padding:2px 6px;margin:0 3px;border:1px solid #85b5ca;background:#edf1f2;text-decoration:none;}
.pagebar a:hover{color:#fff;background:#85b5ca;border:1px solid #50849f;}
.pagebar .esta-pag{padding:2px 6px;margin:0 3px;border:1px solid #85b5ca;background:#fff;}

/*forms y buscador*/
#buscador{font-family:Verdana,Arial,sans-serif;overflow:hidden;width:508px;padding:0;margin:10px auto 10px auto;font-size:10px;}
#buscador input, #buscador textarea, #buscador select{float:left;margin-right:10px;font-size:10px;color:#50849f;background:#ffffff;border:1px solid #85b5ca;}
#buscador form option{width:auto;height:16px;}
#buscador form input{height:20px;padding:0;margin:0 10px 0 0;}
#buscador form input.dato-busqueda{height:20px;width:150px;}
#buscador form input.fecha-busqueda{height:20px;width:60px;}
#buscador form span{display:block;float:left;margin-right:10px;height:20px;width:auto;margin-top:3px;color:#50849f;}
#buscador form input.entra-datos-busqueda{height:20px;width:150px;}

#intro-lectura{font-family:Verdana,Arial,sans-serif;overflow:hidden;width:508px;padding:0;margin:10px auto 10px auto;font-size:10px;color:#50849f;}
#intro-lectura form{margin-top:10px;}
#intro-lectura br{margin-bottom:10px;clear:both;}
#intro-lectura span{float:left;display:block;margin-bottom:10px;padding-top:3px;}
#intro-lectura input{float:left;height:20px;font-family:Verdana,Arial,sans-serif;font-size:10px;color:#50849f;}
#intro-lectura input.nueva-lectura{margin-left:10px;}
#intro-lectura .lectura-aviso{background:url(../images/oficina/img.aviso.gif) 0 0 no-repeat;display:block;padding-left:25px;color:#50849f;}

form input.boton{width:60px !important;padding:1px 4px 2px 4px !important;background:#85b5ca !important;color:#edf1f2 !important;border:none;font-family:Verdana,Arial,sans-serif;font-size:10px;float:left;}
.elegir{margin:0 0 0 15px;}
form input.boton-largo{width:250px !important;padding:1px 4px 2px 20px !important;background:#85b5ca url(../images/oficina/bg.flechas-ir.gif) 6px 7px no-repeat !important;color:#edf1f2 !important;border:none;font-family:Verdana,Arial,sans-serif;font-size:10px;text-align:left;margin:5px 0 0 0;}

#modificar-datos{font-family:Verdana,Arial,sans-serif;overflow:hidden;width:508px;padding:0;margin:10px auto 10px auto;font-size:10px;color:#50849f;}
#intro-lectura form{margin-top:10px;}
#intro-lectura br{margin-bottom:10px;clear:both;}
#intro-lectura span{float:left;display:block;margin-bottom:10px;padding-top:3px;}
#intro-lectura input{float:left;height:20px;font-family:Verdana,Arial,sans-serif;font-size:10px;color:#50849f;}
#intro-lectura input.nueva-lectura{margin-left:10px;}
#intro-lectura .lectura-aviso{background:url(../images/oficina/img.aviso.gif) 0 0 no-repeat;display:block;padding-left:25px;color:#50849f;}

#modificar-datos form {overflow:hidden;width:510px;border:none;margin-top:10px;}
#modificar-datos form input{float:left;width:20px;}
#modificar-datos form label{display:block;width:200px;padding-top:4px;}
#modificar-datos form span{display:block;float:left;clear:both;overflow:hidden;}
#modificar-datos form fieldset{border:none;padding:0 0 0 30px;margin:10px 0 0 0;}
#modificar-datos form fieldset span{display:block;float:left;clear:both;overflow:hidden;width:400px;margin-top:5px;}
#modificar-datos form fieldset span select{color:#50849f;}
#modificar-datos form fieldset span label{float:left;width:150px;display:block;padding-top:4px;}
#modificar-datos form fieldset span input{float:left;width:150px;color:#50849f;}
#modificar-datos form fieldset legend span{display:none;}
#modificar-datos form fieldset.form-off{color:#aaaaaa;}
#modificar-datos form fieldset.form-off input{color:#aaaaaa;}

.info-acceso p, .info-acceso ul{font-size:13px;font-family:Arial,Helvetica,sans-serif;}
.info-acceso h1{font-size:14px;font-family:Arial,Helvetica,sans-serif;background:none;padding:0;margin:24px 0 12px 0;}
.info-acceso form, .info-acceso fieldset{border:none;margin:0;overflow:hidden;}