/* Pure CSS3 Multi Level Drop Down Navigation Menu */
/*             By www.Bloggermint.com            */


#nav_menu {


	float: left;
	font: bold 12px Arial, Helvetica, Sans-serif;


	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	/*width:100%;*/
}

#nav_menu ul {

	margin:0;
	padding:0;
	list-style:none;
}

#nav_menu ul li {

	float:left;
}
#nav_menu > ul > li {
	/*width: calc(100% / 11);*/
}
/*ul li a{*/
/*width: 100%;*/
/*}*/
#nav_menu ul li a {
	/*width: 100% ;*/
	float: left;
	color:#ffffff;
	padding: 12px 7px;
	text-decoration:none;
	background:#3687bf;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(24,94,163)), color-stop(0.55, rgb(36,112,174)), color-stop(0.78, rgb(24,94,163)) );
	background: -moz-linear-gradient( center bottom,  rgb(24,94,163) 9%, rgb(36,112,174) 55%, rgb(24,94,163) 78% );
	background: -o-linear-gradient( center bottom, rgb(24,94,163)  9%, rgb(36,112,174) 55%, rgb(24,94,163) 78% );
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
	border-left: 1px solid rgba(255, 255, 255, 0.05);
	border-right: 1px solid rgba(0,0,0,0.2);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}

#nav_menu ul li a:hover,
#nav_menu ul li:hover > a {
	padding: 12px 10px !important;
	color: #022e5c;
	background:#185ea3;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(66,147,200)), color-stop(0.55, rgb(72,172,239)), color-stop(0.78, rgb(66,147,200)) );
	background: -moz-linear-gradient( center bottom, rgb(66,147,200) 9%, rgb(72,172,239) 55%, rgb(66,147,200) 78% );
	background: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;

}

#nav_menu li ul a:hover,
#nav_menu ul li li:hover > a  {
	width: 170px; !important;
	color: #022f5d;
	background: #5C9ACD;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(61,111,177)), color-stop(0.51, rgb(80,136,199)), color-stop(1, rgb(92,154,205)) );
	background: -moz-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
	background: -o-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
	border-bottom: 1px solid rgba(0,0,0,0.6);
	border-top: 1px solid #7BAED9;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);

}



#nav_menu li ul {
	background:#3C4042;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(42,116,179)), color-stop(0.78, rgb(64,143,194)) );
	background-image: -moz-linear-gradient( center bottom, rgb(42,116,179) 9%,  rgb(64,143,194) 78% );
	background-image: -o-linear-gradient( center bottom, rgb(42,116,179) 9%, rgb(64,143,194) 78% );
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	left: -999em;
	margin: 34px 0 0;
	position: absolute;
	width: 190px !important;
	/*margin: 34px 20px;*/
	/*display: table-column;*/
	z-index: 9999;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
	border: 1px solid rgba(0, 0, 0, 0.5);
}

#nav_menu li:hover ul {
	left: auto ;

}

#nav_menu li ul a {
	background: none;
	border: 0 none;
	margin-right: 0;
	width: 190px ;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}

#nav_menu li li ul {
	margin: -2px 0 0 190px;
	-webkit-border-radius: 0 10px 10px 10px;
	-moz-border-radius: 0 10px 10px 10px;
	border-radius: 0 10px 10px 10px;
	visibility:hidden;
}

#nav_menu li li:hover ul {
	visibility:visible;

}

#nav_menu ul ul li:last-child > a {
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;

}

#nav_menu ul ul ul li:first-child > a {
	-moz-border-radius:0 10px 0 0;
	-webkit-border-radius:0 10px 0 0;
	border-radius:0 10px 0 0;
}

#nav_menu li {
	display: table-cell ;
}

#nav_menu ul li ul li{
	clear: left;

	/*min-width: 300px;*/
}