#cssmenu { width: 100%; min-height:45px; margin:0px; overflow:hidden;}
#cssmenu #menu-button { display: none;}

#nav { position:absolute; display: block; list-style: none; padding: 0; margin: 0; z-index: 500; }
#nav li { display: inline-block; margin: 0; padding: 0; float:left;}
#nav #lilast{ background:none;}
#nav > li > a { display:block; color: #ffffff; font-size: 18px; line-height:18px; padding:12px 18px 15px 18px;}
#nav > li > a:hover { color:#3e3e3e; background:#ffc344;}
#nav li:hover > ul { display:block;}

#nav ul { position: absolute; display:none; z-index: 1000; left: auto; top:auto; width:160px; padding: 0; margin: 0;}
#nav ul li { display:block; float:left; position: relative; margin: 0; padding: 0; }
#nav ul li a { display:block; width:360px; padding: 10px 10px; font-size: 16px; color: #fff; border-bottom: 1px solid #eeeeee; background:#333;}
#nav ul li a:hover { color: #1A1A1A; background: #fef78d;}

#nav ul ul { position: absolute; display:none; z-index: 1000; left: 380px; top:0; width:160px; padding: 0; margin: 0;}
#nav ul ul li { display:block; float:left; position: relative; margin: 0; padding: 0;}
#nav ul ul li a { display:block; width: 200px; padding: 10px 10px; font-size: 15px; color: #484848; border-bottom: 1px solid #eeeeee; background: #C1C1C1;}
#nav ul ul li a:hover { color:#000;}

#cssmenu li.has-sub::after { display: block; content: ""; position:absolute; width: 0; height: 0; margin-left: 75px; top: 25px; border: 5px solid transparent; border-top-color: #7a8189;}

#cssmenu > ul > li:hover::after { border-top-color: #fda703;}

ul#left::after { display: block; content: ""; position: absolute; width: 0; height: 0; top: 10px; left:-20px; border: 6px solid transparent; border-right-color: #000;}

.p1 #p1,.p2 #p2,.p3 #p3,.p4 #p4,.p5 #p5,.p6 #p6,.p7 #p7,.p8 #p8,.p9 #p9,.p10 #p10,.p11 #p11{ color:#3e3e3e; background:#ffc344;}


@media only screen and (max-width: 1550px) {
	#nav > li > a{font-size: 20px; line-height:18px; padding:12px 10px 15px 10px;}	
}

@media only screen and (max-width: 1380px) {
	#nav > li > a{font-size: 17px; line-height:19px;padding:12px 17px 15px 15px;}	
}

@media only screen and (max-width: 1290px) {
	#nav > li > a{font-size: 15px; line-height:18px; padding:12px 6px 15px 6px;}	
}

@media only screen and (max-width: 1020px) {
	#nav > li > a{font-size: 14px; line-height:18px; padding:12px 4px 15px 4px;}	
}

@media only screen and (max-width: 900px) {
	#cssmenu{ width:100%; margin:0px; float:right;  min-height:35px;}
	#cssmenu #menu-button { display: block; cursor: pointer; border:none; float:left;}
	#cssmenu #menu-button > a { padding:0px; border:none; background:#27375b;width:100%; float:left; padding:5px 0px;}
	#cssmenu #menu-button > a img{ float:right; padding-right:20px;}
	#cssmenu #menu-button > a label{ float:left; text-align:left; padding-left:20px; font-size:20px; padding-top:4px;}
    #cssmenu ul.open li, #cssmenu > ul.open > li { display: block; }
    #cssmenu ul ul::after { display: none; }
	
	#cssmenu li.has-sub1::after{ display:none;}
	
	#nav { display: block; width:90%;  margin:0px; padding:0px; float:left; }
	#nav li, #nav > ul > li { display: none; width:100%; margin:0px; padding:0px; border-bottom:1px solid #fff; }
	
	#nav > li > a{ color:#F2F2F2; margin:0px; padding: 12px 20px; text-align:center; border:none; background:#3e724e; font-size:20px;}
	#nav > li > a:hover{ color:#ffffff; background:#f1c741;}
	#nav ul{ position: relative; left: auto; top: auto; padding-left: 0;  padding-right: 0; right: auto; width:100%;}
	#nav ul li a { border: 0; background:#27375b; width: 100%; margin:0 auto; padding: 8px 0px; text-align:center;font-size:20px;}
	#nav ul li:hover a{ border:none;}
	#nav ul ul{ position: relative; left: auto; top: auto; padding-left: 0;  padding-right: 0; right: auto; width:100%;}
	#nav ul ul li a{ width: 100%; margin:0 auto; padding: 8px 0px; text-align:center;font-size:20px; color:#27375b;}
}

@media only screen and (max-width: 240px) {
	#cssmenu{ width:100%; margin:0px; float:right; margin-top:-35px;}
	#nav { display: block; width:85%;}
}