/* DIV CONTENITORE MENU */
.menu_top {width:100%;border-top:0px solid #e4e4e4;border-bottom: 0px solid #eeeeee; height: 22px;
background: #6f6f6f;font-size:0.85em;z-index: 100;position: relative;}

/* ELIMINA LA LISTA, BORDI E PADDING */
.menu_top ul {padding:0;margin:0;list-style-type:none;width:100%;}
.menu_top ul ul {}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu_top li {float:left;position:relative;width: 115px;}
.menu_top li.passa_contenuti {display: none;}
/* style the links for the top level */
.menu_top a, .menu_top a:visited {display:block;font-size:11px;text-decoration:none;color:#ffffff;height: 21px;line-height: 20px;
border-right:1px solid #898989;background:#fffff;padding-left: 3px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_top a, * html .menu_top a:visited {width:150px;w\idth:110px;}

/* SFONDO LI PER ANDARE AL SECONDO SOTTOLIVELLO */
.menu_top ul ul a.drop, .menu_top ul ul a.drop:visited {background:#525252;font-weight: bold;border-bottom: 1px solid #898989;}

/* SFONDO HOVER LI PER ANDARE AL SECONDO SOTTOLIVELLO */
.menu_top ul ul a.drop:hover{background:#525252;font-weight: bold;border-bottom: 1px solid #898989;}
.menu_top ul ul :hover > a.drop {background:#525252;font-weight: bold;border-bottom: 1px solid #898989;}

/* SECONDO SOTTOLIVELLO */
.menu_top ul ul ul a, .menu_top ul ul ul a:visited {background:#6f6f6f;border-bottom: 1px solid #898989;}

/* SECONDO SOTTOLIVELLO HOVER */
.menu_top ul ul ul a:hover {background:#525252;border-bottom: 1px solid #898989;}
.menu_top ul ul ul :hover > a {background:#525252;border-bottom: 1px solid #898989;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_top ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:-1px;color:#ffffff;margin: 0;padding: 0;}

/* un altro hack per IE5.5 */
* html .menu_top ul ul {top:30px;t\op:22px;}

/* position the third level flyout menu */
.menu_top ul ul ul{left:150px;top:0;width:150px;}

/* position the third level flyout menu for a left flyout */
.menu_top ul ul ul.left {left:-150px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu_top table {position:absolute; top:0px; left:0;border: 0;}


/* STILE PER SECONDO SOTTOLIVELLO */
.menu_top ul ul a, .menu_top ul ul a:visited {background:#666363;color:#ffffff;border-bottom: 1px solid #898989;
border-right: 2px solid #ffffff;border-left: 1px solid #898989;height:auto;line-height:1em;padding:3px 10px;width:129px
/* un altro hack per IE5.5 */
}
* html .menu_top ul ul a{width:150px;w\idth:129px;}


/* style the top level hover */
.menu_top a:hover, .menu_top ul ul a:hover{color:#ffffff;background:#525252;border-bottom: 1px solid #898989;}
.menu_top :hover > a, .menu_top ul ul :hover > a {color:#ffffff;background:#525252;border-bottom: 1px solid #898989;}


/* make the second level visible when hover on first level list OR link */
.menu_top ul li:hover ul, .menu_top ul a:hover ul{visibility:visible;z-index: 200;}

/* keep the third level hidden when you hover on first level list OR link */
.menu_top ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu_top ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu_top ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */
.menu_top ul :hover ul :hover ul :hover ul {visibility:visible;}