/* MENU */
.menuNavigazione { margin: 0;  padding: 0; list-style-type: none; height: 49px; background: url("../img/back-menu-x.jpg") repeat-x left 1px; border-bottom: 1px solid #DADADA; border-top: 1px solid #DADADA; padding-top: 1px }
.menuNavigazione li { float: left; position: relative; z-index: 100;  }

.menuNavigazione li { background: url("../img/separa_menu.jpg") no-repeat top left }
.menuNavigazione li.first { background: none }

.menuNavigazione a { float: left; color: #333; height: 2em; padding: 11px 17px; text-decoration: none; text-align: center; }
.menuNavigazione a span { display: none; }

.menuNavigazione li#menuHome>a { background: url("../img/menu_home_off.jpg") no-repeat center center; width: 35px; padding-left: 5px }
.menuNavigazione li#menuCoirag>a { background: url("../img/menu_confed_off.jpg") no-repeat center center; width: 106px; }
.menuNavigazione li#menuOC>a { background: url("../img/menu_organizzazioni_off.jpg") no-repeat center center; width: 100px; }
.menuNavigazione li#menuScuola>a { background: url("../img/menu_scuola_off.jpg") no-repeat center center; width: 110px; }
.menuNavigazione li#menuCSR>a { background: url("../img/menu_centrostudi_off.jpg") no-repeat center center; width: 86px; }
.menuNavigazione li#menuRivista>a { background: url("../img/menu_rivista_off.jpg") no-repeat center center; width: 46px; }
.menuNavigazione li#menuAFPC>a { background: url("../img/menu_agenzia_off.jpg") no-repeat center center; width: 133px; }
.menuNavigazione li#menuEventi>a { background: url("../img/menu_eventi_off.jpg") no-repeat center center; width: 58px; padding-right: 5px; }

.menuNavigazione li#menuHome>a:hover { background: url("../img/menu_home_on.jpg") no-repeat center center; width: 35px; padding-left: 5px }
.menuNavigazione li#menuCoirag>a:hover { background: url("../img/menu_confed_on.jpg") no-repeat center center; width: 106px; }
.menuNavigazione li#menuOC>a:hover { background: url("../img/menu_organizzazioni_on.jpg") no-repeat center center; width: 100px; }
.menuNavigazione li#menuScuola>a:hover { background: url("../img/menu_scuola_on.jpg") no-repeat center center; width: 110px; }
.menuNavigazione li#menuCSR>a:hover { background: url("../img/menu_centrostudi_on.jpg") no-repeat center center; width: 86px; }
.menuNavigazione li#menuRivista>a:hover { background: url("../img/menu_rivista_on.jpg") no-repeat center center; width: 46px; }
.menuNavigazione li#menuAFPC>a:hover { background: url("../img/menu_agenzia_on.jpg") no-repeat center center; width: 133px; }
.menuNavigazione li#menuEventi>a:hover { background: url("../img/menu_eventi_on.jpg") no-repeat center center; width: 58px; padding-right: 5px; }




/* FIRST LEVEL SUBMENU */
.menuNavigazione ul { margin: 0; padding: 0; list-style-type: none; width: 15em; }
.menuNavigazione ul li { float: none; }
.menuNavigazione ul a { float: none; font-size: 90%; font-weight: bold; text-align: left; display: block; height: 0.5em; line-height: 0.5em;  background: #CCCCCC; border-bottom: 1px solid #FFF }
.menuNavigazione ul a:hover { background: #E0DEE1; color: #323498 }
.menuNavigazione ul a.arrow { background: #CCCCCC url("../img/arrow_menu_off.png") no-repeat 15em 10px; }
.menuNavigazione ul a.arrow:hover { background: #E0DEE1 url("../img/arrow_menu_on.png") no-repeat 15em 10px; }


/* MENU ON OFF */
.menuNavigazione ul,
.menuNavigazione ul.subMenu-off { position: absolute; visibility: hidden; border-top: 1px solid #DADADA }
.menuNavigazione ul.subMenu-on { visibility: visible; position: absolute; top: 49px; left: 1px; z-index: 100; }


.menuNavigazione li#menuEventi ul.subMenu-off { position: absolute; left: -200px; }
.menuNavigazione li#menuEventi ul.subMenu-on { left: -104px; }


/* SECOND LEVEL SUBMENU */
.menuNavigazione ul.subMenu-on ul.subMenu-on { margin: 0; width: 15em; position: absolute; top: -1px; border-left: 1px solid #FFF; left: 15em; }
.menuNavigazione ul.subMenu-on ul.subMenu-on a { background: #E0DEDF; }
.menuNavigazione ul.subMenu-on ul.subMenu-on a:hover { background: #ECEAEB; color: #3233CB }

.menuNavigazione li#menuAFPC ul.subMenu-on ul.subMenu-on { width: 9em; }