
/* 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: 20px; display: block; padding: 10px 0;     text-align: center; }
.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: 30px!important;  margin-bottom:30px!important;}
.sottomenu.compatto:before {  content: ''; position: absolute; left: -104.5%;top: 50px; width: 100%; height: 1px; background-color: #1a3761;}
	
.sottomenu.compatto.collapse { display: block !important; width: auto !important; padding-bottom: 0; overflow: visible !important;margin-left: -15px;}
.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 {   font-size: 16px; text-transform: uppercase; font-weight: 300; display: block; float: left; width: 100%; padding: 20px 15px 20px 15px;   }
.sottomenu.compatto .navbar-nav>li>a.dropdown-toggle { /*padding-right: 17px; */}
.sottomenu.compatto .navbar-nav>li>a.dropdown-toggle:after { top: 50%; right:15px; }
.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: #73320F}
.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: 80%; left: -20%!important; right: -20%!important; background-color:#f4f4f4; border-radius: 0px !important; border: none; padding: 0; box-shadow: 0 0 20px rgba(100,100,100,.2); -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: 15px 25px; color: #322c18;font-size: 18px; font-weight: 300; text-align: center;}
.sottomenu.compatto .navbar-nav .dropdown-menu>li>a:hover { background-color: rgba(150,150,150,1); color: #fff !important; }
.sottomenu.compatto .dropdown-menu li .dropdown-menu { top: 0; left: 100% !important; right: auto; }
.sottomenu.compatto ul.nav li.dropdown .active > a { background-color: rgba(150,150,150,1); color: #fff; }
.sottomenu.compatto ul.nav li.dropdown .active > a:hover { background-color: rgba(150,150,150,1); color: #fff; }
.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: #322c18; 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: #322c18; 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; padding-right: 20px; /*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;*/ }
	
.sottomenu-titolo-parent { display: inline-block; position: absolute; text-align: center;  opacity: .04;margin-left: -5px;}	
	
}

@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; }

.sottomenu-titolo-parent {	display: none;}
	
	
}
