﻿ul#css3menu1,ul#css3menu1 ul{
	margin:0px;list-style:none;padding:0px;background-color:#FFFFFF;border-width:0;border-style:solid;border-color:;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;background-color:#383838;border-width:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-style:solid;border-color:#404040;padding:5px 0;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
justify-content: center; 
align-items: center; 
	font-size:0;
	width:100%;
	z-index:999;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0 0%;
	margin:auto;
	background-color:#3c3c3c;
	border-width:1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-style:solid;
	border-color:#2C2C2C;
	*display:inline;
	*padding-right:1.1%;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;width:12%;}
ul#css3menu1 li.toplast{
	width:16%;}
body:first-of-type ul#css3menu1{
	display:inline-table;border-spacing:0px 0;}
body:first-of-type ul#css3menu1>li{
	display:table-cell;float:none;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Verdana,Geneva,sans-serif;color:#000000;cursor:pointer;padding:3px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{
	float:none;margin:auto;}
ul#css3menu1 ul a{
	text-align:left;padding:7px 10px;background-color:transparent;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font:12px Verdana,Geneva,sans-serif;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	border-style:none;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 ul span{
	background-image:none;padding-right:7px;}
ul#css3menu1 > label.switch{
	display:none;cursor:pointer;width:25px;height:20px;padding:10px 10px 10px 10px;}
ul#css3menu1 > label.switch:before{
	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#D2D2D2;-moz-box-shadow:0 8px #D2D2D2, 0 16px #D2D2D2;-webkit-box-shadow:0 8px #D2D2D2, 0 16px #D2D2D2;box-shadow:0 8px #D2D2D2, 0 16px #D2D2D2;}
ul#css3menu1 > label.switch:hover:before{
	background:#FFCC33;-moz-box-shadow:0 8px #FFCC33, 0 16px #FFCC33;-webkit-box-shadow:0 8px #FFCC33, 0 16px #FFCC33;box-shadow:0 8px #FFCC33, 0 16px #FFCC33;}
ul#css3menu1 > .switchbox{
	display:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#FFAA00;color:#FFFFFF;text-decoration:none;}
ul#css3menu1>li>a{
	padding:10px 10px 10px 10px;}
ul#css3menu1 li.topmenu>a{
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #434343;
	border-top: 1px solid #464646;
	border-bottom: 1px solid #404040;
	-moz-box-shadow:none;-webkit-box-shadow:none;background-color:#3c3c3c;border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
	color: #D2D2D2;
	text-shadow: 0 1px 2px #000000;
	background-image: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(37,37,37,0.13));
}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
	-webkit-box-shadow:0 0 15px 3px rgba(255,255,255,0.2) inset;box-shadow:0 0 15px 3px rgba(255,255,255,0.2) inset;color: #FFCC33;
	text-shadow: 0 1px 2px #000000;
	background-image: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(37,37,37,0.13));
	border-left-style: solid;
	border-left-color: #2c2c2c;
	border-right-style: solid;
	border-right-color: #434343;
	border-top-style: solid;
	border-top-color: #464646;
	border-bottom-style: solid;
	border-bottom-color: #404040;
}
ul#css3menu1 li.toplast>a{
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #434343;
	border-top: 1px solid #464646;
	border-bottom: 1px solid #404040;
	-moz-box-shadow:none;-webkit-box-shadow:none;background-color:#3c3c3c;border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
	color: #D2D2D2;
	text-shadow: 0 1px 2px #000000;
	background-image: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(37,37,37,0.13));
}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed{
	-webkit-box-shadow:0 0 15px 3px rgba(255,255,255,0.2) inset;box-shadow:0 0 15px 3px rgba(255,255,255,0.2) inset;color: #FFCC33;
	text-shadow: 0 1px 2px #000000;
	background-image: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(37,37,37,0.13));
	border-left-style: solid;
	border-left-color: #2c2c2c;
	border-right-style: solid;
	border-right-color: #434343;
	border-top-style: solid;
	border-top-color: #464646;
	border-bottom-style: solid;
	border-bottom-color: #404040;
}
.topmenu {
  display: flex;
  justify-content: center;  /* horizontally centers the list items */
  list-style: none;         /* optional: removes bullets */
  padding: 0;
}
/*ul#css3menu1>li:nth-of-type(1){width:13%}ul#css3menu1>li:nth-of-type(2){width:15%}ul#css3menu1>li:nth-of-type(3){width:11%}ul#css3menu1>li:nth-of-type(4){width:13%}ul#css3menu1>li:nth-of-type(5){width:13%}ul#css3menu1>li:nth-of-type(6){width:8%}ul#css3menu1>li:nth-of-type(7){width:13%}ul#css3menu1>li:nth-of-type(8){width:14%}
@-moz-document url-prefix(){body:first-of-type ul#css3menu1{display:inline-block} body:first-of-type ul#css3menu1>li{display:block;float:left !important;}}
@media only screen and (max-width:725px),only screen and (max-device-width:725px){
ul#css3menu1>li:nth-of-type(1){width:25%}ul#css3menu1>li:nth-of-type(2){width:29%}ul#css3menu1>li:nth-of-type(3){width:21%}ul#css3menu1>li:nth-of-type(4){width:25%}ul#css3menu1>li:nth-of-type(5){width:26%}ul#css3menu1>li:nth-of-type(6){width:17%}ul#css3menu1>li:nth-of-type(7){width:26%}ul#css3menu1>li:nth-of-type(8){width:31%}body:first-of-type ul#css3menu1{display:inline-block} body:first-of-type ul#css3menu1>li{display:block;float:left !important;}}
*/
@media screen and (max-width: 768px) {
	ul#css3menu1 > li {
		position: initial;}
	ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {
		left: 0; right:auto; top: 100%;}
	ul#css3menu1 .submenu,ul#css3menu1 ul,ul#css3menu1 .column {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media screen and (max-width: 371px) {
	ul#css3menu1 {
		width: 100%;}
	ul#css3menu1 > li {
		display: none !important;		position: relative;		width: 100% !important;}
	ul#css3menu1 > label.switch,ul#css3menu1 .switchbox:checked ~ li {
		display: block !important;}
}