/***************************** Variables */
:root {
	--color-white:
		rgb(255, 255, 255);
	--color-white2:
		rgb(245, 245, 245);
	--color-green:
		rgb(22, 82, 9);
	--color-grey:
		rgb(232, 232, 255);
	--color-grey-dark:
		rgb(98, 108, 98);
	--color-grey-dark2:
		rgb(64, 64, 64);
	--color-green:
		rgb(90, 171, 255);
	--color-yellow:
		rgb(255, 210, 0);
	--color-black:
		rgb(0, 0, 0);
}


/***************************** Menus hamburguesas */
.madHamburguer {
	background-color: transparent;
	font-weight: bold;
	min-width: 0 !important;
	font-size: 1.25em;
	width: 2.5em;
	height: 2.5em;
	border-radius: 0;
	color: var(--color-white);
	border: 1px solid var(--color-grey);
	background-color: transparent;
	margin: 0.75rem;
	padding: 0px;
	font-size: 1rem;
	cursor: pointer;
}

.madHamburguer[aria-expanded="false"]~ul {
	display: none;
}

.madHamburguer[aria-expanded="true"]~ul {
	display: block;
}

.madHamburguer:hover,
.madHamburguer:focus {
	color: var(--color-grey-dark2) !important;
	background-color: var(--color-grey);
	transition: all 0.3s ease-in;
}

#madHamburguernav2 {
	border: 1px solid var(--color-grey-dark2);
	color: var(--color-grey-dark2);
}


/* ===================================== madMenu1 (Menú Principal) ================================ */
/* Menú Principal */
#nav1 {
	padding: 4px 10px;
	/* Theme */
	color: rgb(255, 255, 255);
	background-color: rgb(0, 83, 126);
	margin-bottom: 7px
}


/* Hamburguer-Button */
#nav1 #hamburguer_button1 {
	/* Theme */
	color: rgb(255, 255, 255);
}


/* ul */
/* Común */
#nav1 ul {
	list-style: none;
}


/* a */
/* Común */
#nav1 ul li a {
	display: block;
	/* 100% en Smartphone */
	padding: 4px 10px;
	/* Theme */
	color: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(128, 128, 128);
}

#nav1>ul>li:last-child>a {
	cursor: pointer;
	border-bottom: none !important;
}

/* Hover */
#nav1 ul li a:hover {
	/* Theme */
	color: rgb(0, 0, 0);
	background-color: rgb(255, 210, 0);
}

/* Página actual */
#nav1 ul li a[aria-current] {
	/* Theme */
	color: rgb(0, 0, 0);
	background-color: rgb(255, 210, 0);
}

/* Ancestros de la página actual */
#nav1 ul li a.madAncestro {
	/* Theme */
}

/* Padre de la página actual */
#nav1 ul li a.madRoot {
	/* Theme */
}

/* Foco */
#nav1 ul li a:focus {
	/* Theme */
}





/* ============================================ 6.1.Current Nav ========================================== */


#nav2 #divProgramasFondo ul {
	list-style-image: none;
	padding-left: 0px;
	padding-right: 25px;
	margin-top: 5px
}

#nav2 #divSubmenuFondo ul {
	list-style-image: none;
	padding-left: 0px;
	padding-right: 10px;
	margin-top: 5px
}

#nav2 ul {
	font-size: 1em;
	line-height: 100%;
	list-style-type: none;
	margin: 0 14px 12px 14px;
	text-align: left;
	width: 100%;
	float: left
}

#nav2 ul li.miPrimero {
	padding-top: 0
}

#nav2 ul li {
	border-bottom: 1px solid rgb(154, 170, 193);
	padding-bottom: 7px;
	padding-top: 7px;
	width: 100%;
	float: left
}

#nav2 div ul li a {
	color: rgb(64, 64, 64);
	display: block;
}

.miSeleccionado>a {
	background-image: url("FondoMenuSeleccion.png");
	color: rgb(32, 32, 32) !important;
	font-size: 1em;
	font-weight: bold;
	margin: -8px -8px 0 0;
	padding: 12px 8px 8px 0;
}


/* Tablet */
@media only screen and (min-width: 992px) {

	/* hamburguer */
	.madHamburguer {
		display: none;
	}

	.madHamburguer[aria-expanded="false"]~ul,
	.madHamburguer[aria-expanded="true"]~ul {
		display: flex;
	}


	/* == Hamburguer-Button == */
	#nav1 .hamburguer_button {
		display: none;
	}

	#nav1 .hamburguer_button[aria-expanded=false]~ul {}

	#nav1 ul {

		margin: 0 auto;
		display: table;
	}


	/* == madMenu1 == */
	#nav1 {
		overflow: auto;
		/* Theme */
		font-size: 0.9em;
		padding: 1px 10px;
	}

	/* li */
	#nav1>ul>li {
		float: left;
		/* Presentación horizontal de los primeros elementos */

		display: flex;
	}

	/* a */
	#nav1>ul>li>a {
		border-bottom: none !important;
		padding: 0 15px;
		text-transform: uppercase
	}

	/* == madIdReg == */
	#madIdReg {
		font-size: 0.9em;
		/*color:rgb(255, 255, 255);
                               background-color:rgb(0,114,198);
                               padding:1px 10px;*/
		position: absolute;
		right: 0px;
		top: 0px;
	}

	#madIdReg ul {
		/*list-style:none;*/
	}

	#madIdReg ul li {
		display: inline-block;
	}

	#madIdReg ul li a {
		/*width:100%;
                               display:inline-block;
                               color:inherit;
                               padding:5px 10px;
                               border-top:1px solid rgb(128,128,128);*/
		width: auto;
		border-top: none;
	}

	#madIdReg ul li a:hover {
		/*color:rgb(0,0,0);
                               background-color:rgb(255,210,0);*/
	}

	#madIdReg ul li:last-child a {
		/*border-bottom:none !important;*/
	}


	/* == madMenuIzquierdo == */
	/* Nav: Centrar */
	#nav2 {
		/* Centra el menú */
		padding-right: 15px;


	}

	#nav2>ul {
		display: inline-block;
		width: 100%;
		z-index: 1;
		/* Para evitar que se superponga al menú de configuración */
	}

	/* == madMenuHorizontal == */

	/* Fon-Size */
	#nav2 ul a {
		font-size: 0.9em;
	}

	/* 100/n = anchura menú items  */
	#nav2>ul>li {
		width: auto;
	}

	/* Altura menú items */
	#nav2>ul>li>a {
		min-height: 0;
		/* Altura */
		white-space: normal;
		border-right: 2px solid rgb(255, 255, 255);
		border-bottom: none;
	}

	#nav2>ul>li:last-child>a,
	#nav2>ul>li:nth-child(6)>a {
		border-right: none;
	}

	/* Submenus */
	#nav2 ul ul {
		width: 100% !important;
		/* Anchura */
		min-width: 0 !important;
		max-width: none !important;
		border: 1px solid rgb(228, 228, 228);
		box-shadow: 2px 2px 3px rgba(128, 128, 128, 0.6);
		padding: 0px 0px 10px 12px;
	}

	/* White-Space Submenus */
	#nav2 ul ul a {
		white-space: normal;
	}

	/* No pintar el borde inferior de el último Subitem */
	#nav2 ul ul>li:last-child>a {
		border: none;
	}

}