@media screen and (min-width: 1024px){
	/*--------------------Iván Luna [Re]--------------------*/
	/*--------------------Para evitar estilos del menu responsive--------------------*/
	/* ----- este es el color que se reemplaza  #D36614D36614 -----------------------------*/

	.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;
	}
	ul.re-ul-principal{
		margin: 0;
		font-weight: 500;
		text-align: left;
		text-transform: normal;
	}	
	ul.re-ul-principal li a{/*Todas las anclas dentro del div.re*/
		min-height: 30px;
		overflow: hidden;
		display: block;
		line-height: 30px;
		color: #2e2d2f;
		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 20px;
		line-height: 13pt;
		text-transform: uppercase; 
		letter-spacing: .5px;
	}
	ul.re-ul-principal li div p:hover{
		color: #D36614;
	}
	ul.re-ul-principal .active {
		p{
			color: #D36614;
		}
	}
	/*--------------------Ocultar Mostrar Subniveles--------------------*/
	ul.re-ul-principal li > ul{
		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.re-oculto{
		display: none;		
	}	
	ul.re-ul-principal li a div{
		padding: 10px 0;
		
	}
	/* ul.re-ul-principal li a div:before{Efecto hover primer nivel */
		/* content:"";
		position: absolute;
		width: 0;
		height: 3px;
		top: 0;
		left: 0;
		-webkit-transition: all 0.2s;
		transition: all 0.2s; */
	/* } */
	ul.re-ul-principal li a:hover div:before, ul.re-ul-principal li .active div:before{/*Efecto hover primer nivel*/
		width: 100%;
	}
	/*--------------------2º nivel--------------------*/
	ul.re-ul-principal li ul{/*ul del 2º nivel*/
		border-top: 5px solid #FF7F00;
		display: flex;
		width: 200%;
		position: absolute;
		top: 40px;
		left: -10%;
		font-weight: 400;
		text-transform: none;
		text-align: center;
		background-color: #F6F6F6;

	}
	/* ul.re-ul-principal li ul::-webkit-scrollbar{
		width: 10px;
		
	}
	ul.re-ul-principal li ul::-webkit-scrollbar-thumb{
		width: 8px;
		border-radius: 5px;
		background-color: #F6F6F6;		
	} */
	ul.re-ul-principal li ul li{
		width: 100%;
		margin-left: 0;
		background-color: #F6F6F6;	
		border-bottom: 1px dashed #DCD8D9;  
		text-align: left;
		padding-left: 15px;
	}	

	}
	ul.re-ul-principal li ul li a{/*anclas de 2º nivel cuando están desplegadas*/
		color: black !important;
		border-right: none;
		background: rgba(255,255,255,1);
		border-bottom: none;
		background-color: #F6F6F6;

	}	
	ul.re-ul-principal li ul li a div:hover{/*anclas hover 2º nivel*/
		color: white !important;
		//background: #F6F6F6;
	}
	ul.re-ul-principal li ul li a p{
		padding: 0 .5em;

	}
	ul.re-ul-principal li ul li a div:before{
		display: none;
	}
}