#contenitore-menu{width:1000px; height:30px; margin:1px auto 0px auto; z-index:100; font-family:Georgia, "Times New Roman", Times, serif; position:relative;}
*html #contenitore-menu{position:absolute; top:80px; }

#menu{width:1000px; font-size:11px;}

#menu li{width:166px; height:30px; display:block; float:left; position:relative;}

#menu li#btn-azienda{background:url(../css-img/btn-azienda.jpg) no-repeat left;}
#menu li#btn-servizi{background:url(../css-img/btn-servizi.jpg) no-repeat left;}
#menu li#btn-laboratorio{ background:url(../css-img/btn-laboratorio.jpg) no-repeat left;}
#menu li#btn-evidenza{background:url(../css-img/btn-evidenza.jpg) no-repeat left;}
#menu li#btn-pubblicazioni{background:url(../css-img/btn-pubblicazioni.jpg) no-repeat left;}
#menu li#btn-contatti{background:url(../css-img/btn-contatti.jpg) no-repeat left;}

#menu li a{width:166px; height:30px; display:block;  text-decoration:none; color:#ffffff; font-weight:normal; white-space:nowrap; z-index:100; text-indent:-1000000px;}

#menu li:hover a{z-index:100;}

*html #menu li a:hover{z-index:100;}

#menu li:hover a:hover{}

#menu li ul{width:166px; padding-bottom:5px; position:absolute; top:29px; left:1px; visibility:hidden; background:url(../css-img/bg-tenda.png) no-repeat bottom; z-index:100;}
*html #menu li ul{background:url(../css-img/bg-tenda.gif) no-repeat bottom;}

#menu li ul li{width:165px; height:20px; float:none; padding:3px 0px 3px 0px;}
*html #menu li ul li{width:165px; height:20px; float:none; padding:0px; }

#menu li:hover ul li a, #menu li ul a{width:155px; height:20px; line-height:25px; padding:0px 5px 0px 5px; color:#ffffff; font-weight:normal; text-indent:0px; text-indent:0px;border-top:1px solid #3f684c;}

#menu li:hover ul li a:hover{color:#e8f0cb;}































/*level1*/
#navigator{width:1000px; margin:0px auto; font-family:Georgia, "Times New Roman", Times, serif;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigator ul li {width:166px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:2;}
/* style the links for the top level */

#navigator a:link, #navigator a:visited {width:166px; height:30px; line-height:59px; display:block; text-decoration:none; color:#ffffff; font-weight:normal; border:none; z-index:1;}


#navigator ul li#btn-azienda{background:url(../css-img/btn-azienda.jpg) no-repeat left;}
#navigator ul li#btn-servizi{background:url(../css-img/btn-servizi.jpg) no-repeat left;}
#navigator ul li#btn-laboratorio{background:url(../css-img/btn-laboratorio.jpg) no-repeat left;}
#navigator ul li#btn-evidenza{background:url(../css-img/btn-evidenza.jpg) no-repeat left;}
#navigator ul li#btn-pubblicazioni{background:url(../css-img/btn-pubblicazioni.jpg) no-repeat left;}
#navigator ul li#btn-contatti{background:url(../css-img/btn-contatti.jpg) no-repeat left;}


/* a hack so that IE5.5 faulty box model is corrected */
*html #navigator a, *html #navigator a:visited {width:165px; w\idth:165px;}

/* style the top level hover */
#navigator ul a:hover{width:165px; color:#ffffff; margin-left:0px;}
#navigator ul :hover > a {width:165px; color:#ffffff; margin-left:0px;}

/* style the second level background */
#navigator ul ul a.drop, #navigator ul ul a.drop:visited {background:url(../css-img/bg-tenda.png) no-repeat top;}
/* style the second level hover */
#navigator ul ul a.drop:hover{color:#ffffff;}
#navigator ul ul :hover > a.drop {color:#ffffff;}
/* style the third level background */
#navigator ul ul ul a:link, #navigator ul ul ul a:visited {}
/* style the third level hover */
#navigator ul ul ul a:hover{width:196px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigator ul ul {width:165px; height:0px; top:0px; left:0px; visibility:hidden; position:absolute; /*font-size:0px;*/ background:url(../css-img/bg-tenda.png) no-repeat bottom #ff0000;}

#navigator ul ul li{float:none;  height:20px;}
/* position the third level flyout menu */
#navigator ul ul ul{width:165px; left:165px; top:0px;}

/* position the third level flyout menu for a left flyout */
#navigator ul ul ul.left {left:-165px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigator table {position:absolute; top:0px; left:0px; background:url(../css-img/bg-tenda.png) no-repeat bottom;}

/* style the second level links */
*html #navigator ul ul a:link, *html #navigator ul ul a:visited {width:15px; height:auto; line-height:120%; padding:5px 5px 2px 5px; border-bottom:1px solid #4b7a5a; color:#ffffff; font-size:11px;}
#navigator ul ul a:link, #navigator ul ul a:visited {width:155px; height:auto; line-height:120%; padding:5px 5px 2px 5px; border-bottom:1px solid #4b7a5a; color:#ffffff; font-size:11px;}
/* yet another hack for IE5.5 */
*html #navigator ul ul a{width:178px;w\idth:155px;}

#navigator ul ul a:hover{width:155px; color:#e8f0cb; }
#navigator ul ul :hover > a {width:155px; color:#e8f0cb;}

/*AGGIUNTO DA NOI*/
#navigator ul ul a:hover{color:#e8f0cb}

/* make the second level visible when hover on first level list OR link */
#navigator ul li:hover ul, #navigator ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#navigator ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
#navigator ul :hover ul :hover ul{ visibility:visible;}
/*level1*/