#cssmenu{line-height:1}
#cssmenu,#cssmenu ul {position:relative;}
#cssmenu,#cssmenu ul,#cssmenu ul li{margin:0;padding:0;border:0;list-style:none;line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center; display: block; position: relative;}
#cssmenu ul li a{margin:0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#36651e;}

a.mobile{width:60px;height:42px}

/*- bt. apri entra-- pre*/
#cssmenu,#cssmenu #prenav {display: block;}
/*#cssmenu > ul > li {display:grid; grid-template-columns: 1px auto 110px; width:100%;}*/
#cssmenu > ul > li ul#nav {max-width: 1020px; margin: auto;}
#cssmenu > ul > li ul#navb {max-width: 1020px; margin: auto;}
#cssmenu ul li ul a {position:relative;display:block;}
#cssmenu>ul>li>ul>li>a {font-weight: 600}
 

#cssmenu>ul>li>a{cursor:pointer;z-index:2;text-decoration:none;}
#cssmenu>ul>li>a:hover,#cssmenu>ul>li.active>a,#cssmenu>ul>li.open>a{color:#36651e}
#cssmenu>ul>li>a:hover>span::after,#cssmenu>ul>li.active>a>span::after,#cssmenu>ul>li.open>a>span::after{border-color:#eee}
#cssmenu>ul>li.active>a>span::after,#cssmenu>ul>li.open>a>span::after{border-color:#eee}
#cssmenu ul li .mobile #apri{border:1px solid #e5e5e5;border-radius:3px 3px;cursor:pointer;display:block;height:auto;padding:3px 3px; position:absolute;right:160px;top:0px;width:auto;}
#cssmenu ul li .mobile #apri:before{content: url(../img/6.png); font-family: simbol; z-index:10;font-size:30px;color:#396b54}

/* -- nav-- bt. princ  in nav*/
#cssmenu ul ul li a{cursor:pointer;z-index:1;text-decoration:none;}
#cssmenu ul ul li > a {color:#36651e; text-decoration:none; display:inline-block; margin-right: 3px; min-width:50px; padding-left: 12px; padding-right: 12px; padding-bottom: 2px; height:28px; text-align:center;  font-family: "Montserrat", sans-serif; font-weight: 600; line-height: 28px;}
#cssmenu ul ul li > a:hover {color: #7d7f7c; border-bottom: 2PX SOLID #7d7f7c}
/*#cssmenu ul ul li.open>a,#cssmenu ul ul li.active>a{color: #7d7f7c; border-bottom: 2PX SOLID #7d7f7c}*/
#cssmenu ul ul li.has-sub>a {position: relative;  display: inline-block}
#cssmenu ul ul li.has-sub>a::after{display:block;position:absolute;content:url(../img/n.png); font-family: simbol; width:5px;height:5px;right:50% ;z-index:10;bottom:-5px; font-size: 8px;color:#e5e5e5}
#cssmenu ul ul li.active>a::after,#cssmenu ul ul li>a:hover::after{border-color:#7d7f7c}
#cssmenu ul ul li.open>a::after{border-color:#7d7f7c}

/* -- nav-- bt. second */
#cssmenu ul ul ul li a {padding: 8px 2px 8px 2px; text-transform: none; text-align: left;}
#cssmenu>ul>li>ul>li>ul>li{border-top:1px solid #f6f6f6}
#cssmenu ul ul ul {padding-top: 0px; background: #FFF; margin-left: -16px; margin-right: -16px; padding-left: 6px; padding-right: 6px;}
#cssmenu ul ul ul li{display:block;width:100%; min-height: 36px}


/*#cssmenu ul ul li:first-child>a{box-shadow:none}
#cssmenu ul ul ul li:first-child>a{box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}*/





/*----- no mobile ------ */
@media only screen and (min-width:1080px)
{#cssmenu{min-height:38px}
#cssmenu #nav{display:grid; grid-template-columns: 16% 14% 13% 16% 15% 26%; width:100%;}
#cssmenu #navb{display:grid; grid-template-columns: 24% 22% 18% 18% 18%; width:100%;}
#cssmenu ul ul ul{display:none}
#cssmenu ul li > a.mobile, #cssmenu ul li > a.no-.mobile, #cssmenu ul li > a.areac {position: absolute;}
#cssmenu ul li > a.mobile {right: 0; left: 0}
#cssmenu ul li > a.no-mobile {left: 0; display: none}
#cssmenu ul li .mobile{display:none;visibility:hidden}
#cssmenu ul li .no-mobile{height:26px;display:inline-block;background:#999;width:0px;}
#cssmenu ul li .no-mobile::after{/*content:"\2193";padding-left:6px*/}
#cssmenu ul ul li#bt1,#cssmenu ul ul li#bt2,#cssmenu ul ul li#bt3,#cssmenu ul ul li#bt4,#cssmenu ul ul li#bt5 {}
#cssmenu ul ul li 	{display:block;text-decoration:none;background:inherit;}
/*#cssmenu>ul>li>ul>li>a {border-bottom:2px solid #e5e5e5;}*/
#cssmenu ul ul li span {display: block;}
#cssmenu>ul>li>ul>li>a span:last-child { }
#cssmenu ul ul li ul  {box-shadow: 2px 3px 3px rgb(0 0 0 / 30%); border-top:1px solid #e5e5e5; margin-top:0px}
#cssmenu ul ul li.open a::after, #cssmenu ul ul li.active a::after {visibility: hidden}
#cssmenu>ul>li>ul>li.open>a, 	#cssmenu>ul>li>ul>li.active>a {border-bottom: hidden}
}
@media only screen and (min-width: 1321px) {
	#cssmenu ul ul li > a 	{font-size: 16px; }}
 
@media only screen and (min-width:1041px) and (max-width: 1320px) {
	#cssmenu ul ul li > a 	{font-size: 14px; padding-left:  0.5%; padding-right:  0.5%;}
}
@media only screen and (min-width:1080px) and ( max-width: 1240px) {
	#cssmenu ul ul li > a 	{font-size: 13px;}
}
 
/*----- mobile ------ */
@media only screen and (max-width:1079px){
#cssmenu ul li a {display:block;}
#cssmenu,#cssmenu #prenav { height: 42px;}
#cssmenu > ul > li {display:block; width:100%; vertical-align: top;}
#cssmenu ul ul#nav{margin-left:0; background: #fff;}
#cssmenu ul ul#navb{margin-left:0; background: #fff;}	
#cssmenu ul ul{display:none;text-align:right}
#cssmenu ul li .no-mobile,#cssmenu ul li .no-mobile .apri,#cssmenu ul li .no-mobile{}
#cssmenu ul ul li.has-sub a {position: relative; display: block;}
#cssmenu ul ul li.has-sub> a {display: block; text-align: left;}
.nome{display:none;visibility:hidden;width:0;height:0;padding:0;position:relative}
/*#cssmenu>ul>li>a*/ ul li ul#nav a{display:block}
	ul li ul#navb a{display:block}
	#cssmenu ul ul li > a::before {}
#cssmenu ul ul li > a {text-align: left; line-height: 32px;  height:32px; padding-left: 20px; font-size: 16px;}
/*#cssmenu ul ul li > a:hover {border-bottom: 0PX inherit #e5e5e5}*/
#cssmenu ul ul li ul {margin-left: 0px; margin-right:0px; padding-left: 0px; padding-right: 0px}
#cssmenu ul ul li{background:#fff}
#cssmenu>ul>li>ul>li{border-top:1px solid #f6f6f6}
#areac { border-radius: 8px 8px;}
#cssmenu ul ul li.has-sub>a::after{display:block;position:absolute;content:url(../img/6.png); font-family: simbol; width:5px;height:5px;left:2% ;z-index:10;bottom: inherit;top: 10px; font-size: 10px;color:#e5e5e5}
#cssmenu>ul>li>ul>li:last-child {border-bottom:2px solid #e5e5e5}
#cssmenu ul ul#nav > li:first-child { margin-top: 22px;}
#cssmenu ul ul#navb > li:first-child { margin-top: 22px;}
#cssmenu ul ul li.open,#cssmenu ul ul li.active, #cssmenu ul ul li.open ul li,#cssmenu ul ul li.active ul li {background:#f7fcfb}
#cssmenu ul ul li.active>a::after,#cssmenu ul ul li>a:hover::after{border-color:#e5e5e5}
#cssmenu ul ul li.open>a::after{border-color:#e5e5e5}
}