Local clientes.css

@charset "UTF-8";
/* Sanitas
 * Hoja de estilos local para AREA DE CLIENTES
 *
 * Versi�n - 0.1.4
 * Fecha - 12/05/2009
 * Autor - redbility, modificado por Sanitas
 * Descripcion - CSS con estilos especificos para el �rea de clientes
 *
 */

/* estilo para nombre de seccion PHS */
b.phs { color: #557F22; font-size: 20px; }

/* NOTA: Todas las paginas del Area de Clientes tienen la clase "areaclientes" aplicada al <div id="contenedorgeneral"> */

/*  POSIBLE ESTILO GENERAL  */
p.parrafo {padding:0 0 5px 0;}

/*label, form label {display:inline;float:none;font-size:0.9em;margin:0pt;text-align:left;width:auto;}*/

/* Modificaciones sobre estilos generales para paginas de Area de Clientes  (Candidatos a estilos generales) */

.areaclientes .textoremarcado {color:#0099ff}  /* Azul */
.areaclientes .textoadvertencia {color:#faa141}
.areaclientes .textoerror {color:#f30a0b}
.areaclientes .textonormal {font-size:1em}
.areaclientes .textoenorme {font-size:23px; padding-bottom:5px}
.areaclientes .textomediano {font-size:0.9em}
.areaclientes .textopequeno {font-size:0.8em}
.areaclientes .centrado {text-align:center}

.areaclientes .modulo_01 p {padding:0 0 5px 0}
/* modificado color enlace */
.areaclientes .modulo_01 p a {background:none; color:#0099ff; float:none; font-size:1em; padding:0}
.areaclientes .modulo_01 .indentado {margin-left:35px}
.areaclientes .modulo_01 .separador {width:610px; height:1px; margin:0 0 8px 0; font-size:1px; border-bottom:1px solid #e7e6e6; margin-left:35px}
/* Estilos creados para la pantalla de imprimir reembolsos que ocupa toda la pantalla */
#cabecera_impr {width:100%; height:90px;}
#contenedorgeneral_impr {width:726px; font-size:1.2em; padding:2px}
#contenido_impr {width:100%; overflow:visible;}
.contenido_impr_izq, .contenido_impr_der {width:360px; float:left;}
.contenido_impr_izq { margin-right:4px;}
.contenido_impr_izq span.colImpr1,.contenido_impr_der span.colImpr1 {width:100px; display:block; float:left; margin-right:9px; text-align:right;}
.contenido_impr_izq span.colImpr2,.contenido_impr_der span.colImpr2 {width:220px; display:block; float:left; margin:0pt; text-align:left;}
/*Fin de estilos creados para la pantalla de imprimir reembolsos que ocupa toda la pantalla */

.areaclientes .modulo_gris {padding:12px 10pt 12px 10px}
.areaclientes .nombreusuario {font-size:18px; color:#538900; padding-bottom:4px}

/*.areaclientes .modulo_gris {padding:12px 10pt 12px 10px}
.areaclientes .modulo_gris .indentado {margin-left:35px}
.areaclientes #derecha .modulo_gris {margin-bottom:20px}*/


/* modificaciones botones volver, seguir e input */

.areaclientes .btazul {margin-left:17px}
.areaclientes .btazul:hover {margin-left:17px}
.areaclientes a.volver {color:#0099ff; padding:2px 20px 0 12px; background:url(/img/site_portal_clientes/css/gfx/blt-back01.gif) 0 5px no-repeat}
.areaclientes a.seguir {color:#0099ff; padding:2px 20px 0 12px; background:url(/img/site_portal_clientes/css/gfx/blt-ahead01.gif) 0 5px no-repeat}
.areaclientes a.link-up {padding-right:12px; background:url(/img/site_portal_clientes/css/gfx/ang_03ver02.gif) right 6px no-repeat; font-weight:normal}
.areaclientes a.link-down {padding-right:12px; background:url(/img/site_portal_clientes/css/gfx/ang_03ver.gif) right 6px no-repeat; font-weight:normal}





.areaclientes .pt20 {padding-top:20px}
.areaclientes .herramientas ul {margin-top:0}
.areaclientes .nowrap {white-space:nowrap}

/* Extras */
.finalchecks label {font-size:1em; line-height:2em}

/* Formularios */
input.cb {.position:static; .height:1.3em}    /* Candidato a estilos generales */
input.rb {top:1px; .position:static; .height:1.3em}    /* Candidato a estilos generales */

/* Formulario tipo 1: Etiquetas sobre cajas 
Por defecto las etiquetas no est�n sobre las cajas
*/
/*label, form label {float:none; text-align:left; font-size:0.9em; width:auto; display:inline; margin:0}
label input, label select, label textarea,
form label input, form label select, form label textarea {font-size:1em; margin:0; width:auto}*/


/* Formulario tipo 2: Etiquetas a la izquierda de las cajas     (Candidato a estilos generales) */
/*.contenido fieldset {margin:0 0 5px 0}
.contenido .row {display:block; height:100%; margin:0 0 4px 0; clear:both}
.contenido .row .col1 {display:-moz-inline-box; float:left; width:130px; text-align:right; margin-right:9px}
.contenido .row .col2 {display:block; float:left; text-align:left; margin:0}

.contenido .row span.col1{width:200px;}
.contenido .row span.col2{width:250px;}*/

/* Formulario tipo 2: Etiquetas a la derecha de las cajas*/

.contenido fieldset {margin:0 0 5px 0}
.contenido .row {display:block; height:100%; margin:0 0 4px 0; clear:both}
/*.contenido .row .col1 {display:block; float:left; text-align:left; margin-right:3px; margin-bottom:6px}*/
.contenido .row .col1 {display:block; float:left; text-align:right; margin-right:10px; margin-bottom:6px; width:200px;}
.contenido .row .col1_85 {display:block; float:left; text-align:right; margin-right:10px; margin-bottom:6px; width:85px;}
.contenido .row .col2 {display:block; float:left; text-align:left; margin-bottom:6px}
.row input.corto {width:30px}


/*.contenido .row span.col1{width:30%;}
.contenido .row span.col2{}
*/

/*.formrow .col1 {display:block; float:left; width:170px; text-align:right; margin-right:10px}
.formrow .col2 {display:block; float:left; width:430px; text-align:left; margin:0}
#izquierda .formrow .col1 {width:110px}
#izquierda .formrow .col2 {width:340px}*/
/*.row label {font-size:1em}
.row label.largo {display:block; float:left; width:244px; padding-bottom:6px}
.row label.normal {display:block; float:left; width:144px; padding-bottom:6px}
.row label.medio {display:block; float:left; width:70px; padding-bottom:6px}
.row input.largo {width:238px}
.row input.normal {width:138px}
.row input.medio {width:64px}
.row input.corto {width:30px}
.row select.largo {width:244px}
.row select.normal {width:144px}
.row select.medio {width:70px}
.row .disabled {border-color:#d5d5d6; color:gray} /* OSCAR estilos generales */

/* Fichas de datos (resumenes)     (Candidato a estilos generales) */
/*.fichadatos .fila {display:block; margin:0 0 10px 0}
.fichadatos .fila .col1 {display:block; float:left; width:350px; text-align:right; margin-right:9px}
.fichadatos .fila .col2 {display:block; float:left; width:250px; text-align:left; margin:0}
#izquierda .fichadatos .fila .col1 {width:250px}
#izquierda .fichadatos .fila .col2 {width:200px}*/

/*.areaclientes table.clientes-productos {width:100%; margin:25px 0 10px 0; border-bottom:1px solid #e7e6e6;}
.areaclientes table.clientes-productos caption {display:none}
.areaclientes table.clientes-productos tr th {background:#f5f5e6; border-bottom:1px solid #e7e6e6; text-align:left; padding:8px}
.areaclientes table.clientes-productos tr td {text-align:left; padding:10px 8px 10px 8px}*/


/* Pasos de proceso  (Candidato a estilos generales) */
ul.pasosproceso {width:auto; margin:0 0 20px 0; height:auto; overflow:hidden}
ul.pasosproceso li {display:block; float:left; width:160px; height:32px; padding:0 0 0 10px; background:url(/img/site_portal_clientes/css/gfx/bgd_pasosproceso_off.gif) 0 0 no-repeat; margin:0 11px 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; font-size:13px}
ul.pasosproceso li.corto {width:25px; background:url(/img/site_portal_clientes/css/gfx/bgd_pasosproceso_off02.gif) 0 0 no-repeat}
ul.pasosproceso li.ultimo {margin-right:0}
ul.pasosproceso li span {font-size:28px; font-weight:normal}
ul.pasosproceso li strong{font-weight:bold}
ul.pasosproceso li.on {background:url(/img/site_portal_clientes/css/gfx/bgd_pasosproceso_on.gif) 0 0 no-repeat}
p.pasosproceso_completo {display:block; width:auto; height:32px; padding:0; margin:0 0 20px 0; background:#538900 url(/img/site_portal_clientes/css/gfx/bgd_pasos_completoB.gif) right 0 no-repeat; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff; font-size:28px}
p.pasosproceso_completo span {display:block; padding:0 0 0 10px; background:url(/img/site_portal_clientes/css/gfx/bgd_pasos_completoA.gif) 0 0 no-repeat}







/*----- ESTRUCTURA GENERAL DE LA PAGINA (HOME) -----*/

#contenidohome .col_izq {float:left; width:623px}
#contenidohome .col_der {float:right; width:307px}

/*----- m�dulo central -----*/

.areaclientes .modulo1_home {position:relative; background:url(/img/site_portal_clientes/css/modulos/home/misanitas-home-01.jpg) 0 0 no-repeat; width:623px; height:312px; margin:0; float:left}
.areaclientes .modulo1_home .texto {position:absolute; left:23px; bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#133351; line-height:22px}
.areaclientes .modulo1_home .titulo {font-size:25px; color:#133351; line-height:27px}
.areaclientes .modulo1_home ul {font-size:13px; padding:10px 0 0 30px}
.areaclientes .modulo1_home ul li {list-style-type:disc; line-height:1.2em;}

/* modificado color enlace */
.areaclientes .modulo1_home a {line-height:normal; font-size:25px; color:#0099ff; text-decoration:none; padding:0 0 0 45px; background:url(/img/site_portal_clientes/css/gfx/ang_home_clientes.gif) 15px 6px no-repeat;font-size:22px; }
.modulo1_home a:hover {line-height:normal; font-size:25px; color:#0099ff; text-decoration:underline; padding:0 0 0 45px; background:url(/img/site_portal_clientes/css/gfx/ang_home_clientes.gif) 15px 6px no-repeat;font-size:22px; }

/*----- estilo repetido en .areaclientes .modulo1_home a   {_background:url(/img/site_portal_clientes/css/gfx/ang_home_clientes.png) 15px 6px no-repeat -----*/


/*----- M�dulo verde derecha.  estilo modificado en home portal clientes -----*/

.areaclientes .modulo2_home {background:transparent url(/img/site_general/css/gfx/bg_esq_destacado02.gif) no-repeat scroll left top;margin:0pt 0pt 10px 0px;padding:12px 10pt 8px 10px;height:220px; overflow:hidden}
.areaclientes .modulo2_home fieldset {width:284px; padding:8px 0 10px 0; margin:0 0 8px 0; }
.areaclientes .modulo2_home fieldset label {width:128px; padding:0 6px 8px 0; float:left; font-size:0.9em}
.areaclientes .modulo2_home fieldset label input {font-size:1em}
.areaclientes .modulo2_home a.bulletverde {padding-left:14px; background:url(/img/site_general/css/gfx/ang_05hor.gif) 0 3px no-repeat; color:#0099ff; }
.areaclientes .modulo2_home p {margin-top:-4px; }

.areaclientes .modulo2_home .separa {background:url(/img/site_portal_clientes/css/gfx/sep_01.gif)  top repeat-x; line-height:22px;}


/* Nuevo Estilo modificado del general de general_esp_carcasa y adaptado a la home del portal de clientes antes  position:relative;top:-4px; left:0px; width:287px; height:38px; padding:10px; */

.moduloinf_home_clientes div {float:left; margin-top:10px; width:287px; height:42px; padding:10px;  }
div.moduloinf_home_clientes .titulo {font-size:15px; color:#538900; margin-bottom:4px; font-weight:bold}  
div.moduloinf_home_clientes ul li {width:220px; padding-left:14px; background:url(/img/site_general/css/gfx/ang_05hor.gif) 0 3px no-repeat}

/* modificado color enlace */

div.moduloinf_home_clientes ul li a {color:#0099ff}
div.moduloinf_home_clientes ul li a:hover {color:#0099ff; text-decoration:underline}

/*-----m�dulo modificado de empresas -----*/

div.moduloinf01_home {background:transparent url(/img/site_portal_clientes/css/modulos/home/misanitas-home-modulo3.jpg) no-repeat scroll 0%;margin-top:0px;margin-right:0px;}





/*.areaclientes #cabecerahome {position:relative; width:100%; height:137px}

.areaclientes #cabecerahome h1 {position:absolute; left:0px; top:36px; display:block; width:940px; height:73px; text-indent:-10000px}
.areaclientes #cabecerahome h1 #logoSanitas {display:block; width:201px; height:73px; float:left; margin-left:6px; background:url(/img/site_general/css/gfx/logo_sanitas.gif) 0 0 no-repeat; text-indent:-10000px}
.areaclientes #cabecerahome h1 #misanitas {display:block; width:208px; height:49px; float:right; margin-top:4px; background:url(gfx/tit_misanitas.gif) 0 0 no-repeat; text-indent:-100000px}

.areaclientes #cabecerahome #menusuperior {display:block; position:absolute; right:0px; top:6px; padding:0; margin:0; overflow:hidden; font-size:0.83em}
.areaclientes #cabecerahome #menusuperior ul li {color:#000000}
.areaclientes #cabecerahome #menuinferior {display:block; position:absolute; right:0px; top:95px; padding:0; margin:0; overflow:hidden}
.areaclientes #cabecerahome #raiz {position:absolute; bottom:2px; left:174px; font-size:0.917em}

.areaclientes #contenidohome {}
.areaclientes #contenidohome .col-izq {float:left; width:623px}
.areaclientes #contenidohome .col-der {float:right; width:307px}
.areaclientes #contenidohome .col-der .moduloder {background:url(gfx/bg_moduloder_ancho.gif) no-repeat left bottom}
.areaclientes #contenidohome .col-der .moduloder a {color:#000000}
.areaclientes #contenidohome .col-der .modulo_gris {margin-bottom:20px}
.areaclientes #contenidohome .col-der .modulo_gris ul.azul li {padding-bottom:14px}
.areaclientes #contenidohome .col-der .modulo_gris ul.azul a {color:#00a6ed; font-weight:bold}
.areaclientes #contenidohome .col-der .modulo_gris a.todas {padding-left:15px}

.areaclientes .modulo1_home {position:relative; background:url(/img/misanitas-home-01.jpg) 0 0 no-repeat; width:623px; height:312px; margin:0; float:left}
.areaclientes .modulo1_home .texto {position:absolute; left:30px; bottom:22px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#3a3f43; line-height:22px}
.areaclientes .modulo1_home .titulo {font-size:25px; color:#3a3f43; line-height:27px}
.areaclientes .modulo1_home ul {font-size:13px; padding:10px 0 0 30px}
.areaclientes .modulo1_home ul li {list-style-type:disc; line-height:1.2em}
.areaclientes .modulo1_home a {line-height:normal; font-size:30px; color:#3a3f43; text-decoration:none; padding:0 0 0 45px; background:url(gfx/ang_home_clientes.png) 15px 6px no-repeat; _background:url(gfx/ang_home_clientes.gif) 15px 6px no-repeat}
.areaclientes .modulo1_home a:hover {text-decoration:underline}

.areaclientes .modulo2_home {height:174px; margin-bottom:10px!important; overflow:hidden}
.areaclientes .modulo2_home fieldset {width:284px; padding:8px 0 10px 0; margin:0 0 8px 0; background:url(gfx/sep_01.gif) 0 bottom repeat-x}
.areaclientes .modulo2_home fieldset label {width:128px; padding:0 6px 8px 0; float:left; font-size:0.9em}
.areaclientes .modulo2_home fieldset label input {font-size:1em}
.areaclientes .modulo2_home a.bulletverde {padding-left:14px; background:url(/img/site_general/css/gfx/ang_05hor.gif) 0 3px no-repeat; color:#000000}

.areaclientes .modulo3_home {position:relative; display:block; height:84px; width:286px; padding:10px; margin:0; background:url(/img/misanitas-home-modulo3.jpg) no-repeat}
.areaclientes .modulo3_home .titulo {width:175px; font-size:15px; color:#000; margin-bottom:7px}  
.areaclientes .modulo3_home ul li {width:160px; padding-left:14px; background:url(/img/site_general/css/gfx/ang_05hor.gif) 0 3px no-repeat}
.areaclientes .modulo3_home ul li a {color:#000}
.areaclientes .modulo3_home ul li a:hover {color:#000}

.areaclientes .modulo4_home {position:relative; display:block; height:84px; width:286px; padding:10px; margin:0; background:url(/img/misanitas-home-modulo4.jpg) no-repeat}
.areaclientes .modulo4_home .titulo {width:175px; font-size:15px; color:#000; margin-bottom:7px}  
.areaclientes .modulo4_home ul li {width:160px; padding-left:14px; background:url(/img/site_general/css/gfx/ang_05hor.gif) 0 3px no-repeat}
.areaclientes .modulo4_home ul li a {color:#000}
.areaclientes .modulo4_home ul li a:hover {color:#000}

.areaclientes .modulo5_home {position:relative; display:block; height:84px; width:286px; padding:10px; margin:0; background:url(../img/misanitas-home-modulo5.jpg) no-repeat}
.areaclientes .modulo5_home .titulo {width:175px; font-size:15px; color:#000; margin-bottom:7px}  
.areaclientes .modulo5_home ul li {width:160px; padding-left:14px; background:url(/img/site_general/css/gfx/ang_05hor.gif) 0 3px no-repeat}
.areaclientes .modulo5_home ul li a {color:#000}
.areaclientes .modulo5_home ul li a:hover {color:#000}

.areaclientes table.clientes-productos {width:100%; margin:25px 0 10px 0; border-bottom:1px solid #e7e6e6;}
.areaclientes table.clientes-productos caption {display:none}
.areaclientes table.clientes-productos tr th {background:#f5f5e6; border-bottom:1px solid #e7e6e6; text-align:left; padding:8px}
.areaclientes table.clientes-productos tr td {text-align:left; padding:10px 8px 10px 8px}

.areaclientes ul.acciones {padding-left:9px}
.areaclientes ul.acciones li a {color:#0099ff}

.areaclientes .nombreusuario {font-size:18px; color:#538900; padding-bottom:4px}

*/

/*----- ESTRUCTURA GENERAL DE LA PAGINA (INTERIORES) -----*/  

/*.areaclientes #cabecera {position:relative; width:100%; height:162px}

.areaclientes #cabecera h1 {position:absolute; left:0px; top:36px; display:block; width:940px; height:73px; text-indent:-10000px}
.areaclientes #cabecera h1 #logoSanitas {display:block; width:201px; height:73px; float:left; margin-left:6px; background:url(/img/site_general/css/gfx/logo_sanitas.gif) 0 0 no-repeat; text-indent:-10000px}
.areaclientes #cabecera h1 #misanitas {display:block; width:208px; height:49px; float:right; margin-top:4px; background:url(gfx/tit_misanitas.gif) 0 0 no-repeat; text-indent:-100000px}

.areaclientes #cabecera #menusuperior {display:block; position:absolute; right:0px; top:6px; padding:0; margin:0; overflow:hidden; font-size:0.83em}
.areaclientes #cabecera #menusuperior ul li {color:#000000}
.areaclientes #cabecera #menuinferior {display:block; position:absolute; right:0px; top:95px; padding:0; margin:0; overflow:hidden}
.areaclientes #cabecera #raiz {position:absolute; bottom:2px; left:174px; font-size:0.917em}

.areaclientes #contenedorgeneral {background:url(gfx/bg_lineavertgif.gif) 159px 178px no-repeat}
.areaclientes #submenu {position:relative; width:159px; float:left; margin-top:-29px}*/

/* Nuevo estilo para cabecera del detalle de los reembolsos del portal de clientes */

.contenido .row {display:block; height:100%; margin:0 0 4px 12px; clear:both}
.contenido .row .det_reembcol1 {display:-moz-inline-box; float:left; text-align:left; margin-right:6px; color:#999;}
.contenido .row .det_reembcol2 {display:block; float:left; text-align:left; margin-right:6px}
.contenido .row .det_reembcol3 {display:block; float:left; text-align:left; margin-right:6px; color:#999;}
.contenido .row .det_reembcol4 {display:block; float:left; text-align:left; margin-right:6px}

.contenido .row span.det_reembcol1{width:120px;}
.contenido .row span.det_reembcol2{width:210px;}
.contenido .row span.det_reembcol3{width:130px;}
.contenido .row span.det_reembcol4{width:230px;} 

.contenido .row .importe1 {display:-moz-inline-box; float:left; text-align:left; margin-right:6px; color: #538900; font-weight: bold;}
.contenido .row .importe2 {display:block; float:left; text-align:left; margin-right:6px; color: #538900; font-weight: bold;}
.contenido .row span.importe1{width:120px;}
.contenido .row span.importe2{width:210px;}

/* Nuevo estilo para cabecera del detalle de los reembolsos del portal de clientes, de separador de puntos*/

.separador_puntos3 { background:url(/img/site_general/css/gfx/bg_seppuntos2.gif) repeat-x; 
height:3px; clear:both; margin: 2 2 2 2; font-size:1px}


/*nuevo m�dulo datos personales ....................................................................................*/
#modulodatosper {width:770px; background-color:#FFFFFF;margin-bottom:15px; margin-left: 8px; margin-top: 4px; border-bottom: #FFFFFF 2px solid;}

#fondodatosper {background:none repeat scroll 0 0 #004268; height: 30px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0px; padding-left:10px; padding-right:0; padding-top:12px; padding-bottom:0px}

#bloqueuno{float:left; width:555px; margin-right: 0px; color:#FFFFFF;}
#fondodatosper .nombre{font-size:15px; color:#FFFFFF; font-weight: bold; }
.plan{font-size:12px; color:#FFFFFF; font-weight: normal; padding-left: 10px; padding-right: 10px; }

#bloquedos{float:left; width:180px;}
#fondodatosper #select {font-size:11px; color:#000; font-weight: normal; }




/*nuevo m�dulo datos personales ....................................................................................
#modulodatosper {width:760px; float:left; overflow:hidden; background-color:#538900;margin-bottom:15px; margin-left: 8px; margin-top: 4px;clear:both; border-bottom: #538900 2px solid;}

#fondodatosper {background:url(/img/site_general/css/gfx/bg_verde.gif) no-repeat top left; height: 30px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0px; padding-left:10px; padding-right:0; padding-top:12px; padding-bottom:0px}

#bloqueuno{float:left; width:545px; margin-right: 6px;}
#fondodatosper .nombre{font-size:15px; color:#538900; font-weight: bold; }
.plan{font-size:12px; color:#000; font-weight: normal; padding-left: 10px; padding-right: 10px; }

#bloquedos{float:left; width:180px;}
#fondodatosper #select {font-size:11px; color:#000; font-weight: normal; }*/




/* Nuevo estilo para bot�n para p�gina del dni electr�nico*/

button { 
  border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; width:auto; 
  overflow:visible;
}
button span { 
position:relative; display:block; white-space:nowrap; padding:0 0 0 20px;  
}

/*blue buttons*/

button.submitBtn 
{ background:url(/img/site_portal_clientes/css/gfx/boton_der.gif) right no-repeat; color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
	button.submitBtn span 
	{ height:50px; line-height:50px;background:url(/img/site_portal_clientes/css/gfx/boton_izq.gif) left no-repeat;color:#fff; }
	button.submitBtn:hover {background:url(/img/site_portal_clientes/css/gfx/boton_der_hover.gif) right no-repeat; }
	button.submitBtn:hover span {background:url(/img/site_portal_clientes/css/gfx/boton_izq_hover.gif) left no-repeat; }

/* Nuevo estilo para contenedor de la p�gina del DNI electr�nico 708px */
#contenedor_dni {width: 939px; float:left}

.btdni {width:auto; height:auto; color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  padding:2px 5px 1px 5px; margin: 0; cursor:pointer; border: none;
background: url(/img/site_portal_clientes/css/gfx/bg_botones.gif) 0px 0px repeat; }

.btdni:hover {width:auto; height:auto; color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  padding:2px 5px 1px 5px; margin: 0; cursor:pointer; border: none;
background: url(/img/site_general/css/gfx/bg_botones_hover.gif) 0px 0px repeat; }

.modulo_dni {border-right:1px solid #b0c0d6; padding-top:12px; overflow:hidden; border-bottom:1px solid #b0c0d6;
	background: url(/img/site_portal_clientes/css/gfx/bg_esq_destacado_dni.gif) top left no-repeat; margin:0 0 14px 0;padding:12px 16px 12px 16px; } 


.modulo_dni h5 {font-size:13px; color:#538900; margin-top: 12px; margin-bottom: 6px;font-weight:bold; }
.modulo_dni .doscolumnas .izquierda {float:left; width:250px; margin-right:10px; margin-top: 12px; padding-left: 240px}
.modulo_dni1 .doscolumnas .derecha {float:left; width:200px} 


/* Nuevo estilo para m�dulo de extracto trimestral m�dulo + bot�n input*/
#contenedor_eco {width: 740px;height:145px; background: url(/img/site_portal_clientes/css/gfx/bg_eco.gif) 0px 0px no-repeat; padding: 12px;}
.eco input.btazul {width:auto; height:auto; background: url(/img/site_general/css/gfx/bg_botones.gif) 0px 0px repeat; color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border:none; padding:2px 5px 1px 5px; margin-top: -6px; cursor:pointer; margin-right: 68px;margin-bottom: 12px;}
.eco input.btazul:hover {width:auto; height:auto; background: url(/img/site_general/css/gfx/bg_botones_hover.gif) 0px 0px repeat; color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border:none; padding:2px 5px 1px 5px; margin-top: -6px; cursor:pointer; margin-right: 68px;margin-bottom: 12px;}

.eco_confirmacion { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  padding: 0 12px 12px 12px; color:#066;}
.eco { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#066;}

/* nuevos estilos para el mensaje recordatorio de cambiar la seguridad media de la contrase�a --- */
.mensaje_seg_media {
	
    padding:12px;
	width: 512px;
	height:67px;
	font-size:12px;
	background: transparent url(/img/site_portal_clientes/css/gfx/bdg_mensaje_seguridad.gif) top left no-repeat;
	color: #fff;
	display:block;
	color:#FFF;
	visibility: visible;
	overflow: hidden;
	margin-left:0px;
}
div.mensaje_seg_media img.senal {position:relative; float:left}
div.mensaje_seg_media a {color:#fff;text-decoration:underline; font-weight:bold;float:right; padding-right:26px;}
div.mensaje_seg_media a:hover {color:#fff; text-decoration:none; font-weight:bold;float:right;padding-right:26px;}

/* Nuevo estilo para m�dulo de extracto trimestral m�dulo + bot�n input*/

#contenedor_ecofoto {width: 740px;height:270px; background: url(/img/site_general/css/gfx/bg_esq_copago.gif) 0px 0px no-repeat; padding: 12px; margin-bottom:12px;}

#contenedor_eco2 {width: 740px; height:76px; background: url(/img/site_general/css/gfx/bg_esq_destacado04.gif) 0px 0px no-repeat; 
padding-top: 14px;
padding-right: 12px;
padding-bottom: 14px;
padding-left: 12px;
margin-bottom:12px;}
.eco2 input.btazul {
	width:auto; height:auto; 
	background: url(/img/site_general/css/gfx/bg_botones.gif) 0px 0px repeat; 
	color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border:none; 
	padding:2px 5px 1px 5px; 
	cursor:pointer; 
	margin-top: 0; margin-right: 40px;
	margin-bottom: 22px;}
.eco2 input.btazul:hover {width:auto; height:auto; 
	background: url(/img/site_general/css/gfx/bg_botones.gif) 0px 0px repeat; 
	color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border:none; 
	padding:2px 5px 1px 5px; 
	cursor:pointer; 
	margin-top: 0; margin-right: 40px;
	margin-bottom: 22px;}

.eco2_confirmacion { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  padding: 0 12px 12px 12px; color:#0069af;}
.eco3 { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#0069af; padding-bottom:4px;height:auto; }
.eco4 { font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#0069af; padding-bottom:4px;height:auto; }


/*nuevos estilos para el captcha que se muestra en la portada*/
.areaclientes .modulo3_home {background:transparent url(/img/site_general/css/gfx/bg_esq_destacado02.gif) no-repeat scroll left top;margin:0pt 0pt 10px 0px;padding:12px 10pt 8px 10px;height:292px; overflow:hidden}
.areaclientes .modulo3_home fieldset {width:284px; padding:8px 0 10px 0; margin:0 0 8px 0; }
.areaclientes .modulo3_home fieldset label {width:128px; padding:0 6px 8px 0; float:left; font-size:0.9em}
.areaclientes .modulo3_home fieldset label input {font-size:1em}
.areaclientes .modulo3_home a.bulletverde {padding-left:14px; background:url(/img/site_general/css/gfx/ang_05hor.gif) 0 3px no-repeat; color:#0099ff; }
.areaclientes .modulo3_home p {margin-top:-4px; }
.areaclientes .modulo3_home .separa {background:url(/img/site_portal_clientes/css/gfx/sep_01.gif)  top repeat-x; line-height:22px;}


.formulario01 form input.btazul {width:134px !important; height:32px !important; background: url(/img/site_general/css/gfx/botondestacado.JPG) 0px 0px repeat !important; color:#ffffff !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold !important; border:none !important; padding:2px 5px 1px 5px !important; margin:10px !important; cursor:pointer !important; margin-right: 98px !important;}

input.btazul100 {width:100px !important; height:32px !important; background: url(/img/site_general/css/gfx/botondestacado.JPG) 0px 0px repeat !important;  color:#ffffff !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold !important; padding:2px 0 1px 0 !important; margin:10px !important !important; cursor:pointer !important; border: none !important;}
input.btazul {width:134px !important; height:32px !important; background: url(/img/site_general/css/gfx/botondestacado.JPG) 0px 0px repeat !important;  color:#ffffff !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold !important; border:none !important; padding:2px 5px 1px 5px !important; margin:10px !important; cursor:pointer}
input.btazul100:hover {height:32px !important; background: url(/img/site_general/css/gfx/botondestacadorol.JPG) color:#ffffff !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; margin:10px !important; cursor:pointer !important; border: none !important;}
input.btazul:hover{ background: url(/img/site_general/css/gfx/botondestacadorol.JPG) 0px 0px repeat !important;  color:#ffffff !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; border:none !important; margin:10px !important; cursor:pointer}


/* renovacion citas */

.bg_yellow { 
	background-color:#EDF561; 
  margin-right: 28px;
}

.bg_yellow2 { 
	background-color:#EDF561; 
  float:right;
}

.titulo_cita {
	color:#004268;
	font-size: 20px;
	font-weight:bold;	 
}

.modulo_01_citas .contenido_citas {
    padding: 11px;
    position: relative;
}

.destacado2_ctop2 {
    background: url("/img/site_portal_clientes/css/gfx/destacado_ctop2.jpg") no-repeat scroll left top transparent;
    height: 49px;
}

.destacado2_cmiddle {
    background: url("/img/site_portal_clientes/css/gfx/destacado2_cmiddle.jpg") no-repeat scroll left top transparent;
    overflow: hidden;
    padding-bottom: 3px;
    width: auto;
}

.destacado2_cbottom {
    background: url("/img/site_portal_clientes/css/gfx/destacado2_cbottom.jpg") no-repeat scroll left bottom transparent;
    height: 18px;
}

.destacado_ctop h3, .destacado2_ctop h3, .destacado2_ctop2 h3, .h3verde {
    background-position: center top;
    background-repeat: no-repeat;
    color: #004268;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 15px 0 0 17px;
}

h4 a.titseg {
    color: #11477D;
    float: left;
    position: relative;
    right: 8px;
    width: auto;
}

.contenido_citas {
	margin-left: 20px;
}

input.btazul_citas{ width:134px !important; height:32px !important; background: url(/img/site_general/css/gfx/botondestacado.JPG) 0px 0px repeat !important;  color:#ffffff !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold !important; border:none !important; padding:2px 5px 1px 5px !important; margin:10px !important; cursor:pointer; margin-right:40px !important}
input.btazul_citas:hover{margin-right:40px !important; background: url(/img/site_general/css/gfx/botondestacadorol.JPG) 0px 0px repeat !important;  color


.clear_citas {
    clear: both;
    display: block;
    font-size: 1px;
    height: 5px;
    margin-top: -2px;
}