/*========================= STYLES TEMPLATES / MAYO 2025 ====================================*/


/* -------------------- ESTILOS DE CONTORNO Y FONDO DE LAS TABLA GENERAL -------------------*/


/* FONDO DE LA PANTALLA */
.bgtotal {

	background-color: #333399;
}

/* BORDES LATERALES-IZQUIERDO + DERECHO */
.bordes-lat {
	border: 1px solid #FFFFFF;
	background-color: #333399;


}


/* -------------------- ESTILOS DEL H1 -------------------*/

/* FONDO DEL H1 */
.bgH1 {
	background-color: #006600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-position: left center;



}

/* H1 */
h1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px 3px;
	background-position: left center;
	font-weight: bold;
	background-color: #006600;



}



/* -------------------- ESTILOS DEL TOP -------------------*/

/* FONDO DE LA CELDA QUE CONTIENE EL BANNER LEADER-BOARD 720X90 */
.bg-leaderboard {
	background-color: #FFFFFF;
	padding:5px;
	
	
}

/* FONDO DEL TOP EN DONDE SE INSERTA LA IMAGEN */
.bgtop {
	background-color: #FFFFFF;
	background-image: url("images/JugarRuleta.gif");
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}

/* FONDO Y BORDES DE LA BARRA DE OPCIONES DEL TOP */
.soporte-menu-top{
	background-color: #F3F0E9;
	border-top:    1px solid #ffffff;
	border-bottom:    1px solid #ffffff;

}

/* ESTILOS DE VINCULOS DE LOS FAVORITOS + P�GINA DE INICIO */
.menu_favoritos{
	height: 18px;
	padding-right: 5px;
	padding-left: 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	background-color: #333399;
	background-position: center center;
	text-align: center;


}
.favoritos{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	padding-right: 8px;
	}
a.favoritos:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	}
a.favoritos:link {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	}
a.favoritos:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	}
a.favoritos:hover {
	text-decoration: none;
	color: #FFDDBB;
	font-weight: normal;
}

/* ESTILOS DE VINCULOS DE LAS OPCIONES DEL TOP +  CLOSE DEL POPUP */
.sitios {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
a.sitios:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
a.sitios:link {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
a.sitios:visited {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
a.sitios:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}

/* FONDO DE LA CELDA DE LAS OPCIONES DEL TOP - NORMAL */
.clasemenuctop {
	text-align: center;
	vertical-align: middle;
	background-color: #333399;
	border-top-color: #336699;
	border-bottom-color: #336699;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #FFFFFF;
	background-image: url("images/fondomenuh.jpg");



}

/* FONDO DE LA CELDA DE LAS OPCIONES DEL TOP - OVER */
.clasemenuotop {
	text-align: center;
	vertical-align: middle;
	background-color: #009900;
	height: 20px;
	color: #FFFFFF;
	border-top-color: #00CC00;
	border-bottom-color: #00CC00;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #FFFFFF;



}

/* -------- FONDOS DE LAS 3 COLUMNAS VERTICALES - ( MENU / MIDDLE / BANNER y TOPSITES) --------*/

/* FONDO DE LA COLUMNA DEL MENU */
.bg-columna-left {
	background-color: #FFFFFF;
	border-right:   1px solid #FFFFFF;
}

/* FONDO DE LA COLUMNA DEL MIDDLE */
.bg-columna-middle {
	background-color: #FFFFFF;
}

/* FONDO DE LA COLUMNA DEL BANNER Y TOPSITES */
.bg-columna-right {
	background-color: #006600;
	border-left:   1px solid #FFFFFF;
}
/* ESPACIO QUE CORRESPONDE A LA ALTURA ENTRE LAS CAJAS DE LA COLUMNA IZQ */
.espacio-entre-cajas {
	height: 4px;
}


/* -------------------- ESTILOS DE LA COLUMNA IZQUIERDA (MENU PRINCIPAL) -------------------*/

/*FONDO Y BORDE DEL MENU PRINCIPAL*/
.basemenu {
	
	border-bottom: 1px solid #FFFFFF;
	border-right:  solid;	
	border-left:   solid;
	background-color: #009900;
}

/* TITULO DEL MENU PRINCIPAL*/ 
.titulomenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-right: 10px;
	border-bottom: #FFFFFF;
	background-color: #006600;
	height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;

}
/* FONDO DE LA CELDA DEL MENU PRINCIPAL - COMUN */
.clasemenuc {
	text-align: left;
	vertical-align: middle;
	border-bottom:1px solid #000000;
	background-color: #333399;
	padding-left: 3px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;



}
/* FONDO DE LA CELDA DEL MENU PRINCIPAL - OVER */
.clasemenuo {
	text-align: left;
	vertical-align: middle;
	border-bottom:1px solid #000000;
	background-color: #009900;
	padding-left: 3px;
	font-weight: normal;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;


}

/* HIPERVINCULOS DEL MENU PRINCIPAL */
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;

}
a.menu:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
a.menu:link {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
a.menu:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
a.menu:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}


/* -------------------- ESTILOS DEL MIDDLE (NOTICIAS) -------------------*/

/* BORDE DE LA TABLA DE LAS NOTICIAS */ 
.borde-tabla-centro {
	background-color: #006600;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;



}

/* TITULO Y FONDO DE LAS CAJAS DEL CENTRO */ 
.titulocentral {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: normal;
	padding-left: 10px;
	background-color: #006600;
	background-position: bottom;


}

/* SUBTITULO Y FONDO DE LAS CAJAS DEL CENTRO */ 
.subtitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: normal;
	padding-left: 15px;
	background-color: #333399;
}

/* CUERPO DE TEXTO DEL CENTRO */
.cuerpo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #321900;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
}

/* TEXTO DE LAS NOTICIAS (PADDING)*/
.celda-noticia {
	padding: 0px 4px 6px 8px;
}

/* COLOR DE FONDO DE LOS CUADROS DEL CENTRO (PADDING)*/
.celda-central {
	padding: 5px;
	color: #FFFFFF;
	background-color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

/* HIPERVINCULOS GENERICOS */

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color:#FFFFFF;
	font-weight:bold;
	
	
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #FFFFFF;
	font-weight:bold;
	


}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #FFFFFF;
	font-weight:bold;
	

}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #00FF00;
	font-weight:bold;
}

/* TEXTBOX QUE CORRESPONDE AL PAGE RECOMMEND */ 
.text-links {
	background-color: #FEBF01;
	border:    1px solid #ffffff;
	padding: 5px;
	height: auto;
}
h2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;



}
.bgH2 {
	background-color: #006600;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;


}
h3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;



}
.bgH3 {
	background-color: #333399;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}
.bordePie {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.fondoMenu {
	background-color: #333399;
}
.zonaLinks {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #333399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	margin: 5px;
	padding: 5px;

}
.linkInterno {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}
a.linkInterno:link {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}
a.linkInterno:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
a.linkInterno:visited {
	color: #CCCCCC;
	text-decoration: underline;
}
a.linkInterno:active {
	color: #CCCCCC;
	text-decoration: underline;
}
.linkInternoPages {
	color: #FFFF99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a.linkInternoPages:link {
	color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
a.linkInternoPages:hover {
	color: #FFFFCC;
	text-decoration: underline;
	font-size: 12px;

}
a.linkInternoPages:visited {
	color: #FFFFCC;
	text-decoration: underline;
	font-size: 12px;

}
a.linkInternoPages:active {
	color: #FFFFCC;
	text-decoration: underline;
}