﻿/* start h_menu */
#mainmenu {
	clear:both;
    margin:0;
	padding:0;}
	
	
#mainmenu .h_menu4 
{
background-color:#eeeaa1;position:relative;
}	

.h_menu4{
	width:100%;
}
.toggleMenu {
    display: none;
	background-color:#dfd964;		  
	width: 100%;padding:2px 20px 2px 0;text-align:right;
	color: #DB251A;text-transform:uppercase;
	font-size: 18px;font-weight:600;
}
.nav {
    list-style: none;width:100%;text-transform:uppercase;margin:0;padding:0;background-color:#eeeaa1;
}
.nav ul {
    list-style: none;text-align:left;
	width: 280px;background-color:#eeeaa1;		  
	border-bottom:0px solid #fd926d;
	z-index:888;
}
.nav li 
{
    /*bg dropdown*/
    background-color:#eeeaa1;	  
    position: relative;color: #000;font-weight:600;border-right: 1px solid #e5e080;
}
.nav li a {
	display: block;	
	color: #000;padding: 0.5em 1.5em 0.3em 1.5em;
	font-size: 17px;letter-spacing:0;
	font-weight:600;
	text-decoration: none;background-color:#eeeaa1;		   
}
.nav li ul li a{
	display: block;	
	color: #000;padding: 0.5em 1.3em 0.3em 1.3em;
	font-size: 13px;letter-spacing:0;	
	text-decoration: none;
	background-color:#eeeaa1;		    
}
.nav li ul li:hover a{
	display: block;	
	color: #000;background:#ebe687;
	text-decoration: none;
}
.nav li ul li ul li a{
	display: block;	
	color: #fff;padding: 0.5em 1em 0.5em 3em;
	font-size: 13px;letter-spacing:0;	
	text-decoration: none;
	background-color:#eeeaa1;		    
}
.nav li ul li ul li:hover a{
	display: block;	
	color: #fff;background:#ebe687;
	text-decoration: none;
}
.nav li a:hover {
	background:#ebe687; /*nav main*/
	color:#000;
}

.nav > li > a.parent{
	background:url(../images/arrow_h.html) no-repeat 7px 13px;
	padding: 0.5em 1.5em 0.3em 1.5em;
}
.nav > li > a.parent:hover{
	background:#ebe687 url(../images/arrow.html) no-repeat 7px 13px;
	padding: 0.5em 1.5em 0.3em 1.5em;
}
.nav > li {
    display:inline-block;
}
.nav > li.hover > ul {
    left:0;
    top:31px;
}
.nav li li.hover ul {    
   -webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition:  background .2s linear;
	transition: background .2s linear;
}
.nav > li > li > a{
	font-size:13px;
	padding: 0.9em 2em 0.9em 3.5em;
	display: block;
	color: #555;
	background: #562D4B;
	position: relative;
	z-index: 9999;
	font-weight: normal;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	width: 100%;
	text-decoration: none;
	margin: 0;
	text-transform: lowercase;
}
.nav li li {
	border-top:none;
}
.nav li li:hover{
	border-top:none;
}
.nav li li a{
	text-transform: capitalize;
	font-size:13px;font-weight: 500;	
	border-top: 1px solid #afafaf;	
}
.nav li li a:hover{
	color:#fff;
}
.nav > li >  ul {
    position: absolute;
    left: -9999px;
    padding: 0;
    z-index: 9999;
    background:#0C4F79;
}
.menu {
	width: auto;
	height: auto;
	padding: 0;
	list-style: none;
}
ul {
	padding: 0;
	list-style: none;
}
.menu > li > a {
	width: 100%;
	height: 4em;
	line-height: 4em;
	text-indent: 1.2em;
	display: block;
	position: relative;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
}
.menu ul li a {
	background-color:#eeeaa1;		
    background-image: linear-gradient(bottom, #083b5c 10%, #0C4F79 70%);
    background-image: -o-linear-gradient(bottom,  #083b5c 10%, #0C4F79 70%);
    background-image: -moz-linear-gradient(bottom,  #083b5c 10%, #0C4F79 70%);
    background-image: -webkit-linear-gradient(bottom,  #083b5c 10%, #0C4F79 70%);
    background-image: -ms-linear-gradient(bottom,  #083b5c 10%, #0C4F79 70%);
	width: 100%;
	height: 5em;
	line-height: 1.8em;
	display: block;
	position: relative;
	font-size:0.85em;
	font-weight: 400;
	color: #878d95;
}
.menu > li > a:hover, .menu > li > a.active {
	background-color:#ebe687;		    
}