/*.header a.inicio { background:url(../img/logos/dislipidemia.gif) no-repeat }*/
.header a.inicio { background:url(../img/logos/colesterolbajo.gif) no-repeat }
#wrapper { background:white url(../img/fondos/wrapper-dislipidemia.gif) repeat-y left top; }

a { color:#2b7bb6; }

.colorOscuro { color:#0b4874 !important }

/**************/
/* NAVEGACION */
/**************/

#navegacion ul li img.especialidades { background:url(../img/fondos/nav-especialidades.gif) no-repeat -151px top; }

#navegacion ul li img.especialidad { background:url(../img/fondos/nav-especialidad.gif) no-repeat -151px top; }

#navegacion ul li { background-color:#1C7F97; }

#navegacion ul li span.unionHome { background-position:-16px bottom; }
#navegacion ul li span.union { background-position:-16px -220px; }
#navegacion ul li span.unionFin { background-position:-16px -55px; }
#navegacion ul li span.unionOn { background-position:-16px -110px; }


#navegacion ul li a.home { background:url(../img/botones/dislipidemia/ico_home.gif) no-repeat left bottom; width:26px; }
#navegacion ul li a.consideraciones { background:url(../img/botones/dislipidemia/btn_consideraciones.gif) no-repeat left bottom; width:97px; }
#navegacion ul li a.tipos { background:url(../img/botones/dislipidemia/btn_tipos.gif) no-repeat left bottom; width:76px; }
#navegacion ul li a.sintomas { background:url(../img/botones/dislipidemia/btn_sintomas.gif) no-repeat left bottom; width:83px; }
#navegacion ul li a.prevencion { background:url(../img/botones/dislipidemia/btn_prevencion.gif) no-repeat left bottom; width:67px; }
#navegacion ul li a.complicaciones { background:url(../img/botones/dislipidemia/btn_complicaciones.gif) no-repeat left bottom; width:94px; }
#navegacion ul li a.diagnostico { background:url(../img/botones/dislipidemia/btn_diagnostico-examenes.gif) no-repeat left bottom; width:74px; }
#navegacion ul li a.tratamiento { background:url(../img/botones/dislipidemia/btn_tratamiento.gif) no-repeat left bottom; width:71px; }
#navegacion ul li a.preguntas { background:url(../img/botones/dislipidemia/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: -16px -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: -16px -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; right:2px; bottom:2px; _bottom:1px; }

.cajaDestacada img.finIlust { bottom:-35px; _bottom:-36px; z-index:1 }

/* FOOTER */
#foot { background:#2b7bb6; }
a.p3link { color:#94bad6; }

/* TIPOGRAFIA */
.cajaDestacada div.texto h1 { background:url(../img/ico/corazon_azul_grande.gif) no-repeat left 4px; }

/* CAJAS */
.cajaDestacada ul { background:url(../img/misc/esq-destacada-dislipidemia.gif) no-repeat left 0;}
.cajaDestacada ul li a { background:url(../img/misc/union-destacada-dislipidemia.gif) no-repeat right 0;}
.cajaDestacada ul li { background:url(../img/misc/li-destacado-dislipidemia.gif) repeat-x left 0; }
.cajaDestacada ul li.cierre a { background:url(../img/misc/cierre-destacada-dislipidemia.gif) no-repeat right top; }

body#tipos .cajaDestacada,
body#sintomas .cajaDestacada,
body#complicaciones .cajaDestacada,
body#diagnostico .cajaDestacada,
body#contacto .cajaDestacada/*,
body#tratamiento .cajaDestacada*/
{ height:223px !important; background-position:left top; }

body#tipos .cajaDestacada img.ilust,
body#sintomas .cajaDestacada img.ilust,
body#complicaciones .cajaDestacada img.ilust,
body#diagnostico .cajaDestacada img.ilust,
body#contacto .cajaDestacada img.ilust/*,
body#tratamiento .cajaDestacada img.ilust*/
{ right:2px; bottom:0px; _bottom:-1px; }

body#tipos .cajaDestacada img.finIlust,
body#sintomas .cajaDestacada img.finIlust,
body#complicaciones .cajaDestacada img.finIlust,
body#diagnostico .cajaDestacada img.finIlust,
body#contacto .cajaDestacada img.finIlust/*,
body#tratamiento .cajaDestacada img.finIlust*/
{ right:2px;  bottom:-37px; _bottom:-38px; }

body#tipos .cajaDestacada div.texto,
body#sintomas .cajaDestacada div.texto,
body#complicaciones .cajaDestacada div.texto,
body#diagnostico .cajaDestacada div.texto,
body#contacto .cajaDestacada div.texto/*,
body#tratamiento .cajaDestacada div.texto*/
{ top:25px; }


body#prevencion .cajaDestacada div.texto {
color:#2B7BB6;
left:30px;
position:absolute;
top:50px;
width:460px;
}

body#tratamiento .cajaDestacada div.texto {
	width:306px;
}

body#prevencion .cajaDestacada div.texto2 h2 {
background:transparent url(../img/ico/corazon_azul.gif) no-repeat scroll left 3px;
font-size:18px;
font-weight:bold;
padding-left:25px;
color:#155da1;
}

body#prevencion .cajaDestacada div.texto2 {
left:510px;
position:absolute;
top:100px;
width:215px;
}

body#prevencion .cajaDestacada div.texto2 ol { margin:1em 2em; }
body#prevencion .cajaDestacada div.texto2 ol li {
background:transparent url(../img/bullets/bullet_mayor_verde.gif) no-repeat scroll left 4px;
margin-bottom:2px;
padding-left:15px;
}


/*****************/
/* FORM CONTACTO */
/*****************/

.formContacto{
	margin: 18px 0 18px 18px;
}
.formBuscador{
	margin: 2px 0 2px 10px;
	font-size:11px; color:#006699;
}
.formContacto input.anchoDoble, .formContacto input.anchoSimple,
.formBuscador input.anchoSimple {
	background-color: #e1eaec;
	border: none;
	border-bottom: 1px solid #D2E0EB;
	margin: 2px 0 9px 0;
	padding: 5px 0 1px 5px;
}
.formBuscador input.anchoSimple {background-color: #0e5d96; margin-left:2px;}
.formContacto input.anchoSimple {
	width: 250px;
}
.formBuscador input.anchoSimple {
	width: 100px;
	font-size:11px; color:#FFFFFF;
}
.formContacto input.anchoDoble {
	width: 528px;
}
.formContacto input.boton { 
	margin-right: 11px;
	padding: 5px 16px;
	background-position: center bottom;
	font-size: 15px;
}
.formBuscador input.boton { 
	margin-left: 4px;
	padding: 1px 5px;
	background-position: center -10px;
	font-size: 11px;
	//margin-left: 2px;
	//margin-bottom:10px;
	//padding: 0px;
}
.formBuscador input.botonListado { 
	margin-left: 10px;
	padding: 1px 10px;
	//margin-left: 10px;
	//margin-bottom:10px;
	//padding: 0 10px;
}
a.firmap32013{
	background:url(../img/logos/p3firm_colesterol.jpg) center top no-repeat;
	width:20px;  height:20px;
	display:inline-block; vertical-align:-5px;
	margin:0 6px;
}
a.firmap32013:hover{ background-position: center bottom;}