@media screen and (min-width: 1300px){

	/* ------------ VARIABLES ---------- */	
	.nav {

		--c-texto-nav-2:   		#1C2531;
		--c-texto-hov-2:   		#CCFCED;
		--c-texto-nav-3:   		#1C2531;
		--c-texto-hov-3:   		#CCFCED;

		--c-fondo-nav-2:   		#F3F3F3;
		--c-fondo-hov-2:   		#E9E7E7;
		--c-fondo-nav-3:   		#F3F3F3;
		--c-fondo-hov-3:   		#E9E7E7;

		--borde-nav:  			1px solid #9F9F9F;
	}



	/*--------------------Para evitar estilos del menu responsive--------------------*/
	.dl-submenu {
		display: none;		/*Para evitar que el body crezca al dar click sobre los items*/
	}	
	.dl-trigger {
		display: none;
	}
	.dl-back {
		display: none !important;
	}
	/*--------------------Generales--------------------*/
	div.re-content {	/*div que contiene el menu ul.re-ul-principal*/
		width: 100%;
		max-width: 100%;	/*1001*/
		height: 30px;
		margin: 0 auto 0 auto;
		color: inherit;
	}
	ul.re-ul-principal {
		margin: 0;
		font-weight: 500;
		text-align: left;
		text-transform: normal;
	}	
	ul.re-ul-principal .active {	/* aquí se configura la opcion activa */
		p {
			/*color: black;*/  /* no funciona */
		}
	}
	ul.re-ul-principal li a {	/*Todas las anclas del menu */
		position: relative;
		min-height: 30px;
		overflow: hidden;
		display: block;
		line-height: 30px;
		cursor: pointer;
	}
	ul.re-ul-principal li div {
		position: relative;
		display: table;
		width: 100%;
		*width:;/*Hack para ie7 porque hace spacing entre las celdas*/
	}
	ul.re-ul-principal li div p {
		height: 30px;
		display: table-cell;
		vertical-align: middle;
		padding: 0 0 0 30px;
		line-height: 13pt;
		/* text-transform: uppercase; */
		letter-spacing: .5px;
	}
	ul.re-ul-principal li div p:hover { /* aquí se configura el hover */
		text-decoration: underline;
		text-decoration-color: var(--c-texto-hov-2);
		text-decoration-thickness: 8px;
		text-underline-offset: 2px;
	}
	/*--------------------Ocultar Mostrar Subniveles--------------------*/
	ul.re-ul-principal li > ul {/* submenu 1er nivel*/
		display: block;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
	}
	ul.re-ul-principal li:hover > ul {
		display: block;
		max-height: auto;
		opacity: 1;
		overflow: visible;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	ul.re-ul-principal li ul li > ul {
		overflow: hidden;
	}
	ul.re-ul-principal li ul li:hover > ul {
		display: block;
		max-height: auto;
		overflow: visible;
	}
	/*--------------------1º nivel--------------------*/
	ul.re-ul-principal li {			/*li 1º nivel*/
		width: auto;
		position: relative;	/*Para evitar que se despliegue al ancho de toda la pantalla*/
		display: inline-block;
		*display: inline;
		vertical-align: top;
		zoom: 1;
		margin-left: -.225em;
	}
	ul.re-ul-principal li::has(> ul)::after {   /* opciones de menú principal que tienen submenu */
/*		content: "**";
		margin-left: 5px;
*/	}
	ul.re-ul-principal li.re-oculto {
		display: none;		
	}	
	ul.re-ul-principal li a div {
		padding: 10px 0;
		
	}
	ul.re-ul-principal li a div {
		padding: 10px 0;		
	}

	/*--------------------2º nivel--------------------*/
	ul.re-ul-principal li ul {		/*ul del 2º nivel*/
		display: flex;
/*		width: 150%;*/  /* % sobre el ancho del texto de la opcion de menu */
		width: 250px;
		position: absolute;
		top: 50px;
		left: -10%;
		font-weight: 400;
		text-transform: none;
		text-align: center;
		background-color: #f3f3f3; /* al parecer, no se muestra */

	}
	ul.re-ul-principal li ul li {
		width: 100%;
		margin-left: 0;
		background-color: #f3f3f3; /* al parecer, no se muestra */
		border-bottom: var(--borde-nav);
		text-align: left;
	}	

	ul.re-ul-principal li ul li a {  /*anclas de 2º nivel cuando están desplegadas*/
		border-right: none;
		border-bottom: none;
		background-color: var(--c-fondo-nav-2);

	}	
	ul.re-ul-principal li ul li a:hover {	/*anclas hover 2º nivel*/
		background: var(--c-fondo-hov-2);
	}
	ul.re-ul-principal li ul li a p {
		padding: 0 .5em;

	}

	ul.re-ul-principal li ul li a p{  /*anclas de 2º nivel cuando están desplegadas*/
		color: var(--c-texto-nav-2);
	}

	ul.re-ul-principal li ul li a p:hover{  /*anclas de 2º nivel cuando están desplegadas*/
		color: var(--c-texto-hov-2);;
	}

/*	ul.re-ul-principal li ul li a div:before {
		display: none;
	}
*/	/*------------------------3º nivel------------------------*/
	ul.re-ul-principal li ul ul {	/*ul 3º nivel, controla la posición*/
		position: absolute;
		width: 100%;
		left: 100%;
		top: 0;
	}
	ul.re-ul-principal li ul li ul li a {	/*anclas 3º nivel*/	
		background-color: var(--c-fondo-nav-3);
	}

	ul.re-ul-principal li ul li ul li a:hover {	/*anclas de 3º nivel*/
		background-color: var(--c-fondo-hov-3);
	}
	ul.re-ul-principal li ul li ul li a p{	/*anclas 3º nivel*/	
		color: var(--c-texto-nav-3);;
	}

	ul.re-ul-principal li ul li ul li a p:hover {	/*anclas de 3º nivel*/
		color: var(--c-texto-hov-3);;
	}
}