/* 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 3';
    font-weight: 500;
    font-size: 23px;
    letter-spacing:.8px;
    margin-right: 10px
}
/* 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 3' !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 3' !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;
}

.navbar-header {
	padding-left:40px !important
}

/* 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) {
    /* interventi per spostare il breakpoint a 1000 */    
	  .navbar-header {
		  float: none;
		  padding-left:40px !important
	  }
	  .navbar-left,.navbar-right {
		  float: none !important;
	  }
	  .navbar-toggle {
		  display: block;
	  }
	  .navbar-collapse {
		  border-top: 1px solid transparent;
		  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	  }
	  .navbar-fixed-top {
		  top: 0;
		  border-width: 0 0 1px;
	  }
	  .navbar-collapse.collapse {
		  display: none!important;
	  }
	  .navbar-nav {
		  float: none!important;
		  margin-top: 7.5px;
	  }
	  .navbar-nav>li {
		  float: none;
	  }
	  .navbar-nav>li>a {
		  padding-top: 10px;
		  padding-bottom: 10px;
	  }
	  .collapse.in{
		  display:block !important;
	  }
    
    
    /* interventi di personalizzazione al breakpoint */
    
    /* si adatta il contenitore all'altezza della barra*/
    /* si visualizza il logo */
    #div-brand-small {
        display: block;
    }

    .navbar-nav {
        border-top:none !important
    }
    .navbar .collapse {
        /*float:left !important*/
    }
    #home_desktop {
        display: none;
    }
    #home_mobile {
        display: inline;
    }

    .forMobile{
        clear:both;
        float:none
    }

}


@media screen and (max-width: 765px) {
	  .navbar-header {
		  float: none;
		  padding-left:0px !important
	}
}




#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
}