@charset "utf-8";






.AJXCSSMenuIOOLNUC {
    position:relative;
    z-index:100;
    min-width:590px;
    line-height:0;

    background:linear-gradient(to bottom,#5BAEE8,#3E8BC6);

    border-width:0px 0px 1px 0px;
    border-style:ridge;
    border-color:white red gray red;

    border-radius:6px;
    overflow:hidden;
}











.AJXCSSMenuIOOLNUC ul {position:relative;display:inline-block;margin:0;padding:0px 0px 0px 0px;list-style-type:none;}
*+html .AJXCSSMenuIOOLNUC ul {display:inline;}
.AJXCSSMenuIOOLNUC li {float:left;margin:0;}
.AJXCSSMenuIOOLNUC a,.AJXCSSMenuIOOLNUC_n a {display:block;overflow:hidden;}





.AJXCSSMenuIOOLNUC>ul>li>a {
    width:auto;
    height:37px;
    white-space:nowrap;
    padding:0 18px 0 18px;

    font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:bold;
    line-height:37px;

    text-decoration:none;
    text-transform:none;
    text-align:center;

    text-shadow:0 -1px 1px #000;

    border:0;
    color:#ffffff;

    background:linear-gradient(to bottom,#5BAEE8,#3E8BC6);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -1px 0 rgba(0,0,0,.15);
}





.AJXCSSMenuIOOLNUC>ul>li:hover>a,
.AJXCSSMenuIOOLNUC>ul>li.ajxover>a {
    background:linear-gradient(to bottom,#6ABAF0,#4A9AD5);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        inset 0 -1px 0 rgba(0,0,0,.15);
}








.AJXCSSMenuIOOLNUC>ul>li:hover>a,.AJXCSSMenuIOOLNUC>ul>li.ajxover>a {
width:auto;height:36px;white-space:nowrap;padding:0 18px 0 18px;
font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: bold;line-height:37px;
text-align:center;text-decoration:none;color:#FFFF44;
}






@media screen and (max-width:1024px) {
/* 1. Riga sacra per il JS originale */
.AJXCSSMenuIOOLNUC:after,.AJXCSSMenuIOOLNUC_n:after {content:'narrow';display:none;}

/* 2. BARRA BLU PRINCIPALE #06A9D8 */ 
.AJXCSSMenuIOOLNUC_n {
  position:relative;
  z-index:100;
  height:50px; 
  box-sizing: border-box;
  background:#3E8BC6;
  cursor:pointer;
  border-width: 0px 0px 1px 0px;
  border-style: ridge;
  border-color: white red gray red;
}

/* 3. HAMBURGER (A destra) #06A9D8 */
.AJXCSSMenuIOOLNUC_n:before {
  position:absolute;
  top:0;
  right:10px;
  content:"\2261";
  font:bold 55px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  line-height:50px;
  text-shadow: 0 -1px 1px #000;
  color:#ffffff;
  z-index:1;
}

/* Sblocchiamo la UL per mostrare i testi #06A9D8 */
.AJXCSSMenuIOOLNUC_n>ul:before {
  position:absolute;
  top:0;
  right: 51px; /* <-- CAMBIATO DA 54px A 42px per avvicinarlo all'hamburger */
  content:"";
  letter-spacing: 1px; 
  font:bold 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
  line-height:50px;
  text-shadow: 0 -1px 1px #000;
  color:#ffffff;
  z-index:10;
  cursor:pointer;
}


/* 5. CATALOGO AL CENTRO #06A9D8 */
.AJXCSSMenuIOOLNUC_n>ul:after {
  display: block !important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  letter-spacing: 1px; 
  font:bold 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
  line-height: 55px;
  text-shadow: 0 -1px 1px #000;
  color: #ffffff;
  z-index: 10;
  cursor: pointer;
}

/* 6. CARRELLO A SINISTRA #06A9D8 */
.AJXCSSMenuIOOLNUC_n li:first-child {
  display: block !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.AJXCSSMenuIOOLNUC_n:not(.ajxover) li:first-child a { display: none !important; }



.AJXCSSMenuIOOLNUC_n li:first-child:before {
  content: "" !important; /* Svuota il contenuto di testo */
  position: absolute !important;
  
  /* Imposta l'immagine come background */
  background-image: url("/carrello.gif") !important;
  background-size: contain !important; /* Forza l'immagine a stare dentro le misure */
  background-repeat: no-repeat !important;
  
  /* Definisci precisamente lo spazio dell'icona */
  width: 31px !important;
  height: 31px !important;
  
  top: 10px !important; /* Regola top e left per centrarla nel menu */
  left: 10px !important;      
  
  z-index: 999 !important;
  display: block !important;
  cursor: pointer;
  pointer-events: none !important;
}



.AJXCSSMenuIOOLNUC_n.ajxover li:first-child { height: auto !important; display: block !important; }



/* Quando il menu si apre (.ajxover), nascondiamo l'icona del carrello */
  .AJXCSSMenuIOOLNUC_n>ul.ajxover li:first-child:before {
    display: none !important;
  }

  /* Quando il menu si apre, nascondiamo anche la scritta Catalogo al centro */
  .AJXCSSMenuIOOLNUC_n>ul.ajxover:after {
    display: none !important;
  }

  /* Opzionale: Se nella tendina aperta vedi spuntare un link vuoto o duplicato del Catalogo 
     e vuoi nascondere del tutto il primo e il secondo LI per avere solo le altre pagine: */
  .AJXCSSMenuIOOLNUC_n>ul.ajxover>li:nth-child(1),
  .AJXCSSMenuIOOLNUC_n>ul.ajxover>li:nth-child(2) {
    /* Decommenta la riga sotto se vuoi far sparire i primi due link interni dalla lista aperta */
    /* display: none !important; */
  }

.AJXCSSMenuIOOLNUC_n .ajxmenu-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important; /* Spinge tutto il blocco a destra */
    gap: 8px !important;                 /* Regola questo valore (in pixel) per decidere la distanza esatta tra "Pagine" e le 3 lineette */
    float: none !important;              /* Rimuove vecchi allineamenti che distanziano */
    width: auto !important;
    padding-right: 15px !important;      /* Margine dal bordo destro della barra blu */
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 50px !important;
  }

  /* Se la scritta "Pagine" ha un display a blocco che si allarga troppo, lo normalizziamo */
  .AJXCSSMenuIOOLNUC_n .ajxmenu-btn span {
    display: inline-block !important;
    width: auto !important;
    text-align: right !important;
  }




/* ==========================================
   IL RESTO DEL TUO CODICE ORIGINALE IMMUTATO
   ========================================== */
.AJXCSSMenuIOOLNUC_n ul {margin:0;list-style-type:none;background:#003366;}
.AJXCSSMenuIOOLNUC_n>ul {height:0;}
.AJXCSSMenuIOOLNUC_n>ul.ajxover,.AJXCSSMenuIOOLNUC_n li ul{height:auto;padding:10px 0px 10px 8px;cursor:default;overflow:hidden;}
.AJXCSSMenuIOOLNUC_n li {float:none;margin:0;display:none;}
.AJXCSSMenuIOOLNUC_n .ajxover li {display:block;}
.AJXCSSMenuIOOLNUC_n li a {width:auto;height:auto;white-space:normal;padding:9px 8px 9px 43px;font:19px "Lucida Sans Unicode", "Lucida Grande", sans-serif;line-height:16px;text-decoration:none;text-transform:none;text-align:left;border:0;text-shadow: 0 -1px 1px #000;color:#ffffff;background:url(ajxmenu_files/sub.gif) no-repeat top left;}
.AJXCSSMenuIOOLNUC_n li:hover>a,.AJXCSSMenuIOOLNUC_n li.ajxover>a {color:#2c3753;background:#3E8BC6;}



.AJXCSSMenuIOOLNUC_n {
    background:linear-gradient(to bottom,#5BAEE8 0%,#3E8BC6 100%);
    
    border-radius:0;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -1px 2px rgba(0,0,0,.12),
        0 2px 4px rgba(0,0,0,.18);
}


.AJXCSSMenuIOOLNUC_n ul {
    background:#003366;
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.10);
}



/* Voce Catalogo centrale */
.AJXCSSMenuIOOLNUC_n>ul:after {
    text-shadow:
        0 -1px 1px #000,
        0 1px 2px rgba(0,0,0,.3);
}


/* Pulsante Pagine + hamburger */
.AJXCSSMenuIOOLNUC_n .ajxmenu-btn {
    text-shadow:0 -1px 1px #000;
}


/* Effetto leggero sul pulsante hamburger */
.AJXCSSMenuIOOLNUC_n:before {
    text-shadow:
        0 -1px 1px #000,
        0 1px 2px rgba(0,0,0,.35);
}





}