.verde {
	color: #000000;
	background-color: #A7F482;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 22px;
}

.rojo {
	color: #000000;
	background-color: #F0654D;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 22px;
}
.mensaje {
	color: #f00;
	/*background-color: #fff;*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 22px;
}
.amarillo {
	color: #000000;
	background-color: #F8F594;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 22px;
}
.fondo-I {
	color: #000000;
	background-color: #F7F9FD;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 22px;
}
.fondo-II {
	color: #000000;
	background-color: #F3F5FE;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 22px;
}
.fondo-III {
	color: #000000;
	background-color: #EAEDFD;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 22px;
}
.fondo_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background-color: #D2D9F6;
}
.fondo_02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background-color: #BDC8F2;
}
.fondo-III_sup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background-image: url(../img/barr_sup.png);
	background-color: #D2D9F6;
}
.fondo-III_sup_500 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background-image: url(../img/barr_sup_500.png);
}
.fondo-III_sup_800 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background-image: url(../img/barr_sup_800.png);
}
.fondo-III_inf_800 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background-image: url(../img/barr_inf_800.png);
}
.fondo-III_sup_porcentaje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	background-image: url(../img/barr_sup_porcentaje.png);
	vertical-align: 100%;
}
.fondo-III_inf_porcentaje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	background-image: url(../img/barr_inf_porcentaje.png);
	vertical-align: 100%;
}
.fondo-III_inf_500 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background-image: url(../img/barr_inf_500.png);
}
.fondo-III_inf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background-image: url(../img/barr_inf.png);
}
.fondo-IIII {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 20px;
}
.fondo-IV-boton {
	background-image: url(../img/boton.png);
}
.fondo-IV-boton_chi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/boton_chi.png);
}
.menu {
	font-size: 9px;
	color: #5A748C;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 16px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clip: rect(auto,auto,auto,auto);
}
.menu_posicion {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 16px;
	clip: rect(auto,auto,auto,auto);
	letter-spacing: 0.1em;
}
.menu_chico {
	font-size: 10px;
	color: #5A748C;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 16px;
	clip: rect(auto,auto,auto,auto);
	letter-spacing: 0.1em;
}

.menu_grande {
	font-size: 11px;
	color: #5A748C;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 16px;
	clip: rect(auto,auto,auto,auto);
	letter-spacing: 0.2em;
}
.texto_letra_chica {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
}
.texto_letra_chica_boton_azul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-align: center;
}
.texto_letra_chica_izq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #000000;
}
.texto_letra_chica_color_f {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	font-weight: normal;
	background-color: #E7EBFA;
}
.texto_letra_chiquita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
}
.texto_letra_chiquita_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-align: center;
}
.texto_letra_chiquita_gris_mas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #666666;
	text-align: center;
	font-weight: normal;
}

.texto_letra_chiquita_centro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	font-style: normal;
}
.texto_letra_chiquita_negri {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	font-weight: bold;
}
.texto_letra_chiquita_negri_color_fondo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	background-color: #DADFFA;
}
.texto_letra_chiquita_izq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.texto_letra_chiquita_izq_9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
}
.texto_letra_chiquita_color_fondo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	background-color: #E9EBFE;
}
.texto_letra_chiquita_color_fecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2B42B4;
}
.texto_letra_mediana_color_fondo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	background-color: #CAD1F7;
	line-height: 20px;
}
	.texto_letra_chica_predeterm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.texto_letra_chica_mail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #3366FF;
	text-align: center;
	text-decoration:underline;
}
.texto_letra_mediana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	}
.texto_letra_mediana_derecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	color: #000000;
	}
	.texto_letra_chica_derecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #000000;
	}
.texto_letra_mediana_izq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #000000;
	}
.texto_letra_grande_izq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #000000;
	font-weight: bold;
}
.texto_letra_grande2_izq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #0000FA;
	font-weight: bold;
}
.texto_letra_grande_centralizado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	font-weight: bold;
}
.texto_letra_mediana_izq_rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #F00;
	}
.texto_letra_mediana_cent_rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #F00;
	}
.texto_letra_mediana_color {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00F;
	text-align: center;
	font-weight: bold;
	}
.texto_letra_grande_color {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00F;
	text-align: center;
	font-weight: bold;
}
.texto_letra_mediana_color_chica {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00F;
	text-align: center;
	font-weight: bold;
}
.texto_letra_mediana_color_derecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00F;
	text-align: right;
	font-weight: bold;
}
.texto_letra_mediana_color_fondo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00F;
	text-align: center;
	font-weight: bold;
}
.texto_letra_mediana_predeter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.texto_letra_mediana_predeter_azul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
}
.texto_letra_mediana_predeter_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	font-weight: bold;
}
.titulo_chico {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: justify;
	line-height: 22px;
}
.titulo_chico_izquierda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 22px;
}
.titulo_chico_derecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	line-height: 22px;
}
.titulo_chico_derecha_negrita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	line-height: 16px;
}
.titulo_chico_cent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}
.titulo_chico_color_fondo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	background-color: #CBD3F7;
	text-align: justify;
}
.titulo_chico_color_fondo_cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	background-color: #CBD3F7;
	text-align: center;
}
.titulo_grande_color_fondo_centralizado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	background-color: #CBD3F7;
	text-align: center;
}
.subt_chico_color_fondo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	background-color: #E7EBFA;
	text-align: justify;
}
.subt_chico_color_fondo_cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	background-color: #E7EBFA;
	text-align: center;
}
.texto_letra_chica_justif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}
.texto_letra_mediana_justif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
.texto_letra_mediana_justif_14 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: justify;
}
.titulo_mediano_tit_color {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4F64C8;
	text-indent: 10px;
}
.titulo_mediano {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: justify;
	line-height: 22px;
	}
.titulo_mediano_center_negro {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}
.titulo_mediano_cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}
.titulo_mediano_color_fondo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: justify;
	line-height: 18px;
	background-color: #CBD3F7;
}
.titulo_grande_color_fondo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: justify;
	line-height: 22px;
	background-color: #CBD3F7;
}
.titulo_mediano_color_fondo_cent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	background-color: #CBD3F7;
}
.subtitulo_mediano_color_fondo_cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	background-color: #C1CBF7;
}
.subtitulo_mediano_color_fondo_izq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 18px;
	background-color: #C1CBF7;
}
.titulo_grande_color_fondo_cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F00;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	background-color: #CBD3F7;
}
.subt_mediano_color_fondo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	background-color: #E7EBFA;
	text-align: justify;
}
.subt_mediano_color_fondo_cent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	background-color: #E7EBFA;
	text-align: center;
}
.tabla_con_letra_mediana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	background-color: #E7EBFA;
	line-height: 21px;
}
.tabla_con_letra_mediana2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	background-color: #FFFFFF;
	line-height: 21px;
	font-weight: bold;
}
.tabla_con_letra_mediana3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #E7EBFA;
	line-height: 21px;
	font-weight: bold;
}
.titulo_p_chico_color_fondo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
	background-color: #2B42B4;
	text-align: justify;
}
.titulo_p_chico_color_fondo_cent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
	background-color: #2B42B4;
	text-align: center;
}
.titulo_p_mas_chico_color_fondo_cent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
	background-color: #2B42B4;
	text-align: center;
}
.titulo_p_mediano_color_fondo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
	background-color: #2B42B4;
	text-align: justify;
}
.titulo_p_mediano_color_fondo_cent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
	background-color: #2B42B4;
	text-align: center;
}
.texto_zona {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #485590;
	text-align: center;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #E6E9FB;
	line-height: 20px;
	}
.titulo_grande_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	}
.titulo_grande_izq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #000;
	font-weight: bold;
	line-height: 22px;
	}
.titulo_grande_predeter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
}
.titulo_mediano_color_fondo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}
.titulo_mediano_color_fondo3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	color: #FFF;
}
.titulo_mediano_color_fondo_celeste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	color: #000;
	background-color: #9EABF1;
}
.titulo_grande_center_negro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F00;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}
.titulo_grande_center_azul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00487D;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}
.titulo_mediano_center_rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
	font-weight: bold;
	text-align: center;
}
.titulo_p_grande_color_fondo_cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
	background-color: #2B42B4;
	text-align: center;
}
.titulo_grande_center_rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
	font-weight: bold;
	text-align: justify;
	line-height: 28px;
}
.texto_letra_chica_negr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	font-weight: bold;
}
.texto_letra_chica_izq_negr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.titulo_grande_masyus {
	font-size: 14px;
	color: #8497B3;
	font-weight: normal;
	font-style: normal;
	clip: rect(auto,auto,auto,auto);
	font-variant: normal;
	font-family: "Arial Black";
	letter-spacing: 0cm;
	line-height: 16px;
	padding-left: 6px;
}




*{
	margin:0px;
	padding:0px;
}

html {
    height: 100%;
}

body {
    background-color: #E9E6E6;
    min-height: 100%; /* Esto asegura que el body tenga al menos el alto del viewport, pero puede crecer si es necesario */
    padding: 20px;
    margin: 0; /* Es una buena práctica establecer el margen del body a 0 para evitar espacios no deseados */
}


/* MENSAJES DE ERROR */
#error{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:800;
font-size:16px;
}

/* AREAS DEL INDEX */

#cuerpo{
	width: 1024px;
	height: 730px;
	margin: auto;
	position: relative;
}
	#enca{
		width:100%;
		height:50px;
		float:left;
	}
	#menu{
	width:100%;
	height: 50px;
	float: left;
	}
        #menu ul {
            margin-top: 0px;
        }
			#mnu1{
	width:100%;
	height: 30px;
	float: left;
			}
			#mnu2{
	width:100%;
	float: left;
			}
		
	#ppal{
	width:100%;
	float: left;
	margin: auto;
	}
	
	#ppie{
	width:1024px;
	height:30px;
	background-image:url(../img/pie.png);
	background-color:#fff;
	background-repeat:no-repeat;
	
	}
			#hepie{
			width:350px;
			height:36px;
			/*background-image:url(../img/herr_pie.png);*/
			background-repeat:no-repeat;
			background-color:#fff;
			float:left;
			}
/* MENU PRINCIPAL */
/* OPCION ACTIVA */

#mnu1 activo{
	color:#000;
	height:33px;
	padding-top:4px;
	background-color:#AEDDF7;
}

#mnu2 activo{
	color:#000;
	height:23px;
	padding-top:4px;
	background-color:#AEDDF7;
}

#mnu3 activo{
	color:#000;
	height:33px;
	padding-top:4px;
	background-color:#AEDDF7;
}

/* MENU DINAMICO */

#menu{
	margin:auto;
}

#menu ul {
    margin-top: 0px;
}


#mnu1 li{
	width:120px;
	height:30px;
	list-style-type:none;
	float:right;
	background-image:url(../img/fondo_mnu1.png);
	background-repeat:repeat-x;
	text-align:center;
	font-style:normal;
	font-variant:small-caps;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:0px;
}

#mnu1 a{
	width:120px;
	height:30px;
	padding-top:7px;
	text-decoration:none;
	display:block;
}

#mnu1 a:link{
	color:#000;
}

#mnu1 a:hover{
	padding-top:9px;
}

#mnu1 a:visited{
	color:#000;
}

#mnu1 a:active{
	color:#000;
}

#mnu2 li{
	width:120px;
	height:20px;
	list-style-type:none;
	float:right;
	text-align:center;
	font-style:normal;
	font-variant:small-caps;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:0px;
}


#mnu2 a{
	width:120px;
	height:20px;
	padding-top:2px;
	text-decoration:none;
	display:block;
}

#mnu2 a:link{
	color:#000;
}

#mnu2 a:hover{
	padding-top:4px;
}

#mnu2 a:visited{
	color:#000;
}

#mnu2 a:active{
	color:#000;
}

/* AREA PRINCIPAL */

#area{
	width:100%;
	float:right;	
    margin:auto;
}
#area table{
	margin:auto;
}

#encabezado{
	width:1024px;
	padding:0px;
	margin:0px;
	}

/* AREAS DE LA PAGINA DE BUSQUEDA */

#busc{
	width:894px;
	height:21px;
	padding:3px;
	text-align:center;	
	float:left;
}

#herr{
	width:874px;
	height:25px;
	padding-top:3px;
	text-align:right;
	float:left;
}

#pagi{
	width:875px;
	height:25px;
	padding-bottom:2px;
	text-align:center;
	float:right;
}

/* AREAS DE LA PAGINA DE PRESENTACION */

	#pres{
		width:100%;
		float:right;
	}
	
/* AREAS DE LA PAGINA DE LOGIN */

	#logi{
		width:160px;
		height:120px;
		margin:auto;
	}
	
 /* MENSAJE
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.message-box { text-align: center; padding: 15px; color:#545454; width:100%;  margin:15px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; font: 1em Arial, Verdana, Helvetica, sans-serif; color: black; font-weight: bold;}
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; font: 1em Arial, Verdana, Helvetica, sans-serif; color: gray; font-weight: bold;}
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; font: 1em Arial, Verdana, Helvetica, sans-serif; color: black; font-weight: bold;}
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; font: 1em Arial, Verdana, Helvetica, sans-serif; color: black; font-weight: bold;}
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; font: 1em Arial, Verdana, Helvetica, sans-serif; color: black; font-weight: bold;}


/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color: #7D8085; padding: 0 0 0 0; width: 146px; margin: 1.5em -0.4em;}
.nav li { 
	font: 0.7em Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border-bottom: 1px solid #7DB1FF; 
	height: 25px; background: url(li.png) no-repeat left;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}
.nav li a:hover { color: #FFF; text-decoration: none; background: #7DB1FF; display: block; height: 25px;}

/* TABLAS
---------------------------------------------------------------------------------------------------------------------------------------------------
---- MODELO -------------------------------------------------------------------------------------------------------------------------------------*/


#MuyOscuro {
	color: #0000FF;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;

	background-image: ../../img/img_01.gif);
	background-image: url(img_01.gif);
	}

#Oscuro {
	background-color: #F2F4FB;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	}
	
#Claro {
	background-color: #EBEEFC;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	}

#modelo {
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	color: black;	
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #7DB1FF;
/*	background-color: white;*/
}
/*---- MODELO SMALL -------------------------------------------------------------------------------------------------------------------------------------*/
#modelosmall {
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	border-spacing:5px;
	
}
#modelosmall td{
	margin:5px;
}
/* ---- MENUTOP ---------------------------------------------------------------------------------------------------------------------------------*/
table.menutop {
	border-width: 0px;
	border-spacing: 0px;
	border-style: inset;
	border-color: #E9E9E9;
	background-color: #E9E9E9;
}

table.menutop tr.CyanF td {
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;	
	color: black;	
	border-width: 0px;
	padding: 3px;
	border-style: outset;
	border-color: #E9E9E9;
	background-color: #E9E9E9;
	}
	
table.menutop tr.WhiteF td {
	font: 0.9em Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;	
	color: black;	
	border-width: 1px;
	padding: 3px;
	border-style: outset;
	border-color: #000000;
	background-color: white;
	}
	
table.menutop td {
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	color: black;	
	border-width: 1px;
	padding: 5px;
	border-style: outset;
	border-color: #7DB1FF;
/*	background-color: white;*/
}



/* TEXTOS
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#msg_error{ 
	font: 0.9em Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
    margin: 20px;
	color: red; }
    
h1.negro{ 
	font: 1.6em Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: black; }

h1.gris{ 
    display: block;
    width: 250px;
    height: 32px;
    margin-bottom: 5px;
    overflow: hidden;
	font: 1.6em Arial, Verdana, Helvetica, sans-serif;
    border: 0px;
	font-weight: bold;
	color: gray; }

h8{ 
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
    margin-bottom: 0px;	
	}	
	

p.negro{ 
	font: 0.9em Arial, Verdana, Helvetica, sans-serif;
	color: black; }

p.negro85{ 
	font: 0.85em Arial, Verdana, Helvetica, sans-serif;
	color: black; }
	
p.negrob{ 
	font: 0.95em Arial, Verdana, Helvetica, sans-serif;
	color: black;
	font-weight: bold; }
		
p.negrob12{ 
	font: 1.2em Arial, Verdana, Helvetica, sans-serif;
	color: black;
	font-weight: bold; }
			
p.gris{ 
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	color: gray; }
	
p.blanco{ 
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	color: white; }
	
p.azul{ 
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	color: blue; }
	
p.rojo{ 
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	color: red; }

p.rojob{ 
	font: 0.95em Arial, Verdana, Helvetica, sans-serif;
	color: red; 
	font-weight: bold; }	
	
p.grisb{ 
	font: 1em Arial, Verdana, Helvetica, sans-serif;
	color: gray; 
	font-weight: bold; }	
/* Botones PNA */

.btn-pna {
  color: #fff;
  background-color: #0073a5;
  border-color: #0073a5
}

.btn-pna-activo {
  color: #000;
  background-color: #a0c85a;
  border-color: #a0c85a;
}

.btn-pna:hover {
  color: #fff;
  background-color: #0082ba;
  border-color: #0073a5;
}

.btn-pna:focus, .btn-pna.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 115, 165, 0.5);
}

.btn-pna.disabled, .btn-pna:disabled {
  background-color: #0073a5;
  border-color: #0073a5;
}

.btn-pna:not([disabled]):not(.disabled):active, .btn-pna:not([disabled]):not(.disabled).active,
.show > .btn-pna.dropdown-toggle {
  color: #fff;
  background-color: #0073a5;
  border-color: #01628c;
  box-shadow: 0 0 0 0.2rem rgba(0, 115, 165, 0.5);
}

.btn-outline-pna {
  color: white;
  background-color: transparent;
  background-image: none;
  border-color: #0073a5;
}

.btn-outline-pna:hover {
  color: #fff;
  background-color: #0073a5;
  border-color: #0073a5;
}

.btn-outline-pna:focus, .btn-outline-pna.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 115, 165, 0.5);
}

.btn-outline-pna.disabled, .btn-outline-pna:disabled {
  color: #0073a5;
  background-color: transparent;
}



/* Botones PNA OSCUROS */

.btn-pna-oscuro {
  color: #fff;
  background-color: #3c8dbc;
  border-color: #3c8dbc;
}

.btn-pna-desac {
  color: #fff;
  background-color: #899FCC;
  border-color: #899FCC;
}

.btn-pna-claro {
  color: #000;
  background-color: #DFEEF4;
  border-color: #DFEEF4;
}

.titulo-mensaje {
  font-family: verdana;
  font-size: 24px;
  font-weight: bold;
  color: #000;
}

.codigo_sel {
	height: 60px;
	border: thick solid #FF0000;
}

/* MENSAJES */

.mensajes_nuevos {
  background-color:#f1d9ba ; /*#FDD2F5; ccf2e0*/
}

.mensajes_leidos {
  background-color: #EDF6FD;
}

/* Estilo base para la tabla */
#miTabla {
    border-collapse: collapse;
    width: 100%;
    font-family: Arial, sans-serif;
}


/*DATATABLESSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
/* Encabezados de la tabla */
#miTabla thead th {
    background-color: #00BFFF;  /* Azul celeste */
    color: white;
    padding: 8px 15px;
    border: 1px solid #0099CC; /* Tono azul un poco más oscuro */
    text-align: center;
}

/* Hover en los encabezados */
#miTabla thead th:hover {
    background-color: #0099CC; /* Tono azul un poco más oscuro */
}

/* Filas de la tabla */
#miTabla tbody tr:nth-child(odd) {
    background-color: #e6f7ff; /* Azul muy claro */
}

#miTabla tbody tr:nth-child(even) {
    background-color: white;
}

/* Hover en las filas */
#miTabla tbody tr:hover {
    background-color: #b0e0e6; /* Azul medio */
    cursor: pointer;
}

/* Celdas de la tabla */
#miTabla tbody td {
    padding: 8px 15px;
    border: 1px solid #d9e8f2; /* Borde azul claro */
}

/* Estilos para la paginación de DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #00BFFF;
    color: white;
    margin: 0 2px;
    padding: 5px 10px;
    border-radius: 3px;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #0099CC;
    border-color: #007B99;
}

#form_guardar .form-control {
    color: black !important;
}