.sf-menu { clear: none; float: right; display: block; width: auto; margin: 0; padding: 0; position: relative; font-family: 'Lato', sans-serif; font-weight: 400; background: none; text-align: left; }
.sf-menu li { display: inline-block; font-size: 1.076em; /* 14px */ font-weight: 400; float: left; padding-right: 8px; line-height: 14px; position: relative; list-style-type: none; }
.sf-menu li + li { background: url('/Content/images/divider-menu-verde.png') no-repeat center right; padding-left: 6px; }
.sf-menu li + li:last-child { background-image: none; padding-right: 5px; }
.sf-menu > li > a { padding-top: 12px; padding-bottom: 12px; /*	height:50px;*/ color: rgba(102, 102, 102, 1); text-decoration: none; display: block; /*	border-left:solid 1px #ccc;*/ text-transform: lowercase; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -o-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; }
.sf-menu li.right { float: right; }
.sf-menu ul { /* POSIZIONE SUB MENU ESPANSO */ top: 36px; left: 0px; }
.sf-menu ul li ul { top: 0; left: 100%; }
.sf-menu ul li { float: left; clear: both; width: 100%; border: 0; font-size: 1.0em; background-image: none; }
.sf-menu ul li:last-child { border-bottom: none; }
.sf-menu ul li a { /* VOCI SOTTOMENU ESPANSO */ padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; width: 100%; color: rgba(204, 204, 204, 0.80); text-decoration: none; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -o-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; text-transform: lowercase; border-bottom: dotted 1px #666; }
.sf-menu ul.active ul li:a { /* VOCI SOTTOMENU ESPANSO */ padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; width: 100%; color: rgba(204, 204, 204, 0.80); text-decoration: none; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -o-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; text-transform: lowercase; border-bottom: dotted 1px #666; }
.sf-menu > li.showhide { /* BARRA ETICHETTA MENU' COMPATTO */ display: none; width: 100%; height: 40px; cursor: pointer; color: #fff; border-bottom: none; }
.sf-menu > li.showhide span.title { /* STILE ETICHETTA MENU' COMPATTO */ font-size: 13px; font-family: 'Oswald', sans-serif; font-weight: 300; color: rgba(67, 67, 67, 1); margin-top: 13px; margin-bottom: 12px; margin-left: 10px; margin-right: auto; padding: 0; float: left; }
.sf-menu > li.showhide span.icon { /* POSIZIONE LINEETTE MENU COMPATTO */ margin-top: 12px; margin-bottom: 12px; margin-left: auto; margin-right: 10px; padding: 0; float: right; }
.sf-menu > li.showhide .icon em { /* STILE LINEETTE MENU COMPATTO */ margin-bottom: 3px; display: block; width: 20px; height: 2px; background: rgba(149, 172, 69, 1); }
.verde li:hover > a, .verde li.active a { color: #95AC45 !important; font-weight: 400; /* SOTTOMENU CON VOCE ATTIVA */ }
.verde li.active a, .verde li.active a:hover { background-color: rgba(204, 204, 204, 0); color: #95AC45 !important; display: block; }
.verde li.active ul li a { color: rgba(255, 255, 255, 0.6) !important; display: block; }
.verde li.active ul li a:hover { color: rgba(255, 255, 255, 1) !important; display: block; /* SOTTOMENU  CON VOCE ATTIVA */ }
.verde li ul { color: #FFF !important; background: rgba(170, 94, 33, 0); /*	color:rgba(228, 222, 205, 1)!important;*/ font-weight: 300; }
.verde li ul li:hover > a, .verde li ul li.active a { color: #FFF !important; background: rgba(32, 28, 27, 0); /*	color:rgba(228, 222, 205, 1)!important;*/ }
.sf-menu ul:after { /* freccia su submenu */ bottom: 100%; left: 25px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: none; border-bottom-color: rgba(51, 51, 51, 0.9); border-width: 8px; margin-left: 0px; }
.sf-menu ul, .sf-menu ul li ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 95900; min-width: 160px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; text-transform: uppercase; white-space: nowrap; -webkit-box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.36); -moz-box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.36); box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.36); }
.sf-menu ul li, .sf-menu ul li:last-child { /*	border-bottom:dotted 1px #666;*/ width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #666; margin: 0; padding-left: 5px; background-color: rgba(51, 44, 38, 0.9); }

@media only screen and (max-width:1050px) { /* menu centrato */
    .sf-menu { width: 100%; /*	background-color:rgba(62, 81, 116, 1);*/ background: rgba(51, 44, 38, 0); margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 10px; display: -webkit-flex; /* Safari */ display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; -webkit-justify-content: center; /* Safari 6.1+ */ justify-content: center; text-align: center; }
    .sf-menu ul li a { /* VOCI SOTTOMENU COMPATTO */ padding: 0; }
    .sf-menu ul li:last-child { border-bottom: none; }
    .sf-menu ul li a { /* VOCI SOTTOMENU ESPANSO */ padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; width: 100%; color: rgba(204, 204, 204, 0.80); text-decoration: none; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -o-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; text-transform: lowercase; border-bottom: dotted 1px #666; text-align: left; }
}

@media only screen and (max-width:767px) { /* menu compatto */
    .sf-menu { width: 96%; /*	min-width:260px;*/ /*	background-color:rgba(62, 81, 116, 1);*/ background: rgba(204, 204, 204, 0.2); margin-left: 2%; margin-right: 2%; margin-top: 0; margin-bottom: 10px; -webkit-justify-content: left; /* Safari 6.1+ */ justify-content: left; text-align: left; }
    .sf-menu li { display: block; width: 100%; margin: 0; padding: 0; list-style: none; background-image: none; border-bottom: dotted 1px #666; }
    .sf-menu li + li { padding-left: 0; background-image: none; }
    .sf-menu li + li:last-child { background-image: none; padding-right: 0; }
    .sf-menu > li > a { width: 100%; padding-left: 10px; padding-right: auto; padding-top: 12px; padding-bottom: 12px; background: rgba(149, 172, 69, 1); /* COLORE SFONDO MENU COMPATTO APERTO */ background-image: none; margin: 0; color: #FFF; }
    .sf-menu a { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .sf-menu ul, .sf-menu ul li ul, .sf-menu.vertical ul, .sf-menu.vertical ul li ul { width: auto; position: static; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .verde li:hover > a { /*	background:none;*/ color: rgba(255, 255, 255, 1) !important; /* SOTTOMENU COMPATTO CON VOCE ATTIVA */ }
    .verde li.active a { background-color: rgba(204, 204, 204, 0); color: rgba(51, 51, 51, 1) !important; display: block; }
    .verde li.active a:hover { color: rgba(51, 51, 51, 1) !important; display: block; }
    .verde li.active ul li a { color: rgba(255, 255, 255, 0.6) !important; display: block; }
    .verde li.active ul li a:hover { color: rgba(255, 255, 255, 1) !important; display: block; /* SOTTOMENU COMPATTO CON VOCE ATTIVA */ }
    .verde li.active a:after { display: none; }
    .sf-menu ul li, .sf-menu ul li:last-child { border-left: 0; border-right: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; }
    .sf-menu ul > li > a { list-style-type: none; padding-left: 10px !important; padding-right: 10px; padding-top: 12px; padding-bottom: 12px; margin: 0; }
    .sf-menu ul li { border-bottom: none; }
    .sf-menu ul, .sf-menu ul li ul { /*	background:transparent;*/ }
    .sf-menu ul:after { /* freccia su submenu */ border-color: rgba(104, 108, 117, 0); border-bottom-color: rgba(104, 108, 117, 0); border-width: 0; margin-left: 0; }
}