/**
 * Menu CSS base 
 *********************************************/
/*----------------------------------------------------------------------
	LTR Menu Style
----------------------------------------------------------------------*/

/*--- Root ul element ---*/
ul.navi {margin: 0 ;padding: 0;list-style: none;}
	ul.navi li.level1.first {}
	ul.navi li.level1.last {}
	ul.navi li.level1 {
		float: left;
		position: relative;
		padding: 0;
		margin: 0 0px 0 0 ;
	}
	ul.navi li.level1 .item-link {
		margin: 0 ;
		line-height: 30px;
		padding: 10px 15px ;
		color:#f0f0f0;
		font-size:150%;
		display: block;
		/*font-style:italic;*/
	}
	ul.navi li.level1.first .item-link{
		padding-left:5px;
	} 
	ul.navi li.level1.havechild > .item-link:after {
		background: url("../../../../images/icon_arrow.png") no-repeat scroll center 0 transparent;
		bottom: 0;
		content: "";
		display: none;
		height: 7px;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 10;
	}
	ul.navi li.level1.havechild:hover > .item-link:after {
    	display: block;
	}
	
	ul.navi li.level1 .menu-title {display: inline-block;}
	
	/* Add description and show icons*/
	ul.navi li.level1 .showdesc{text-align: center;}
	ul.navi li.level1 .showdesc span.menu-title{
		line-height: 100%;
		padding-bottom: 5px;
		display: block;
	}
	ul.navi li.level1 .showdesc span.menu-desc{display: block;font-size: 11px;color: #ccc;line-height: 100%;}
	
	/* Hover and Active (:hover of cssmenu, .hover of moomenu)*/	
	ul.navi li.level1:hover,
	ul.navi li.level1.hover,
	ul.navi li.level1.active {
		color:#c09e42;
	}
	ul.navi li.level1.active > .item-link {
		color:#c09e42;
	}
	ul.navi li.level1:hover > .item-link{
		color:#c09e42;
	}
	
/*---- Show All Submenu---- */
/* Menu level2 */
ul.navi li.level1:hover ul.level2 {left: 0;}
ul.navi ul {
	left: -999em;
	position: absolute;
	z-index: 10;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	/*width:200px;*/
}
ul.navi ul.level2 {
	background-color: #826412;
	box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.4);
}
	ul.navi ul.level2:before{
		content: "";
		width:100%;
		height: 5px;
		position: absolute;
		left: 0;
		top:-5px;
	}
	ul.navi ul.level2 li {
		border-top:1px dashed #b3a170;
		position: relative;
	}
	ul.navi ul.level2 li.first{border-top: none;}
	ul.navi ul.level2 li.last{}
	ul.navi ul.level2 li .item-link {
		margin: 0;
		padding: 4px 10px 4px 30px;
		color: #fff;font-size: 100%;
		text-transform: none;
		line-height: 28px;
		background: url("../images/icon-menu-lever2.png")  no-repeat 8px 7px;
	}
	ul.navi ul.level2 li .menu-title {display: inline-block;}
	ul.navi ul.level2 li .item-link.havechild:after{
		/*font-family: 'IcoMoon';
		content: "\e010";
		font-size: 16px;
		float: right;*/
	}
	
	/* Add description and show icons*/
	ul.navi li.level2 .showdesc{text-align: left;}
	ul.navi li.level2 .showdesc span.menu-title{padding-bottom: 5px;}
	ul.navi li.level2 .showdesc span.menu-desc{font-family: "arial";padding-bottom: 3px;}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/	
	ul.navi li.level2:hover  .level2,
	ul.navi li.level2.hover  .level2,
	ul.navi li.level2.active .level2{
		color: #cfae54;
		background-position: 8px -31px;
	}
	
/* Menu level3, level4 & level5 */
ul.navi ul.level2 ul{background-color: #b2933e;box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);}
ul.navi li.level2:hover ul.level3,
ul.navi li.level3:hover ul.level4,
ul.navi li.level4:hover ul.level5{left: 95%;top:5px;}

	ul.navi ul.level3 li .item-link{font-size: 100%;}
	ul.navi ul.level3 li{		
		border-top: 1px dashed #d0bd8a;
	}
	ul.navi ul.level3 li.first{ border-top:none;}
	ul.navi ul.level3 li .item-link{
		padding: 2px 0px 2px 10px;
		color: #fcfcfc;
		background: none;
		font-style:normal;
	}
	ul.navi ul.level3 li .item-link:before{
		content:"\f111";
		font-size:9px;
		font-family:'FontAwesome';
		display:inline-block;
		font-style:normal;
		color:#826412;
		margin-right:10px;
		
		float:left;
	}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navi li.level3:hover .level3,ul.navi li.level4:hover .level4,
	ul.navi li.level5:hover .level5,ul.navi li.level3.hover .level3,
	ul.navi li.level4.hover .level4,ul.navi li.level5.hover .level5,
	ul.navi li.level3.active .level3,ul.navi li.level4.active .level4,
	ul.navi li.level5.active .level5{
		color: #876317;
		font-style:italic;
		/*background-position: 15px 13px;*/
	}


/*----------------------------------------------------------------------
	RTL Menu Style
----------------------------------------------------------------------*/
/*--- Root ul element ---*/
ul.navirtl li.level1{
	float: right;
	margin: 0 0 0 1px;
}

/*---- Show All Submenu---- */
/* Menu level2 */
ul.navirtl li.level1:hover ul.level2{left: auto;right: 0;}
	ul.navirtl ul.level2 li .item-link{
		padding: 4px 30px 4px 10px;
		background-position: 97% 7px;
	}
	ul.navirtl ul.level2 li .item-link.havechild:after{/*float: left;content: "\e012";*/}
	ul.navirtl li.level2 .showdesc{text-align: right;}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navirtl li.level2:hover  .level2,
	ul.navirtl li.level2.hover  .level2,
	ul.navirtl li.level2.active .level2{background-position: 97% -31px;}

/* Menu level3, level4 & level5 */
ul.navirtl ul.level3 li .item-link:before{
	margin-left:10px; 
	margin-right:0px;
	
	float:right;
}
ul.navirtl ul.level3 li .item-link{
	padding: 2px 10px 2px 0px;
}

ul.navirtl li.level2:hover ul.level3,
ul.navirtl li.level3:hover ul.level4,
ul.navirtl li.level4:hover ul.level5{left: auto;right: 95%;}
	ul.navirtl ul.level3 li .item-link{/*background-position: 92% -17px;*/padding: 2px 10px 2px 0px;}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navirtl li.level3:hover .level3,ul.navirtl li.level4:hover .level4,
	ul.navirtl li.level5:hover .level5,ul.navirtl li.level3.hover .level3,
	ul.navirtl li.level4.hover .level4,ul.navirtl li.level5.hover .level5{
		/*color: #81ca07;*//*background-position: 92% 13px;*/}