/* CSS Document */

*, html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img, a{margin:0;padding:0;border:0;font-size:100.01%}
body {font-size:.7em;font-family:Arial, Verdana, Helvetica, sans-serif;color:#4e4b49;background: #ffffff}
address { font-style: normal}

/*estructura de pagina*/
#pagina{margin:0 auto; width:768px; overflow:hidden; height:100%}
#cabecera{overflow:hidden; background:#fafafa url(../img/bg_pagina_sup.gif) no-repeat left top; padding:0 9px 0 7px; height:7.95em; width:752px}
#cuerpo{ float:left;height:100%; background:#ffffff url(../img/bg_pagina_cen_blanco.gif) repeat-y left top; padding:0 11px 30px 11px; width:746px}
.home #cuerpo{ float:left;height:100%; background:#fafafa url(../img/bg_pagina_cen.gif) repeat-y left top; padding:0 11px; width:746px}
#contenido{float:left; padding:0 8px}
#contenido.sinmenu{width:730px}
#contenido.conmenu{width:531px}
#pie{overflow:hidden;background:#ffffff url(../img/bg_pie.gif) no-repeat left bottom; padding:0 10px 14px 0; width:758px; height:100%; margin-bottom:14px; float:left}
.home #pie{background:#ffffff url(../img/fondopie_home.gif) no-repeat left top; padding:14px 10px 14px 0; width:758px; height:33px; margin-bottom:14px}
#colizq{float:left; padding:0 32px 0 8px; width:159px}


/*enlaces, pararfos...*/
a{text-decoration:none; color:#4e4b49}
a:hover,a:active,a:focus{text-decoration:none}
p{font-size:1.1em}
input, select, textarea{border:1px solid #c4c6c7; font-size:1.1em}
input{padding:2px}
select{padding:1px 2px}

/*comunes*/
.visible{visibility:visible}
.oculto{visibility:hidden}
.none{display:none!important}
.sinborde{border:none}
.wauto{width:auto!important}

/*cabecera*/
#cabecera .logosalud{background:#ffffff url(../img/bg_cajalogo.gif) no-repeat left top; padding:17px 0 0 28px; float:left; height:135px; width:258px}
#cabecera .logocm{padding:17px 18px 0 18px; float:right}
#cabecera .titular{ text-align:right; float:left; margin:40px 0 0 0; width:338px}

/*encabezados y titulares*/
#cabecera h1{color:#0072A9; font-size:1.4em; font-family:Helvetica, sans-serif; font-weight:bold}
#cabecera h1 span{ display:block; color:#4d4948; font-size:0.9em}
#encabezado {background:#005b8d url(../img/bg_encabezado.gif) repeat-x left top; padding:6px 14px 0; height:2.8em;/* height:31px;*/ margin-bottom:4px}
#encabezado h2{color:#ffffff; font-size:1.8em; font-weight:normal}
.modazul h3{font-size:2.1em}
.seccion h3{font-size:1.7em; font-weight:normal; background:#e6e8ea url(../img/bg_h3contenido.gif) repeat-x left top; margin-bottom:18px; height:1.2em; padding:3px 7px; color:#5f5e5e}
.seccion{overflow:hidden; height:100%}

/*menus*/
/*menu principal horizontal*/
#menuppal{ background:#464645 url(../img/bg_menuppal.gif) repeat-x left top;float:left; width:100%; text-align:center}
#menuppal ul{float:left; position:relative; z-index:100}
#menuppal ul li{list-style:none;text-align:center;;position: relative;z-index: 200}
#menuppal ul li.nivel1{float:left; border-right:2px solid #ffffff}
#menuppal ul li a{ color:#ffffff; display:block;float:left;height:24px; padding:7px 20px 0 20px; font-weight:bold; font-size:1.3em;background:#464645 url(../img/bg_menuppal.gif) repeat-x left top; position:relative}

#menuppal ul li:hover{position: relative}
#menuppal ul li a:hover,#menuppal ul li a:active,#menuppal ul li a:focus{ background:#cacacd url(../img/bg_menuppal_on.gif) repeat-x left top;color:#0072A9;position: relative}
/*#menuppal ul li:hover a.nivel1{background:#cacacd url(../img/bg_menuppal_on.gif) repeat-x left top;color:#0072A9;position: relative}*/

#menuppal ul li a.nivel1 {display: block;position: relative}
#menuppal ul li.on a{ background:#cacacd url(../img/bg_menuppal_on.gif) repeat-x left top;color:#0072A9}
#menuppal ul li.on ul li a{ background:none;color:#5f5f5f}
#menuppal ul li.on ul li a:hover,#menuppal ul li.on ul li a:active,#menuppal ul li.on ul li a:focus{ color:#4da9da; background:transparent}
/*sin js*/#menuppal ul ul{visibility:visible;display:block;position:static; background-color:#f3f4f6; border:1px solid #e0e0e0; padding:4px 0; clear:both}
/*#menuppal ul ul{visibility:hidden; position:absolute; background-color:#f3f4f6; border:1px solid #e0e0e0; padding:4px 0; top:37px; left:0}*/
#menuppal ul ul li{text-align:left; float:none}
#menuppal ul ul li a{ color:#5f5f5f;text-align:left; float:none; font-size:1em; height:auto; font-weight:normal; padding:4px 10px; background:transparent}
#menuppal ul ul li a:hover,#menuppal ul ul li a:active,#menuppal ul ul li a:focus{ color:#4da9da; background:transparent}
#menuppal ul ul li.on a{ color:#4da9da; background:transparent}

#menuppal ul li ul li a {width: 122px}
#menuppal ul li ul li a:hover {position: relative}
/*visibilidad submenu*/
#menuppal ul li:hover ul{visibility:visible}
#menuppal ul a:hover ul{visibility:visible}
#menuppal ul a:active ul{visibility:visible}
#menuppal ul a:focus ul{visibility:visible}

/*menu lateral vertical*/
.menulat{width:159px}
.menulat .sup{background:#ffffff url(../img/bg_menulat_sup.gif) no-repeat top left; padding-top:13px}
.menulat .inf{background:#ffffff url(../img/bg_menulat_inf.gif) no-repeat bottom left; padding-bottom:14px}
.menulat .cen{background:#ebeced url(../img/bg_menulat_cen.gif) repeat-y top left; padding-bottom:80px}
.menulat li{list-style:none; overflow:hidden; height:100%;position: relative;z-index: 200}
.menulat ul{position: relative}
.menulat li a{ padding:3px 12px 4px; display:block; background-position:top; font-size:1em}
.menulat li.on a{ background:#dcdcdc url(../img/bg_menulat_on.gif) repeat-x left top; color:#0072A9}
.menulat li a:hover,.menulat li a:active,.menulat li a:focus{ background:#dcdcdc url(../img/bg_menulat_on.gif) repeat-x left top; color:#0072A9}
.menulat li a.bgnone:hover,.menulat li a.bgnone:active,.menulat li a.bgnone:focus{ background:none; color:#0072A9}



/*barra de informacion superior*/
#barrainfo{background:url(../img/bg_info.gif) repeat-x left top; padding:4px 0 0; height:32px; float:left; position:relative; width:100%}
#barrainfo .fecha{color:#464645; padding-left:14px}
#barrainfo .sesion{ position:absolute; right:0px; top:0; background:#e0e1e3 url(../img/bg_divsesion.gif) no-repeat left top; float:left; padding-left:11px}
#barrainfo .sesion ul{background:#e0e1e3 url(../img/bg_ulsesion.gif) no-repeat right top; float:left; padding-right:11px}
#barrainfo .sesion li{ list-style:none; float:left; background:#e0e1e3 url(../img/bg_lisesion.gif) repeat-x left top; height:27px; padding:3px 0 0 0}
#barrainfo .sesion a{color:#000000; background:url(../img/bg_asesion.gif) no-repeat right top; padding:2px 10px; font-size:1.1em}
#barrainfo .sesion a{color:#000000; background:url(../img/bg_asesion.gif) no-repeat right top; padding:2px 10px; font-size:1.1em}
#barrainfo .sesion .last a{background:none}
#barrainfo .sesion a:hover,#barrainfo .sesion a:active,#barrainfo .sesion a:focus{ text-decoration:underline}
#barrainfo .sesion a.cerrar{ background:transparent url(../img/ico_cerrar.gif) no-repeat right 50%; padding-right:20px}

/*migas de pan*/
#migas{background:#ffffff url(../img/bg_migas.gif) repeat-x left bottom; margin:0 8px 10px 8px;padding:0 0 8px 6px; clear:both; position:relative; width:722px}
.volver{background:transparent url(../img/ico_volver2.gif) no-repeat left 50%;border:none;color:#0072A9;cursor:pointer;font-size:1.1em;font-weight:bold;padding:0 0 2px 16px;white-space:nowrap;width:auto; margin:0}
#migas span{ float:left; font-weight:bold;padding:0 5px 0 0; position:relative}
#migas span.boton{background:#e6e8eb url(../img/bg_boton.gif) repeat-x left top; border:1px solid #c4c6c7; overflow:hidden; height:100%; padding:2px 6px 0 6px; float:none; height:17px;position:absolute;right:0;top:1px}
#migas ul { background-color:#ffffff}
#migas ul li{list-style:none; display:inline; background:#ffffff url(../img/ico_migas.gif) no-repeat left 50%;margin-right:8px;padding-left:10px;color:#0072A9}
#migas ul li.first{background:none; padding-left:0}
#migas ul li a{color:#464645}

/*modulos*/
.modulo{ overflow:hidden; height:100%; clear:both}
.modulo .inf{background:#ffffff url(../img/bg_pagina_inf.gif) no-repeat left bottom; padding-bottom:26px}
.modulo .cen{background:#ffffff url(../img/bg_pagina_cen.gif) repeat-y left top;height:100%;overflow:hidden;padding:0 8px}
.moduloblanco .sup{background:#ffffff url(../img/bg_pagina_sup_blanco.gif) no-repeat left top; padding-top:26px}
.moduloblanco .inf{background:#ffffff url(../img/bg_pagina_inf_blanco.gif) no-repeat left bottom; padding-bottom:26px}
.moduloblanco .cen{background:#ffffff url(../img/bg_pagina_cen_blanco.gif) repeat-y left top;height:100%;overflow:hidden;padding:0 11px;padding-top:13px}


/*modulo azul redondeado*/
.modazul{color:#ffffff}
.modazul .sup{background:#004b75 url(../img/modazul_sup.gif) no-repeat left top;padding-top:30px}
.modazul .inf{background:#004b75 url(../img/modazul_inf.gif) no-repeat left bottom;padding-bottom:30px}
.modazul .fondo{ height:100%;overflow:hidden;background:#004d77 url(../img/modazul_fondo.gif) repeat-y left bottom}
.modazul .cen{ min-height:241px;overflow:hidden; background:transparent url(../img/modazul_cen.gif) no-repeat left top}
.modazul .cen .texto{float:left; width:400px; padding:0 0 0 20px}
.modazul .cen .enlaces{float:right; width:295px; padding:0px 17px 0 0px}
.modazul .cen .enlaces a img{margin:10px 5px 5px 5px}
.modazul .cen p{padding:16px 0 0 0}

/*modulo banner informacion*/
.bannerhome{background:#ffffff url(../img/moduloblanco.gif) no-repeat left top; padding:20px; width:940px; height:56px}
.banner{border:1px solid #c4c6c7; margin-top:36px; position:relative; padding:4px 0 0 25px; clear:both; overflow:hidden; height:100%}
.bannerhome p.mail{background:transparent url(../img/ico_mail.gif) no-repeat left top;margin:0 0 0 10px;padding:25px 0 25px 80px}
.banner p.mail{background:transparent url(../img/ico_mail.gif) no-repeat left top;/*margin:4px 0 0 25px;*/padding:16px 0 0 100px; height:45px}
a.link{ color:#0072A9; font-weight:bold}
a.link:hover,a.link:active,a.link:focus{ text-decoration:underline}

/*pie*/
.listapie1{float:left; padding-left:24px}
.listapie2{float:left; padding:9px 8px 0 8px}
.listapie1 li{ list-style:none; float:left; border-right:1px solid #a6a5a4; padding:0 5px; height:35px}
.listapie1 li span{ display:block; padding:10px 0; font-size:0.9em}
.listapie1 li a{ display:block}
.listapie1 li.w3c a{ padding:8px 0 0 0}
.listapie2 li{ list-style:none; float:left; border-right:1px solid #4e4b49; padding:0 4px}
.listapie2 li.last{ border-right:none; padding-right:0}
.listapie2 li a{text-decoration:underline; font-size:0.9em}
.listapie2 li a:hover,.listapie2 li a:active,.listapie2 li a:focus{text-decoration:none}

/*span.table{display:table}
span.tr{display:table-row}
span.table{display:table-cell}*/

/*formularios comun*/
.form{padding:20px 2px; position:relative}
.form .campo{margin-bottom:22px; clear:both; overflow:hidden; height:100%}
.form .lastcampo{margin-bottom:0; clear:both; overflow:hidden; height:100%; float:left}
.form label{float:left; display:block; font-size:1.1em}
.form input{float:left; margin-left:20px}
.form select{ float:left; margin-left:20px}
.form textarea{ float:left; margin-left:20px}
.botonera_der{float:left; padding-left:20px}
.botonera{padding:57px 20px 0 20px; overflow:hidden; height:100%; float:left}
.boton{background:#e6e8eb url(../img/bg_boton.gif) repeat-x left top; border:1px solid #c4c6c7; overflow:hidden; height:100%; padding:2px 6px 0 6px; float:left; height:17px}
input.submit{background:transparent url(../img/ico_submit.gif) no-repeat right 50%;border:none;color:#0072A9;cursor:pointer;font-size:1.1em;font-weight:bold;padding:0 16px 2px 0;white-space:nowrap;width:auto; margin:0}
a.submit{background:transparent url(../img/ico_submit.gif) no-repeat right 50%;border:none;color:#0072A9;cursor:pointer;font-size:1.1em;font-weight:bold;padding:0 16px 2px 0;white-space:nowrap;width:auto}

/*formulario masa corporal*/
.form_mc{width:529px; clear:both; overflow:hidden; height:100%}
.form_mc label{width:36px}
.form_mc .campo input, .form_mc .lastcampo input{width:150px}
.form_mc select{width:144px}

/*lista resultados masa corporal*/
#resultados{float:left}
.indice_mc{color:#0072A9}
.lista_mc{margin:10px 0 24px}
.lista_mc li{list-style:none; font-size:1.1em}

/*tablas comun*/
table{ border-left:1px solid #c4c6c7;border-top:1px solid #c4c6c7}
table caption{font-size:1.1em;font-weight:bold;padding:0 0 10px 0;text-align:left}
table thead th{ border-right:1px solid #c4c6c7;border-bottom:1px solid #c4c6c7; padding:5px 10px; text-align:left; color:#0072A9; font-size:1.1em}
table tbody td{ border-right:1px solid #c4c6c7;;border-bottom:1px solid #c4c6c7; padding:5px 10px; font-size:1.1em}

/*tabla resultados*/
.resultados_mc{float:left}
/*mensaje  de error*/
.mensaje_error{background-color:#FFCCCC;border:1px solid red;padding:5px 0;width:auto; margin-top:20px}
.mensaje_error p{margin:10px}
.mensaje_error ul{margin:20px 0; padding-left:40px; padding-right:40px}
.mensaje_error ul li{list-style:square; margin-bottom:2px}
.mensaje_error ul a{ text-decoration:underline}
.mensaje_error ul a:hover,.mensaje_error ul a:active,.mensaje_error ul a:focus{ text-decoration:none}


/*capa menus hnover*/
div.ahover {position: absolute}
#menuppal ul div.ahover{background:#cacacd url(../img/bg_menuppal_on.gif) repeat-x left top;color:#0072A9}
#menuppal ul div.ahover {background:#cacacd url(../img/bg_menuppal_on.gif) repeat-x left top;color:#0072A9}
.menulat ul div.ahover {background: #dcdcdc url(../img/bg_menulat_on.gif) repeat-x center top}

/*16 abril 2009***************************************************************************/
.imagen{position:relative}
.botonera_home{ position:absolute; top:0px; right:20px}
.btn_rojo{color:#fff;width:auto;overflow:visible;background-color:transparent;cursor:pointer;font-weight:bold;padding-right:2px;font-size:1em; text-decoration:none; display:block; clear:both; float:left}
.btn_rojo span {background: url(../img/btn_rojo_izq.png) no-repeat top left;padding-left:30px;display:block;float:left; height:36px}
.btn_rojo span span {background:url(../img/btn_rojo_der.png) no-repeat top right;padding:11px 11px 0 11px;display:block; height:25px; width:6em; white-space:nowrap}

/*formulario registro*/
.form_registro{width:100%; clear:both; overflow:hidden; height:100%; padding:0 0 0 0; margin-top:-20px}
.form_registro .mensaje_error{margin:20px 0}
.form_registro fieldset{padding:0 20px 0}
.form_registro legend{font-weight:bold; font-size:1.1em; padding-bottom:20px}
.form_registro .mod{background:#e7e8ea url(../img/bg_registro.gif) repeat-x left top; padding:20px}
.form_registro .mod p{padding-bottom:20px}
.form_registro label{width:110px; text-align:right}
.form_registro .campo input{width:180px}
.form_registro select{width:186px}
.form_registro .tipodocumento{ text-align:right; width:auto}

/*formulario registro*/
.form_registro2{width:100%; clear:both; overflow:hidden; height:100%; padding:0 0 0 0; margin-top:-20px}
.form_registro2 .mensaje_error{margin:20px 0}
.form_registro2 fieldset{padding:0 20px 0}
.form_registro2 legend{font-weight:bold; font-size:1.1em; padding-bottom:20px}
.form_registro2 .mod{background:#e7e8ea url(../img/bg_registro.gif) repeat-x left top; padding:20px}
.form_registro2 .mod p{padding-bottom:20px}
.form_registro2 label{width:110px; text-align:right}
.form_registro2 .campo input{width:180px}
.form_registro2 select{width:186px}
.form_registro2 .tipodocumento{ text-align:right; width:auto}

/*formulario contacto*/
.form_contacto{width:100%; clear:both; overflow:hidden; height:100%; padding:0 0 0 0; margin-top:-20px}
.form_contacto .mensaje_error{margin:20px 0; position:relative; float:left; overflow:hidden; height:100%}
.form_contacto fieldset{padding:0 20px 0}
.form_contacto legend{font-weight:bold; font-size:1.1em; padding-bottom:20px}
.form_contacto .mod{background:#e7e8ea url(../img/bg_registro.gif) repeat-x left top; padding:20px; position:relative; float:left; overflow:hidden; height:100%}
.form_contacto .mod p{padding-bottom:20px}
.form_contacto label{width:110px; text-align:right}
.form_contacto .campo input{width:400px}
.form_contacto select{width:186px}

.form .clave input{ width:auto}
.form .clave label{ width:auto; text-align:left; padding-left:10px}
.form .mod .label{ float:left; margin:0; padding:0; text-align:right}
.form_registro .mod .label{ width:110px}
.form ul li{font-size:1.1em; padding-bottom:2px}
.form .cp{width:50px!important}
.form .telefono{width:100px!important}

.registro{overflow:hidden; height:100%}
.registro fieldset{float:left; width:44%}
.registro label{width:200px; text-align:left}
.form_registro .registro input{width:auto; margin:0 6px 0 0}
.form_registro .registro .campo{margin-bottom:10px}

.sinregistrar{ font-weight:bold; padding:0 0 0 6px; color:#e02928; text-align:right}

.botonera_right{float:right; padding:20px 0 0 20px}

.doscol{ overflow:hidden; height:100%; padding:20px 60px 0}
.doscol .colizq{ float:left; padding:0 20px 0 0}
.doscol .colder{ float:right;padding:0 0 0 20px}

.captcha{ text-align:center; padding:20px}

.mensaje{width:400px}

.nota{border:1px solid #C4C6C7;height:100%;margin-top:20px;overflow:hidden;padding:10px; font-size:0.9em; color:#666666; float:left}
/***************************************************************************/