/****************************************
Stili per il menu a discesa
****************************************/

DIV.topmenu
{
 width:100%;
 height:18pt;
 margin:0;
 padding:0;
 float:none;
 border-collapse:collapse; 
 background-color:#164CB1; /* blue */
}


/******************************************
Elemento menu principale
******************************************/

#menu 
{
 margin:0;
 padding:0; 
 border-collapse:collapse; 
 list-style-type:none; 
}


#menu :hover
{
 position:relative; 
}

/******************************************
Per tutti gli elementi UL contenuti nel menu
******************************************/

#menu ul 
{
 margin:0;
 padding:0;
 list-style-type:none; 
}

/********************************************
Per tutti i list item contenuti nel menu
********************************************/

#menu li 
{
 display:block; 
 float:left;
 margin:0; 
 padding:0;
 width:156px; 
 height:18pt;
 line-height:18pt; 
 border-collapse:collapse; 
 border-top-style:solid;
 border-top-width:1px;
 border-top-color:white;
 font-family:arial, sans-serif; 
 font-size:10.5pt;
 font-weight:bold;
 text-decoration:none; 
 text-align:center; 
 cursor:pointer; 
 background-image:none;
 background-color:#164CB1; /* blue */
 color:white;
}

/********************************************
Per tutti i list item nello stato di hover contenuti nel menu
Per tutti gli anchor di hover contenuti in un list item contenuto nel menu
********************************************/

#menu li:hover, 
#menu li a:hover 
{
 background-color:#164CB1; /* blue */
}

/********************************************
Per tutti gli anchor nei list item contenuti nel menu
********************************************/

#menu li a 
{
 display:block; 
 height:18pt; 
 font-family:arial, sans-serif; 
 font-size:10.5pt; 
 line-height:18pt; 
 text-decoration:none; 
 text-align:center;
 color:white; 
}

/********************************************
Per i list item dei sottomenu principali
********************************************/

#menu .sub 
{
 border-style:none;
 background-color:#164CB1; /* blue */
 color:white;
}

#menu .sub :hover
{
 background-color:#08AC42; /* green */
 color:white;
}

/********************************************
Per i list item di classe popup contenuti nei menu
********************************************/

#menu .popup
{
 background-image:url(menu_arrow_hover.gif);
 background-position: 150px 9pt;
 background-repeat:no-repeat;
 background-color:#164CB1; /* blue */
 color:white;
}

#menu .popup:hover
{
 background-image:url(menu_arrow_hover.gif);
 background-position: 150px 9pt;
 background-repeat:no-repeat;
 background-color:#08AC42; /* green */
 color:white;
}

#menu .popup > a
{
 background-image:url(menu_arrow_hover.gif);
 background-position: 150px 9pt;
 background-repeat:no-repeat;
 background-color:#164CB1; /* blue */
 color:white;
}


#menu .popup:hover > a
{
 color:white;
}

#menu .popup:hover > a:hover
{
 background-color:#164CB1; /* blue */
 color:white;
}

/********************************************
Per i list item di classe item contenuti nei menu
********************************************/

#menu .item,
#menu .item:hover,
#menu .item > a
{
 width:156px;
 background-image:none;
 background-color:#164CB1; /* blue */
 color:white;
}

#menu .item:hover > a
{
 background-color:#08AC42; /* green */
 color:white;
}

/********************************************
Per i list item di classe double contenuti nel menu
********************************************/

#menu .double,
#menu .double :hover
{
 width:156px;
 height:36pt;
 line-height:18pt;
 background-image:none;
}

/********************************************
Per i list item di classe wide contenuti nel menu
********************************************/

#menu .wide,
#menu .wide :hover
{
 width:240px;
 background-image:none;
}

/********************************************
Per gli anchor contenuti direttamente negli elementi in stato di hover
********************************************/

#menu :hover > a 
{
 background-color:#164CB1;/* blue */
 color:white;
}

#menu .popup:hover > a
{
 background-image:url(menu_arrow_hover.gif);
 background-position: 150px 9pt;
 background-repeat:no-repeat;
 background-color:#164CB1;/* blue */
 color:white;
}

/********************************************
Per gli elementi UL discendenti del menu

per gli elementi UL discendenti di un elemento UL che discende da un elemento
in stato di hover discendente del menu

per gli elementi UL discendenti di un elemento UL che discende da un elemento UL 
in stato di hover che discende da un elemento in stato di hover discendente dal menu

********************************************/

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul
{
 visibility:hidden; 
 overflow:hidden;
 width:0; 
 height:0; 
}

/********************************************
Per gli elementi UL che discendono dal menu 
in stato di hover
********************************************/

#menu :hover ul 
{
 visibility:visible; 
 overflow:visible; 
 position:absolute; 
 height:auto; 
 width:128px; 
 left:0;
 top:18pt; 
 text-align:center;
 background-color:#FF0000;
}

/********************************************
Per gli elementi UL discendenti da un elemento UL in stato di hover 
discendente dal menu in stato di hover

Per gli elementi UL discendenti da un elemento UL in stato di hover 
discendente da un elemento UL in stato di hover 
discendente dal menu in stato di hover

Questa e la regola che fa comparire gli elementi dei sottomenu
quando il mouse va sopra l'elemento che li contiene
********************************************/

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul 
{
 visibility:visible;
 overflow:visible; 
 height:auto; 
 width:156px; 
 padding:0;
 left:156px;
 border-left:1px solid white;
 top:-1px;
 text-align:center;
 background-color:#0000FF;
}

/********************************************
Per gli elementi UL di classe left discendenti da un elemento UL in stato di hover 
discendente dal menu in stato di hover

Per gli elementi UL di classe left discendenti da un elemento UL in stato di hover 
discendente da un elemento UL in stato di hover 
discendente dal menu in stato di hover
********************************************/

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left 
{
 visibility:hidden;
 overflow:visible; 
 height:auto; 
 width:156px; 
 padding:0; 
 left:-156px; 
 top:-1px;
 text-align:center;
}

/***********************************************************************   
Stili speciali per IE5.5 e IE6 only, in cui gli elementi di menu
sono costituiti da tabelle
************************************************************************/

#menu li a table 
{
 position:absolute; 
 width:0; 
 height:0;
 left:0; 
 top:-1px; 
 border-collapse:collapse; 
 margin-top:1px;
}

/********************************************************
Definizioni dei colori
********************************************************/

#menu .sub,
#menu li,
div.menubar,
#menu li a,
#menu :hover > a
{
  background:#164CB1;
  color:white;
}

#menu :hover,
#menu :hover > A
#menu .sub :hover,
#menu li:hover, 
#menu li a:hover 
{
 background:#08AC42;
 color:white;
}