@media screen and (min-width: 1024px){
	/*--------------------Iván Luna [Re]--------------------*/
	/*--------------------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;
	}
	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 25px;
		line-height: 13pt;
		text-transform: uppercase;
		letter-spacing: .5px;
	}
	/*--------------------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{
		padding: 10px 0;
		transition: all .5s ease;
	}

	/*Efecto hover primer nivel*/
	/* ul.re-ul-principal li a div:before{
		content:"";
		position: absolute;
		width: 0;
		height: 3px;
		background-color: white;
		top: 0;
		left: 0;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	} */
	/*Efecto hover primer nivel*/
	/* ul.re-ul-principal li a:hover div:before{
		width: 100%;
	} */
	
	ul.re-ul-principal li a:hover, ul.re-ul-principal li .active{
		background-image: linear-gradient(to left bottom, #db313a, #d93b84, #b162be, #6c82da, #0096d4);
		color:white !important;
	}
	/*--------------------2º nivel--------------------*/
	ul.re-ul-principal li ul{/*ul del 2º nivel*/
		width: 120%;
		position: absolute;
		top: 50px;
		left: 0;
		font-weight: 400;
		text-transform: none;
		text-align: left;
	}
	ul.re-ul-principal li ul li{
		width: 100%;
		margin-left: 0;
		background: #f4f4f4;
	}
	ul.re-ul-principal li ul li a{/*anclas de 2º nivel cuando están desplegadas*/
		color: black !important;
		border-right: none;		
		border-bottom: none;
		padding: 5px 0;
		transition: all .5s ease;
		/* border: .5px solid rgba(40, 129, 227,.15) */
	}	
	ul.re-ul-principal li ul li:hover{/*anclas hover 2º nivel*/
		color: white !important;
		background: #0096D4	;
	}
	ul.re-ul-principal li ul li a:hover{/*anclas hover 2º nivel*/
		color: white !important;
		background: rgba(0, 0, 0, 0)	;
	}
	ul.re-ul-principal li ul li a p{
		padding: 0 .5em;

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

ul.dl-menuopen li .active{
	color:#DB313A !important;
}