/*
	FileName ....... : Menu.css
	TemplateName ... : Template Base
	Copyright ...... : 2013, ObjectWeb Srl - Tutti i diritti riservati
	Version ........ : 1.0.0
	Note ........... : CSS relativi ai menù
*/



/* ============================================================================================== */
/* Menù verticale in colonna Utility (sinistra)                                                   */
/* Menù verticale in colonna Sidebar (destra)                                                     */
/* Menù orizzontale (regole per il terzo livello)                                            */
/* ============================================================================================== */
/* Primo Livello
------------------------------------------------------------------------------------------------- */
html > body .utility .section.menu ul.navbar-nav,
html > body .sidebar .section.menu ul.navbar-nav {
   float: none;
}

html > body .utility .section.menu ul.navbar-nav li,
html > body .sidebar .section.menu ul.navbar-nav li {
	list-style: none outside none;
	width: 100%;
}

.utility .section.menu ul.navbar-nav li,
.sidebar .section.menu ul.navbar-nav li {
	border-bottom: 1px dotted #B4A69D;
}

.utility .section.menu ul.navbar-nav li a,
.sidebar .section.menu ul.navbar-nav li a {
	padding-left: 3px;
}

.utility .section.menu ul.navbar-nav.level1 > li.active > a,
.sidebar .section.menu ul.navbar-nav.level1 > li.active > a,
.utility .section.menu ul.navbar-nav.level1 > li.active-parent > a,
.sidebar .section.menu ul.navbar-nav.level1 > li.active-parent > a {
	font-weight: bold;
}
/* ---------------------------------------------------------------------------------------------- */



/* Secondo Livello
------------------------------------------------------------------------------------------------- */
.utility .section.menu ul.level1 ul,
.sidebar .section.menu ul.level1 ul {
   display: none;
   left: 0;
   top: 0;
}

.utility .section.menu ul.level1 ul.dropdown-menu,
.sidebar .section.menu ul.level1 ul.dropdown-menu {
   border: none;
   box-shadow: none;
   float: none;
   position: relative;
}

.utility .section.menu ul.level1 li.active ul.level2,
.sidebar .section.menu ul.level1 li.active ul.level2,
.utility .section.menu ul.level1 li.active-parent ul.level2,
.sidebar .section.menu ul.level1 li.active-parent ul.level2,
.utility .section.menu ul.level1 li.active-forced ul.level2,
.sidebar .section.menu ul.level1 li.active-forced ul.level2 {
   display: block;
}

.utility .section.menu ul.level1 li.active ul.level2 > li,
.sidebar .section.menu ul.level1 li.active ul.level2 > li,
.utility .section.menu ul.level1 li.active-parent ul.level2 > li,
.sidebar .section.menu ul.level1 li.active-parent ul.level2 > li,
.utility .section.menu ul.level1 li.active-forced ul.level2 > li,
.sidebar .section.menu ul.level1 li.active-forced ul.level2 > li {
	border: none;
	font-size: 13px;
}

.utility .section.menu ul.level1 li.active ul.level2 > li a,
.sidebar .section.menu ul.level1 li.active ul.level2 > li a,
.utility .section.menu ul.level1 li.active-parent ul.level2 > li a,
.sidebar .section.menu ul.level1 li.active-parent ul.level2 > li a {
   padding-left: 15px;
   white-space: normal;
}

.utility .section.menu ul.level1 .dropdown-menu > .active.nav-parent  > a, 
.sidebar .section.menu ul.level1 .dropdown-menu > .active.nav-parent  > a {
   background-color: Transparent;
   color: inherit;
   font-weight: bold;
}
/* ---------------------------------------------------------------------------------------------- */



/* Terzo Livello
------------------------------------------------------------------------------------------------- */
.utility .section.menu ul.level1 > ul.level2 > ul.level3,
.sidebar .section.menu ul.level1 > ul.level2 > ul.level3 {
   display: none;
   left: 0;
   top: 0;
}

.utility .section.menu ul.level2 li.active > ul.level3,
.sidebar .section.menu ul.level2 li.active > ul.level3,
.utility .section.menu ul.level2 li.active-parent > ul.level3,
.sidebar .section.menu ul.level2 li.active-parent > ul.level3 {
	border: medium none;
   display: block;
}

.utility .section.menu ul.level2 li.active ul.level3 > li,
.sidebar .section.menu ul.level2 li.active ul.level3 > li,
.utility .section.menu ul.level2 li.active-parent ul.level3 > li,
.sidebar .section.menu ul.level2 li.active-parent ul.level3 > li {
	border: none;
	font-size: 11px;
}

.utility .section.menu ul.level2 li.active ul.level3 > li a,
.sidebar .section.menu ul.level2 li.active ul.level3 > li a,
.utility .section.menu ul.level2 li.active-parent ul.level3 > li a,
.sidebar .section.menu ul.level2 li.active-parent ul.level3 > li a {
   padding-left: 32px;
}

.dropdown-submenu {
   position:relative;
}

.dropdown-submenu>.dropdown-menu {
   border-radius: 0 6px 6px 6px;
   left: 100%;
   margin-left: -1px;
   margin-top: -6px;
   top: 0;
   -webkit-border-radius: 0 6px 6px 6px;
   -moz-border-radius: 0 6px 6px 6px;  
}

.dropdown-submenu:hover>.dropdown-menu {
   display: block;
}
         
.dropdown-submenu>a:after {
   content: " ";
   border-color: transparent;
   border-left-color: #cccccc;
   border-style: solid;
   border-width: 5px 0 5px 5px;
   display: block;
   float: right;
   height: 0;
   margin-top: 5px;
   margin-right: -10px;
   width: 0;
}

.dropdown-submenu:hover>a:after {
   border-left-color: #ffffff;
 }

.dropdown-submenu.pull-left {
   float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
   border-radius: 6px 0 6px 6px;
   left: -100%;
   margin-left: 10px;
   -webkit-border-radius: 6px 0 6px 6px;
   -moz-border-radius: 6px 0 6px 6px;
}
/* ---------------------------------------------------------------------------------------------- */
/* ============================================================================================== */