/*For compatibility with mozilla-firefox*/
*{-moz-box-sizing: border-box;box-sizing: border-box}
p{margin-top:0px;margin-bottom:1em}
form{margin:0px}
input{padding:1px}
/*END For compatibility with mozilla-firefox*/

a {letter-spacing:0px !important;}
img {border:none;}

body {height:1000px; text-align:center; font-family:Trebuchet MS, arial, verdana, tahoma !important; font-size: 14px; color:#333333; line-height:150%; }

li {list-style-image: url(../wibPrograms/img/bullet_gota.gif);}
li a {font-size: 14px; font-family: Trebuchet MS, arial, verdana, tahoma !important;}

h1 {width:100%; height:110px; padding:90px 0px 0px 0px; text-align:right; font-size:16px; color:#314294; font-weight:bold; font-variant:small-caps; border-bottom:1px solid #5582A3;}
h2 {width:100%; height:18px; margin-bottom:10px; padding: 0px 0px 0px 15px; text-align:left; font-size:14px; color:#0071AF; font-weight:bold; background-image: url(../wibPrograms/img/bg_h2.gif); background-repeat: no-repeat; background-position: 0px 4px; text-transform: capitalize;}

#container {text-align:justify; width:759px; margin:0px auto 0px auto; padding: 0px; border:1px solid #5582A3;}

/*Estilos para los encabezados de pagina H1 */
#Grupo1 h1, #Grupo2 h1, #Grupo3 h1, #Grupo4 h1, #Miscelaneo h1  {font-family:Trebuchet MS; font-size:16px; color:#314294; font-weight:bold; text-align:right; padding:148px 0px 0px 0px !important; margin-left:0px; margin-top:0px; margin-bottom:10px; border-bottom:1px solid #314294;}
div>#Grupo1 h1, div>#Grupo2 h1, div>#Grupo3 h1, div>#Grupo4 h1, div>#Miscelaneo h1  {padding:150px 0px 0px 0px !important;}
#Grupo1 h1{height:170px; background-image: url(../wibPrograms/img/img_h1_grupo1.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#Grupo2 h1{height:170px; background-image: url(../wibPrograms/img/img_h1_grupo2.gif); background-repeat: no-repeat; background-position:0px 0px;}
#Grupo3 h1{height:170px; background-image: url(../wibPrograms/img/img_h1_grupo3.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#Grupo4 h1{height:170px; background-image: url(../wibPrograms/img/img_h1_grupo4.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#Miscelaneo h1{height:170px;background-image: url(../wibPrograms/img/img_h1_miscelaneo.gif); background-repeat: no-repeat; background-position: 0px 0px;}

/** Divisiones **/
div#header{clear:both; width:100%; height:101px; margin:0px !important; padding:0px !important; border-bottom:1px solid #5582A3; background-image: url(../Files/home_head_azul.jpg); background-repeat: no-repeat; background-position: 0px 0px;}

div#left{float:left;width:169px; min-height:100%; margin:0px; padding: 0px; background-color:#F6F6F6; border-right:1px solid #0775B2; margin-right: -1px;}
div>div#left{width:169px;}

div#menu{float:left; width:588px; margin:0px; padding: 0px; background-color:#314294;}
#container>div#menu{width:589px; border-left:1px solid #5582A3;}

div#content{float:left; width:588px; height:500px; min-height:100%; margin:0px; padding: 10px; border-left:1px solid #5582A3;}
#index #content{padding:0px;}
#content table tr td li, #content table tr td{text-align:justify; vertical-align:top; line-height: 150%; font-family: Trebuchet MS, arial, verdana, tahoma; color: #333333; font-size: 13px;}
#container>#content {height:auto; min-height: 500px;}

div#bottom{clear:both; width:759px; height:23px; margin:0px; padding:0px; border-top:1px solid #5582A3; background-color:#5A68A9; text-align:center;}
div>div#bottom{width:758px;height:65px;}
#bottom #footer {padding-top:2px; color:#FFFFFF; font-size: 12px;}

/** Fin Divisiones **/

/*****parrafo en menu****/
/*** today ***/
#today {float:left; width:120px; height:20px; padding:0px 3px 0px 3px; color:#FFFFFF; font-size:10px; font-weight:bold; text-align:left;}
/*** end today ***/

/*** menu horizontal ***/
div#menu>#menu_top {width:461px;}
#menu_top {float:left; width:468px; height:20px; padding-right: 3px; font-weight: bold; text-align: right;}
#menu_top .nav0 {color:#FFFFFF;}
#menu_top .nav0 a {padding:0px 3px;color:#FFFFFF; font-family: Trebuchet MS, arial, verdana, tahoma !important;}
#menu_top .nav0 a:hover, #menu_top .nav0 a:select {color:#CEEFCE;}
#menu_top .nav0 a:hover {color: #CEEFCE;}
/*** end menu horizontal ***/
/*****FIN parrafo en menu****/

/*****parrafo en left****/
#imglogo {width:167px; height:58px; margin-bottom:0px;}

/*** menu izquierdo ***/
#menu_left {margin-left:2px; width:167px;}
#menu_left .nav3 ul{width:165px;}

#menu_left .nav3 ul li{width:100%; margin:0px; padding:0px; list-style-image:none; list-style:none;}
#menu_left .nav3 ul.level1 li {width:100%; background-color:#314294;}  
#menu_left .nav3 ul.level2 li {width:100%; background-color:#5A68A9;}
#menu_left .nav3 ul.level3 li {width:100%; background-color:#DBDEEC;} 

#menu_left .nav3 ul li a{width:100%;  border-bottom:1px solid #FFFFFF; font-family:Trebuchet MS, arial, verdana, tahoma !important; color:#FFFFFF !important; font-size:13px; font-weight:bold; text-align:left; letter-spacing:-6em;}
#menu_left .nav3 ul.level1 li a {padding-left:7px !important;}
#menu_left .nav3 ul.level2 li a {padding-left:12px !important;}
#menu_left .nav3 ul.level3 li a {padding-left:17px !important; font-size:12px !important; color:#333333 !important;}

#menu_left .nav3 ul li a:hover{width:100%; font-family:Trebuchet MS, arial, verdana, tahoma !important; font-size:13px; font-weight:bold; text-align:left; letter-spacing:-6em;}
#menu_left .nav3 ul.level1 li a:hover {color:#000000 !important;}
#menu_left .nav3 ul.level2 li a:hover {color:#000000 !important;}
#menu_left .nav3 ul.level3 li a:hover {color:#FFFFFF !important;}

#menu_left .nav3 .level1 li .level2 li.last {width:100%; margin-bottom:0px;}
#menu_left .nav3 .level1 li .level2 li .level3 li.last{width:100%; margin-bottom:0px;}

/***current***/
#menu_left .nav3 ul.level1 li.current{width:100%; margin:0px;} 
#menu_left .nav3 ul.level2 li.current{width:100%; margin:0px;}
#menu_left .nav3 ul.level3 li.current{width:100%; margin:0px;} 

div#menu_left>div.nav3 >ul>li {height:auto;}
div#left>div#imglogo {margin-bottom:0x;}
/*** end menu izquierdo ***/

/************* login (empresas,medicos,bioanalistas)  y login (ver examen de pacientes)  ***********/
#divlogin,#loginmiexamen {margin-top: 5px;}
#loginmiexamen h1 {width:100%; height:auto; margin:0px; padding:5px; text-align:center; font-variant:normal; font-size:12px; border:0px;}
.loginForm {width:160px; border:1px solid #999999; margin-left: 4px; padding-left: 3px; font-size: 12px; padding-top: 0px;}
#loginBox{width:150px;}
fieldset.loginForm>fieldset#loginBox{width:147px;}
.login span, .password span {display:block;width:150px; font-weight: bold; font-size: 12px; font-family: Trebuchet MS, arial, verdana, tahoma; color:#4C4C70;}
.login span {margin-top: -20px; }
label.login>span {margin-top: -10px;}
#loginValue, #passwordValue, #loginValue2, #passwordValue2 {display:block;width:150px;border: 1px solid #999999; background-color:#F0F0F0;}
label>#loginValue, label>#passwordValue, label>#loginValue2, label>#passwordValue2 {width:145px;} 
#TextoAccionLogin{display:block;text-aling:center;} 
#loginBox input.TextoAccionLogin{float:right; margin-top:10px; border:2px solid #999999; background-color:#F0F0F0; color:#666666; font-weight:bold; width:70px;}
#loginBox {border: 1px solid #FFFFFF;margin-top:0px;}
.loginForm legend {font-weight:bold; font-family: Trebuchet MS, arial, verdana, tahoma;}

#left fieldset fieldset{border:0px;}
/*********** end login ************/

.banner{text-align:center;margin-top:20px;}
/*****FIN parrafo en left****/

/***** parrafo en Content ****/
/*** sitemap ***/
#sitemap{width:100%;}
#sitemap li {list-style: disc;}
#sitemap li {list-style-image: url(../wibPrograms/img/bullet_gota.gif);}
/*#sitemap li a {color: #333333}*/
#sitemap li a:hover {text-decoration: underline;}
/*** end sitemap ***/

/*** Formulario de contacto ****/
#content13  {width:100%; height:260px; padding:0px !important; margin:0px; border:0px solid red; padding-bottom: 30px;}
#content13 .M13titulo{margin: 0px 0px 10px 0px; padding:0px;}
#content13 .M13Nombre, #content13 .M13Comment, #content13 .M13Email {margin-left:60px;margin-bottom:5px;}
#content13 .M13botonDiv {margin-left:160px;}
#content13 .M13obligatorio {position:relative; top:255px;  padding:0px; margin:0px 0px 0px 60px; color:#5582A3;}
#content13 .M13asterisco {color:#5582A3;}
#content13 .M13inputnombre {width:250px;}
#content13 .M13inputemail {width:250px;}
#content13 .M13textareacomentario {width:250px;height:60px;}
/*** Formulario de contacto ****/

#examenes ul li a, #examenes ul li p, #muestras ul li a, #muestras ul li p {font-family: Trebuchet MS, arial, verdana, tahoma; font-size: 14px;}
/*#examenes ul li a, #muestras ul li a {color: #333333}*/
#examenes ul li a:hover, #muestras ul li a:hover {text-decoration: underline;}
#examenes ul li p table tr td {padding: 1px 30px; font-family: Trebuchet MS, arial, verdana, tahoma !important; font-size: 12px; color: #333333;}
.oculto {display: none;}
ul li.mostrar {display: block; list-style: none; list-style-image: none;}
#examenes table tr td.titulo {font-weight: bold;}

/***** direccion profesional **********/
#dirprofesional {width:100%;}
#dirprofesional .img {float: left;}
#dirprofesional .nombre {padding-left: 135px; font-weight: bold; font-size: 12px; color:#FFFFFF; background-image: url(../wibPrograms/img/bg_cv.gif); background-repeat: no-repeat; background-position: 130px 2px;}
#dirprofesional .descorta, #dirprofesional .mostrar {text-align: justify; }
#dirprofesional .mas {text-align: right;}
#dirprofesional .mostrar {padding-left: 2px; }
/***** end direccion profesional ******/

/********* Formulario de Registrese ***********/
#inputPER {width:100%; margin-bottom:50px; margin-top: 15px;}
#inputPER p.comentarios {width: 400px; line-height: 12px; font-size: 9px; margin: 6px 0px 2px 100px; text-align: justify}
#inputPER form label .NameFieldName {font-weight: bold; font-size: 12px; font-family: Trebuchet MS, arial, verdana, tahoma; vertical-align: top; color:#4C4C70}
#inputPER form label .NameFieldName { width: 220px; text-align: right;}
#inputPER form label .Mandatory {width: 10px; color:#54AD75; font-weight: bold; text-align: center}
#inputPER form label input, #inputPER form label textarea, #inputPER form select {border: 1px solid #999999; background-color: #F0F0F0}
#inputPER form label textarea {width:215px;}
form select {width: 90px;}
#inputPER form .SectionName{font-size: 13px; font-family: Trebuchet MS, arial, verdana, tahoma; color:#314294; border-top: 0px solid blue; width: auto; padding-left: 120px;}
h4.SectionName {display: none;}
#textoMandatory {margin-left: 350px; margin-bottom: 10px; font-size: 11px; font-family: Trebuchet MS, arial, verdana, tahoma; color:#54AD75;}
#botonOK {margin-left: 350px}
#botonCancel {display: none;}
.botones {border: 2px solid #999999; background-color: #F0F0F0; color: #666666; font-weight: bold; width: 70px;}
#LabelPERBloque1 {margin-top: 0px}
#MandatoryPERBloque1 {vertical-align: top; }
.subtitulo {font-weight: bold; font-size: 13px; margin-left: 120px; margin-top: 10px;}
/****** end registrese ********/

/***** formulario para busqueda ********/
#frmbusqueda div {margin-bottom: 4px;}
#frmbusqueda div label span{width: 55px;color: 4C4C70; font-size: 12px; font-weight: bold; font-family: Trebuchet MS, arial, verdana, tahoma;}
#frmbusqueda div label input {background-color: #F0F0F0; border: 1px solid #999999; width:150px}
#frmbusqueda div .botsearch {background-color: #F0F0F0; border: 2px solid #999999; color: #666666; font-weight: bold; margin-right:15px; width:100px}	
/**** end busqueda *******/


/****** noticias y detalles******/
#noticiasmed {width:100%; margin-top: 20px}	
.M26fecha { padding-left: 5px;}
.M26newsTitle {margin-top: -7px; padding-top: 0px; color:#333333}
.M26newsMore { margin-top: -21px; padding-left: 6px; margin-bottom: 10px; }
.M26newsMore a {font-family: Trebuchet MS, arial, verdana, tahoma !important; font-size: 14px; color: #314294;}
.M26newsMore a:hover {text-decoration: underline;}

#detnoticia {width:98%; margin-top: 30px;}
#M20title {font-weight: bold;}
#M20shortDescription {font-style: Italic}
/******** fin noticias **********/

/* Estilo para los parrafos aplic */
div#docs {width:100%;}
div.home {width:100%;}
/*****FIN parrafo en Content ****/


/* Estilo para el parrafo de inicio */
.home #fondoini {background-image: url(../wibPrograms/img/clinilab_home.jpg); background-repeat:no-repeat; background-position:0px 0px; width:100%; height:500px;}
#fondoini .Estilo1 {color: #141280; font-weight: bold; font-size:14px;}
#fondoini #ColIzq {float:left; width:260px; padding-left:20px; padding-top:20px;}
#fondoini #ColIzq ul {margin-left:10px; list-style:none;}
#fondoini #ColIzq ul li {padding:3px 0px;}
#fondoini #ColIzq ul li a {color:#FFF;}
#fondoini #ColIzq ul li a:hover {text-decoration:underline; color:#141280}
#fondoini #ColDer {float:right; width:220px; font-size:13px; text-align:right; padding:25px 5px 0px 0px;color:#141280; font-weight:bold; line-height:135%; letter-spacing:-1px;}
#fondoini #ColDer ul {padding:0px; margin:0px;}
#fondoini #ColDer ul li {padding:0px 15px 5px 0px; margin:0px; list-style-type: none; list-style-image: none;}
/*****FIN parrafo en inicio ****/