/**
 * 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 1px 0 0 ;position: relative;}
	ul.navi li.level1 .item-link {	color: #FFFFFF;    display: block;    font-size: 118%;    font-weight: bold;    line-height: 30px;    margin: 0 -15px 0 -15px;    padding: 12px 25px;    text-transform: uppercase;	}
	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 {
		background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.05) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0.05))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.05) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.05) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.05) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.05) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */
	}
	ul.navi li.level1.active .item-link {}
	
/*---- 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: 200px;}
ul.navi ul.level2 {background-color: #002b66;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 #495f7e;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: 125%;text-transform: none;line-height: 28px;
		background: url("../images/bullet-level2.png")  no-repeat 8px 12px;
	}
	ul.navi ul.level2 li .menu-title {display: inline-block;}
	ul.navi ul.level2 li .item-link.havechild:after{font-family: 'FontAwesome';content: "\f0da";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: #81ca07;background-position: 8px -75px;}
	
/* Menu level3, level4 & level5 */
ul.navi ul.level2 ul{background-color: #002B66;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-bottom: 1px solid #001F49;border-top: 1px solid #003680;}
	ul.navi ul.level3 li .item-link{
		padding: 2px 10px 2px 32px;color: #fff;
		background: url("../images/bullet-level3.png") no-repeat 15px -80px ;
	}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navi li.level3:hover .item-link, ul.navi li.level3.hover .item-link, ul.navi li.level3.active .item-link,
	ul.navi li.level4:hover .item-link, ul.navi li.level4.hover .item-link, ul.navi li.level4.active .item-link,
	ul.navi li.level5:hover .item-link, ul.navi li.level5.hover .item-link, ul.navi li.level5.active .item-link{color: #81ca07;background-position: 15px 12px;}


/*----------------------------------------------------------------------
	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% 10px;}
	ul.navirtl ul.level2 li .item-link.havechild:after{float: left;content: "\f0d9";}
	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% -75px;}

/* Menu level3, level4 & level5 */
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: 94% -80px;padding: 2px 32px 2px 10px;}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navirtl li.level3:hover .item-link, ul.navirtl li.level3.hover .item-link, ul.navirtl li.level3.active .item-link,
	ul.navirtl li.level4:hover .item-link, ul.navirtl li.level4.hover .item-link, ul.navirtl li.level4.active .item-link,
	ul.navirtl li.level5:hover .item-link, ul.navirtl li.level5.hover .item-link, ul.navirtl li.level5.active .item-link{color: #81ca07;background-position: 94% 12px;}