@import url(/personalizzazione/css/font.css);
#menuMobile {
    font-family:Verdana, Arial, sans-serif;
    display: none;
    margin: 0 auto;

    max-width: 1000px; }

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

/*Create a horizontal list with spacing*/
#menuMobile li {
    display: inline-block;
    float: left;
    margin-right: 1px;
    width: 100%;
    border-bottom:1px solid #818181;
}

/*Style for menu links*/
#menuMobile li a {
    display: block;
    min-width: 140px;
    height: 40px;
    /*text-align: center;*/
    line-height: 40px;
    color: #FFF;
    background:#2D2D2D; /* #AF9453;*/
    text-decoration: none;
    padding: 0 10px 0 30px;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight:bold;
}

/*Hover state for top level links*/
#menuMobile li:hover a {
    color: #818181; }

/*Style for dropdown links*/
#menuMobile li:hover ul a {
    background: #2D2C86;
    color: #FFF;
    height: 40px;
    line-height: 40px; }

/*Hover state for dropdown links*/
#menuMobile li:hover ul a:hover {
    background: #19c589;
    color: #fff; }

/*Hide dropdown links until they are needed*/
#menuMobile li ul {
    display: none; }

/*Make dropdown links vertical*/
#menuMobile li ul li {
    display: block;
    float: none; }

/*Prevent text wrapping*/
#menuMobile li ul li a {
    min-width: 100px;
    padding: 0 20px; }

/*Display the dropdown on hover*/
#menuMobile ul li a:hover + .hidden, .hidden:hover {
    display: block; }

/*Style 'show menu' label button and hide it by default*/
#menuMobile .show-menu {
    text-decoration: none;
    color: #2D2C86;
    background: #FFF;
    text-align: right;
    padding: 10px 10px;
    display: none;
    border-bottom: 4px solid #2D2C86; }

/*# sourceMappingURL=menu.css.map */
