/* impostazioni di base della barra*/
#nav-container{
    background-color:transparent
}
.navbar-default {
    opacity:1;
    border-bottom: 1px solid #333 !important
}
.navbar-brand {
    padding: 0;
    padding-left: 14%
}
#img-brand {
    height:80px
}

.navbar-header {
    height: 75px !important
}


/* M E N U */
/* ul che contiene il menù*/
.navbar-nav {
    margin:0;
    background-color: inherit
}
/* colore grigio chiaro della voce di menù */
.navbar-default .navbar-nav > li > a:link,.navbar-default .navbar-nav > li > a:visited   {
    color:#bbb;
    font-weight: 700;
}
/* enfatizzazione della voce scelta: bianco e bold (classe selected-item) */
.navbar .selected-item {
    background-color: transparent;
    color:#fff !important;
    font-weight: bold;
}
/* enfatizzazione della voce al passaggio del mouse */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus    {
    color:#fff
}
/* apertura di tendina: colore bianco, sfondo barra piena */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
/*    background-color: #252528 !important;*/
    background-color: #340204 !important;
    color:#fff
}
/* sfondo tendina: nero quasi pieno */
.navbar-collapse .dropdown-menu  {
/*    background-color: #252525 !important;*/
    background-color: #340204 !important;
}
/* colore voci tendina: bianco*/
.nav .dropdown-menu li a{
    color:#fff !important;
}
/* sfondo hover tendina: blu */
.nav .dropdown-menu li a:hover{
    color:#fff !important;
    background-color: rgb(98, 0, 0) !important;
/*    background-color:#006DE9 !important*/
}
/* collocazione della tendina verso sinistra: evita l'uscita dallo schermi delle voci vicine al margine destro */
.nav .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto
}

/* trasformano la barra larga trasparente in barra più sottile a colore pieno */
.navbar-default-large {
/*    background-color: rgba(0, 0, 0, 0.6);*/
    background-color: rgba(85, 1.4, 1.4, 1);
}
.navbar-default-small {
/*    background-color: #252528 !important;*/
    background-color: rgb(98, 0, 0) !important;
}

.nav-container-large {
    background-color: transparent;
    height: 80px
}
.nav-container-small {
/*    background-color: #252528 !important;*/
    background-color: rgb(98, 0, 0) !important;
    height: 80px
}
.navbar-collapse-large {
    padding-top: 14px
}
.navbar-collapse-small {
    padding-top: 14px;
/*    background-color: #252528 !important;*/
    background-color: rgb(98, 0, 0) !important;
}
.navbar-brand-large {
/*    padding-top: 18px !important;*/
    padding-top: 1px !important;
}
.navbar-brand-small {
    /*padding-top: 6px !important;*/
}

/* effetti di transizione nel passaggio da barra larga a barra stretta e viceversa */
#navbar-default {
    transition-property: background;
    transition-duration: 1s;
}

/*.navbar-default .navbar-nav > li > a {
    transition-property: color;
    transition-duration: 1s;
}*/
#nav-container {
    transition-property: background, height;
    transition-duration: 1s;
}
.navbar-collapse {
    transition-property: background, padding-top;
    transition-duration: 1s;
}
#navbar-brand {
    transition-property: padding-top;
    transition-duration: 1s;
}
.navbar-nav {
    transition-property: background;
    transition-duration: 1s;
}
.navbar-nav li{
    transition-property: background;
    transition-duration: 1s;
}


@media screen and (max-width: 1000px) {
    /* La barra perde la trasparenza si riduce in altezza; l'immagine si sposta sotto la barra,
    perciò si vede per intero, senza sovrapposizioni; la scritta si riduce e si riposiziona*/
    /*
    #home-banner{
        margin-top:55px;
    }
    #nav-container{
        background-color: rgb(98, 0, 0) !important;
    }
    .navbar-default-large {
        background-color: rgb(98, 0, 0) !important;
    }
    .nav-container-large {
        background-color: rgb(98, 0, 0) !important;
        height: 55px
    }
    .navbar-collapse-large {
        padding-top: 4px
    }
    .navbar-brand-large {
        padding-top: 6px !important;
    }
    .navbar-nav {
        background-color: rgb(98, 0, 0) !important;
    }
    .navbar-nav .dropdown-menu {
        left:0;
        right:auto
    }
    #bs-example-navbar-collapse-1 {
        padding-top:0;
    }
    */
}

@media screen and (max-width: 768px) {
    /* il logo diventa più piccolo e si centra in verticale */
    .navbar-brand-small, .navbar-brand-large {
        padding-top: 10px !important;
        padding-left:30px
    }
    #img-brand {
        height:60px
    }
    .navbar-nav {
        border-top:none !important
    }
    .navbar .collapse {
        float:left !important
    }
    div.atlive {
        display: none
    }
}