@charset "utf-8";

/*------------------GLOBALES-------------------------*/
body { margin: 5px 0px 5px 0px; background-color: #D0DEEE;} 
h1{	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin:0px;
	font-weight: bolder;
}
h2{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #158ce0;
	margin:0px;
	font-weight: bolder;
}
h3{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0px;
	font-weight: bolder;
	text-align: center;}
h4{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0px;
	font-weight: bolder;
	text-align: center;
	font-variant: small-caps;
}
input{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
textarea{
    font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#pagina { margin: 0px auto; width: 800px; height: 674px; }
/*-----------------ENCABEZADO-------------------------*/
/************Menu secundario**************/
#menu_secundario {
	width: 800px;
	height: 44px;
	background-image: url(../images/menu_secundario.png);
}
#iconos_menu { width: 150px; height: 25px; float: left;	margin: 2px 0px 0px 17px; }
#icono_inicio { width: 20px; height: 20px; float: left; margin: 0px 6px 0px 7px; }
#icono_inicio a{ display:block; width: 20px; height: 20px; }
#icono_inicio a:hover{ width: 20px; height: 20px; display:block; }
#icono_mapa { width: 20px; height: 20px; float: left; margin: 0px 7px 0px 5px;}
#icono_mapa a { width: 20px; height: 20px; display:block;}
#icono_mapa a:hover{ width: 20px; height: 20px; display:block; }
#icono_contacto { width: 20px; height: 20px; float: left; margin: 0px 5px 0px 5px;}
#icono_contacto a{ width: 20px; height: 20px; display:block;}
#icono_contacto a:hover{ width: 20px; height: 20px; display:block;}
/**************Banner*************/
#banner { width: 800px; height: 140px; margin: 0px; }
/**************Menu principal**************/
#menu_principal { width: 800px; height: 45px; }
#opcion_1 { width: 136px; height: 45px; float: left;}
#opcion_1 a{ width: 120px; height: 30px; background-image: url(../images/opcion_1.jpg);	display:block; padding: 15px 0px 0px 16px;
	text-decoration: none; color: #FFFFFF; font: 12px Verdana, Arial, Helvetica, sans-serif lighter normal;  }
#opcion_1 a:hover { width: 136px; height: 30px; background-image: url(../images/opcion_1_hover.jpg); float: left;
	display:block; text-decoration: none; }
#opcion_2 { width: 144px; height: 45px; float: left; }
#opcion_2 a{ width: 138px; height: 30px; background-image: url(../images/opcion_2.jpg); display:block; padding: 15px 0px 0px 6px;
    text-decoration: none; color: #FFFFFF; font: 12px Verdana, Arial, Helvetica, sans-serif lighter normal; }
#opcion_2 a:hover { width: 138px; height: 30px; background-image: url(../images/opcion_2_hover.jpg); float: left; display:block;
    text-decoration: none;}
#opcion_3 { width: 147px; height: 45px; float: left; }
#opcion_3 a { width: 147px; height: 40px; background-image: url(../images/opcion_3.jpg); display:block; padding: 5px 0px 0px 0px; 
    text-decoration: none; color: #FFFFFF; font: 13px Verdana, Arial, Helvetica, sans-serif lighter normal; text-align: center;}
#opcion_3 a:hover { width: 147px; height: 40px; background-image: url(../images/opcion_3_hover.jpg);
	float: left; display:block; text-decoration: none; }
#opcion_4 {
	width: 373px;
	height: 45px;
	float: left;
	background-image: url(../images/opcion_4.jpg);
}
/*-----------------INFORMACIÓN PRINICIPAL-------------------------*/
#info_principal { width: 800px; height: 190px; }
#principal_b {
	width: 512px;
	height: 190px;
	float: left;
	background-color: #FFFFFF;
}
#principal_ri {
	width: 508px;
	height: 17px;
	float: left;
	background-image: url(../images/principal_ri.jpg);
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 7px 0px 0px 3px;
	margin: 0px 0px 0px 1px;
}
#principal_ri a{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: underline; }
#principal_ri a:hover{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #0066FF; text-decoration: underline;}
#principal_imagen { width: 130px; height: 153px; float: left; padding: 13px 0px 0px 13px; background-color: #FFFFFF; }
#principal_texto { width: 368px; height: 166px; float: left; font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666; background-color: #FFFFFF; }
#titulo { height: 20px;	width: 357px; padding: 6px 0px 0px 10px; }
#contenido_principal { height: 130px; width: 350px; text-align: justify; padding: 5px 10px 5px 7px; }
.leer_mas { width: 138px; height: 15px; float: right; font-size: 9px; }
.leer_mas a{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #003252; text-decoration: underline; }
.leer_mas a:hover { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #0066FF; text-decoration: underline;}
#principal_banner {
	width: 288px;
	height: 141px;
	float: right;
	background-image: url(../images/r_bajo.jpg);
}

/*-----------------INFORMACIÓN GENERAL-------------------------*/
#cuerpo { width: 800px; height: 185px;}
#cuerpo_sup { width: 800px; height: 141px; float: left; background-color: #FFFFFF; }
#cuerpo_linev { height: 140px; width: 23px; float: left; }
.cuerpo_info { height: 138px; width: 175px; float: left; border-top: 1px dashed #CCC; border-right: 1px dashed #CCC;
	font: 10px Verdana, Arial, Helvetica, sans-serif;  color: #666666; text-align: justify; }
.cuerpo_titulo { width: 165px; height: 35px; float: left; margin: 0px 5px 0px 5px; }
.cuerpo_texto { width: 165px; height: 86px; float: left; margin: 0px 5px 0px 5px; }
.leer_mas_up { width: 138px; height: 15px; float: right; font-size: 9px; }
.leer_mas_up a{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: underline;}
.leer_mas_up a:hover { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #003366; text-decoration: underline;}
.cuerpo_info_2 {
	height: 138px;
	width: 176px;
	float: left;
	border-top: 1px dashed #CCC;
	color: #666666;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}
#cuerpo_inf { width: 800px; height: 44px; float: left; background-image: url(../images/linea_horizontal.jpg);}
/**************Informacion del contacto**************/
#cuerpo_contacto {
	width: 248px;
	height: 140px;
	float: left;
	background-image: url(../images/contacto_down.jpg);
	left: 654px;
	top: 378px;
}
#contacto_titulo {
	width: 248px;
	height: 26px;
	float: left;
	margin: 13px 0px 0px 39px;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0px 0px 0px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	background-image: url(../images/contacto_up.jpg);
}
#contacto_texto {
	width: 239px;
	height: 120px;
	float: left;
	margin: 7px 7px 5px 2px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
#contacto_arriba {
	width: 288px;
	height: 49px;
	float: left;
	margin: 0px;
	color: #FFFFFF;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
}
/*-----------------PIE DE PÁGINA-------------------------*/
#pie { width: 800px; height: 70px; background-color: #FFFFFF; float: left; }
#pie_menu { width: 800px; height: 25px; text-align: center; font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666; float: left; }
#pie_menu a{ color: #666666; font: 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#pie_menu a:hover{ color: #0066FF; font: 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
#pie_texto { width: 790px; height: 40px; float: left; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
	background-color: #3C7BB5; text-align: justify; padding: 5px 5px 0px 5px;}
/*-----------------PAGINAS SECUNDARIAS-------------------------*/
#info_principal_general { width: 800px; height: 351px;}
#info_principal_formulario {
	width: 800px;
	height: 351px;
}
#info_principal_general_2 { width: 800px; height: 368px; }
#principal_b_general {
	width: 512px;
	height: 351px;
	float: left;
	background-color: #FFFFFF;
}
#principal_b_general_2 { width: 511px; height: 369px; float: left; background-color: #FFFFFF; }
#principal_ri_general {
	width: 508px;
	height: 17px;
	float: left;
	background-image: url(../images/principal_ri.jpg);
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 7px 0px 0px 3px;
	margin: 0px 0px 0px 1px;
}
#principal_ri_general a{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: underline; }
#principal_ri_general a:hover{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #0066FF; text-decoration: underline;}
#principal_imagen_general { width: 132px; height: 80px; float: left; background-color: #FFFFFF; margin: 0px 5px 0px 0px;}
#principal_imagen_nefro { width: 100px; height: 132px; float: left; background-color: #FFFFFF; margin: 0px 5px 0px 0px;}
#principal_texto_general { width: 368px; height: 166px; float: left; font: 10px Verdana, Arial, Helvetica, sans-serif; 
    color: #666666; background-color: #FFFFFF; }
#titulo_general { height: 20px; width: 475px; float: left; border-bottom: 1px solid #3C7BB5; margin: 6px 10px 0px 25px;}
#titulo_formulario {
	height: 18px;
	width: 476px;
	float: left;
	border-bottom: 1px solid #3C7BB5;
	padding: 6px 10px 0px 25px;
	background-image: url(../images/principal_ri.jpg);
	margin: 0px 0px 0px 1px;
}
#titulo_general_2 { height: 35px; width: 475px; float: left; border-bottom: 1px solid #3C7BB5; margin: 6px 10px 0px 25px;}
#contenido_principal_general { height: 290px; width: 470px; text-align: justify; padding: 5px 10px 5px 7px; float: left; 
         font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666;}
#contenido_principal_general a{ font-size: 11px; color: #666666; text-decoration: underline;}
#contenido_principal_general a:hover{ font-size: 11px; color: #0066CC; text-decoration: underline;}
#contenido_principal_general_2 { height: 280px; width: 470px; text-align: justify; padding: 5px 10px 0px 7px; float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; }
#contenido_principal_formulario {
	height: 324px;
	width: 480px;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}	
.leer_mas_general { width: 138px; height: 15px; float: right; font-size: 9px; }
.leer_mas_general a{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #003252; text-decoration: underline; }
.leer_mas_general a:hover { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #0066FF; text-decoration: underline;}
#principal_banner_general {
	width: 288px;
	height: 141px;
	float: right;
	background-color: #FFFFFF;
	background-image: url(../images/r_bajo.jpg);
}
#cuerpo_linev_general {
	height: 301px;
	width: 23px;
	float: left;
	background-image: url(../images/linea_vertical_formulario.jpg);
}
#cuerpo_linev_formulario {
	height: 350px;
	width: 23px;
	float: left;
}
#cuerpo_linev_general_2 { height: 286px; width: 23px; float: left; background-image: url(../images/linea_vertical_general.jpg); }
#cuerpo_inf_general { width: 800px; height: 44px; float: left; background-image: url(../images/linea_horizontal.jpg);}
.navegacion_sg{ width: 138px; height: 15px; float: right; font-size: 9px; text-align: right; }
.navegacion_sg a{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #0066CC; text-decoration: underline;}
.navegacion_sg a:hover{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: underline;}
.botones_formulario{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #001E3C;
	font-weight: bolder;
}
.campos_formulario{
	font-size: 10px;
	color: #666666;
}
/**************Informacion ligas de interés**************/
#cuerpo_ligas_interes {
	width: 288px;
	height: 210px;
	float: right;
	background-color: #FFFFFF;
	background-image: url(../images/contorno_ligas.jpg);
}
#formulario_ligas_interes {
	width: 278px;
	height: 200px;
	float: right;
	background-color: #FFFFFF;
	background-image: url(../images/contacto_formulario.jpg);
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#formulario_ligas_interes a, #contacto_texto a{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
}
#formulario_ligas_interes a:hover, #contacto_texto a:hover{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:underline;
}

.ligas_interes_titulo {
	width: 274px;
	height: 16px;
	float: left;
	margin: 4px 7px 0px 7px;
	color: #5E9EFF;
	text-align: 
	center;
	padding: 3px 0px 0px 0px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
}

.ligas_interes_titulo_3 {
	width: 274px;
	height: 16px;
	float: left;
	margin: 13px 7px 0px 7px;
	color: #5E9EFF;
	text-align: 
	center;
	padding: 3px 0px 0px 0px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
}
#ligas_interes_texto{
	width: 250px;
	height: 55px;
	float: left;
	margin: 1px 7px 0px 7px;
	color: #0066CC;
	padding: 5px 5px 0px 19px;
	font-size: 10px;
	 }
#ligas_interes_texto a{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}
#ligas_interes_texto a:hover {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: underline;
}
#ligas_interes_texto_1{
	width: 260px;
	height: 75px;
	float: left;
	margin: 1px 7px 0px 7px;
	color: #0066CC;
	padding: 5px 5px 0px 8px;
	font-size: 10px;
    }
#ligas_interes_texto_1 a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;	
}
#ligas_interes_texto_1 a:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: none;
}

#ligas_interes_texto_3{
	width: 259px;
	height: 100px;
	float: left;
	margin: 1px 7px 0px 7px;
	color: #0066CC;
	padding: 5px 5px 0px 8px;
	font-size: 10px;
    }
#ligas_interes_texto_3 a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;	
}
#ligas_interes_texto_3 a:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: none;
}


.letra_capital{
	color: #666666;
	font-size: 13px;
	font-weight: bolder;
}
.leer_mas_2 {
	width: 75px;
	height: 13px;
	font-size: 9px;
	margin: 0px 0px 0px 210px;
	float: left;
}
.leer_mas_2 a{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #003252; text-decoration: underline; }
.leer_mas_2 a:hover { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #0066FF; text-decoration: underline;}