/* impostazioni di base della barra*/
#nav-container{
    background-color:transparent
}
.navbar-default {
    opacity:1;
}

.navbar-collapse {
    border-top: none !important
}


.navbar-brand {
    padding: 3px;
}
#img-brand {
    max-height: 100%;
}
div.navbar-leftside{
    /* fascia chiara sinistra */
    float:left;
    height:94px;
    width:100%;
    background-color: #f3f3f3;
    text-align:center;
    display: table;
}
div.navbar-leftside div {
    /* div che contiene il logo con centratura orizzontale e verticale */
    /* il padding serve a contenere le dimensioni dell'immagine*/
    padding-left:22%;
    padding-right:22%;
    display: table-cell;
    vertical-align: middle;   
}


/* è la div che contiene il logo nel layout collassato */
#div-brand-small {
  position: absolute;
  left: 5%;
  top: 8px;
  margin-left: auto;
  margin-right: auto;
  width: 100px; /* Need a specific value to work */
  display: none
}



/* M E N U */
/* ul che contiene il menù*/
.navbar-nav {
    margin:0;
    background-color: inherit
}
/* colore della voce di menù */
.navbar-default .navbar-nav > li > a:link,.navbar-default .navbar-nav > li > a:visited   {
    color:#7a7a7a;
    font-family: 'Source Sans Pro';
    font-weight: 500;
    font-size: 23px;
    letter-spacing:.8px;
    margin-right: 20px
}
/* enfatizzazione della voce scelta: bianco e bold (classe selected-item) */
.selected-item {
    color:#7a7a7a !important;
    font-weight: 700;
    border-bottom: 2px solid #7a7a7a;
    padding-bottom: 3px !important

}
.editor-item {
    color:#aa0000
}
li.dropdown .selected-item {
    padding-bottom: 8px !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
}

/* enfatizzazione della voce al passaggio del mouse */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus    {
/*    border-bottom: 2px solid #7a7a7a*/
}
.span-xxx{
    padding-bottom: 3px
}
.span-xxx:hover{
    /* evidenziazione al passaggio del mouse*/
    border-bottom: 2px solid #7a7a7a
}
/* 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: #f3f3f3 !important;
    color:#7a7a7a;
}
/* sfondo tendina */
.navbar-collapse .dropdown-menu  {
    background-color: #f3f3f3 !important;
}
/* necessario in Chrome */
ul.nav li a{
        font-family: 'Source Sans Pro' !important;
        font-size: 16px;
}
ul.dropdown-menu li a {
/*    font-size: 14px !important;*/
}



/* colore voci tendina: bianco*/
.nav .dropdown-menu li a{
    color:#7a7a7a !important;
    font-family: 'Source Sans Pro' !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    letter-spacing:.8px !important;


}
/* sfondo hover tendina */
.nav .dropdown-menu li a:hover{
    color: #333 !important;
    text-decoration: underline
}
/* 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 {
    left: auto
}


/* la barra del layout largo */
.navbar-default-large {
    /* colore della barra */
    background-color:#f3f3f3;
}
.nav-container-large {
    /* altezza della barra */
    background-color: transparent;
    height: 94px
}
.navbar-collapse-large {
    /* per la posizione in altezza delle voci*/
    padding-top: 20px
}
.navbar-brand-large {
    padding-top: 0px !important;
}

.navbar-toggle {
    margin-top: 7px;
    margin-right: 25px
}

/* personalizzazione del pulsante menù collassato */
.icon-bar {
    background-color: #999 !important;
    height: 5px !important;
    width: 33px !important;
    margin-bottom: 8px
}
.icon-bar-last {
    margin-bottom: 0px
}
.navbar-toggle {
    border: none !important
}
.navbar-toggle:hover {
    background-color: #dedede !important;
}

/* adattamento all'altezza della barra superiore */
div.container-page {
    margin-top: 94px;
}



/* immagini della home per desktop e mobile*/
#home_desktop {
    display: inline;
}
#home_mobile {
    display: none;
}


.forMobile {
    float:left;
}



/* cambio layout con menù collassato */
@media screen and (max-width: 1000px) {
    
    div.navbar-leftside div {
        /* riduce il padding per ottenere un logo più grande */
        padding-left:15%;
        padding-right:15%;
    }
    
    div.navbar-leftside{
        /* scompare la colonna sinistra */
        display: none;
        width:0
    }
    /* si riduce l'altezza della barra*/
    .nav-container-large {
        height: 85px !important;
    }
    /* si adatta il contenitore all'altezza della barra*/
    div.container-page {
        margin-top: 85px;
    }
    /* si visualizza il logo */
    #div-brand-small {
        display: block;
    }

    .navbar-nav {
        border-top:none !important
    }
    .navbar .collapse {
        float:left !important
    }

    /* immagine per mobile */
    #home_desktop {
        display: none;
    }
    #home_mobile {
        display: inline;
    }
    .forMobile{
        clear:both;
        float:none
    }

}







#footer .date {
    font-weight: normal !important
}
li.mySubmenu {
    padding-left: 20px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-right: 20px

}
li.mySubmenu:hover {
    background-color: #881f19 !important;
}

a.mySubmenu:hover {
    text-decoration: none
}

