/**********************************************************************************************/
/**********************************************************************************************/
/* MENUES *************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/*
/**********************************************************************************************/
/* MENU PRINCIPAL HORIZONTAL SUPERIOR ------------------------------------------------------- */
/**********************************************************************************************/
#BARRANAV {
	float: left;
	width: 100%;
	background-color: black;	
	margin: 10px auto 0px auto;
}
/* MENÚ PRINCIPAL:  to stretch the container div to contain floated list */
ul#BARRAMENU:after {
	content: ".";
	background-color: transparent;
	line-height: 1px;
	font-size: 1pt;
	clear: both;
}
/* MENÚ PRINCIPAL: -----------------------------*/
ul#BARRAMENU {
	/* Contenedor <ul> del Menú de Navegación */
	width: 787px;
	float: none;
	text-align: center;
	text-transform: none;
	margin: 10px auto 0px auto;
	padding: 0% 0px 0px 0px;
	font-size: 12pt;
	background-color: black;
	list-style: none;
	z-index: 1000;
}
/* MENÚ PRINCIPAL NIVEL 0: Base del Item <li> del Menú */
ul#BARRAMENU li {
	display: block;
	margin: 0px auto;
	padding: 0px 2px 0px 2px;
	float: left;
	color: white;
	background-color: transparent;
}
/* MENÚ PRINCIPAL NIVEL 0: PRIMER Y ÚLTIMO ÍTEM EN MENÚES SIMPLES SUPERIORES: INICIO ----------*/
/* Base del Item <li> CONTENEDOR DEL LOGO para resoluciones de monitores de escritorio */
ul#BARRAMENU li:first-child {
	margin-top: -20px;
}
/* ENLACE del Contenedor del logo para resoluciones de monitores de escritorio */
ul#BARRAMENU li:first-child a,
ul#BARRAMENU li:first-child a:hover, ul#BARRAMENU li#active:first-child a:hover, ul#BARRAMENU .BOTON-SIN-ENL#active:hover:first-child{
	background-color: transparent;
	background-image:  none;
	border: 0px white solid;
	padding: 12px 6px 12px 6px /* Margen interno del botón sin enlace */;
}
ul#BARRAMENU li:last-child {
}
/* MENÚ PRINCIPAL NIVEL 0: PRIMER Y ÚLTIMO ÍTEM EN MENÚES SIMPLES SUPERIORES: FIN  ----------*/
/*
/* MENÚ PRINCIPAL NIVEL 0: ENLACE <a> en el ítem <li> --------------------------------------*/
ul#BARRAMENU li a {
	width: auto;
	display: block;
	margin: 0px 0px 0px 0px /* Margen interno botón */;
	padding: 10px 6px 11px 6px /* Separación entre botones*/;
	color: white;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 12pt;
	border-top: 2px white solid;
	background-image:url('images/boton-fdo-deg-negro-verde.jpg');
	border-radius: 10px 10px 0px 0px;
}
/* MENÚ PRINCIPAL NIVEL 0: Botón ACTIVO CON ENLACE: poner <li id="active"> */
ul#BARRAMENU li#active a {
	color: black;
	background-image: url('images/back-boton-active.jpg');
	border-radius: 10px 10px 0px 0px;
}
/* MENÚ PRINCIPAL NIVEL 0: Botón INACTIVO cuando lo sobrevuela el mouse */
ul#BARRAMENU li a:hover, ul#BARRAMENU li#active a:hover, ul#BARRAMENU .BOTON-SIN-ENL#active:hover {
	color: black;
	background-color: #BED7AD;
	background-image: url('images/back-boton-active.jpg');
	border-radius: 10px 10px 0px 0px;
}
/* MENÚ PRINCIPAL NIVEL 0: BOTÓN SIN ENLACE <a> en el ítem <li> -----------------------------------*/
ul#BARRAMENU .BOTON-SIN-ENL {
	width: auto;
	display: block;
	margin: 0% 4px 0px 4px /* Margen interno botón */;
	padding: 12px 10px 12px 10px /* Margen interno del botón sin enlace */;
	color: black;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 11pt;
	background-color: transparent;
	background-image:url('images-grafica/boton-fdo-deg-gris-blanco-gris.jpg');
	border-radius: 10px 10px 0px 0px;
	border-top: 2px  white solid;
}
/* Cuando sobrevuela el mouse */
ul#BARRAMENU .BOTON-SIN-ENL:hover {
	color: green;
	background-image: none;
	background-color: white;
}
/* Cuando está ACTIVADO */
ul#BARRAMENU .BOTON-SIN-ENL#active {
	color: white;
	background-image: none;
	background-color:  darkseagreen;
}
/**************************************************************************************************/
/*--------------------------------------- SUBMENUES ----------------------------------------------*/
/**************************************************************************************************/
/* CONTENEDOR DE SUBMENUES NIVEL 1: Estado replegado */ 
ul#SUBNAVLIST {
	display: none;
	padding: 0px 0px 0px 0px /*Espacio de apartamiento de margenes de elementos de lista*/;
	text-align: left;
	background-color: white;
}
/* SUBMENUES NIVEL 1: Al pasar el mouse encima de un ítem principal con submenú ----*/
ul#BARRAMENU li:hover ul#SUBNAVLIST {
	/*SUBMENU Bloque de submenú que se abre*/
	position: absolute;
	display: block;
	margin-top: 18px; /* Espacio entre el menú superior y el bloque de submenú */;
	border-radius: 0px 10px 10px 10px;
	box-shadow: 0px 1px 25px 0px black;
}
/* SUBMENUES NIVEL 1: Elementos de lista sin enlace href*/
ul#SUBNAVLIST li {
	width: auto;
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: black;
	background-color: transparent;
	border: 1px;
	border-radius: 10px;
}
/* SUBMENUES NIVEL 1: Enlace del elemento de lista cuando se apunta al elemento de menú principal*/
ul#BARRAMENU li:hover ul#SUBNAVLIST li a {
	width: auto;
	display: block;
	padding: 12px 8px 12px 8px /*Espacio de apartamiento de margenes de enlaces*/;
	background-image: none;
	color: black;
	background-color: white;
	box-shadow: 0px 0px 0px 0px transparent;
	border-radius: 10px;
}
/*SUBMENU Enlace del elemento de lista cuando lo sobrevuela el mouse*/
ul#BARRAMENU li:hover ul#SUBNAVLIST li a:hover{
	color: black;
	background-color: orange;
	padding: 12px 8px 12px 8px /*Espacio de apartamiento de margenes de enlaces*/;
	box-shadow: 0px 0px 0px 0px orange;
	border-radius: 10px;
}
/*SUBMENU Elemento de lista ACTIVE.......................<<<<<<<<<...........*/
ul#BARRAMENU ul#SUBNAVLIST li#active a {
	width: auto;
	color: black;
	text-align: left;
	background-color:  khaki;
	border: 0px black solid;
	border-radius: 5px;
}
/* Botón inactivo sobre el que se pasa el mouse PARA ENLACE DE PAGINA ACTIVA--*/
ul#BARRAMENU ul#SUBNAVLIST li a:hover, ul#BARRAMENU ul#SUBNAVLIST li#active a:hover {
	color: black;
	background-color:  orange;
	border-radius: 10px;
}
/*SUBMENU Símbolo previo al enlace href*/
ul#BARRAMENU li:hover ul#SUBNAVLIST li a:before {
	content: "";
}
/*--------------------------------------- SUBMENÚ GRÁFICO GUSS ----------------------------------------------*/
.MENUGRAFICO-ITEM {
	width: 30%;
}
.MENUGRAFICO-TITULO {
	width: 98%;
	float: left;
	font-family: "Berlin Sans FB";
	font-size: 16pt;
	padding: 1%;
	background-color: black;
	color: white;	
	border-radius: 0px;
}
.MENUGRAFICO-DESCRIPCION {
	width: 98%;
	padding: 1%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: black;
	line-height: 1px;
}
ul#BARRAMENU ul#SUBNAVLIST a:hover {
	display: block;
	height: 100%;
	background-color: gold;
	color: white;
	border-radius: 0px;
}
/*
/**********************************************************************************************/
/**********************************************************************************************/
/* BARRAMENU INFERIOR HORIZONTAL SIN SUBMENUES ************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/* Bloque contenedor de enlaces y título --*/
.BARRAMENUINF {
	text-align: left;
	text-transform: none;
}
/* TÍTULO DE LA BARRA INFERIOR DE ACCESOS --------------------------*/
/* Si usa Contenedor <div> --*/
.BARRAMENUINF-TITULO {
	width: 100%;
	color: white;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 14pt;
	border-top:  thin   white solid;
	background-color:   #5A853D;
	border-radius: 8px 8px 0px 0px;
}
ul.BARRAMENUINF-TITULO li {
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 12px 0px;
	background-color: transparent;
	border: 0px cornflowerblue solid;
	border-radius: 0px;
}
ul.BARRAMENUINF-TITULO li a {
	display: block;
	padding: 11px 0px 11px 5px /* Altura del enlace y espaciado de texto en el botón */;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: white;
	text-align: center;
	background-color: transparent;
}
ul.BARRAMENUINF-TITULO li:hover {
/*	background-color: white;
	color: black;
*/}
ul.BARRAMENUINF-TITULO li a:hover {
	color: black;
}
ul.BARRAMENUINF-TITULO li a:visited {
	color: white;
}
ul.BARRAMENUINF-TITULO li a:visited:hover {
	color: black;
}
/* BARRA INFERIOR DE ACCESOS --------------------------*/
/* Contenedor <ul> de lista --*/
ul.BARRAMENUINF_LISTA {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background-color: transparent;
	list-style: none;
	list-style-position: outside;
	border-bottom: 6px #F49300 solid;
	border-radius: 0px 0px 8px 8x;
}
/* Botón: Item <li> sin enlace --*/
ul.BARRAMENUINF_LISTA li {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	text-align: left;
	background-color: transparent;
	list-style: none;
	list-style-position: outside;
	border-radius: 0px;
}
/* Botón: Enlace <a> en el ítem <li> --*/
ul.BARRAMENUINF_LISTA li a {
	display: block;
	padding: 13px 10px 13px 10px /* Margen interno botón */;
	margin: 0px 0px 0px 0px /* Separación entre botones */;
	color: black;
	text-decoration: none;
	background-color: gainsboro;
	border-radius: 0px;
}
ul.BARRAMENUINF_LISTA li a:hover {
	display: block;
	padding: 13px 10px 13px 10px /* Margen interno botón */;
	margin: 0px 0px 0px 0px /* Separación entre botones */;
	color: black;
	text-decoration: none;
	background-color:  orange;
	border-radius: 0px;
}
/* Botón ACTIVO: poner <li id="active"> en el <li> correspondiente --*/
ul.BARRAMENUINF_LISTA li#active a {
	color: black;
	background-color:   #FFCC66;
}
/* Botón inactivo sobre el que se pasa el mouse --*/
ul.BARRAMENUINF_LISTA li a:hover, ul.BARRAMENUINF_LISTA li#active a:hover, #DIV_CONTENIDO ul.BARRAMENUINF_LISTA li a:hover, ul.BARRAMENUINF_LISTA li#active a:hover  {
	color: black;
	background-color:  orange;
	border-radius: 0px;
}
/**********************************************************************************************/
/**********************************************************************************************/
/* BARRAS FLOTANTES -----------------------------------------------------------------------*/
/**********************************************************************************************/
/**********************************************************************************************/
#BARRAFLOT {
	/* Contenedor <ul> del Menú de Navegación */
	width: 60px;
	text-transform: none;
	float: right;
	position: fixed;
	top: 14%;
	right: 0px;
	margin: 0px auto 0px auto;
	padding: 0% 0px 0px 0px;
	font-size: 12pt;
	background-color: cornflowerblue;
	border-radius: 10px 0px 0px 10px;
	box-shadow: -3px 5px 0px 0px black;
	z-index: 1000;
}
/* Botón: Item <li> del Menú de Navegación */
#BARRAFLOT li {
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: left;
	color: white;
	border-bottom: 2px white solid;
	background-color: transparent;
	border-radius: 10px 0px 0px 10px;
}
#BARRAFLOT li:last-child {
	border-bottom: 0px white solid;
}
/* Botón: Enlace <a> en el ítem <li> */
#BARRAFLOT li a {
	display: block;
	margin: 0px 0px 0px 0px /* Margen interno botón */;
	padding: 10px 0px 11px 0px /* Separación entre botones*/;
	color: white;
	text-decoration: none;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 12pt;
	border-radius: 10px 0px 0px 10px;
}
/* Botón ACTIVO: poner <li id="active"> en el <li> correspondiente --*/
ul#BARRAflot li#active a {
	color: black;
	background-color: lightblue;
}
/* Botón inactivo sobre el que se pasa el mouse */
#BARRAFLOT li a:hover, #BARRAFLOT li#active a:hover {
	color: black;
	background-color: lightblue;
}
/*

/**********************************************************************************************/
/**********************************************************************************************/
/* MENÚ PARA MÓVILES ***************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/*
/*****************************************************************************/
/* BOTÓN DE APARICIÓN DEL MENÚ ***********************************************/
/*****************************************************************************/
ul#BOTON_MENU-CELULARES {
	z-index: 1000;
	position: fixed;
	top: 8px;
	right: 10px;
	height: 48px;
	font-weight: bold;
	background-color: transparent;
	font-size: 12pt;
}
ul#BOTON_MENU-CELULARES li {
	/*MENU BOTÓN: Elemento de lista sin enlace href*/
	width: 100%;
	height: 48px;
	width: 80px;
	text-align: center;
}
ul#BOTON_MENU-CELULARES li a {
	display: block;
	padding: 12px 5px 15px 5px /* Altura del enlace en el botón */;
	color: white;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 14pt;
	text-align: center;
	background-color:  #59863C;/* Color de fondo del enlace */;
	border-top: 2px white solid;
	border-radius: 10px;
}
ul#BOTON_MENU-CELULARES li a:hover {
	/*MENU Enlace href con mouse encima*/
	color: black;
	background-color: greenyellow  ;
	border: 2px white solid;
}
/*
/*
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/* GRILLAS MENU MÓVILES ***********************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
.GRMENUCEL0000, .GRMENUCEL0011, .GRMENUCEL0022, .GRMENUCEL0033, .GRMENUCEL0044, .GRMENUCEL0055, .GRMENUCEL1100, .GRMENUCEL1111, .GRMENUCEL1122, .GRMENUCEL1133, .GRMENUCEL1144, .GRMENUCEL1155, .GRMENUCEL2200, .GRMENUCEL2211, .GRMENUCEL2222, .GRMENUCEL2233, .GRMENUCEL2244, .GRMENUCEL2255, .GRMENUCEL3300, .GRMENUCEL3311, .GRMENUCEL3322, .GRMENUCEL3333, .GRMENUCEL3344, .GRMENUCEL3355, .GRMENUCEL4400, .GRMENUCEL4411, .GRMENUCEL4422, .GRMENUCEL4433, .GRMENUCEL4444, .GRMENUCEL4455, .GRMENUCEL5500, .GRMENUCEL5511, .GRMENUCEL5522, .GRMENUCEL5533, .GRMENUCEL5544, .GRMENUCEL5555, .GRMENUCEL5566, .GRMENUCEL5577, .GRMENUCEL5588, .GRMENUCEL5599, .GRMENUCEL55DD, .GRMENUCEL6600, .GRMENUCEL6611, .GRMENUCEL6622, .GRMENUCEL6633, .GRMENUCEL6644, .GRMENUCEL6655, .GRMENUCEL7700, .GRMENUCEL7711, .GRMENUCEL7722, .GRMENUCEL7733, .GRMENUCEL7744, .GRMENUCEL7755, .GRMENUCEL8800, .GRMENUCEL8811, .GRMENUCEL8822, .GRMENUCEL8833, .GRMENUCEL8844, .GRMENUCEL8855, .GRMENUCEL9900, .GRMENUCEL9911, .GRMENUCEL9922, .GRMENUCEL9933, .GRMENUCEL9944, .GRMENUCEL9955, .GRMENUCELDD00, .GRMENUCELDD11, .GRMENUCELDD22, .GRMENUCELDD33, .GRMENUCELDD44, .GRMENUCELDD55 {
	padding: 0px;
	display: inline-table;
	float: left;
}
/* Parámetros especiales */
.GRMENUCEL0000 {width: 100%; margin: 0% 0% 0% 0%}
.GRMENUCEL0011 {width: 100%; margin: 1% 0% 1% 0%}
.GRMENUCEL0022 {width: 100%; margin: 2% 0% 2% 0%}
.GRMENUCEL0033 {width: 100%; margin: 3% 0% 3% 0%}
.GRMENUCEL0044 {width: 100%; margin: 4% 0% 4% 0%}
.GRMENUCEL0055 {width: 100%; margin: 5% 0% 5% 0%}
.GRMENUCEL1100 {width: 98%; margin: 0% 1% 0% 1%}
.GRMENUCEL1111 {width: 98%; margin: 1% 1% 1% 1%}
.GRMENUCEL1122 {width: 98%; margin: 2% 1% 2% 1%}
.GRMENUCEL1133 {width: 98%; margin: 3% 1% 3% 1%}
.GRMENUCEL1144 {width: 98%; margin: 4% 1% 4% 1%}
.GRMENUCEL1155 {width: 98%; margin: 5% 1% 5% 1%}
.GRMENUCEL2200 {width: 96%; margin: 0% 2% 0% 2%}
.GRMENUCEL2211 {width: 96%; margin: 1% 2% 1% 2%}
.GRMENUCEL2222 {width: 96%; margin: 2% 2% 2% 2%}
.GRMENUCEL2233 {width: 96%; margin: 3% 2% 3% 2%}
.GRMENUCEL2244 {width: 96%; margin: 4% 2% 4% 2%}
.GRMENUCEL2255 {width: 96%; margin: 5% 2% 5% 2%}
.GRMENUCEL3300 {width: 94%; margin: 0% 3% 0% 3%}
.GRMENUCEL3311 {width: 94%; margin: 1% 3% 1% 3%}
.GRMENUCEL3322 {width: 94%; margin: 2% 3% 2% 3%}
.GRMENUCEL3333 {width: 94%; margin: 3% 3% 3% 3%}
.GRMENUCEL3344 {width: 94%; margin: 4% 3% 4% 3%}
.GRMENUCEL3355 {width: 94%; margin: 5% 3% 5% 3%}
.GRMENUCEL4400 {width: 92%; margin: 0% 4% 0% 4%}
.GRMENUCEL4411 {width: 92%; margin: 1% 4% 1% 4%}
.GRMENUCEL4422 {width: 92%; margin: 2% 4% 2% 4%}
.GRMENUCEL4433 {width: 92%; margin: 3% 4% 3% 4%}
.GRMENUCEL4444 {width: 92%; margin: 4% 4% 4% 4%}
.GRMENUCEL4455 {width: 92%; margin: 5% 4% 5% 4%}
.GRMENUCEL5500 {width: 90%; margin: 0% 5% 0% 5%}
.GRMENUCEL5511 {width: 90%; margin: 1% 5% 1% 5%}
.GRMENUCEL5522 {width: 90%; margin: 2% 5% 2% 5%}
.GRMENUCEL5533 {width: 90%; margin: 3% 5% 3% 5%}
.GRMENUCEL5544 {width: 90%; margin: 4% 5% 4% 5%}
.GRMENUCEL5555 {width: 90%; margin: 5% 5% 5% 5%}
.GRMENUCEL5566 {width: 90%; margin: 6% 5% 6% 5%}
.GRMENUCEL5577 {width: 90%; margin: 7% 5% 7% 5%}
.GRMENUCEL5588 {width: 90%; margin: 8% 5% 8% 5%}
.GRMENUCEL5599 {width: 90%; margin: 9% 5% 9% 5%}
.GRMENUCEL55DD {width: 90%; margin: 10% 5% 10% 5%}
.GRMENUCEL6600 {width: 88%; margin: 0% 6% 0% 6%}
.GRMENUCEL6611 {width: 88%; margin: 1% 6% 1% 6%}
.GRMENUCEL6622 {width: 88%; margin: 2% 6% 2% 6%}
.GRMENUCEL6633 {width: 88%; margin: 3% 6% 3% 6%}
.GRMENUCEL6644 {width: 88%; margin: 4% 6% 4% 6%}
.GRMENUCEL6655 {width: 88%; margin: 5% 6% 5% 6%}
.GRMENUCEL7700 {width: 86%; margin: 0% 7% 0% 7%}
.GRMENUCEL7711 {width: 86%; margin: 1% 7% 1% 7%}
.GRMENUCEL7722 {width: 86%; margin: 2% 7% 2% 7%}
.GRMENUCEL7733 {width: 86%; margin: 3% 7% 3% 7%}
.GRMENUCEL7744 {width: 86%; margin: 4% 7% 4% 7%}
.GRMENUCEL7755 {width: 86%; margin: 5% 7% 5% 7%}
.GRMENUCEL8800 {width: 84%; margin: 0% 8% 0% 8%}
.GRMENUCEL8811 {width: 84%; margin: 1% 8% 1% 8%}
.GRMENUCEL8822 {width: 84%; margin: 2% 8% 2% 8%}
.GRMENUCEL8833 {width: 84%; margin: 3% 8% 3% 8%}
.GRMENUCEL8844 {width: 84%; margin: 4% 8% 4% 8%}
.GRMENUCEL8855 {width: 84%; margin: 5% 8% 5% 8%}
.GRMENUCEL9900 {width: 82%; margin: 0% 9% 0% 9%}
.GRMENUCEL9911 {width: 82%; margin: 1% 9% 1% 9%}
.GRMENUCEL9922 {width: 82%; margin: 2% 9% 2% 9%}
.GRMENUCEL9933 {width: 82%; margin: 3% 9% 3% 9%}
.GRMENUCEL9944 {width: 82%; margin: 4% 9% 4% 9%}
.GRMENUCEL9955 {width: 82%; margin: 5% 9% 5% 9%}
.GRMENUCELDD00 {width: 80%; margin: 0% 10% 0% 10%}
.GRMENUCELDD11 {width: 80%; margin: 1% 10% 1% 10%}
.GRMENUCELDD22 {width: 80%; margin: 2% 10% 2% 10%}
.GRMENUCELDD33 {width: 80%; margin: 3% 10% 3% 10%}
.GRMENUCELDD44 {width: 80%; margin: 4% 10% 4% 10%}
.GRMENUCELDD55 {width: 80%; margin: 5% 10% 5% 10%}
/*
/**********************************************************************************************/
/**********************************************************************************************/
/* MENU PARA MÓVILES (PRESENTACIÓN EN PANTALLA) ----------------------------------------------*/
/**********************************************************************************************/
/**********************************************************************************************/
/*División del menú */
#CELmenu {
	z-index: 10000;
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	overflow-y: auto;
	font-size: 14pt;
	font-weight: bold;
	background-color: black;
}
/* Botón de ir a la PORTADA ----------------------------------------------*/
ul.CELmenuportada, .CELmenuportadaMouseOver {
	width: 98%;
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	border: 2px white solid;
	box-shadow: 0px 0px 0px 0px white;
}
ul.CELmenuportada li {
	color: black;
	font-weight: bold;
	border: 0px white solid;
	display: block;
	padding: 0px;
	text-align: center;
	background-color:  gold;
	border-radius: 4px;
}
ul.CELmenuportada li a {
	display: block;
	/* Altura del enlace en el botón */
	padding: 13px 0px 13px 0px;
	text-align: center;
	background-color: gold;
	color: black;
	box-shadow: 0px 0px 10px 2px white;
	border-radius: 4px;
}
ul.CELmenuportada li a:hover {
	background-color: white; /*<<--- Color diferenciador de fondo ---*/;
	/* Altura del enlace en el botón */
	padding: 13px 0px 13px 0px;
	color: black;
	box-shadow: 0px 0px 20px 1px black;
}
/* Botón de Cerrar menú o formulario superpuesto (Nunca lleva enlace) ----*/
ul.CELmenuCerrar {
	width: 98%;
	display: block;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	border: 2px white solid;
	box-shadow: 0px 0px 0px 0px white;
}
ul.CELmenuCerrar li {
	color: white;
	font-weight: bold;
	border: 0px white solid;
	display: block;
	padding: 0px;
	text-align: center;
	background-color: #59863C;
	border-radius: 4px;
}
ul.CELmenuCerrar li a {
	display: block;
	padding: 13px 0px 13px 0px;
	text-align: center;
	background-color: #59863C;
	color: white;
	box-shadow: 0px 0px 10px 2px white;
	border-radius: 4px;
}
ul.CELmenuCerrar li a:hover {
	background-color: white;
	/* Altura del enlace en el botón */
	padding: 13px 0px 13px 0px;
	color: black;
	box-shadow: 0px 0px 10px 2px white;
}
/* Botones de ENLACES GENÉRICOS Guss ------------------------------------*/
ul.CELmenuEnlaces {
	display: block;
	text-align: center;
	color: black;
	cursor: pointer;
}
ul.CELmenuEnlaces li a {
	width: auto;
	display: block;
	margin: 0px /* Separación entre botones */;
	padding: 0px 0px 0px 0px /* Margen interno botón */;
	color:  lightblue;
	text-decoration: none;
	text-align: center /*Alínea permanentemente con o sin clic*/;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 12pt;
	background-color: dimgrey;
	border-radius: 0px;
	border-width: 0px;
	border-color: white;
	border-style: solid;
}
ul.CELmenuEnlaces li a:hover {
	color: white;
	background-color:  cornflowerblue;
	background-image: none;
	border-width: 0px;
	border-color: white;
	box-shadow: 1px 1px 4px 4px white;
}
/*---------------------------------------------------------------------*/
/* Botones del Menú ---------------------------------------------------*/
/* (Contenedor) ---------------------------------------------*/
ul.CELmenu {
	width: 98%;
	display: block;
	margin: 10px 1% 0px 1%;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
	border: 0px black solid;
	border-radius: 8px;
}
/*---------------------------------------------------------------------*/
/* Botones del Menú ---------------------------------------------------*/
/* (Categoría Temas) ----------------------------------------------*/
li.CELmenuTEMA {
	display: block;
	color: blue;
	background-color: darkgreen;/*<<--- Color diferenciador de fondo ---*/;
	margin: 10px 10px 10px 10px;
	border: 2px white solid;
	border-radius: 8px;
	box-shadow: 0px 0px 20px 1px white;
}
li.CELmenuTEMA a {
	/* Altura del enlace en el botón */
	display: block;
	padding: 13px 0px 13px 0px;
	color: white;
	background-color: #59863C;/*<<--- Color diferenciador de fondo ---*/;
	text-align: center;
	border-radius: 4px;
}
li.CELmenuTEMA a:hover {
	color: black;
	background-color: white;/*<<--- Color diferenciador de fondo ---*/;
	box-shadow: 0px 0px 20px 1px black;
}
/*---------------------------------------------------------------------*/
/* Botones del Menú ---------------------------------------------------*/
/* (Categoría Adicional) ----------------------------------------------*/
li.CELmenu_CAT-ADIC {
	display: block;
	margin: 10px 10px 10px 10px;
	color: white;
	background-color: chocolate;/*<<--- Color diferenciador de fondo ---*/;
	border: 2px white solid;
	border-radius: 8px;
	box-shadow: 0px 0px 20px 1px white;
}
li.CELmenu_CAT-ADIC a {
	/* Altura del enlace en el botón */
	display: block;
	padding: 13px 0px 13px 0px;
	color: white;
	background-color: chocolate;/*<<--- Color diferenciador de fondo ---*/;
	text-align: center;
	border-radius: 4px;
}
li.CELmenu_CAT-ADIC a:hover {
	color: black;
	background-color: white;/*<<--- Color diferenciador de fondo ---*/;
	box-shadow: 0px 0px 20px 1px black;
}
/* (Categoría Adicional-Sub) ----------------------------------------------*/
li.CELmenu_CAT-ADICsub {
	display: block;
	margin: 10px 10px 5px 10px;
	color: black;
	font-style: normal;
	font-weight:lighter;
	background-color: gold;/*<<--- Color diferenciador de fondo ---*/;
	border: 2px white solid;
	border-radius: 8px;
	box-shadow: 0px 0px 20px 1px white;
}
li.CELmenu_CAT-ADICsub a {
	/* Altura del enlace en el botón */
	display: block;
	padding: 13px 0px 13px 0px;
	color: black;
	font-style: normal;
	font-weight: lighter;
	background-color: gold;/*<<--- Color diferenciador de fondo ---*/;
	text-align: center;
	border-radius: 4px;
}
li.CELmenu_CAT-ADICsub a:hover {
	font-style: normal;
	font-weight: lighter;
	color: black;
	background-color: white;/*<<--- Color diferenciador de fondo ---*/;
	box-shadow: 0px 0px 20px 1px black;
}
/*---------------------------------------------------------------------*/
/* Botones del Menú ---------------------------------------------------*/
/* (Categoría Empresa) ------------------------------------------------*/
li.CELmenu_CAT-EMPR {
	display: block;
	margin: 10px 10px 10px 10px;
	color: white;
	background-color: darkgoldenrod;/*<<--- Color diferenciador de fondo ---*/;
	border: 2px white solid;
	border-radius: 8px;
	box-shadow: 0px 0px 20px 1px white;
}
li.CELmenu_CAT-EMPR a {
	/* Altura del enlace en el botón */
	display: block;
	padding: 13px 0px 13px 0px;
	text-align: center;
	color: white;
	background-color: darkgoldenrod;/*<<--- Color diferenciador de fondo ---*/;
	border-radius: 4px;
}
li.CELmenu_CAT-EMPR a:hover {
	color: black;
	background-color: white;/*<<--- Color diferenciador de fondo ---*/;
	box-shadow: 0px 0px 20px 1px black;
}
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/* MEDIA 
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/*
/* BOTÓN DE APARICIÓN DE MENÚ
/* RES 0 a 4 INCLUSIVE */
@media screen and (min-width: 761px) and (max-width: 3800px){
#BARRANAV {display: block}
#BOTON_MENU-CELULARES {display: none}
}
/*
/* BOTÓN DE APARICIÓN DE MENÚ
/* RES 0 a 4 INCLUSIVE (EXCEPCIÓN) */
@media screen and (min-width: 761px) and (max-width: 3800px) and (max-height: 500px) {
#BARRANAV {display: none}
#BOTON_MENU-CELULARES {display: block}
}
/*
/* BOTÓN DE APARICIÓN DE MENÚ Y MENÚ EN PANTALLA (GRILLAS)
/* RES 5 a 9 INCLUSIVE */
@media screen and (max-width: 760px){
#BARRANAV {display: none}
#BOTON_MENU-CELULARES {display: block}
.GRMENUCEL2200 .COLm1i4 {width: 48.5%}
.GRMENUCEL2200 .COLm1i4:nth-child(3) {clear: left}
}
/*
/* MENÚ EN PANTALLA (GRILLAS)
/* RES 6 a 9) */
@media screen and (max-width: 480px){
/* MENÚ CEL -------------------------*/
.GRMENUCEL2200 .COLm1i2 {width: 98%}
.GRMENUCEL2200 .COLm1i4 {width: 98%; padding-bottom: 15px}
}
/*
/*
/*
/**********************************************************************************************/
/**********************************************************************************************/
/* BLOQUES DE SUBMENÚES (MEDIA)
/* (ANCHOS Y POSICIÓN)
/**********************************************************************************************/
/**********************************************************************************************/
/* RES 0 */
@media screen and (min-width: 1681px) and (max-width: 3800px) and (min-height: 501px) {
/*#SUBNAVLIST {width: 90%; left: 5%}
*/}

/* RES 1 */
@media screen and (min-width: 1281px) and (max-width: 1680px) {
/*#SUBNAVLIST {width: 90%; left: 5%}
*/}

/* RES 2 */
@media screen and (min-width: 1153px) and (max-width: 1280px) {
/*#SUBNAVLIST {width: 90%; left: 5%}
*/}

/* RES 3 */
@media screen and (min-width: 961px) and (max-width: 1152px) {
/*#SUBNAVLIST {width: 90%; left: 5%}
*/}

/* RES 4 */
@media screen and (min-width: 761px) and (max-width: 960px) {
/*#SUBNAVLIST {width: 90%; left: 5%}
*/}

/* RES 5 */
@media screen and (min-width: 601px) and (max-width: 760px) {
/*#SUBNAVLIST {width: 90%; left: 5%}
*/}

/*
/* BLOQUES DE SUBMENÚES (MEDIA)
/*(ALTURAS)
/**************************************************************/
/*@media screen and (min-height: 500px)  and (max-height: 599px) {
#SUBNAVLIST {max-height: 400px}
}
@media screen and (min-height: 600px) and (max-height: 699px) {
#SUBNAVLIST {max-height: 500px}
}
@media screen and (min-height: 700px) and (max-height: 799px) {
#SUBNAVLIST {max-height: 600px}
}
@media screen and (min-height: 800px) and (max-height: 899px) {
#SUBNAVLIST {max-height: 700px}
}
@media screen and (min-height: 900px) and (max-height: 999px) {
#SUBNAVLIST {max-height: 800px}
}
@media screen and (min-height: 1000px) and (max-height: 1099px) {
#SUBNAVLIST {max-height: 900px}
}
@media screen and (min-height: 1100px) and (max-height: 1199px) {
#SUBNAVLIST {max-height: 1000px}
}
@media screen and (min-height: 1200px) and (max-height: 1299px) {
#SUBNAVLIST {max-height: 1100px}
}
@media screen and (min-height: 1300px) and (max-height: 1399px) {
#SUBNAVLIST {max-height: 1200px}
}
@media screen and (min-height: 1400px) and (max-height: 1499px) {
#SUBNAVLIST {max-height: 1300px}
}
@media screen and (min-height: 1500px) and (max-height: 1599px) {
#SUBNAVLIST {max-height: 1400px}
}
@media screen and (min-height: 1600px) and (max-height: 1699px) {
#SUBNAVLIST {max-height: 1500px}
}
@media screen and (min-height: 1700px) and (max-height: 1799px) {
#SUBNAVLIST {max-height: 1600px}
}
@media screen and (min-height: 1800px) and (max-height: 1899px) {
#SUBNAVLIST {max-height: 1700px}
}
@media screen and (min-height: 1900px) and (max-height: 1999px) {
#SUBNAVLIST {max-height: 1800px}
}
@media screen and (min-height: 2000px) and (max-height: 2099px) {
#SUBNAVLIST {max-height: 1900px}
}
*/