/*
	FileName ....... : Menu.css
	TemplateName ... : Business 1
	Copyright ...... : 2012, ObjectWeb Srl - Tutti i diritti riservati
	Version ........ : 1.0.0
	Note ........... : CSS relativi ai men� orizzontale e verticale
*/



/* ============================================================================================== */
/* Men� principale                                                                                */
/* ============================================================================================== */
/* Primo Livello
------------------------------------------------------------------------------------------------- */
#menu-container .section.menu {
   background: url("Images/MenuBackground.png");
	height: 29px;
	margin: 0;
	padding: 12px 0 0;
	width: 100%;
}

#menu-container ul.main-menu {
   list-style-type: none;
   list-style-image:  none;
   list-style-position: outside;
   padding-left: 6px;
   position: absolute;
   z-index: 100;
}

#menu-container ul.main-menu li {
	background: url("Images/MenuItemLeft.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
   display: inline;
   margin-left: 4px;
   padding-left: 15px;
   text-align: left;
}

#menu-container ul.main-menu li:hover,
#menu-container ul.main-menu li.current:hover,
#menu-container ul.main-menu li.current-parent {
	background-position: 0 -29px;
	position: relative;
}

#menu-container ul.main-menu li.current {
	background-position: 0 -58px;
}

#menu-container ul.main-menu li a {
	background: url("Images/MenuItemRight.png") no-repeat scroll right 0 transparent;
	color: #FFFFFF;
   display: inline-block;
	height: 29px;
	line-height: 29px;
	padding-right: 15px;
   text-decoration: none;
}
  
#menu-container ul.main-menu li:hover a,
#menu-container ul.main-menu li.current:hover a,
#menu-container ul.main-menu li.current-parent a {
	background-position: right -29px;
}

#menu-container ul.main-menu li.current a {
	background-position: right -58px;
}

#menu-container ul.main-menu li a.sub {
}

#menu-container ul.main-menu li.current a.sub {
}

#menu-container ul.main-menu li.current-parent a.sub {
}

html>/**/body #menu-container ul.main-menu li {
   display:inline-block;
}

#menu-container ul.main-menu li a span {
	background: url("Images/MenuItemCenter.png") repeat-x scroll 0 0 transparent;
	color: #DDE0DC;
	cursor: pointer;
	display: block;
	font-size: 14px;
	height: 29px;
	line-height: 29px;
}

#menu-container ul.main-menu li:hover a span,
#menu-container ul.main-menu li.current:hover a span,
#menu-container ul.main-menu li.current-parent a span {
	background-position: right -29px;
	color: #232622;
}
    
#menu-container ul.main-menu li.current a span {
	background-position: right -58px;
	color: #232622;
}

#menu-container ul.main-menu li a:hover {
}
 
#menu-container ul.main-menu li a:hover span {
}

#menu-container ul.main-menu li a.sub:hover {
}
 
#menu-container ul.main-menu li a.sub:hover span {
}
/* ---------------------------------------------------------------------------------------------- */



/* altri livelli
------------------------------------------------------------------------------------------------- */
#menu-container ul.main-menu ul {
   left: -9999px;
   list-style: none;
   padding: 0; 
   position: absolute;
   margin: 0;
}

#menu-container ul.main-menu table {
   border-collapse: collapse;
   font-size: 1em;
   float: left;
   margin: -1px;
}

#menu-container ul.main-menu ul li {
	background: blue;
   float: left;
   margin: 0;
   padding: 0;
   text-align: left;
   width: 180px;
}
  
#menu-container ul.main-menu ul li a {
   color: #474024;
   display: block;
   font-size: 12px;
   line-height: 25px;
   text-indent: 10px;
}
     
#menu-container ul.main-menu ul li.current a {
   padding: 0 10px 0 10px;
}

#menu-container ul.main-menu ul li.current-parent a {
	background: none;
   padding: 0 10px 0 10px;
}

#menu-container ul.main-menu li.current-parent ul li a {
   display: block;
   line-height: 20px;
   margin: 0;
   width: 180px;
}
      
#menu-container ul.main-menu :hover ul {
   left: 0;
   top: 29px;
   width: 180px;
}
  
* html #menu-container ul.main-menu :hover ul {
   top: 29px;
}

#menu-container ul.main-menu :hover ul li {
   background: none;
   background-color: #EBD275;
   border: 1px solid #E4C144;
   position: relative;
   display: block;
   float: left;
   margin: 0; 
}
  
#menu-container ul.main-menu :hover ul li a {
   background: none;
   display: block; 
   float: left; 
   margin: 0;
   padding: 0 10px;
   height: 25px;
   line-height: 25px;
   width: 160px;
}
    
#menu-container ul.main-menu :hover ul li.current {
}

#menu-container ul.main-menu :hover ul li.current a {
   display: block;
   float: left;
   height: 25px;
   line-height: 25px;
   margin: 0;
   width: 180px;
}
       
#menu-container ul.main-menu :hover ul li a.sub {
}

#menu-container ul.main-menu :hover ul li:hover {
   background-color: #707A6C;
   background-image: none;
   border: 1px solid #8E988B;
}
 
#menu-container ul.main-menu :hover ul li:hover a {
   color: #E3F7C7;
}
 
#menu-container ul.main-menu :hover ul li:hover > a {
}

#menu-container ul.main-menu :hover ul li a.sub:hover {
}

#menu-container ul.main-menu :hover ul li:hover > a.sub {
}

#menu-container ul.main-menu :hover ul ul {
   left: -9999px;
}

#menu-container ul.main-menu :hover ul :hover ul {
   left: 181px;
   top: -1px;
   width: 180px;
}

#menu-container ul.main-menu :hover ul :hover ul li {
   display: block;
   float: left;
   margin: 0;
}
   
#menu-container ul.main-menu :hover ul :hover ul li a {
   color: #474024;
   display: block;
   float: left;
   margin: 0;
   height: 25px;
   line-height: 25px;
}
      
#menu-container ul.main-menu :hover ul :hover ul li.current a {
   display: block;
   float: left;
   margin: 0;
   height: 25px;
   line-height: 25px;
}
      
#menu-container ul.main-menu :hover ul :hover ul li:hover {
   background-color: #707A6C;
   border: 1px solid #8E988B;
}
      
#menu-container ul.main-menu :hover ul :hover ul li:hover a {
   color: #E3F7C7;
}
/* ---------------------------------------------------------------------------------------------- */
/* ============================================================================================== */



/* ============================================================================================== */
/* Men� verticale in colonna Utility (sinistra)                                                   */
/* ============================================================================================== */
/* Primo Livello
------------------------------------------------------------------------------------------------- */
#utility .section.menu .section-body,
#sidebar .section.menu .section-body {
}

#utility .section.menu,
#sidebar .section.menu {
}

#utility .section.menu ul.main-menu,
#sidebar .section.menu ul.main-menu {
}

html > body #utility .section.menu ul.main-menu li,
html > body #sidebar .section.menu ul.main-menu li {
   display: block;
}

#utility .section.menu ul.main-menu li.nav-item,
#sidebar .section.menu ul.main-menu li.nav-item {
}

#utility .section.menu ul.main-menu li.nav-item a,
#sidebar .section.menu ul.main-menu li.nav-item a {
}

#utility .section.menu ul.main-menu li.nav-item.current a,
#sidebar .section.menu ul.main-menu li.nav-item.current a,
#utility .section.menu ul.main-menu li.nav-item.current-parent a,
#sidebar .section.menu ul.main-menu li.nav-item.current-parent a {
}

#utility .section.menu ul.main-menu li.nav-item a span,
#sidebar .section.menu ul.main-menu li.nav-item a span {
}

#utility .section.menu ul.main-menu.level1 li.current-parent a,
#sidebar .section.menu ul.main-menu.level1 li.current-parent a {
}

#utility .section.menu ul.main-menu.level1 li.current-parent a span,
#sidebar .section.menu ul.main-menu.level1 li.current-parent a span,
#utility .section.menu ul.main-menu.level1 li.current-parent a:hover span,
#sidebar .section.menu ul.main-menu.level1 li.current-parent a:hover span {
}
/* ---------------------------------------------------------------------------------------------- */



/* 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 li.current ul.level2,
#sidebar .section.menu ul.level1 li.current ul.level2,
#utility .section.menu ul.level1 li.current-parent ul.level2,
#sidebar .section.menu ul.level1 li.current-parent ul.level2,
#utility .section.menu ul.level1 li.current-forced ul.level2,
#sidebar .section.menu ul.level1 li.current-forced ul.level2 {
   display: block;
   border-top: 1px solid #C5B98C;
}

#utility .section.menu ul.level1 li.current ul.level2 > li,
#sidebar .section.menu ul.level1 li.current ul.level2 > li,
#utility .section.menu ul.level1 li.current-parent ul.level2 > li,
#sidebar .section.menu ul.level1 li.current-parent ul.level2 > li,
#utility .section.menu ul.level1 li.current-forced ul.level2 > li,
#sidebar .section.menu ul.level1 li.current-forced ul.level2 > li {
	background: url("Images/MenuVerticalLevel2Background.png") no-repeat;
	border: none;
	font-size: 11px;
	line-height: 20px;
}

#utility .section.menu ul.level1 li.current ul.level2 > li:hover,
#sidebar .section.menu ul.level1 li.current ul.level2 > li:hover {
	color: #554C2B;
	background-position: 0 -20px;
}

#utility .section.menu ul.level1 li.current ul.level2 > li a,
#sidebar .section.menu ul.level1 li.current ul.level2 > li a,
#utility .section.menu ul.level1 li.current-parent ul.level2 > li a,
#sidebar .section.menu ul.level1 li.current-parent ul.level2 > li a {
	background: none;
	color: inherit;
	display: block;
   height: auto;
   padding-left: 35px;
   text-decoration: none;
}

#utility .section.menu ul.level1 li.current ul.level2 > li:hover,
#sidebar .section.menu ul.level1 li.current ul.level2 > li:hover,
#utility .section.menu ul.level1 li.current-parent ul.level2 > li:hover,
#sidebar .section.menu ul.level1 li.current-parent ul.level2 > li:hover {
	background-position: 0 -20px;
}

#utility .section.menu ul.level1 li.current ul.level2 > li.current,
#sidebar .section.menu ul.level1 li.current ul.level2 > li.current,
#utility .section.menu ul.level1 li.current-parent ul.level2 > li.current,
#sidebar .section.menu ul.level1 li.current-parent ul.level2 > li.current {
	color: #554C2B;
	background-position: 0 -40px;
}

#utility .section.menu ul.level1 li.current ul.level2 > li.current-parent,
#sidebar .section.menu ul.level1 li.current ul.level2 > li.current-parent,
#utility .section.menu ul.level1 li.current-parent ul.level2 > li.current-parent,
#sidebar .section.menu ul.level1 li.current-parent ul.level2 > li.current-parent {
	background-position: 0 -40px;
}
/* ---------------------------------------------------------------------------------------------- */



/* 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.current > ul.level3,
#sidebar .section.menu ul.level2 li.current > ul.level3,
#utility .section.menu ul.level2 li.current-parent > ul.level3,
#sidebar .section.menu ul.level2 li.current-parent > ul.level3 {
   display: block;
}

#utility .section.menu ul.level2 li.current ul.level3 > li,
#sidebar .section.menu ul.level2 li.current ul.level3 > li,
#utility .section.menu ul.level2 li.current-parent ul.level3 > li,
#sidebar .section.menu ul.level2 li.current-parent ul.level3 > li {
	background: url("Images/MenuVerticalLevel3Background.png") no-repeat;
	border: none;
	font-size: 11px;
	line-height: 20px;
}

#utility .section.menu ul.level2 li.current ul.level3 > li a,
#sidebar .section.menu ul.level2 li.current ul.level3 > li a,
#utility .section.menu ul.level2 li.current-parent ul.level3 > li a,
#sidebar .section.menu ul.level2 li.current-parent ul.level3 > li a {
	background: none;
	color: inherit;
	display: block;
   height: auto;
   padding-left: 50px;
   text-decoration: none;
}

#utility .section.menu ul.level2 li.current ul.level3 > li:hover,
#sidebar .section.menu ul.level2 li.current ul.level3 > li:hover,
#utility .section.menu ul.level2 li.current-parent ul.level3 > li:hover,
#sidebar .section.menu ul.level2 li.current-parent ul.level3 > li:hover {
	background-position: -50px -20px;
}

#utility .section.menu ul.level2 li.current ul.level3 > li.current,
#sidebar .section.menu ul.level2 li.current ul.level3 > li.current,
#utility .section.menu ul.level2 li.current-parent ul.level3 > li.current,
#sidebar .section.menu ul.level2 li.current-parent ul.level3 > li.current {
	background-position: 0 -40px;
}

#utility .section.menu ul.level2 li.current ul.level3 > li.current:hover,
#sidebar .section.menu ul.level2 li.current ul.level3 > li.current:hover,
#utility .section.menu ul.level2 li.current-parent ul.level3 > li.current:hover,
#sidebar .section.menu ul.level2 li.current-parent ul.level3 > li.current:hover {
	background-position: 0 -20px;
}
/* ---------------------------------------------------------------------------------------------- */
/* ============================================================================================== */