/* MENUSX-NEW  (Flavia, febbraio 2018) */
/* nuovi stili creati ad integrazione della grafica importata da Drupal (per elementi nel menu drupal non sono previsti) */
div#menusx-new{
}
#menusx-new .menusx-titolo, #menusx-new .menusx-sottotitolo {
    color: #1F3D5A;
    padding: 10px 0 0 0;
    margin: 0 10px 0 10px;
    font-size: 18px;
}
#menusx-new .menusx-titolo {
    text-transform: uppercase;
    margin-left: 7px;
    padding-top: unset;
}
#menusx-new .menusx-sottotitolo {
    font-style: italic;
/*    font-weight: bold; */
    padding-top: 0.9em;
}
#menusx-new .menusx-separatore-riga {
    padding-top: .3em;
    background-color: #d4d0bc;
    line-height: 1.42857143;
    margin-right: 0.5em;
}
#menusx-new .menusx-separatore-spazio {
    padding-top: 3em;
}
#menusx-new .menusx-voce {
}

/* Elenco di nuovi stili creati, che possono servire per ulteriori nuove impostazioni */
.menusx-menutop{
    margin-left: 7px;
    padding-bottom: 20px;
}
.menusx-menutop a {
    color: #333;
}
.menusx-menubottom{
}
/* la classe menusx-mobile viene aggiunta da codice con un if($mobile)  */
#menusx-new.menusx-mobile {
    padding-top: 24px;
}
.menusx-pageid-dove {
    text-transform: uppercase;
}
.menusx-pageid-dove .menuvoce{
    padding: 12px;
}
.menusx-pageid-dove #mpTree {
    font-weight: bold;
    padding: unset;
}
/* in questo sito, visualizziamo il titolo del menu anche nella pagina no-mobile */
/* da decidere se il titolo nel menu mobile lo tratto qui, oppure da codice con un if($mobile) */
/*
@media (max-width: 767px) {
#menusx-new .menusx-titolo {
    display: none;
 }
}
*/

/* regola inserita per evitare la sovrapposizione dell'immagine con testo in div.contenuto-completo
   quando 991 < display < 1200 */
@media (min-width: 992px) and (max-width: 1199px) {
  #menusx-new div.img-top-menu img {
    width: 100%;
  }
}