/*--menu--*/
* {padding:0; margine:0;}
ul{ liststyletype:none:}
ul li{float:left; padding-bottom:1px; position:relative;}
ul a{color:#F2F2F2; text-decoration:none; font-family:Verdana, Geneva, sans-serif; }
ul a:hover{
	color:white;
	background-color:#036;

}

li > ul{ display:none; position:absolute; left:0; top:100%; z-index: 9999;
    width: 280px;}
li:hover > ul{
	display:block;
	background-color: #008FD5;
	text-decoration:none;
}
li > ul li{width: 100%;}
li > ul li a{float:left;
    text-align: left;
        width: 246px;
	padding:5px 0 5px 14px;
	text-align: left;}

li > ul li > ul{ left:100%; top:-2px; z-index: 9999;}
li > ul li > ul li{width:150px; height:50px; }
li:hover > a{ text-decoration: none;}
li > ul: hover {
    text-decoration: none;}
/*--menu--*/

.active{
    background: #FF8C40; color:white;}

/*--navigation toggle--*/
.menu {
	text-align: center;
}
.menu li{
	display:inline-block;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:14px;
}
.menu li:hover{
    background: #rgba(92, 184, 92, 0.7);;}

@media screen and (max-width:800px) {
    .active {
        display: block;
    }
	
 @media (max-width:768px){
.menu{
      width:100%;
	float: none;
	margin: 7px 0px;
}
.nav li > ul li > ul{    left: 0;
    top: 100%; z-index:9999;}
.nav li > ul a{ background: #999;}
.nav li:hover > a{ background:#000;}	
	}
/*--navigation toggle--*/