@charset "utf-8";
/* CSS Document */

.menus{text-align:center;width:100%;z-index:8888}

/* top layer menu */
.menus ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 0px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	width:100%;
	display: inline-block;
	margin:0 0;
	z-index:7777;
}

.menus ul:after {content: ""; clear: both; display: block;}

.menus ul li {float: left;width:14.25%;border-left: 0px solid #A8CD02;border-right: 0px solid #A8CD02;}
.menus ul li:hover {
	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	font-weight: normal;
}
.menus ul li a {display: block; padding: 25px 0px;color: #757575; text-decoration: none;}
.menus ul li:hover a {color: #fff;}

.menus ul li:hover > ul {display: block;}

/* second layer menu */
.menus ul ul {
	display: none;
	text-align:center;
	background: #5f6975; 
	border-radius: 0px; 
	padding: 0;
	position: absolute; 
	top: 100%;
	width:14.25%;
}
.menus ul ul li {float: none;border-top: 1px solid #6b727c;border-bottom: 1px solid #575f6a;position: relative;width:100%;}
.menus ul ul li a {padding: 15px 0px;	color: #fff;}	
.menus ul ul li a:hover {background: #4b545f;}
.menus ul ul ul {position: absolute; width: 120px; left: 100%; top:0;text-align:left;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}