/*****************************
 * CSS MENU 
 *****************************/

ul.navi ul{
	background-color: #002b66;
	box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.4);
}
ul.navi li:hover {position: relative;}
ul.navi li.level1:hover {
	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 */

}

/* show level2 */
ul.navi li.level1:hover ul.level2 {left: 0px;}

/* show submenu level3 */

ul.navi ul.level3:before{
	content: "";position: absolute;
	top:8px;left: 0px;
	border-style: solid;
	border-width: 8px 0 8px 10px;
	z-index: 10;
	border-color: transparent  transparent transparent #002250;
}

ul.navi li.level2:hover ul.level3,
ul.navi li.level3:hover ul.level4,
ul.navi li.level4:hover ul.level5,
ul.navi li.level5:hover ul.level6,
ul.navi li.level6:hover ul.level7,
ul.navi li.level7:hover ul.level8,
ul.navi li.level8:hover ul.level9 {
	left: 100%;
}

ul.navi li.level1:hover {}

ul.navi li.level1:hover div.separator.level1,
ul.navi li.level1:hover a.level1 {
	/* color: #81ca07; */
	color: #FFF;
}
ul.navi li.level1.active:hover div.separator.level1,
ul.navi li.level1.active:hover a.level1 {

}
ul.navi li.level2:hover {}

ul.navi li.level2:hover div.separator.level2,
ul.navi li.level2:hover a.level2 {
	color: #81ca07;
	background-position: 8px -26px;
}

ul.navi li.level3:hover,
ul.navi li.level4:hover,
ul.navi li.level5:hover,
ul.navi li.level6:hover,
ul.navi li.level7:hover,
ul.navi li.level8:hover,
ul.navi li.level9:hover {
	
}

ul.navi li.level3:hover div.separator.level3,
ul.navi li.level4:hover div.separator.level4,
ul.navi li.level5:hover div.separator.level5,
ul.navi li.level6:hover div.separator.level6,
ul.navi li.level7:hover div.separator.level7,
ul.navi li.level8:hover div.separator.level8,
ul.navi li.level9:hover div.separator.level9,
ul.navi li.level3:hover a.level3,
ul.navi li.level4:hover a.level4,
ul.navi li.level5:hover a.level5,
ul.navi li.level6:hover a.level6,
ul.navi li.level7:hover a.level7,
ul.navi li.level8:hover a.level8,
ul.navi li.level9:hover a.level9 {
	color: #81ca07;
	background-position: 15px 13px;
}

/* RTL 
   show level2 */
ul.navirtl ul {box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.7);}  

ul.navirtl li:hover {position: relative;}

/* show level2 */
ul.navirtl li.level1:hover ul.level2 {
	right: 0;
	top: 100%;
}

/* show submenu level3 */
ul.navirtl ul.level3:before{
	direction: ltr;
	left: auto;right: 0px;
	border-width: 8px 10px 8px 0px;
	border-color: transparent  #002250 transparent transparent ;
}
ul.navirtl li.level2:hover ul.level3,
ul.navirtl li.level3:hover ul.level4,
ul.navirtl li.level4:hover ul.level5,
ul.navirtl li.level5:hover ul.level6,
ul.navirtl li.level6:hover ul.level7,
ul.navirtl li.level7:hover ul.level8,
ul.navirtl li.level8:hover ul.level9 {
	right: 99%;
	top: 0%;
}

ul.navirtl li.level1:hover {}

ul.navirtl li.level1:hover div.separator.level1,
ul.navirtl li.level1:hover a.level1 {}

ul.navirtl li.level2:hover {}

ul.navirtl li.level2:hover div.separator.level2,
ul.navirtl li.level2:hover a.level2 {
	background-position: 97% -26px;
}

ul.navirtl li.level3:hover,
ul.navirtl li.level4:hover,
ul.navirtl li.level5:hover,
ul.navirtl li.level6:hover,
ul.navirtl li.level7:hover,
ul.navirtl li.level8:hover,
ul.navirtl li.level9:hover {

}

ul.navirtl li.level3:hover div.separator.level3,
ul.navirtl li.level4:hover div.separator.level4,
ul.navirtl li.level5:hover div.separator.level5,
ul.navirtl li.level6:hover div.separator.level6,
ul.navirtl li.level7:hover div.separator.level7,
ul.navirtl li.level8:hover div.separator.level8,
ul.navirtl li.level9:hover div.separator.level9,
ul.navirtl li.level3:hover a.level3,
ul.navirtl li.level4:hover a.level4,
ul.navirtl li.level5:hover a.level5,
ul.navirtl li.level6:hover a.level6,
ul.navirtl li.level7:hover a.level7,
ul.navirtl li.level8:hover a.level8,
ul.navirtl li.level9:hover a.level9 {
	background-position: 92% 13px;
}