body {

 	scrollbar-face-color: #666666;

    scrollbar-base-color: #006699;

    scrollbar-highlight-color: #FFFFFF;

    scrollbar-shadow-color: #FFFFFF;

    scrollbar-3dlight-color: #FFFFFF;

    scrollbar-arrow-color: #FFFFFF;

    scrollbar-track-color: #CCCCCC;

    scrollbar-darkshadow-color: #666666;

} 



h1 {

	font-family: Arial;

	font-size: 14pt;

	font-style: normal;

	font-weight: bold;

	color: #000000;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #2C9E51;

	padding-bottom: 3px;

	padding-left: 0px;

    margin-left: 0px;

	margin-right: 0px;

}





.tabla_grid {

	font-family: Tahoma;

	font-size: 11px;

	background-color: #EFEFEF;

	color:#000000;

	font-weight:normal;

	border:1px solid #9B0A0F;



}



.tabla_grid th{

	background-color: #2C9E51;

	font-weight:bold;

	text-align:left;

	color:#FFFFFF;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #9B0A0F;

	padding-bottom: 2px;

	padding-left: 1px;

		

}







.textfield_login{

	font-family: Tahoma;

	font-size: 13px;

    font-weight: bold;	

	border: 1px solid #2C9E51;

	background-color: #FFFFFF;

}





.textfield{

	font-family: Tahoma;

	font-size: 11px;

    font-weight: normal;	

	border: 1px solid #2C9E51;

	background-color: #FFFFFF;

}





.textfield_gris{

	font-family: Tahoma;

	font-size: 11px;

	color: #666666;	

    font-weight: normal;	

	border: 1px solid #666666;

	background-color: #FFFFFF;

}





.boton_login{

	font-family: Tahoma;

	font-size: 13px;

    font-weight: bold;	

	color: #FFFFFF;

	border: 1px solid #2C9E51;

	background-color: #2C9E51;

	height:20px;



}



.boton{

	font-family: Tahoma;

	font-size: 11px;

    font-weight: bold;		

	color: #FFFFFF;

	border: 1px solid #2C9E51;

	background-color: #2C9E51;

	height:18px;



}



.boton_interiores{

	font-family: Tahoma;

	font-size: 10px;

    font-weight: bold;		

	color: #FFFFFF;

	border: 1px solid #2C9E51;

	background-color: #2C9E51;

	height:16px;



}



.boton_gris{

	font-family: Tahoma;

	font-size: 11px;

    font-weight: bold;		

	color: #FFFFFF;

	border: 1px solid #CCCCCC;

	background-color: #CCCCCC;

	height:17px;



}





.texto_negro {

	font-family: Tahoma;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	line-height:16px;

}

.centrar-image-td {
	text-align: center;
}



.texto_blanco {

	font-family: Tahoma;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #FFFFFF;

}





.texto_blanco_negritas {

    font-family: Tahoma;

    font-size: 11px;

    font-weight: bold;	

    color: #FFFFFF;

}





.texto_blanco_altas {

	font-family: Tahoma;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #FFFFFF;

}



.negritas_blancas_altas {

	font-family: Tahoma;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	color: #FFFFFF;

}





.texto_negro_negritas {

    font-family: Tahoma;

    font-size: 11px;

    font-weight: bold;	

    color: #000000;

}



.texto_negro_negritas_altas {

    font-family: Tahoma;

    font-size: 10px;

    font-weight: bold;	

    color: #000000;

}



.texto_negro_login {

    font-family: Tahoma;

    font-size: 15px;

    font-weight: bold;	

    color: #000000;

}



.texto_gris {

	font-family: Tahoma;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

	line-height:15px;

}



.texto_gris_altas {

	font-family: Tahoma;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

	line-height:15px;

}



.texto_negro_altas {

	font-family: Tahoma;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

}



.texto_gris_claro_altas {

	font-family: Tahoma;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #999999;

}



.texto_gris_footer {

	font-family: Tahoma;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #999999;

}



.negritas_grises {

	font-family: Tahoma;

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	color: #666666;

}



.titulos_doctos {

	font-family: Tahoma;

	font-size: 13px;

	font-style: normal;

	font-weight: bold;

	color: #000000;

}



.titulos_blancos {

	font-family: Tahoma;

	font-size: 13px;

	font-style: normal;

	font-weight: bold;

	color: #FFFFFF;

}





.titulos_blancos_interior {

	font-family: Tahoma;

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	color: #FFFFFF;

}







.titulo_dependencias {

	font-family: Helvetica;

	font-size: 15px;

	font-style: normal;

	font-weight: bold;

	color: #2C9E51;

}



.titulo_inicio{

	font-family: Helvetica;

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	color: #666666;

}



.titulo_seccion{

	font-family: Helvetica;

	font-size: 27px;

	font-style: normal;

	font-weight: bold;

	color: #666666;

}



.titulo_subseccion{

	font-family: Helvetica;

	font-size: 19px;

	font-style: normal;

	font-weight: bold;

	color: #75853a;

}



.titulo_seccion_2 {

	font-family: Verdana;

	font-size: 37px;

	font-style: normal;

	font-weight: bold;

	color: #D3D3D3;

}



.titulo_seccion_3 {

	font-family: Verdana;

	font-size: 20px;

	font-style: normal;

	font-weight: bold;

	color: #666600;

}



.titulos_ventanas {

    font-family: Tahoma;

    font-size: 22px;

    font-weight: bold;	

    color: #CC3333;

}





.negritas_notas {

	font-family: Tahoma;

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	color: #666666;

}





.negritas_rojas_notas {

	font-family: Tahoma;

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	color: #FF0000;

}



.tabla_fondo {

	font-family: Tahoma;

	font-size: 11px;

	background-color: #EFEFEF;

	color:#000000;

	font-weight:normal;

	border:1px solid #999999;



}



.tabla_fondo th{

	background-color: #2C9E51;

	font-family: Tahoma;

	font-size: 11px;	

	font-weight:bold;

	text-align:left;

	color:#FFFFFF;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #45ACAC;

	padding-bottom: 3px;

	padding-left: 4px;

		

}



.tabla_fondo_ficha {

	font-family: Tahoma;

	font-size: 11px;

	background-color: #EFEFEF;

	color:#000000;

	font-weight:normal;

	border:1px solid #2C9E51;



}



.tabla_fondo_ficha2 {

	font-family: Tahoma;

	font-size: 11px;

	background-color: #FFFFFF;

	color:#000000;

	font-weight:normal;

	border:1px solid #2C9E51;



}



.tabla_fondo_ficha2 th{

	background-color: #2C9E51;

	font-family: Tahoma;

	font-size: 11px;	

	font-weight:bold;

	text-align:left;

	color:#FFFFFF;

	border-bottom-width: 0px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	padding-bottom: 3px;

	padding-left: 3px;

		

}



.tabla_fondo_mensajes {

	font-family: Tahoma;

	font-size: 11px;

	background-color: #EFEFEF;

	color:#000000;

	font-weight:bold;	

	text-align: justify;

	border:1px solid #999999;

	padding-top: 6px;

	padding-bottom: 6px;

	padding-left: 8px;

	padding-right:8px;





}



.tabla_filas {

    font-family: Tahoma;

    font-size: 11px;

    font-style: normal;

    font-weight: normal;

    color: #000000;

    background-color: #FFFFFF;

}







.liga_basica  {

  FONT-SIZE: 10px; FONT-WEIGHT: normal; COLOR: #666600; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline

}

.liga_basica:hover {

   FONT-SIZE: 10px; COLOR: #8E975B; TEXT-DECORATION: none

}







.liga_subtemas  {

  FONT-SIZE: 10px; FONT-WEIGHT: normal; COLOR: #768739; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline

}

.liga_subtemas:hover {

   FONT-SIZE: 10px; COLOR: #B4C136; TEXT-DECORATION: none

}





.liga_menu  {

  FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #768739; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}

.liga_menu:hover {

   FONT-SIZE: 11px; COLOR: #B4C136; TEXT-DECORATION: underline

}





.liga_juegos  {

  FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #FF0000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}

.liga_juegos:hover {

   FONT-SIZE: 11px; COLOR: #B4C136; TEXT-DECORATION: underline

}





.liga_correo  {

  FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #2C9E51; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline

}

.liga_correo:hover {

   FONT-SIZE: 11px; COLOR: #FF9900; TEXT-DECORATION: none

}





.liga  {

  FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #666666; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline

}

.liga:hover {

   FONT-SIZE: 12px; COLOR: #159E42; TEXT-DECORATION: none

}





.liga_navegacion  {

  FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #2C9E51; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}

.liga_navegacion:hover {

   FONT-SIZE: 11px; COLOR: #2C9E51; TEXT-DECORATION: underline

}





.liga_descargas  {

  FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #1C8F25; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline

}

.liga_descargas:hover {

   FONT-SIZE: 11px; COLOR: #3BBF6C; TEXT-DECORATION: none

}







.liga_titulo_doctos  {

  FONT-SIZE: 15px; FONT-WEIGHT: bold; COLOR: #666666; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}

.liga_titulo_doctos:hover {

   FONT-SIZE: 15px; COLOR: #159E42; TEXT-DECORATION: underline

}





.liga_negra  {

  FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}

.liga_negra:hover {

   FONT-SIZE: 11px; COLOR: #1484B4; TEXT-DECORATION: underline

}







.liga_blanca  {

  FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}

.liga_blanca:hover {

   FONT-SIZE: 11px; COLOR: #FFFFFF; TEXT-DECORATION: underline

}





.liga_blanca_altas  {

  FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}

.liga_blanca_altas:hover {

   FONT-SIZE: 11px; COLOR: #5C6D3C; TEXT-DECORATION: none

}





.liga_blanca_footer  {

  FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}

.liga_blanca_footer:hover {

   FONT-SIZE: 11px; COLOR: #CFD812; TEXT-DECORATION: underline

}







.liga_texto_gris  {

  FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #666666; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline

}

.liga_texto_gris:hover {

   FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none

}





.boletines_liga  {

  FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #666600; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; padding: 0 5px 5px 0px; line-height:16px;TEXT-DECORATION: underline;
  text-transform: uppercase;

}

.boletines_liga:hover {

   FONT-SIZE: 11px; COLOR: #8E975B; padding: 0 5px 5px 0px; line-height:16px; text-decoration:none;

}





.eventos  {

  FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #666600; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; padding: 0 5px 5px 0px; line-height:14px; font-weight:bold;

}

.eventos:hover {

   FONT-SIZE: 11px; COLOR: #8E975B; TEXT-DECORATION: underline; padding: 0 5px 5px 0px; line-height:14px;font-weight:bold;

}

.popup-background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semi-transparente */
}

/* Estilos para el pop-up */
.popup-content {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 1%;
	border-radius: 5px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	max-width: 95%; /* Ancho máximo del pop-up */
	max-height: 95%; /* Altura máxima del pop-up */
}

/* Estilos para la imagen en el pop-up */
.popup-image {
	max-width: 90%;
	max-height: 90%;
	display: block;
	margin: 0 auto; /* Centrar la imagen horizontalmente */
}
.popup-link {
	display: block;
	text-align: center;
	margin-top: 10px;
}
/* Estilos para el botón de enlace */
        .popup-button {
            display: block;
            text-align: center;
            margin-top: 10px;
            padding: 10px 20px;
            background-color: #007bff; /* Color azul del botón */
            color: #fff; /* Color del texto del botón */
            text-decoration: none; /* Eliminar subrayado del enlace */
            border-radius: 5px; /* Bordes redondeados del botón */
        }

        /* Estilos para el botón de enlace al hacer clic */
        .popup-button:active {
            background-color: #0056b3; /* Color azul oscuro al hacer clic */
        }