﻿@import url(http://fonts.googleapis.com/css?family=Scada&subset=latin,cyrillic,latin-ext);
ul#css3menu99,ul#css3menu99 ul{
	margin:0px;list-style:none;padding:0;}
ul#css3menu99,ul#css3menu99 .submenu{
	background-color:#FFFFFF;border-width:0;border-style:solid;border-color:;}
ul#css3menu99 .submenu{
	display:none;position:absolute;
/*	left:50%;*/
	top:50%;float:left;z-index:2;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#css3menu99 li:hover>*{
	display:block;}
ul#css3menu99 li{
	position:relative;display:block;white-space:nowrap;font-size:0;}
ul#css3menu99 li:hover{
	z-index:1;}
ul#css3menu99{
	font-size:0;position:relative;display:block;float:left;padding:0;background-color:#3c3c3c;border-width:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-style:solid;border-color:#2C2C2C;}
ul#css3menu99 .column{
	float:left;}
ul#css3menu99>li{
	margin:0;}
ul#css3menu99 a:active, ul#css3menu99 a:focus{
	outline-style:none;}
ul#css3menu99 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 15px Scada,Lucida Grande,sans-serif;color:#000000;cursor:pointer;padding:3px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:;}
ul#css3menu99 ul li{
	float:none;margin:0;}
ul#css3menu99 ul a{
	text-align:left;padding:7px 10px;background-color:transparent;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font:15px Scada,Lucida Grande,sans-serif;color:#FFFFFF;text-decoration:none;}
ul#css3menu99 li:hover>a,ul#css3menu99 li a.pressed{
	border-style:none;color:#FFFFFF;text-decoration:none;}
ul#css3menu99 > label.switch{
	display:none;cursor:pointer;width:25px;height:20px;padding:13px 10px;}
ul#css3menu99 > 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#css3menu99 > label.switch:hover:before{
	background:#FFFFFF;-moz-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;-webkit-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;}
ul#css3menu99 > .switchbox{
	display:none;}
ul#css3menu99 ul li:hover>a,ul#css3menu99 ul li a.pressed{
	background-color:#FFAA00;color:#FFFFFF;text-decoration:none;}
ul#css3menu99>li>a{
	padding:13px 10px;}
ul#css3menu99 li.topmenu>a{
	border-left: 1px solid #404040;
	border-right: 1px solid #434343;
	border-top: 1px solid #464646;
	border-bottom: 1px solid #2c2c2c;
	-moz-box-shadow:none;-webkit-box-shadow:none;background-color:#3c3c3c;border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 13px 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#css3menu99 li.topmenu:hover>a,ul#css3menu99 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: #FFFFFF;
	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: #404040;
	border-right-style: solid;
	border-right-color: #434343;
	border-top-style: solid;
	border-top-color: #464646;
	border-bottom-style: solid;
	border-bottom-color: #2c2c2c;
}
@media screen and (max-width: 768px) {
	ul#css3menu99 > li {
		position: initial;}
	ul#css3menu99 ul .submenu,ul#css3menu99 li > ul {
		left: 0; right:auto; top: 100%;}
	ul#css3menu99 .submenu,ul#css3menu99 ul,ul#css3menu99 .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: 104px) {
	ul#css3menu99 {
		width: 100%;}
	ul#css3menu99 > li {
		display: none !important;		position: relative;		width: 100% !important;}
	ul#css3menu99 > label.switch,ul#css3menu99 .switchbox:checked ~ li {
		display: block !important;}
}