

.logo { float:left;padding-left: 0%;padding-top: 1%;padding-bottom: 1%;}
.top { float:right; margin:0px;  }

#cssmenu { margin:0px; float:right;  z-index:100000;}
#cssmenu #menu-button { display: none;}
#nav li:hover > ul { display:block; -webkit-animation-name: showSubMenu; -webkit-animation-duration: .4s;}
#nav { display: block; width:100%;  list-style: none; padding:0px; margin: 0 auto; z-index:10000;}
#nav li { display: inline-block; float:left; margin: 0; padding: 0; }
#nav > li > a {position: relative;display: block; color:#343434; font-size: 15px;line-height: 22px;padding: 39px 18px;}
#nav > li > a:hover {}
.hor:hover{}
#nav li:hover > ul {  }

#nav ul { position: absolute; display:none; z-index: 1000; left: auto; top:auto; width:200px; padding: 0; margin: 0;}
#nav ul li { display:block; float:left; position: relative; margin: 0; padding: 0;}
#nav ul li a { display:block; width:200px; padding: 5px 14px; font-size: 14px; color: #484848; border-bottom: 1px solid #eeeeee; background: #CCE6FF;}
#nav ul li a:hover { color: #1A1A1A; background: #f2f2f2;}

#nav ul ul { position: absolute; display:none; z-index: 1000; left: 200px; top:0; width:200px; 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: 180px; padding: 5px 10px; font-size: 14px; color: #484848; border-bottom: 1px solid #eeeeee; background: #C1C1C1;}
#nav ul ul li a:hover { color: #1A1A1A; background: #f2f2f2;}

#cssmenu li a.has-sub::after { display: block; content: ""; position:absolute; width: 0; height: 0; top: 23px; right:0px; border: 5px solid transparent; border-top-color: #ffffff;}
#cssmenu > ul > li:hover::after { border-top-color: #ffffff;}

a{text-decoration:none; list-style:none;}

li{text-decoration:none; list-style:none;}


@media only screen and (max-width: 1024px) 



{
	logo { float:left;padding-left: 0%;padding-top: 1%;padding-bottom: 1%;}
.top { float:right; margin:0px;  }
	
	#cssmenu { margin:0px; float:right;  z-index:100000;}
#cssmenu #menu-button { display: none;}
#nav li:hover > ul { display:block; -webkit-animation-name: showSubMenu; -webkit-animation-duration: .4s;}
#nav { display: block; width:100%;  list-style: none; padding:0px; margin: 0 auto; z-index:10000;}
#nav li { display: inline-block; float:left; margin: 0; padding: 0; }
#nav > li > a {position: relative;display: block;color: #343434;font-size: 15px;line-height: 18px;padding: 36px 6px;}
	
	
	
	
	
}


@media only screen and (max-width: 650px) 
{
.logo { float:left;padding-left: 0%;padding-top: 2px;padding-bottom: 2px;}
.logo img {width: 184px;}
.top { float:right; margin:0px;  }

#cssmenu { margin:0px; float:right;  }
#cssmenu #menu-button { display: none;}
#nav { display: block; width:100%;  list-style: none; padding:0px; margin: 0 auto; z-index:99999;}
#nav li { display: inline-block; float:left; margin: 0; padding: 0; }
#nav > li > a {position: relative;display: block;color: #FFF;font-size: 16px;line-height: 26px;padding: 21px 6px;}
	
}

@media all and (max-width: 950px){
	#cssmenu{ width:100%; margin:0px; float:left; min-height:35px;  }
	#cssmenu #menu-button { display: block; cursor: pointer; border:none; float:left; width:100%;}
	#cssmenu #menu-button > a { padding:0px; border:none; background:none; float:right; margin-top:-35px; margin-left:15px; width:100%;}
	#cssmenu #menu-button #menubarwd{ float:left; padding-left:15px; padding-top:5px; font-size:16px; color:#FFFFFF; }
	#cssmenu #menu-button img{float: right;padding-right: 20px;}
    #cssmenu ul.open li, #cssmenu > ul.open > li { display: block; }
    #cssmenu ul ul::after { display: none; }
	
	#cssmenu li a.has-sub::after{ right:35%;}
	
	#nav { display: block; margin:40px 0px 0px 0px; }
	#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 15px; text-align:center; border:none; font-size:16px; background:#ac191e; -webkit-animation-name: showSubMenu; -webkit-animation-duration: .5s;
	-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
	#nav > li > a:hover{ color:#ffffff; background:#f02830; border-bottom:none;}
	#col2{ width:100%; float:left;}
	#nav .lev { position: relative;}
	.p1 #p1,.p2 #p2,.p3 #p3,.p4 #p4,.p5 #p5,.p6 #p6,.p7 #p7{ background:#f02830; color:#FFFFFF; border-bottom:none; }

}
