/* common styling */
.menu { position:relative; margin: auto; font-size:0.9em; border-top: 1px solid #FFF; z-index: 10;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width: 142px; text-align:center; color:#000; font-size:0.9em; overflow:visible; margin-right: 5px; font-weight: bold; line-height: 20px !important; line-height: 15px;}
.menu ul li li a, .menu ul li li a:visited { line-height: 20px;}
.menu ul {padding:0; margin:0 0 0 2px; list-style-type: none; background: #FFF; }
.menu ul ul { margin:0;}
.menu ul li {float:left; margin-right:1px; position:relative; z-index: 10;}
.menu ul li ul {display: none; }

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background: #9f3;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; z-index: 10;}
.menu ul li:hover ul li a.hide {background: pink; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:YELLOW; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:green; color:#000;}
.menu ul li:hover ul li a:hover {background: green; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}

/*personalizzazioni colori sezioni*/
.menu ul li.progetto a, .menu ul li.progetto ul li a {color:#FFF; background-color: #B71717 }
.menu ul li.viaggio a, .menu ul li.viaggio ul li a {color:#FFF; background-color: #EC6C15 }
.menu ul li.usoRiuso a, .menu ul li.usoRiuso ul li a {color:#FFF; background-color: #2A7FFE  }
.menu ul li.ferrara a, .menu ul li.ferrara ul li a {color:#FFF; background-color: #005C00  }

.menu ul li:hover.progetto ul li a:hover {background: #C95151;}
.menu ul li:hover.viaggio ul li a:hover {background: #F19150;}
.menu ul li:hover.usoRiuso ul li a:hover {background: #5F9FFE;}
.menu ul li:hover.ferrara ul li a:hover {background: #408540;}