/*
	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,
.sidebar .section.menu ul.navbar-nav {
	border-top: 1px dotted #B4A69D;
}

.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 {
    font-size: 14px;
	padding: 3px;
	text-align: left;
}


.utility .section.menu ul.navbar-nav li a:hover,
.sidebar .section.menu ul.navbar-nav li a:hover {
    background-color: transparent;
	color: #575757;
}

.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;
   padding-bottom: 5px;
   top: 0;
}

.utility .section.menu ul.level1 ul.dropdown-menu,
.sidebar .section.menu ul.level1 ul.dropdown-menu {
   border-bottom: none;
   border-left: none;
   border-right: none;
   border-top: 1px dotted #b4a69d;
   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 {
   display: block;
   z-index: 1;
}

.utility .section.menu ul.level1 li.active ul.level2 > li, 
.sidebar .section.menu ul.level1 li.active ul.level2 > li {
    background: transparent url("Images/VerticalMenuLevel2.png") no-repeat scroll 3px 4px;
	border: none;
}

.utility .section.menu ul.level1 li.active ul.level2 > li a, 
.sidebar .section.menu ul.level1 li.active ul.level2 > li a{
    border: medium none;
    font-size: 14px;
    height: auto;
    line-height: 18px;
}

.utility .section.menu ul.level1 li ul.level2 > li:hover, 
.sidebar .section.menu ul.level1 li ul.level2 > li:hover, 
.utility .section.menu ul.level1 li ul.level2 > li.active, 
.sidebar .section.menu ul.level1 li ul.level2 > li.active {
	background-image: url("Images/VerticalMenuLevel2Hover.png");
}

.utility .section.menu ul.level1 li.active ul.level2 > li a, 
.sidebar .section.menu ul.level1 li.active ul.level2 > li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #606060;
    display: block;
    font-weight: 200;
    height: auto;
    padding: 0 0 0 18px;
    text-decoration: none;
	white-space: normal;
}

.utility .section.menu ul.level1 li.active ul.level2 > li.active > a, 
.sidebar .section.menu ul.level1 li.active ul.level2 > li.active > a, 
.utility .section.menu ul.level1 li.active ul.level2 > li > a:hover, 
.sidebar .section.menu ul.level1 li.active ul.level2 > li > a:hover {
	color: #000;
}

/* ---------------------------------------------------------------------------------------------- */



/* 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;
}


.utility .section.menu ul.level2 li.active ul.level3 > li, 
.sidebar .section.menu ul.level2 li.active ul.level3 > li {
    background-image: url("/TemplateImage.ashx?src=Images/VerticalMenuLevel3.png");
	background-position: 17px 4px;
    background-repeat: no-repeat;
}

.utility .section.menu ul.level2 li.active ul.level3 > li.active, 
.sidebar .section.menu ul.level2 li.active ul.level3 > li.active,
.utility .section.menu ul.level2 li.active ul.level3 > li:hover, 
.sidebar .section.menu ul.level2 li.active ul.level3 > li:hover {
    background-image: url("/TemplateImage.ashx?src=Images/VerticalMenuLevel3Hover.png");
}

.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;
}
/* ---------------------------------------------------------------------------------------------- */
/* ============================================================================================== */