ul#css3menu1{
	list-style: none;
	padding: 0;
	background-color: #990066;
	border-width: 1px;
	border-style: solid;
	border-color: #5f5f5f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	width: 100%;
}

ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#FFEA00;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#0099FF;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border-color:#d4d4d4;padding:0 10px 10px;}
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; background-color: #00CC33;}
ul#css3menu1{
	font-size: 0;
	z-index: 998;
	position: relative;
	display: inline-block;
	zoom: 1;
	padding: 0;

	*display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;}
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:bold 14px Trebuchet MS;color:#ffffff;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#990066;background-image:url("menu/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#css3menu1 ul li{
	float:none;margin:10px 0 0; }
ul#css3menu1 ul a{
	text-align:left;padding:4px;background-color:#0099FF;background-image:none;border-width:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font:14px Tahoma;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 ul ul a{
	text-align:left;padding:4px;background-color:#00CC33;background-image:none;border-width:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font:14px Tahoma;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color: #0099FF;
	border-color: #C0C0C0;
	border-style: solid;
	color: #ffffff;
	text-shadow: #FFF 0 0 1px;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,1.00)),color-stop( 0% , rgba(170,221,255,1.00)),color-stop( 19.69% , rgba(136,207,255,1.00)),color-stop( 100% , rgba(0,153,255,1.00))), url("menu/mainbk.png");
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(170,221,255,1.00) 0%,rgba(136,207,255,1.00) 19.69%,rgba(0,153,255,1.00) 100%), url("menu/mainbk.png");
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(170,221,255,1.00) 0%,rgba(136,207,255,1.00) 19.69%,rgba(0,153,255,1.00) 100%), url("menu/mainbk.png");
	background-position: 0 100px;
}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul span{
	background-image:url("menu/arrowsub.png");padding-right:12px;}
ul#css3menu1 > li.switch{
	display:none;cursor:pointer;width:25px;height:20px;padding:10px;}
ul#css3menu1 > li.switch:before{
	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;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#css3menu1 > li.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;}
.c3m-switch-input{
	display:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li > a.pressed{
	background-color: #0099FF;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(178,224,255,1.00)),color-stop( 100% , rgba(11,157,255,0.99)));
	background-image: -webkit-linear-gradient(270deg,rgba(178,224,255,1.00) 0%,rgba(11,157,255,0.99) 100%);
	background-image: linear-gradient(180deg,rgba(178,224,255,1.00) 0%,rgba(11,157,255,0.99) 100%);
	background-position: 0 100px;
	border-style: solid;
	border-color: #C0C0C0;
	color: #ffffff;
	text-decoration: none;
	text-shadow: #FFF 0 0 1px;
}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li > a.pressed{
	background-color:#FFFFFF;background-image:none;color:#990066;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	/*border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;*/
	-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
ul#css3menu1 li.topmenu>a{
	-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
ul#css3menu1 li.toplast>a{
/*	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;*/
-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}


@media only screen and (max-device-width: 800px) {
	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 only screen and (max-device-width: 800px) {
	ul#css3menu1 {
		width: 100%;}
	ul#css3menu1 > li {
		display: none;		position: relative;		width: 100% !important;}
	ul#css3menu1 > li.switch,.c3m-switch-input:checked + ul#css3menu1 > li + li {
		display: block;}
	ul#css3menu1 > li.switch > label {		position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}
.sigle { display:none; }	
	
	}
	
/* -------------- Menu bas  -----------*/	
	
	ul#css3menu2{
	margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;
	*display:inline;}
ul#css3menu2 li{
	display:block;white-space:nowrap;font-size:0;float:left;}
* html ul#css3menu2 li a{
	display:inline-block;}
ul#css3menu2>li{
	margin:0;}
ul#css3menu2 a:active, ul#css3menu2 a:focus{
	outline-style:none;}
ul#css3menu2 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 14px Trebuchet MS;color:#fff;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:2px 10px 2px 10px;background-color:#aa007f;background-image:url("menu/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{
	background-color:#0c97e2;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("menu/mainbk.png");background-position:0 100px;}
ul#css3menu2 img{
	border:none;vertical-align:middle;margin-right:2px;}
ul#css3menu2 > li.switch{
	display:none;cursor:pointer;width:25px;height:20px;padding:2px 10px 2px 10px;}
ul#css3menu2 > li.switch:before{
	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#fff;-moz-box-shadow:0 8px #fff, 0 16px #fff;-webkit-box-shadow:0 8px #fff, 0 16px #fff;box-shadow:0 8px #fff, 0 16px #fff;}
ul#css3menu2 > li.switch:hover:before{
	background:#000000;-moz-box-shadow:0 8px #000000, 0 16px #000000;-webkit-box-shadow:0 8px #000000, 0 16px #000000;box-shadow:0 8px #000000, 0 16px #000000;}
.c3m-switch-input{
	display:none;}
ul#css3menu2 li:hover>a,ul#css3menu2 li > a.pressed{
	background-color: #0c97e2;
	background-image: url("menu/mainbk.png"), -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,1.00)),color-stop( 100% , rgba(12,151,226,1.00)));
	background-image: url("menu/mainbk.png"), -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(12,151,226,1.00) 100%);
	background-image: url("menu/mainbk.png"), linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(12,151,226,1.00) 100%);
	background-position: 0 100px;
	border-style: solid;
	border-color: #C0C0C0;
	color: #000000;
	text-decoration: none;
	text-shadow: #FFF 0 0 1px;
}
ul#css3menu2 li.topfirst>a{
	border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu2 li.toplast>a{
	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
@media only screen and (max-device-width: 768px) {
	ul#css3menu2 > li {
		position: initial;}
	ul#css3menu2 ul .submenu,ul#css3menu2 li > ul {
		left: 0; right:auto; top: 100%;}
	ul#css3menu2 .submenu,ul#css3menu2 ul,ul#css3menu2 .column {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media only screen and (max-device-width: 286px) {
	ul#css3menu2 {
		width: 100%;}
	ul#css3menu2 > li {
		display: none;		position: relative;		width: 100% !important;}
	ul#css3menu2 > li.switch,.c3m-switch-input:checked + ul#css3menu2 > li + li {
		display: block;}
	ul#css3menu2 > li.switch > label {		position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}}