/*
** -------------------------------------------------
** 
**   Menu.css, XulMenu
**
**   Modified by: Michael F. S. Christensen
**
**   Valid CSS2 stylesheet (www.w3c.org)
**
** -------------------------------------------------
*/

.XulMenu {
    font-family:'Lato', Verdana, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1em;
    z-index:1;
	}
	
.XulMenu .button,
.XulMenu .button:hover,
.XulMenu .button-active,
.XulMenu .button-active:hover { /*bottone menu¯ */
    position:relative;
    width:125px;
    font-weight: 700; 
    line-height: 1.8em;
    padding-left:5px;
    margin: 0px auto; 
    color: #666;
    cursor: hand;
    display: block;
    text-align:center;
    text-decoration:none;
    border-left:1px solid #9E9E9E;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    }
    
.XulMenu .button:hover { /*bottone men¯u sopra */
    position:relative;
    font-weight: 700; 
    line-height: 1.8em;
    padding-left:5px;
    margin: 0px auto;  
    color: #FF9900;
    text-decoration: none;
    cursor: hand;
    display: block;
    background: #444;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
	}

.XulMenu .button-active:hover{
    position:relative;
    font-weight: 700; 
    line-height: 1.8em;
    padding-left:5px;
    margin: 0px auto;  
    color: #FF9900;
    text-decoration: none;
    cursor: hand;
    display: block;
    background: #444;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}

.XulMenu .button-active{
    position:relative;
    font-weight: 700; 
    line-height: 1.8em;
    padding-left:5px;
    margin: 0px auto;  
    color: #FF9900;
    text-decoration: none;
    cursor: hand;
    display: block;
    background: #444;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}


.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover { /*colori tendine*/
    position: relative;
    width:170px;
    background:transparent;
    line-height: 1.4em;
    margin: 0px 0px 2px 0px;
    padding:5px 0px 5px 0px;
    color: #FFFFFF;
    cursor: hand;
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-decoration:none;
     z-index:2;
     -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover { /*colore testo tendina aperta */
    color: #FF9900;
    font-size: 12px;
    font-weight:400;
    width:170px;
    z-index:2;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}

/*
.XulMenu .item {
    margin:1px;
    background: #ffffff;
    padding: 3px 30px 3px 20px;
}
.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    line-height: normal;
    
    color: #000000;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    position: relative;
    display: block;        
}
.XulMenu .item:hover, 
.XulMenu .item-active,
.XulMenu .item-active:hover {
    margin:0px;
    border:1px solid #316BC6;   
    background: #C9D5E5;     
    padding: 2px 30px 2px 20px;
}
*/

.XulMenu .section {
    background-color: #444; /* Old browsers */
    margin:0px auto;
    padding: 2px 5px 2px 5px; /* top right bottom left */
    position: absolute;
    visibility:hidden;
    z-index:3;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    border-left:1px solid #9E9E9E;
}

.XulMenu .arrow {
    position: absolute;
    top: 7px;
    right: 8px;
    border: 0;
}
.XulMenu .arrow2 {
    border: 0;
}

.XulMenu .itembtn,
.XulMenu .itembtn:hover,
.XulMenu .itembtn-active,
.XulMenu .itembtn-active:hover {
    line-height: normal;
    padding: 1px 3px 3px 3px;
    color: #000000;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    position: relative;
}
.XulMenu .itembtn:hover,
.XulMenu .itembtn-active,
.XulMenu .itembtn-active:hover {
    background: #C9D5E5; 
    border:1px solid;
    border-color: #316BC6;
    color: black; 
    padding: 1px 2px 3px 2px;
}

* html .XulMenu td { position: relative; } /* ie 5.0 fix */