@media screen and (min-width: 769px){
	/*--------------------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: 60px;
		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: 40px;
		overflow: hidden;
		display: block;
		line-height: 40px;
		color: #2e2d2f;
		cursor: pointer;
	}
	ul.re-ul-principal li div{
		display: table;
		width: 100%;
		*width:;/*Hack para ie7 porque hace spacing entre las celdas*/
	}
	ul.re-ul-principal li div p{
		height: 60px;
		display: table-cell;
		vertical-align: middle;
		padding: 0 10px;
		line-height: 13pt;
		color: white;
	}

	/*--------------------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: 14.28%;
		position: relative;/*Para evitar que se despliegue al ancho de toda la pantalla*/
		display: inline-block;
		vertical-align: top;
		text-align: center;
		zoom: 1;
		margin-left: -.225em;
	}
	@media only screen and (min-width: 769px){
		ul.re-ul-principal li{/*li 1º nivel*/
			width: 14.11%;
			font-size: .6rem;
		}
	}
	@media only screen and (min-width: 1024px){
		ul.re-ul-principal li{/*li 1º nivel*/
			width: 14.22%;
			font-size: .8rem;
		}
	}
	@media only screen and (min-width: 1280px){
		ul.re-ul-principal li{/*li 1º nivel*/
			width: 14.28%;
			font-size: 1rem;
		}
	}
	ul.re-ul-principal li a:before{
		position: absolute;
		z-index: -1;
		top: 100%;
		left: 1px;
		right: 0;
		bottom: 0;
		background: black;
		content: "";
		-webkit-transition: top .1s ease-out;
		-moz-transition: top .1s ease-out;
		-ms-transition: top .1s ease-out;
		-o-transition: top .1s ease-out;
		transition: top .1s ease-out;
	}
	ul.re-ul-principal li a:hover:before, ul.re-ul-principal li a:focus:before{
		top: 0;
	}
	ul.re-ul-principal > li:first-child:before{
		width: 1px;
		height: 15px;
		position: absolute;
		top: 50%;
		left: 3px;
		border-left: 1px solid white;
		margin-top: -5px;
		content: '';
	}
	ul.re-ul-principal > li:after{
		width: 1px;
		height: 15px;
		position: absolute;
		top: 50%;
		right: 0;
		border-left: 1px solid white;
		margin-top: -5px;
		content: '';
	}
	/*------------------------2º nivel------------------------*/
	ul.re-ul-principal li ul{/*ul del 2º nivel*/
		width: 100%;
		position: absolute;
		top: 60px;
		left: 0%;
		font-weight: 500;
		text-transform: none;
		text-align: center;
		z-index: 10;
	}
	ul.re-ul-principal li ul:before{
		content: '';
		position: absolute;
		top: -5px;
		left: 50%;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #000000;
	}
	ul.re-ul-principal li ul li{
		width: 100%;
		border-bottom: 1px solid white;
		margin-left: 0;
		overflow: hidden;
	}
	ul.re-ul-principal li ul li:first-child + li{
		border-radius: 7px 7px 0 0;
	}
	ul.re-ul-principal li ul li:last-child{
		border-bottom: none;
		border-radius: 0 0 7px 7px;
	}
	ul.re-ul-principal li ul li a{/*anclas de 2º nivel cuando están desplegadas*/
		border-right: none;
		border-bottom: none;
		background: #000000;
		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		-ms-transition: background .5s;
		-o-transition: background .5s;
		transition: background .5s;
	}	
	ul.re-ul-principal li ul li a:hover{/*anclas hover 2º nivel*/
		color: white;
		background: #f20d14;
	}
	ul.re-ul-principal li ul li a p{
		padding: 0 .5em;
	}
}