@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; outline:none; border:none; }

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px; color:#494949;
	background:#f7f7f7;
}

	body#proximamente { background:#f7f7f7;}
	body#proximamente div { padding-top:3em;margin:0 auto; font-size:10px; }

ul, ol { list-style:none; }
	a.resultados { background:url(../img/ico/resultados.gif) no-repeat left top; padding-left:18px; }

/**************/
/* TIPOGRAFIA */
/**************/

h1, h2, h3, h4, h5, h6 { font-family:"Arial Narrow", Arial, Helvetica, sans-serif; }
h1 { font-size:24px; margin:13px 0; margin-bottom:0; }
h2 { font-size:22px; font-weight:normal }
h3 { font-family:Tahoma; font-size:13px; color:#2b7bb6; text-transform:uppercase; background:url(../img/bullets/bullet.gif) no-repeat left 6px; padding-left:15px; }
h5 { font-size:16px; }
p { /*margin:10px 0; line-height:16px;*/ line-height:1.6em; margin:10px 10px 10px 16px; } 

li p { margin-left:0; }
p small { line-height:normal !important }

.color {color:#2b7bb6;} h3.color { color:#027070; } .color a, a.color {color:#2b7bb6;}
.uppercase {text-transform:uppercase; }
.no-format { text-transform:none; }
.enfasis { background:#cfedee url(../img/bullets/bullet_mayor.gif) no-repeat 8px 10px; padding:5px; padding-left:20px;margin-left:0; }

big { font-size:14px; }

.uppercase { text-transform:uppercase; }

/**************/
/* ENCABEZADO */
/**************/
.header { position:relative; width:973px; height:80px; margin:0 auto;  }

.header a.inicio { position:absolute; display:block; top:0; left:0; width:470px; height:80px; } 

.header a.inicio span { display:none; }
.header .links { position:absolute; top:55px; right:30px; font-size:11px; }
.header .links ul li { display:inline; text-transform:uppercase; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }
.header .links ul li a { padding:5px 0; margin:0 9px; line-height:16px; text-decoration:none } .header .links ul li a:hover { text-decoration:underline; }

/**************/
/* NAVEGACION */
/**************/
#navegacion { /*width:973px;*/ height:55px; overflow:hidden; margin:0 auto; margin-top:12px; }
#navegacion ul { /*margin-left:4px;*/ /*height:55px;*/ width:965px; margin:0 auto; }
#navegacion ul li { float:left; /*height:55px;*/ margin:0; background:url(../img/fondos/nav_sombraTop.gif) repeat-x top; padding-top:1px; position:relative }
#navegacion ul li img.especialidades { width:151px; height:55px; }
#navegacion ul li img.especialidad { width:151px; height:55px; }

#navegacion ul li span, #navegacion ul li a { display:block; height:55px; float:left; } #navegacion ul li a {height:34px; margin-top:10px}
#navegacion ul li a span { display:none; }
#navegacion ul li span.unionHome { background:url(../img/fondos/nav-uniones.gif) no-repeat; width:16px; position:relative; z-index:1 }
#navegacion ul li span.union { background:url(../img/fondos/nav-uniones.gif) no-repeat; width:16px; position:relative; z-index:1 }
#navegacion ul li span.unionFin { background:url(../img/fondos/nav-uniones.gif) no-repeat; width:16px; position:relative; z-index:1 }
#navegacion ul li span.unionOn { background:url(../img/fondos/nav-uniones.gif) no-repeat; width:16px; float:none; display:none; }


/*************/
/* CONTENIDO */
/*************/
#wrapper { clear:both; width:957px; margin:0 auto; z-index:30000; position:relative; margin-bottom:15px; }
#wrapper img.cierre { position:absolute; bottom:-10px;}
#contenido { overflow:hidden; height:1%}
#contenido #sidebarIzq { float:left; width:150px; }
#contenido #principal { float:left; margin-left:10px; margin-bottom:10px; padding:0 10px; width:767px; display:inline; background:url(../img/fondos/principal.gif) repeat-x bottom; }

#contenido .tools { font-size:10px !important; margin-right:15px; text-transform:uppercase; float:right }

/*#contenido #sidebarIzq ul { margin:0 13px; }*/
#contenido #sidebarIzq ul li { font-size:12px; font-weight:bold; margin:0; padding:0 }
#contenido #sidebarIzq ul li a { display:block; padding:8px 12px; _height:10px; border-top:1px solid #e1f8f9; border-bottom:1px solid #aed1d2; /*margin:0 12px;*/ text-decoration:none; }

#sidebarIzq ul li.hipertension a:hover { background:#03a0a5 url(../img/fondos/over_hipertension.gif) repeat-x bottom;color:white }
#sidebarIzq ul li.dislipidemia a:hover { background:#02657c url(../img/fondos/over_dislipidemia.gif) repeat-x bottom;color:white }
#sidebarIzq ul li.diabetes a:hover { background:#319231 url(../img/fondos/over_diabetes.gif) repeat-x bottom;color:white }
#sidebarIzq ul li.obesidad a:hover { background:#f3ab71 url(../img/fondos/over_obesidad.gif) repeat-x bottom; color:white }
#sidebarIzq ul li.coronaria a:hover { background:#b11111 url(../img/fondos/over_coronaria.gif) repeat-x bottom; color:white }
#sidebarIzq ul li.cardiaca a:hover { background:#984ea7 url(../img/fondos/over_cardiaca.gif) repeat-x bottom; color:white }
#sidebarIzq ul li.periferica a:hover { background:#8e3c3e url(../img/fondos/over_periferica.gif) repeat-x bottom; color:white }
#sidebarIzq ul li.acv a:hover { background:#cd108f url(../img/fondos/over_acv.gif) repeat-x bottom; color:white }

#sidebarIzq ul li.hipertension:hover a { color:white; border-top-color:#03a0a5; border-bottom-color:#065b5e }
#sidebarIzq ul li.dislipidemia:hover a { color:white; border-top-color:#02657c; border-bottom-color:#025054 }
#sidebarIzq ul li.diabetes:hover a { color:white; border-top-color:#319233; border-bottom-color:#185519 }
#sidebarIzq ul li.obesidad:hover a { color:white; border-top-color:#f3ab70; border-bottom-color:#c98130 }
#sidebarIzq ul li.coronaria:hover a { color:white; border-top-color:#b11111; border-bottom-color:#900e0e }
#sidebarIzq ul li.cardiaca:hover a { color:white; border-top-color:#974fa5; border-bottom-color:#7b2586 }
#sidebarIzq ul li.periferica:hover a { color:white; border-top-color:#8f3c3c; border-bottom-color:#5e2222 }
#sidebarIzq ul li.acv:hover a { color:white; border-top-color:#cd108e; border-bottom-color:#990d6b }

#contenido .hipertension #sidebarIzq ul li.on1, #contenido .hipertension #sidebarIzq ul li.on1 a,
#contenido .dislipidemia #sidebarIzq ul li.on2, #contenido .dislipidemia #sidebarIzq ul li.on2 a,
#contenido .diabetes #sidebarIzq ul li.on3, #contenido .diabetes #sidebarIzq ul li.on3 a,
#contenido .obesidad #sidebarIzq ul li.on4, #contenido .obesidad #sidebarIzq ul li.on4 a,
#contenido .coronaria #sidebarIzq ul li.on5, #contenido .coronaria #sidebarIzq ul li.on5 a,
#contenido .cardiaca #sidebarIzq ul li.on6, #contenido .cardiaca #sidebarIzq ul li.on6 a,
#contenido .periferica #sidebarIzq ul li.on7, #contenido .periferica #sidebarIzq ul li.on7 a,
#contenido .acv #sidebarIzq ul li.on8, #contenido .acv #sidebarIzq ul li.on8 a
{ background:white !important; font-weight:bold; color:#066166;  }

ul.listado { margin:10px 14px; padding-left:30px; }
ul.listado li { padding:0; margin-bottom:5px !important; background:url(../img/ico/bullet_flecha_gris.gif) no-repeat left 4px; padding-left:15px; }
ol.listado { margin:10px 14px; list-style-type:lower-alpha; padding-left:48px; }

ul.listadoDestacado { margin:10px 5px; }
ul.listadoDestacado li { background:url(../img/bullets/bullet_mayor.gif) no-repeat left 4px; padding-left:15px; margin-bottom:15px; line-height:16px; }

ul.listadoDestacado ul { margin:15px 5px; }
ul.listadoDestacado ul li { margin-bottom:8px; background-image:url(../img/bullets/bullet_mayor_verde.gif); }

.espacioFecha p { margin-top:0; overflow:hidden; height:1%; }

	.caja { width:366px; background:white; position:relative; border:1px solid #d6d6d6; margin:2em 0; }
	.caja img.abre { position:absolute; top:-12px; left:0; } .caja img.cierra { position:absolute; bottom:-12px; left:0; }
	.caja h1 { margin:.6em 1em; margin-top:0; font-size:22px; background:url(../img/ico/corazon_azul.gif) no-repeat left 4px; padding-left:30px; }
	.caja p { margin:.8em 4.4em; }
	.caja li { margin:5px 4.3em; background:url(../img/bullets/bullet.gif) no-repeat left 4px; padding-left:15px; color:#2b7bb6; min-height:14px }
	
	.cajaChica { width:290px; background:white; position:relative; border:1px solid #d6d6d6; margin-top:2em; margin-bottom:3em; font-size:11px; }
	.cajaChica img.abre { position:absolute; top:-13px; left:0; } .cajaChica img.cierra { position:absolute; bottom:-13px; left:0; }
	.cajaChica h1 { margin:.6em .8em; margin-top:0; font-size:20px; background:url(../img/ico/corazon_verde_chico.gif) no-repeat left 4px; padding-left:30px; }
	.cajaChica p { margin:.8em 2.1em; line-height:1.4em; }
	.cajaChica ul { margin:6px 25px; }
	.cajaChica ul li { background:url(../img/bullets/bullet_mayor.gif) no-repeat left 4px; padding-left:15px;   }
	.cajaChica .big { font-size:12px; }
	
	.cajaDestacada { position:relative; width:762px; height:261px; background:url(../img/misc/caja-destacada.gif) no-repeat left 36px; margin-bottom:15px; }
	.cajaDestacada ul { position:absolute; left:0; top:0; height:49px; padding-left:13px }
	.cajaDestacada ul li { height:36px; float:left; }
	.cajaDestacada ul li a { display:block; padding:11px; padding-left:8px; text-decoration:none }
	.cajaDestacada ul li.cierre a { }
	.cajaDestacada p { line-height:1.2em;  }
	
	.cajaDestacada ul.on, .cajaDestacada ul li.on, .cajaDestacada ul li.on a { background-position:left bottom !important; }
	.cajaDestacada ul li.on a { text-transform:uppercase; color:white; font-weight:bold;  }
	.cajaDestacada div.texto { position:absolute; width:360px; left:30px; top:50px; /*text-align:justify;*/ color:#2b7bb6 }
	.cajaDestacada div.texto h1 { padding-left:50px; line-height:2em; margin-top:0  }
	
	.cajaGris { width:436px; position:relative; background:#f6f6f6; border:1px solid #d0d0d0; margin:30px 0;  }
	.cajaGris img.abre { position:absolute; top:-12px; left:0; } .cajaGris img.cierra { position:absolute; bottom:-12px; left:0; }
	.cajaGris p { margin:.8em 2.1em; }
	.cajaGris ul { margin:6px 25px; }
	.cajaGris ul li { background:url(../img/bullets/bullet_mayor.gif) no-repeat left 4px; padding-left:15px;   }
	
	.cajaGrande { width:762px; position:relative; background:#f8ffff; border:1px solid #d0d0d0; clear:both; margin:2em 0;  }
	.cajaGrande img.abre { position:absolute; top:-13px; left:0; } .cajaGrande img.cierra { position:absolute; bottom:-13px; left:0; }
	.cajaGrande h1 { margin:.6em 1em; margin-top:0; font-size:22px; background:url(../img/ico/corazon_azul.gif) no-repeat left 4px; padding-left:30px; }
	.cajaGrande ul { margin:6px 25px; }
	.cajaGrande ul li { background:url(../img/bullets/bullet_mayor.gif) no-repeat left 4px; padding-left:15px; margin-bottom:5px; line-height:16px; }
	
table.info th {font-weight:bold; }
table.info th .color { color:#05767a; }
table.info th, table.info td { padding:10px; }
table.info th { background:#d8dada; color:#2b7bb6 }
table.info td { background:white; }
table.info tr.color td { background:#d2e9fa; color:#027070 }
table.info ul { margin:4px 8px; }
table.info ul li { background:url(../img/bullets/bullet_mayor_verde.gif) no-repeat left 4px; padding-left:15px; }

table.programa { border-collapse:collapse; border:1px solid #d0d0d0; margin:0 auto }
table.programa th { background:white; }
table.programa th, table.programa td { padding:10px; border-bottom:1px solid #d0d0d0; }
table.programa td { background:#d2e9fa; } table.programa tr.color td { background:#ffffff; color:#027070; }
table.programa ul { margin:4px 8px; }
table.programa ul li { background:url(../img/bullets/bullet_mayor_verde.gif) no-repeat left 4px; padding-left:15px; }

/**********/
/* FOOTER */
/**********/
#sitemapWrapper { background:white; overflow:hidden; height:1%; margin-top:2em; }
#sitemap { clear:both; width:957px; margin:0 auto; padding:10px 0; }
#sitemap .institucional { width:480px; /*text-align:justify;*/ float:left; font-family:Arial, Helvetica, sans-serif }
#sitemap .institucional .right { margin-top:5px; } #sitemap .institucional .right a { font-size:11px; text-decoration: none; margin-left:15px; }
#sitemap .institucional h2 { font-size:16px; color:#b8b6b6; }
#sitemap .institucional p { clear:both; margin-left:0; margin-right:0; color:#b8b6b6; font-size:11px; }

#sitemap .links { float:right; width:450px; border:1px solid #d5d5d5; background:#f7f7f7; padding:5px; }
#sitemap .links a { text-decoration:none; } #sitemap .links a:hover { text-decoration:underline; }
#sitemap .links table { color:#858585; margin:8px 5px; width:96%; }
#sitemap .links table th { font-size:11px; text-align:left; text-transform:uppercase; } #sitemap .links table td { padding-top:5px; font-size:10px; }

#foot { clear:both;overflow:hidden; height:1%; color:#e3e3e3; font-size:11px; padding:10px 0; }
#foot .infoFooter { width:972px; margin:0 auto; }

#foot div.right { margin-top:5px; }
a.p3link { font-size:10px; text-decoration:none; }

/***************/
/* FORMULARIOS */
/***************/
input, select { background:#cfedee; border:1px solid #ffffff; padding:2px; margin:2px 0; color:#0a767a; font-family:tahoma; font-size:11px; }
input.ancho { width:325px; }
select.ancho { width:85px; text-transform:uppercase; font-weight:bold; }

label { color:#0a767a; } div.left input, div.left select, div.right input { margin-bottom:10px; }

input.boton, div.big input { margin:0; background:none; padding:0; }

.error { color:red; border-color:orange; }

/*****************/
/* CLASES VARIAS */
/*****************/

.left { float:left; }
.right { float:right; }
.both { clear:both; }
.clearfix { overflow: hidden; height: 1%; }
.absolute { position:absolute; }
.relative { position:relative; }