#blue_menu, .dropdown-content, #blue_menu_m 
{
    background-color:rgba(255,255,255,1); /* COLORE SFONDO MENU */
}

#blue_menu
{
    position:fixed;
    color:black;
    width:100%;
    top:0;
    left:0;
    padding:0;
    text-align:center;
    z-index:500;
    letter-spacing:0.5px;
}
/* COLORE LINK PRINCIPALI */
#blue_menu a:link {color:black; text-decoration: none;}
#blue_menu a:visited {color:black; text-decoration: none;}
#blue_menu a:hover {color:black; text-decoration: none;}
#blue_menu a:active {color:black; text-decoration: none;}

#blue_menu ul
{
    display:inline-block;
    top:0;
    height:100%;
    padding:15px 10px;
    text-align:center;
    margin:0;
    vertical-align:middle;
    list-style: none;
    position: relative;
    color:black;
}

#blue_menu ul:hover
{
    background-color:rgba(0,0,0,0.1); /* COLORE VOCI MOUSEOVER */
}

.dropdown
{
    cursor:pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    top:49px;
    left:0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content ul
{
    background-color:transparent !important;
    color:rgba(255,255,255,0.65); /* COLORE LINK SUBMENU */
}

.dropdown-content ul:hover
{
    color:black; /* COLORE LINK SUBMENU MOUSEOVER */
}


#blue_menu_m
    {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:25px;
        padding:20px 0;
        text-align:center;
        cursor:pointer;
        z-index:50;
        color:black;    /* COLORE TITOLO MOBILE */
    }
    


@media(max-width:900px) /* LARGHEZZA DI CAMBIO MENU */
{
    #blue_menu, .dropdown-content, #blue_menu_m 
    {
        background-color:rgba(255,255,255,1);/* COLORE SFONDO MENU */
    }
    
    #blue_menu
    {
        top:64px;
        position:absolute !important;
    }
    
    #blue_menu_m
    {
        position:absolute !important;
    }
    
    #blue_menu ul, .dropdown-content
    {
        display:block !important;
        position: relative;
        box-shadow:none !important;    
    }
    
    #blue_menu ul { padding: 20px 0 !important; }
    
    #blue_menu ul:hover
    {
        background-color:transparent !important;
        color:black !important; /* COLORE LINK MENU PRINCIPALE MOUSEOVER */
    }
    
    .dropdown-content
    {
        top:15px;
        background-color:transparent !important;
    }
    
    #now
    {
        border-bottom:none !important;
        text-decoration:underline;
    }
}

@media(min-width:900px) /* LARGHEZZA DI CAMBIO MENU */
{
    #blue_menu
    {
        display:block !important;
    }
    
    #blue_menu_m
    {
        display:none;
    }
}