/* SOTTOMENU */
 /* RESPONSIVE MOBILE INFERIORE A 768px */
@media screen and (max-width: 736px) {
.sottomenu .collapse-ul { display: none; margin-bottom: 30px; }
.sottomenu .navbar-collapse { border-top: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; }
/* SOTTOMENU */
.sottomenu { overflow: auto; width: 100%; }
.sottomenu ul { list-style: none; font-size: 12px; font-weight: 300; color: #666666; margin-bottom: 5px; padding: 0; }
.sottomenu li { position: relative; }
.sottomenu ul li a { position: relative; color: #4d4d4d; font-size: 14px; display: block; padding: 10px 0; }
.sottomenu ul li a:hover, .sottomenu ul li a.active { color: #ccc; }
.sottomenu ul li a i { font-size: 16px; line-height: 16px; }
/* 2° NODO */ 
.sottomenu ul li ul { margin-left: 0px; }
.sottomenu ul li ul li a { font-weight: 300; display: inline; }
}

@media (min-width: 768px) {

/* COMPATTO */
.sottomenu.compatto { height: auto; border-top: 0; box-shadow: none; max-height: none; padding-left: 0; padding-right: 0; margin-top: 7px; margin-bottom: 50px;  z-index: 1}
.sottomenu.compatto.collapse { display: block !important; width: auto !important; padding-bottom: 0; overflow: visible !important; }
.sottomenu.compatto.in { overflow-x: visible; }
.sottomenu.compatto .nav>li>a:focus, .sottomenu.compatto .nav>li>a:hover { background-color: transparent !important }
.sottomenu.compatto .navbar-nav { float: none; padding: 0; margin: 0 }
.sottomenu.compatto .navbar-nav>li>a { color: #999; font-size: 14px; height: 14px; line-height: 14px; text-transform: uppercase; font-weight: 400; display: block; float: left; width: 100%; padding: 0px 20px 10px 20px; margin-bottom: 10px; border-bottom: 0px solid #464A4C; border-right: 1px solid #cccccc }
.sottomenu.compatto .navbar-nav>li>a.dropdown-toggle {padding-right: 17px;}
.sottomenu.compatto .navbar-nav>li>a.dropdown-toggle:after {top: 6px;right:5px;}
.sottomenu.compatto .navbar-nav>li:first-child a { padding-left: 0; }
.sottomenu.compatto .navbar-nav>li:last-child a { border-right: none; }
.sottomenu.compatto .navbar-nav>li>a i { margin-left: 10px; font-size: 15px; font-weight: 300; line-height: 11px; }
.sottomenu.compatto .navbar-nav>li>a:hover, .sottomenu.compatto .navbar-nav>li>a.active { color: #333 }
.sottomenu.compatto .navbar-nav>li.active { }
.sottomenu.compatto .navbar-nav>li:last-child > a { border-bottom: none }
.sottomenu.compatto.centered .navbar-nav { float: none !important; text-align: center }
.sottomenu.compatto.centered .navbar-nav >li { float: none !important; display: inline-block; }
.sottomenu.compatto .nav .open>a, .sottomenu.compatto .nav .open>a:focus, .sottomenu.compatto .nav .open>a:hover { background-color: #2d2d2d !important; color: #fff !important; border-color: transparent; padding-left: 10px; cursor: pointer; padding: 10px 13px; }
.sottomenu.compatto .nav a.active { /*background-color: #cccccc !important; color: #fff !important; */ }
.sottomenu.compatto .navbar-nav.sm-collapsible a.has-submenu { padding-right: 0; cursor: pointer; }
.sottomenu.compatto .navbar { max-width: 300px; margin-right: 0; margin-left: 0; }
.sottomenu.compatto .navbar-nav, .sottomenu.compatto .navbar-nav > li, .sottomenu.compatto .navbar-left, .sottomenu.compatto .navbar-right, .sottomenu .navbar-header { float: left !important; }
.sottomenu.compatto .dropdown-menu { top: 20px; left: -10px !important; right: auto; width: 100%; background-color: #fff; border-radius: 0px !important; border: 1px solid #f4f4f4;; -webkit-box-shadow: none; box-shadow: none; padding: 0; -webkit-animation: fadeIn 0.3s; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.sottomenu.compatto .navbar-nav .dropdown-menu>li>a { padding: 10px 16px;font-size: 12px; font-weight: 400; }
.sottomenu.compatto .navbar-nav .dropdown-menu>li>a:hover {  color: #C61818;}
.sottomenu.compatto .dropdown-menu li .dropdown-menu { top: 0; left: 100% !important; right: auto; }
.sottomenu.compatto ul.nav li.dropdown .active >a { color: #C61818!important }
.sottomenu.compatto ul.nav li.dropdown .active >a:hover { color: #C61818; }
.sottomenu.compatto .navbar-nav .dropdown-menu li .dropdown-menu { top: 0 !important; margin-top: 0px; }
.sottomenu.compatto .navbar-nav .dropdown-menu > .open > a, .sottomenu.compatto .navbar-nav .dropdown-menu > .open > a:hover, .sottomenu.compatto .navbar-nav .dropdown-menu > .open > a:focus { padding: 12px 13px !important; }
.sottomenu.compatto .navbar-nav.sm-collapsible ul .dropdown-menu > li > a, .sottomenu.compatto .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header { padding: 12px 13px; }
.sottomenu.compatto .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: 0; }
.sottomenu.compatto ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
/* ESPANSO */
.sottomenu.espanso { position: relative; display: inline-block; width: 95%; margin-bottom: 30px; }
.sottomenu.espanso ul { list-style: none; font-weight: 300; color: #464A4C; margin-bottom: 5px; padding: 0; }
.sottomenu.espanso ul > li { position: relative; display: inline-block; width: 100%; padding: 5px 0; border-bottom: 1px solid #f1f1f1; }
.sottomenu.espanso ul > li.has-sub > a { font-weight: 700; }
.sottomenu.espanso li:last-child { border: none; }
.sottomenu.espanso ul li a { position: relative; display: inline-block; width: 100%; color: #464A4C; font-size: 14px; font-weight: 400; padding: 5px 0px; cursor: pointer !important; }
.sottomenu.espanso ul li a:before { /*position:absolute;top: 20%; left: -10px; content:'-';*/ }
.sottomenu.espanso ul li.has-sub > a:before, .sottomenu.espanso ul li.has-sub > a.up:before { content: '+'; position: absolute; top: 0px; left: inherit; right: 5px; font-size: 18px; font-weight: 300; }
.sottomenu.espanso ul li.has-sub > a.down:before { content: '-'; position: absolute; top: -10px; left: inherit; right: 5px; font-size: 28px; font-weight: 300;   }
.sottomenu.espanso ul li a:hover { color: rgba(70,74,76,1); opacity:.6 }
.sottomenu.espanso ul li a.active { color: rgba(70,74,76,1); }
.sottomenu.espanso ul li a i { font-size: 14px; line-height: 14px; }
.sottomenu.espanso ul li ul li a { position: relative; padding-left: 0px; /*white-space: pre; */ color: #999; }
/*.sottomenu.espanso ul li.has-sub ul li a:before { position: absolute; left: 10px; font-size: 18px; content: '-'; margin-right: 5px; color: #ccc; }
.sottomenu.espanso ul li.has-sub ul li a.down:before { position: absolute; top: 5px; left: 10px; font-size: 18px; content: '-'; margin-right: 5px; color: #ccc; }*/



.sottomenu.espanso ul li ul { margin-left: 0px; width: 100% !important; }
.sottomenu.espanso ul li ul li ul { margin-left: 0px; }
.sottomenu.espanso ul li ul li a { font-weight: 300; /*display: inline-block; width:100%;*/ }
.sottomenu.espanso ul li ul li ul li a:before { /*content: "- "; */ }
.sottomenu.espanso ul li ul li ul li a { font-size: 12px; white-space: pre; }
}

@media screen and (max-width: 767px) {
/* MENU LATERALE */
.sottomenu { padding: 0 0px; overflow: auto; border-bottom: 1px solid #ddd; }
.sottomenu ul { list-style: none; font-size: 12px; }
.sottomenu li { border-bottom: 1px solid #ddd; }
.sottomenu li:last-child { border-bottom: none; }
.sottomenu li a { font-weight: 300; color: #666; padding: 15px 5px; }
.sottomenu ul li.has-sub ul { margin-bottom: 0; }
.sottomenu ul li.has-sub ul li a:before { position: absolute; left: 5px; font-size: 18px; content: '-'; margin-right: 5px; color: #ccc; }
.sottomenu ul li a i { margin-right: 5px; font-weight: 300; }
.sottomenu.compatto ul { border-color: transparent; }
.sottomenu.compatto ul li a { display: inline-block; width: 100%; padding: 15px 5px; }
.sottomenu.compatto ul li a.dropdown-toggle:after { display: none; }
.sottomenu.compatto ul li.show > a.dropdown-toggle i:before { content: '\f068'; }

.sottomenu.compatto ul li a i { /*display:none*/ }
.sottomenu.compatto ul li a .sub-arrow { border-color: transparent; margin: -14px 0; }
.sottomenu.compatto ul li ul li { padding: 0 !important; }
.sottomenu.compatto ul li ul li a { padding-left: 15px !important; }
.sottomenu.compatto ul li ul li ul { margin: 0; }
.sottomenu.compatto ul li ul li ul li a { padding-left: 25px !important; }
/* 2° NODO */ 
.sottomenu ul li ul { margin-top: 5px; margin-bottom: 0; }
.sottomenu ul li ul li { border-bottom: 1px solid #ddd; padding: 0px 0 !important; padding-left: 15px !important; }
.sottomenu ul li ul li:last-child { border: none; }
.sottomenu ul li ul li a { font-weight: 300; width: 100%; display: inline-block; }
/* 3° NODO */ 
.sottomenu ul li ul li ul li { padding-left: 15px !important; }
}