.header a.inicio { background:url(../img/logos/hipertension.gif) no-repeat }
#wrapper { background:white url(../img/fondos/wrapper-hipertension.gif) repeat-y left top; }
a { color:#0a777b; }

/**************/
/* NAVEGACION */
/**************/

#navegacion ul li img.especialidades { background:url(../img/fondos/nav-especialidades.gif) no-repeat 0 top; }
#navegacion ul li { background-color:#119DA2 }

#navegacion ul li span.unionHome { background-position:left bottom; }
#navegacion ul li span.union { background-position:left -220px; }
#navegacion ul li span.unionFin { background-position:left -55px; }
#navegacion ul li span.unionOn { background-position:left -110px; }

#navegacion ul li a.home { background:url(../img/botones/ico_home.gif) no-repeat left bottom; width:26px; }
#navegacion ul li a.consideraciones { background:url(../img/botones/btn_consideraciones.gif) no-repeat left bottom; width:97px; }
#navegacion ul li a.tipos { background:url(../img/botones/btn_tipos-hipertension.gif) no-repeat left bottom; width:76px; }
#navegacion ul li a.sintomas { background:url(../img/botones/btn_sintomas.gif) no-repeat left bottom; width:83px; }
#navegacion ul li a.prevencion { background:url(../img/botones/btn_prevencion.gif) no-repeat left bottom; width:67px; }
#navegacion ul li a.complicaciones { background:url(../img/botones/btn_complicaciones.gif) no-repeat left bottom; width:94px; }
#navegacion ul li a.diagnostico { background:url(../img/botones/btn_diagnostico-examenes.gif) no-repeat left bottom; width:74px; }
#navegacion ul li a.tratamiento { background:url(../img/botones/btn_tratamiento.gif) no-repeat left bottom; width:71px; }
#navegacion ul li a.preguntas { background:url(../img/botones/btn_preguntas-consejos.gif) no-repeat left bottom; width:66px; }


body#home #navegacion ul li.seleccionado1,
body#consideraciones #navegacion ul li.seleccionado2,
body#tipos #navegacion ul li.seleccionado3,
body#sintomas #navegacion ul li.seleccionado4,
body#prevencion #navegacion ul li.seleccionado5,
body#complicaciones #navegacion ul li.seleccionado6,
body#diagnostico #navegacion ul li.seleccionado7,
body#tratamiento #navegacion ul li.seleccionado8,
body#preguntas #navegacion ul li.seleccionado9
{ background-color:#fff; position:relative; z-index:2000}

body#home #navegacion ul li.seleccionado1 a,
body#consideraciones #navegacion ul li.seleccionado2 a,
body#tipos #navegacion ul li.seleccionado3 a,
body#sintomas #navegacion ul li.seleccionado4 a,
body#prevencion #navegacion ul li.seleccionado5 a,
body#complicaciones #navegacion ul li.seleccionado6 a,
body#diagnostico #navegacion ul li.seleccionado7 a,
body#tratamiento #navegacion ul li.seleccionado8 a,
body#preguntas #navegacion ul li.seleccionado9 a
{ background-position:left top; }

body#home #navegacion ul li.seleccionado1 span.unionHome,
body#consideraciones #navegacion ul li.seleccionado2 span.unionHome,
body#tipos #navegacion ul li.seleccionado3 span.unionHome,
body#sintomas #navegacion ul li.seleccionado4 span.unionHome,
body#prevencion #navegacion ul li.seleccionado5 span.unionHome,
body#complicaciones #navegacion ul li.seleccionado6 span.unionHome,
body#diagnostico #navegacion ul li.seleccionado7 span.unionHome,
body#tratamiento #navegacion ul li.seleccionado8 span.unionHome,
body#preguntas #navegacion ul li.seleccionado9 span.unionHome
{ background-position: left -275px !important; }

body#home #navegacion ul li.seleccionado1 span.union,
body#consideraciones #navegacion ul li.seleccionado2 span.union,
body#tipos #navegacion ul li.seleccionado3 span.union,
body#sintomas #navegacion ul li.seleccionado4 span.union,
body#prevencion #navegacion ul li.seleccionado5 span.union,
body#complicaciones #navegacion ul li.seleccionado6 span.union,
body#diagnostico #navegacion ul li.seleccionado7 span.union,
body#tratamiento #navegacion ul li.seleccionado8 span.union,
body#preguntas #navegacion ul li.seleccionado9 span.union
{ background-position: left -165px !important; }

body#home #navegacion ul li.seleccionado1 span.unionFin,
body#consideraciones #navegacion ul li.seleccionado2 span.unionFin,
body#tipos #navegacion ul li.seleccionado3 span.unionFin,
body#sintomas #navegacion ul li.seleccionado4 span.unionFin,
body#prevencion #navegacion ul li.seleccionado5 span.unionFin,
body#complicaciones #navegacion ul li.seleccionado6 span.unionFin,
body#diagnostico #navegacion ul li.seleccionado7 span.unionFin,
body#tratamiento #navegacion ul li.seleccionado8 span.unionFin,
body#preguntas #navegacion ul li.seleccionado9 span.unionFin
{ background-position: left 0px !important; }

body#home #navegacion ul li.seleccionado1 span.unionOn,
body#consideraciones #navegacion ul li.seleccionado2 span.unionOn,
body#tipos #navegacion ul li.seleccionado3 span.unionOn,
body#sintomas #navegacion ul li.seleccionado4 span.unionOn,
body#prevencion #navegacion ul li.seleccionado5 span.unionOn,
body#complicaciones #navegacion ul li.seleccionado6 span.unionOn,
body#diagnostico #navegacion ul li.seleccionado7 span.unionOn,
body#tratamiento #navegacion ul li.seleccionado8 span.unionOn,
body#preguntas #navegacion ul li.seleccionado9 span.unionOn
{ position:absolute; bottom:0; right:-16px; z-index:300 !important; display:block; }


/* ILUSTRACION DE CAJA DESTACADA */
.cajaDestacada img.ilust,
.cajaDestacada img.finIlust
{ position:absolute; }

body#consideraciones .cajaDestacada img.ilust,
body#consideraciones .cajaDestacada img.finIlust
{ right:12px; bottom:2px; _bottom:1px; }

body#consideraciones .cajaDestacada img.finIlust { bottom:-35px; _bottom:-36px; z-index:1 }

body#tipos .cajaDestacada img.ilust,
body#tipos .cajaDestacada img.finIlust
{ right:6px; bottom:2px; _bottom:1px; }
body#tipos .cajaDestacada img.finIlust { bottom:-19px; _bottom:-20px; z-index:1 }

body#sintomas .cajaDestacada { height:223px !important; background-position:left top; }
body#sintomas .cajaDestacada img.ilust { right:6px; bottom:8px; _bottom:7px;}
body#sintomas .cajaDestacada div.texto { top:25px; }

body#prevencion .cajaDestacada div.texto { position:absolute; width:460px; left:30px; top:50px; /*text-align:justify;*/ color:#2b7bb6 }
body#prevencion .cajaDestacada div.texto2 { position:absolute; width:215px; left:510px; top:100px; /*text-align:justify;*/  }
body#prevencion .cajaDestacada div.texto2 h2 { font-size:18px; background:url(../img/ico/corazon_verde_chico.gif) no-repeat left 3px; padding-left:25px; font-weight:bold; }
body#prevencion .cajaDestacada div.texto2 ol { margin:1em 2em; }
body#prevencion .cajaDestacada div.texto2 ol li { background:url(../img/bullets/bullet_mayor_verde.gif) no-repeat left 4px; padding-left:15px; margin-bottom:2px; }
body#prevencion .cajaDestacada div.texto2 ol li a { color:inherit }

body#complicaciones .cajaDestacada { height:223px !important; background-position:left top; }
body#complicaciones .cajaDestacada img.ilust { right:6px; bottom:2px; _bottom:1px;}
body#complicaciones .cajaDestacada div.texto { top:25px; }

body#diagnostico .cajaDestacada { height:223px !important; background-position:left top; }
body#diagnostico .cajaDestacada img.ilust { right:6px; bottom:2px; _bottom:1px;}
body#diagnostico .cajaDestacada div.texto { top:25px; }

body#tratamiento .cajaDestacada div.texto { top:50px; left:40px; width:670px; text-align:left }
body#tratamiento .cajaDestacada div.texto h2 { font-size:26px; color:#0e8b8f; font-weight:bold; margin-bottom:15px }

body#preguntas .cajaDestacada img.ilust { right:6px; bottom:8px; _bottom:7px;}
body#preguntas .cajaDestacada div.texto { width:450px; text-align:left }

body#recetas .cajaDestacada { height:223px !important; background-position:left top; }
body#recetas .cajaDestacada img.ilust { right:20px; bottom:8px; _bottom:7px;}
body#recetas .cajaDestacada div.texto { top:25px; width:420px }

body#tratamiento .cajaDestacada { height:223px !important; background-position:left top; }
body#tratamiento .cajaDestacada img.ilust { right:6px; bottom:2px; _bottom:1px;}
body#tratamiento .cajaDestacada div.texto { top:25px; }

body#contacto .cajaDestacada
{ height:223px !important; background-position:left top; }
body#contacto .cajaDestacada img.ilust
{ right:2px; bottom:0px; _bottom:-1px; }

body#contacto .cajaDestacada img.finIlust
{ right:2px;  bottom:-37px; _bottom:-38px; }

body#contacto .cajaDestacada div.texto
{ top:25px; }
/* FOOTER */

#foot {background:#046A6E; }
a.p3link { color:#83b7b9;  }

/* TIPOGRAFIA */
h1 {  color:#0a7a7e; }
.cajaDestacada div.texto h1 { background:url(../img/ico/corazon_verde_grande.gif) no-repeat left 4px; }

/* CAJAS */
.cajaDestacada ul { background:url(../img/misc/esq-destacada.gif) no-repeat left 0;}
.cajaDestacada ul li a { background:url(../img/misc/union-destacada.gif) no-repeat right 0;}
.cajaDestacada ul li { background:url(../img/misc/li-destacado.gif) repeat-x left 0; }
.cajaDestacada ul li.cierre a { background:url(../img/misc/cierre-destacada.gif) no-repeat right top; }