/** CSS Creado por NPICASSO - www.npicasso.com **/
/* CSS Document */

/* Estilos generales */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1em;
	margin:0;
	padding:0;

}
* {
	border:none;
	border-width:0;
}

/** Imagenes **/
.grafico_centro {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.grafico_derecha {
	float:right;
	margin-left:15px;
	margin-top:15px;
}
	

/* Layut */

#holder {
	width:900px;
	min-height:590px;
	height:auto !important;
	height:590px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;



}
#header {
	height:108px;
	width:100%;
	background:#03498E url(img/header.jpg) right no-repeat;
	margin-bottom:10px;
	
}
#contenidos {
	min-height:434px;
	height:auto !important;
	height:434px;
	width:100%;
	margin-bottom:10px;

}
#izquierda {
	float:left;
	width:269px;
	min-height:434px;
	height:auto !important;
	height:434px;
	margin-right:11px;
}
#menu {
	width:100%;
	min-height:325px;
	height:auto !important;
	height:325px;
	background:#e2e4e5;
	margin-bottom:10px;
}
#banner_menu {
	width:100%;
	height:100px;
	background:#2b4b8a;
}
#derecha {
	float:left;
	width:620px;
	min-height:436px;
	height:auto !important;
	height:436px;
	background:url(img/back.png);
	margin-bottom:10px;
}
#cont_derecha {
	margin-top:10px;
	margin-left:10px;
	width:600px;
	min-height:300px;
	height:auto !important;
	height:300px;

}
#cont_derecha_txt {
	margin-top:10px;
	margin-left:10px;
	width:580px;
	/*min-height:390px;
	height:auto !important;*/
	height:370px;
	background:#FFFFFF;
	padding:5px;
	padding-right:15px;
	overflow:auto;
	overflow-x:hidden;
	line-height:1.1em;
}
#cont_derecha_txt p, #cont_derecha_txt li {
	color:#39373a;
	font-size:0.8em;
	margin-left:12px;
	text-align:justify;
}
#menu_secundario {
	width:589px;
	height:22px;
	color:#3b393d;
	font-size:0.8em;
	background:#FFFFFF url(img/icono-impresora.jpg) right center no-repeat;
	padding-top:6px;
	padding-left:8px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
/*
#menu_secundario{
	width:597px;
	height:28px;
	color:#3b393d;
	font-size:0.8em;
	background:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
*/
}
#menu_secundario_impr {
	width:597px;
	height:28px;
	color:#3b393d;
	font-size:0.8em;
	background:#FFFFFF url(img/icono-impresora.jpg) right center no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;

}
#menu_secundario_iz {
	float:left;
	width:555px;
	margin-left:8px;
	margin-top:6px;
	height:16px;
}
#menu_secundario_dr {
	float:right;
	width:28px;
	height:28px;
}
#menu_secundario_dr img {
	margin:0;
	padding:0;
	float:left;
}

#menu_secundario a, #menu_secundario_impr a{
	color:#3b393d;
	text-decoration:none;
}
#menu_secundario a:hover, , #menu_secundario_impr a:hover{
	text-decoration:underline;
}

.pie {
	margin-left:279px;
	font-size:9px;
	color:#3b393d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.pie a{
	color:#3b393d;
	text-decoration:none;

}
.pie a:hover{
	text-decoration:underline;
}

/***** FORMULARIOS ****/

.linea_form {
	width:600px;
	height:40px;
	color:#000000;
	font-size:1em;
	float:left;
	margin-bottom:5px;
	background:#FFF;
}
.tit_lform {
	width:188px;
	height:22px;
	background:#c1d3e5;
	color:#2b4b8a;
	margin:6px;
	border:solid 1px #cddcea;
	float:left;
	padding-top:5px;
	padding-left:6px;
	font-weight:bold;
	font-size:0.8em;
}
.cont_lform {
	width:370px;
	height:22px;
	margin:6px;
	float:left;
	padding-top:7px;
	font-size:0.9em;
}
.linea_form_asunto {
	width:600px;
	height:173px;
	color:#000000;
	font-size:1em;
	float:left;
	margin-bottom:10px;
	background:#FFF;
}
.cont_lform_asnunto {
	width:586px;
	margin:auto;
	height:115px;
	margin:6px;
	float:left;
	padding-top:7px;
	font-size:0.9em;
	text-align:justify;
}
.bt_enviar {
	width:188px;
	height:40px;
	background:#c1d3e5;
	color:#2b4b8a;
	margin:6px;
	border:solid 1px #cddcea;
	float:right;
	margin:0;
	padding-top:5px;
	padding-left:6px;
	font-weight:bold;
	font-size:0.8em;
	border:solid 6px #FFFFFF;
}
/**** vademecum - Imagenes****/

.vadem_large_1 {
	width:600px;
	float:left;
	height:143px;
}

.vadem_large {
	width:570px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	height:127px;
	float:left;
}
.vadem_small_l {
	width:295px;
	float:left;
	height:127px;
	margin-right:10px;
}
.vadem_small_r {
	width:295px;
	float:left;
	height:127px;
}
.vade_azul_img {
	width:600px;
	height:51px;
	float:left;
	margin-top:10px;
	background:#FFFFFF;
	font-size:1em;
}

	
/**** vademecum ****/

.vadem_large_verde {
	width:570px;
	margin-left:auto;
	margin-right:auto;
	height:137px;
	border:solid 5px #a9d0af;
	background:#FFFFFF url(img/vademecum/mig_001.jpg) left center no-repeat;
}
.tit_vade_verde {
	height:27px;
	background:#009750;
	float:right;
	width:80%;
	border-bottom:solid 5px #a9d0af;
	margin:0;
	padding:0;
	text-align:right;
	padding-top:13px;
	padding-right:2%;
	color:#FFFFFF;
	font-size:1em;
}
.texto_vade {
	width:65%;
	float:right;
	margin-top:20px;
	background:#FFFFFF;
	color:#000000;
	font-size:0.9em;
	text-align:left;
	margin-right:15px;
	line-height:25px;
}
.vadem_large {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	height:127px;
	margin-top:10px;
}
.vadem_small_rosa {
	width:274px;
	margin-left:auto;
	margin-right:auto;
	height:121px;
	border:solid 5px #F3C4D8;
	float:left;
	background:url(img/vademecum/mig_002.jpg) left center no-repeat;
	margin-right:12px;
}
.tit_vade_rosa {
	height:19px;
	background:#EA3896;
	float:right;
	width:80%;
	border-bottom:solid 5px #F3C4D8;
	margin:0;
	padding:0;
	text-align:right;
	padding-top:9px;
	padding-right:2%;
	color:#FFFFFF;
	font-size:0.8em;
}
.tit_vade_amarillo {
	height:20px;
	background:#FCD109;
	float:right;
	width:62%;
	border-bottom:solid 5px #F7E2AB;
	margin:0;
	padding:0;
	text-align:right;
	padding-top:9px;
	padding-right:2%;
	color:#FFFFFF;
	font-size:0.8em;
}
.vadem_small_amarillo {
	width:274px;
	margin-left:auto;
	margin-right:auto;
	height:121px;
	border:solid 5px #F7E2AB;
	float:left;
	background:url(img/vademecum/mig_004.jpg) left center no-repeat;
	margin-right:12px;
}
.vade_azul {
	width:570px;
	height:40px;
	border:#c1d3e5 solid 5px;
	float:left;
	margin-top:10px;
	background:#FFFFFF;
	font-size:1em;
}
.vade_azul_tit {
	margin:0;
	padding:0;
	width:140px;
	height:27px;
	border-right:#c1d3e5 solid 5px;
	float:left;
	background:#edf2f7;
	color:#2b4b8a;
	font-size:0.7em;
	padding-top:13px;
	text-align:center;
	margin-right:0;
}
.txt_vadeazul {
	color:#464447;
	padding:0;
	margin:0;
	width:405px;
	display:block;
	float:left;
	margin-top:8px;
	font-size:0.5em;
	font-weight:normal;
	line-height:12px;
}

/************************   MENU ARBOL *************************/
#menu ul {
	margin:0;
	padding:0;
	width:269px;
	list-style:none;
	display:block;
	background:#e2e4e5;
	border:none;


} 
#menu a { 
	display:block;
	padding:0;
	padding-top:6px;
	padding-left:5px; 
	color:#3b393d; 
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	/*font-variant:small-caps;*/
	margin:0;
	border-bottom:none;

} 
#menu ul li a{
	padding-left:20px;
	font-size:0.8em;
	margin:0;
	height:24px;
	border:none;
	font-weight:bold;

}

#menu ul li ul li a{
	margin:0;
	padding-left:35px;
	list-style:disc;
	border:none;
	font-weight:normal;
	
}
#sub_menu {
	font-size:0.65em;
	border:solid 3px #000000;
	display:block;	
} 

/*********** Botones ***************/

#bt_home a:hover{
	background:#95b0d2;
	color:#FFFFFF;
}
/* CIRCO */
#bt_circo a:hover {
	 background:#209740;
	 color:#FFFFFF;
	 margin:0;
}
#sub_circo a {
	background:#c7ddc0;
	margin:0;
}
#sub_circo a:hover {
	background:#71ad68;
	color:#FFFFFF;
	margin:0;
}
/*ILEITIS*/
#bt_ile a:hover {
	 background:#e63185;
	 color:#FFFFFF;
}
#sub_ile a {
	background:#fcdcf4;
}
#sub_ile a:hover {
	background:#ff84bd;
	color:#FFFFFF;
}
/*RESPIRATORIO*/
#bt_resp a:hover {
	 background:#f0c900;
	 color:#FFFFFF;
}
#sub_resp a {
	background:#fffcb2;
	
}
#sub_resp a:hover {
	background:#ffe536;
	color:#000;
}
/*DOLOR-INFLAMACION*/
#bt_dolor a:hover {
	 background:#663399;
	 color:#FFFFFF;
}
#sub_dolor a {
	background:#e3c7ff;
}
#sub_dolor a:hover {
	background:#b98ee4;
	color:#FFF;
}
/*PNEUMO*/
#bt_pneumo a:hover {
	 background:#BA1D2C;
	 color:#FFFFFF;
}
#sub_pneumo a{
	background:#dec6cd;
}
#sub_pneumo a:hover{
	background:#b30415;
	color:#fff;
}
/*VADEMECUM*/
#bt_vademecum a:hover {
	 background:#2b4b8a;
	 color:#fff;
}
/*BOLETIN*/
#bt_boletin a:hover {
	 background:#95b0d2;
	 color:#FFFFFF;
	 }
/*NOVERDADES*/
#bt_novedades a:hover {
	 background:#2b4b8a;
	 color:#FFFFFF;
}
/*CONTACTO*/
#bt_contacto a:hover {
	 background:#95b0d2;
	 color:#FFFFFF;
}

/********  Secciones body *****************/

#circo #bt_circo , #circo_sub1 #bt_circo , #circo_sub2 #bt_circo , #circo_sub3 #bt_circo  {
	 background:#209740;
	 color:#FFFFFF;
}

#ile #bt_ile, #ile_sub1 #bt_ile, #ile_sub2 #bt_ile, #ile_sub3 #bt_ile  {
	 background:#e63185;
	 color:#FFFFFF;
}
#pneumo #bt_pneumo, #pneumo_sub1 #bt_pneumo, #pneumo_sub2 #bt_pneumo, #pneumo_sub3 #bt_pneumo {
	 background:#b30415;
	 color:#fff;

}
#respiracion #bt_resp, #resp_sub1 #bt_resp, #resp_sub2 #bt_resp, #resp_sub3 #bt_resp, #resp_sub4 #bt_resp  {
	 background:#f0c900;
	 color:#000;
}

#dolor #bt_dolor, #dolor_sub1 #bt_dolor, #dolor_sub2 #bt_dolor, #dolor_sub3 #bt_dolor, #dolor_sub4 #bt_dolor  {
	 background:#663399;
	 color:#FFFFFF;
}
#vademecum #bt_vademecum a {
	 background:#2b4b8a;
	 color:#FFFFFF;
}
#boletin #bt_boletin a {
	 background:#95b0d2;
	 color:#FFFFFF;
}
#novedades #bt_novedades a {
	 background:#2b4b8a;
	 color:#FFFFFF;
}
#contacto #bt_contacto a {
	 background:#95b0d2
	 color:#FFFFFF;
}
#home #bt_home a {
	background:#95b0d2;
	color:#FFFFFF;
}
/******* Sub-secciones seleccionadas ************/

/***** CIRCOVIROSIS ******/
#circo_sub1 #bt_circo_sub_1  {
	background:#71ad68;
	color:#FFFFFF;
}
#circo_sub2 #bt_circo_sub_2  {
	background:#71ad68;
	color:#FFFFFF;
}
#circo_sub3 #bt_circo_sub_3  {
	background:#71ad68;
	color:#FFFFFF;
}
/***** ILETITIS ******/

#ile_sub1 #bt_ile_sub_1 {
	background:#ff84bd;
	color:#FFFFFF;
}
#ile_sub2 #bt_ile_sub_2 {
	background:#ff84bd;
	color:#FFFFFF;
}
#ile_sub3 #bt_ile_sub_3 {
	background:#ff84bd;
	color:#FFFFFF;
}
/***** pneumo ******/

#pneumo_sub1 #bt_pneumosub1 {
	background:#e3a5ab;
	color:#fff;
}
#pneumo_sub2 #bt_pneumosub2 {
	background:#e3a5ab;
	color:#fff;
}
#pneumo_sub3 #bt_pneumosub3 {
	background:#e3a5ab;
	color:#fff;
}
/***** respiracion ******/

#resp_sub1 #bt_resp_sub_1 {
	background:#ffe536;
	color:#000;
}
#resp_sub2 #bt_resp_sub_2 {
	background:#ffe536;
	color:#000;
}
#resp_sub3 #bt_resp_sub_3 {
	background:#ffe536;
	color:#000;
}
#resp_sub4 #bt_resp_sub_4 {
	background:#ffe536;
	color:#000;
}

/***** dolor-inflamacion ******/

#dolor_sub1 #bt_dolor_sub_1 {
	background:#b98ee4;
	color:#FFF;
}
#dolor_sub2 #bt_dolor_sub_2 {
	background:#b98ee4;
	color:#FFF;
}
#dolor_sub3 #bt_dolor_sub_3 {
	background:#b98ee4;
	color:#FFF;
}
#dolor_sub4 #bt_dolor_sub_4 {
	background:#b98ee4;
	color:#FFF;
}

/*lightbox*/

#lightbox, #textLightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
#outerTextContainer{
	position: relative;
	background-color: #fff;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	line-height:1.5em;
	text-align:left;
	padding:10px;	
	border:1px solid #000
}

#closeText{text-align:right}
#bottomNav{margin-top:5px;text-align:right}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	z-index:1;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	z-index:100;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 500px;
	background-color:#000000;
	}
.thumbnail {
	margin-bottom:2px;
}

/* TEXTO y Titulos */
.imprimir {
	with:100%;
	text-align:right;
	margin-bottom:5px;
}
h1 {
	display:block;
	height:23px;
	width:98%;
	color:#000000;
	font-size:0.9em;
	padding-top:7px;
	padding-left:2%;
	margin-top:0;
}
h2 {
	margin:0;
	padding:0;
	margin-left:12px;
	margin-top:15px;
	font-size:0.8em;
	color:#454346;
}
h3 {
	margin:0;
	padding:0;
	margin-left:12px;
	margin-top:15px;
	font-size:0.9em;
	color:#e63185;
}
h4 {
	margin:0;
	padding:0;
	margin-left:12px;
	padding-top:5px;
	font-size:0.7em;
	color:#454346;
}
	
.tit_ile {
	background:#e63185;
	color:#FFFFFF;
}
.tit_respi {
	background:#f0c900;
	color:#000;
}
.hresp {
	color:#f0c900;
}
.tit_circo {
	background:#209740;
	color:#fff;
}
.tit_yell {
	background:#F0C900;
	color:#000;
}
.tit_rojo {
	background:#B30415;
	color:#fff;
}
.hcirco {
	color:#209740;
}
.hyell {
	color:#F0C900;
}	
.rojo {
	color:#B30415;
}
.tit_dolor {
	background:#663399;
	color:#FFF;
}
.hdolor {
	color:#663399;
	
}
#foto {
	padding:0;
	margin:0;
	font-size:0.6em;
	text-align:center;
	width:206px;
	margin:5px;
}



#foto p {
	display:block;
	width:85%;
	margin-left:auto;
	padding:2px;
	margin-right:auto;
	background:#999999;
	color:#FFFFFF;
	margin:0;
	padding:0;
	margin-top:3px;
	text-align:center;
	font-size:24px;
}
.reg {
	font-size:0.8em;
	vertical-align: top;
}