/*#nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}*/
#nav {
	position: relative;
}
/************** ALL LEVELS  *************/

#nav li.over {
	z-index: 999;
}
#nav a, #nav a:hover,
#nav a:active, #nav a:focus {
	display: block;
	text-decoration: none;
}
#nav span {
	display: block;
	cursor: pointer;
	white-space: nowrap;
}
#nav li ul span {
	white-space: normal;
	padding: 0;
}

/************ 0 LEVEL  ***************/
#nav > li {
	float: left;
	/*
	position: relative;
	border-top: 5px solid transparent;
	margin-right: 5px;
	*/
}
#nav > li:hover,
#nav > li.active{
	/*background: #B8B8B8;*/
	border-top: none !important;
}

#nav > li > a {
	position: relative;
	margin: 0;
	line-height: 100%;
	text-transform:uppercase;	
	/*
	border: 1px solid #B8B8B8;
	border-bottom: none;
	*/
	border: none;
	font-size: 150%;
	/* padding: 14px 20px;	*/
	/* background-color: #fff; */

	color: #FFF;
	font-family: Montserrat;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	
	padding-bottom: 18px;
}
#nav > li + li > a{
	padding-left: 29px;
}
#nav > li + li > a:before{
	content: '';
    position: absolute;
    left: 14px;
    top: 0;
    width: 1px;
    height: 23px;
    border-left: 1px solid #72717c;
}
#nav > li.over > a,
#nav > li.active.over > a,
#nav > li.active > a{
	color: #fff;
}
#nav > li > a:hover{
	color: #ea6a05;
}
#nav > li:last-child > a{
	color: #ea6a05;
}
#nav > li:last-child:hover > a{
    background: none !important;
    border: none !important;
	border-left: 1px solid #72717c !important;
}
#nav > li:last-child > a:hover{
	color: #FFF;
}

/************ 2ND LEVEL ************/
#nav > li.parent > ul{
	position: absolute;
	width: 100%;
	padding: 25px 49px 100px 10px;
	top: 0px;
	left: -10000px;
	margin: 0;
	z-index:200;
	background: #FFF;
}
#nav > li.parent > ul > li.sub-categories > ul{
	-webkit-column-count: 4; /* Chrome, Safari, Opera */ 
	-moz-column-count: 4; /* Firefox */ 
	column-count: 4;
	
	
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	
	color: #ededee !important;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
	
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
}
#nav > li > ul.have-promo{
	padding-right: 470px;
}
@media (min-width: 1200px) {
	.yt-header-under:not(.fixed) #nav > li + li > a{
		padding-left: 40px;
	}
	.yt-header-under:not(.fixed) #nav > li + li > a:before{
		left: 20px;
	}
	#nav > li > ul.category-node-3 > li.sub-categories > ul{
		height: 436px;
	}
	#nav > li > ul.category-node-4 > li.sub-categories > ul{
		height: 376px;
	}
	#nav > li > ul.category-node-14 > li.sub-categories > ul{
		height: 352px;
	}
	#nav > li > ul.category-node-16 > li.sub-categories > ul{
		height: 265px;
	}
	#nav > li > ul.category-node-91 > li.sub-categories > ul{
		height: 326px;
	}
	#nav > li > ul.category-node-15 > li.sub-categories > ul{
		height: 330px;
	}
	#nav > li > ul.category-node-142 > li.sub-categories > ul{
		height: 325px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.yt-header-under.fixed #nav > li + li > a{
		padding-left: 19px;
	}
	.yt-header-under.fixed #nav > li + li > a:before{
		left: 9.5px;
	}
	#nav > li > ul.category-node-3 > li.sub-categories > ul{
		height: 510px;
	}
	#nav > li > ul.category-node-4 > li.sub-categories > ul{
		height: 474px;
	}
	#nav > li > ul.category-node-14 > li.sub-categories > ul{
		height: 443px;
	}
	#nav > li > ul.category-node-16 > li.sub-categories > ul{
		height: 374px;
	}
	#nav > li > ul.category-node-91 > li.sub-categories > ul{
		height: 457px;
	}
	#nav > li > ul.category-node-15 > li.sub-categories > ul{
		height: 275px;
	}
	#nav > li > ul.category-node-142 > li.sub-categories > ul{
		height: 305px;
	}
}
#nav > li > ul.have-promo > li.sub-categories > ul{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */ 
	-moz-column-count: 3; /* Firefox */ 
	column-count: 3;
	
    column-fill: auto;
    -moz-column-fill: auto;
    -webkit-column-fill: auto;
}
#nav > li.over-active > ul.category_small{
    max-width: 800px;
    right: 0;
    left: auto;
}
#nav > li > ul.category_small > li.sub-categories > ul{
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	min-height: 250px;
}
#nav > li > ul > li{
	padding: 7px 20px 7px 26px;
    margin: 0;
	/*
    float: left;
    width: 25%;
	*/
}
/*
#nav > li > ul.have-promo > li{
    width: 33.3%;
}
*/
#nav > li > ul > li.sub-categories > ul > li{
	padding: 0 0 10px;
}
#nav > li > ul > li.sub-categories > ul > li > a{
	text-transform:	uppercase;
	color: #ea6a05;
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
}
#nav > li.parent > ul > li.view-all{
	width: 100%;
    border: none;
    min-height: 0;
}
#nav > li.parent > ul.have-promo > li.view-all{
	width: calc(100% + 460px);
}
#nav > li > ul > li.sub-categories > ul > li.parent > ul > li.view-all{
	display: none;
}
#nav > li.parent > ul > li.view-all a{
	color: #35343a;
	text-transform: uppercase;
    font-family: montserrat;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
}
#nav > li.parent > ul > li.view-all a:hover{
	text-decoration: underline;
}
#nav > li.parent > ul.have-promo > li.banners_promo{
    position: absolute;
    width: 470px;
    height: auto;
	top: 75px;
    right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
#nav > li.parent > ul.have-promo > li.banners_promo > *{
	display: block;
}
#nav > li.parent > ul.have-promo > li.banners_promo > * + *{
	padding-top: 15px;
}
#nav > li.parent > ul.have-promo > li.banners_promo *{
	float: none;
}
#nav > li.parent > ul > li.menubottom{
	position: absolute;
	width: 100%;
	height: 60px;
    padding-top: 12px;
    min-height: 0;
	bottom: 0;
	left: 0;
    border: none;
	background-color: #195486;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}
#nav > li.parent > ul > li.menubottom a{
	color: #FFF;
}
/************ 3TH LEVEL ************/
#nav > li > ul > li > ul > li{
	padding: 0;
	margin: 0;
}
#nav > li > ul > li > ul > li a{
	color: #35343a;
	font-size: 13px;
	font-weight: 400;
	line-height: 19px;
    padding: 0.7px 0;
}
#nav > li > ul > li > ul > li a.category_bold{
	font-weight: 700;
	text-decoration: underline;
}
#nav > li > ul > li > ul > li a:hover{
	text-decoration: underline;
}

#nav  ul.level0 {
}
#nav ul li {
	float: none;
	background: none;
}
#nav ul li:first-child,
#nav li.active ul li:first-child {
	border-top: 0;
}
#nav li.parent.over li.parent li span {
	background: none;
}


/*------------------show menu-------------------*/
/*
#nav li > ul { 
	background: #fff;
	border: 1px solid #EAEAEA;
}
#nav li > ul:after { 
	position: absolute;
	top: -8px;
	left: 0;
	background: transparent;
	width: 100%;
	height: 8px;
	content: "";
}
#nav li > ul:before { 
	position: absolute;
	bottom: -6px;
	left: -1px;
	width: 175px;
	height: 5px;
	content: "";
}
#nav > li.over > ul { //menu por hover
   top: 54px;
   left: 0;
}
*/
#nav > li.over-active:before{
	content: inherit;
	/*content: ''; TEST */
	position: fixed;
	z-index: 200;
	top: 158px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #35343a;
	opacity: 0.6;
}
#nav > li.over-active > ul { 
	border: 1px solid #35343a; /* TEST */
	top: 38px;
	left: 0;
}
/*
#nav > li > ul li { 
	font-size: 20px;
	margin-left: 15px;
	list-style: disc;
	position: relative;
	line-height: 30%;
}
#nav > li > ul li.parent.over:after { 
	position: absolute;
	right: -22px;
	top: 8px;
	background: url(../images/icon-menu-sub.png) no-repeat right center;
	height: 14px;
	width: 7px;
	visibility: visible;
}
#nav > li > ul > li.parent.over:before { 
	position: absolute;
	right: -30px;
	top: 0;
	background: transparent;
	height: 50px;
	width: 30px;
	visibility: visible;
	content: "";
}
#nav li.over > ul li.over > ul { 
	top: -1px; 
	left: 155px; 
}
#nav li.over ul ul { 
	left: -10000px; 
}
#nav li ul li a{
	display: block;
	margin-left: -15px;
	padding: 9px 0 9px 15px;
	line-height: 100%;
	font-size: 60%;
	border-bottom: 1px dashed #CCCCCC
}
#yt_mainnav  ul#nav ul li.parent:hover > a:before { 
	width:9px;
	height:9px;
	position:absolute;
	content:'';
	right:18px;
	top: 12px; 
}


#nav li li li.over li a,
#nav li li li.active li a 
#nav li.active li li.over li a,
#nav li.active li li.active li a {
	color: #fff;
} 

#nav li li li li.over a,
#nav li li li li.active a {
	color: #c30;
} 

#nav li.active li li li.over a,
#nav li.active li li li.active a {
	color: #0A0A0A;
} 

/************ 3RD+ LEVEL ************/
/* Split Menu */
#menu_split .main {
	z-index: 1;	
	background: #c30;
}

#menu_split .main-inner1 {
	padding: 10px;
}

#yt_subnav .subnav-item li {
	float: left;
	padding: 0 10px;
	background: url(../images/grad-01.png) no-repeat left center;
	display: inline;
	outline: none;
	text-decoration: none;
}

#yt_subnav .subnav-item li:first-child {
	background: none;
	padding-left: 0;	
}

#yt_subnav .subnav-item li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 10px;
}

#yt_subnav .subnav-item li.active a,
#yt_subnav .subnav-item li a:hover,
#yt_subnav .subnav-item li a:focus,
#yt_subnav .subnav-item li a:active,
#yt_subnav .subnav-item li:hover a,
#yt_subnav .subnav-item li.hover a{
	text-decoration: underline;
}