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

ul#cssNav{
	margin:0;
	list-style:none;
	padding:0;
	font-size:0;
	z-index:999;
	position:relative;
	display:inline-block;
	zoom:1;
	*display:inline;
}
ul#cssNav li{
	display:block;
	white-space:wrap;
	font-size:0;
	float:left;
}
* html ul#cssNav li a{
	display:inline-block;
}
ul#cssNav>li{
	margin:0;
}
ul#cssNav a:active, ul#cssNav a:focus{
	outline-style:none;
}
ul#cssNav a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:bold 14px Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	cursor:pointer;
	padding:10px;
}
ul#cssNav li:hover>a,ul#cssNav li a.pressed{
	background-color:#FFA856;
	border-color:#C0C0C0;
	border-style:solid;
	color:#000000;
	text-shadow:#FFF 0 0 1px;
	background-position:0 100px;
	text-decoration:none;
}
ul#cssNav > label.switch{
	display:none;
	cursor:pointer;
	width:25px;
	height:20px;
	padding:10px;
}
ul#cssNav > label.switch:before{
	content:"";
	position:absolute;
	display:block;
	height:4px;
	width:25px;
	background:#000000;
	box-shadow:0 8px #000000, 0 16px #000000;
}
ul#cssNav > label.switch:hover:before{
	background:#000000;
	box-shadow:0 8px #000000, 0 16px #000000;
}
ul#cssNav > .switchbox{
	display:none;
}
@media screen and (max-width: 768px) {
	ul#cssNav > li {
		position: initial;
}
	ul#cssNav ul .submenu,ul#cssNav li > ul {
		left: 0; 
		right: auto;
		top: 100%;
}
	ul#cssNav .submenu,ul#cssNav ul,ul#cssNav .column {
		box-sizing: border-box;
		padding-right: 0;
		width: 100% !important;
}
}
@media screen and (max-width: 576px) {
	ul#cssNav {
		width: 100%;
}
	ul#cssNav > li {		
		position: relative;		
		width: 100% !important;}
	ul#cssNav > label.switch,ul#cssNav .switchbox:checked ~ li {
		display: block !important;
}
}