/* Adattamento per smartphone e tablet del sito storico www.gruppoita.it (porting 13/9/2026).
   Si attiva solo sotto i 960 pixel: la versione desktop resta identica all'originale.
   Nessun cambio di grafica: stessi colori, immagini e testi. Colonne una sotto l'altra,
   con il contenuto principale della pagina prima dei menu laterali. */
@media (max-width: 959px) {
  body { margin: 0; }
  img { max-width: 100%; height: auto; }

  /* contenitori a larghezza fissa */
  #Wrapper, #Header-top, #MenuSfondo, #header, #Footer, #LoghiSponsor, #Recapiti,
  #footerIdee, #footerSottocategorie, #footerENavigator { width: auto; }

  /* ordine dei blocchi: testata, contenuto, menu laterali, piede */
  #Wrapper { display: flex; flex-direction: column; }
  #Wrapper > * { order: 5; }
  #Header-top { order: 0; }
  #ContenitoreHeader, #header { order: 1; }
  #ContenitoreContenuto, #Contenitore { order: 2; }
  #Flash { order: 3; }
  #left { order: 6; }
  #Right { order: 7; }
  #Footer, #footerIdee, #footerSottocategorie, #footerENavigator { order: 9; }
  /* in alcune pagine un <strong> non chiuso dell'HTML originale avvolge il piede: va comunque in fondo */
  #Wrapper > :last-child, #Wrapper > strong { order: 9; }
  #Footer, #footerIdee, #footerSottocategorie, #footerENavigator { margin-left: 0; margin-right: 0; }

  /* testata e menu principale */
  #Header-top { height: auto; overflow: hidden; padding-bottom: 8px; background-color: #00214E; }
  .Logo { width: auto; height: auto; }
  .Lingua { margin-top: 12px; padding-right: 12px; }
  .Menu { float: none; clear: both; width: auto; height: auto; margin: 6px 0 0; font-size: 1em; }
  .Menu ul { height: auto; margin: 0; padding: 0 4px; overflow: hidden; }
  .Menu li { padding: 0 1px; }
  .MenuAttivo a { margin-left: 8px; line-height: 32px; }
  .selezionato b { margin-left: 4px; }
  .selezionato em { padding: 0 6px; }

  /* home: testo, immagine, colonna assistenza, box */
  #header { height: auto; overflow: hidden; }
  #ContenutoLeft { float: none; width: auto; margin: 25px 15px 10px; overflow: hidden; }
  #Immagine { float: none; width: auto; height: auto; margin: 10px 15px 0; text-align: center; }
  #Contenitore { height: auto; overflow: hidden; }
  #Right { float: none; width: auto; margin: 0 15px; padding-top: 20px; }
  .AssistenzaTelefonica, .AssistenzaClienti { margin-left: auto; margin-right: auto; }
  #News { margin-top: 10px; }
  .Idee, .Tecnologie, .Applicazioni { float: none; margin: 14px auto 0; }
  .Applicazioni { margin-bottom: 20px; }
  .TitoloBox { position: static; }

  /* schede della home */
  #Flash { margin: 0 10px; }
  UL.tabNavigation { overflow: hidden; padding-bottom: 0; text-align: left; }
  .Btn { float: none; display: inline-block; vertical-align: top; margin: 0 2px 4px 0; }
  .Btn .selected { float: none; display: block; }
  div.tabs > div { width: auto; margin-left: 0; margin-bottom: 30px; clear: both; }
  .tabs table, .tabs tbody, .tabs tr, .tabs td { display: block; width: auto !important; padding-left: 0 !important; }

  /* pagine interne */
  #ContenitoreHeader { float: none; width: auto; height: auto; overflow: hidden; }
  #ContenitoreHeader img { float: none; display: block; margin: 0 auto; }
  #left { float: none; width: auto; margin-bottom: 10px; }
  .BtnVisitato, #Menu-sx ul .due { width: auto; }
  #Box { margin-top: 20px; }
  .BoxIdee, .BoxTecnologie, .BoxApplicazioni { margin-left: auto; margin-right: auto; }
  #MenuSoluzioni, #MenuSoluzioni0, #MenuSoluzioniTelematica, #MenuSoluzioniInternet,
  #MenuSoluzioniInformatica, #MenuSoluzioniInterne { width: auto; height: auto; }
  #ContenitoreContenuto { float: none; width: auto; margin: 20px 15px 30px; }
  #ContenitoreIdee, #ContenitoreSottocategorie { float: none; }
  .ModuloLeftTop, .ModuloLeft, .ModuloLeftSoluzioni { width: auto; height: auto; }
  .TitolettoModuloLeft, .TitolettoModuloLeftSoluzioni, .TestoModuloLeft { width: auto; float: none; }
  .BtnProfilo { width: auto; }
  .StaffItaGroup, .sediItaGroup { background-size: contain; height: auto; margin-bottom: 0; }
  .ItaBusinessPartnerProfilo { margin-top: 20px; }
  .Loghi { height: auto; }
  .img-right, .img-right-tecnologie { background-size: contain; background-position: center top; }

  /* modulo contatti: tabella a due colonne mantenuta, campi che si stringono */
  .Form { height: auto; margin-top: 30px; }
  .Form table { width: 100%; table-layout: fixed; border-spacing: 2px; }
  .Form td { vertical-align: bottom; }
  .Form input[type="text"], .Form textarea { width: 100%; box-sizing: border-box; }
  .pulsanti { float: none; }

  /* piede */
  #LoghiSponsor { float: none; height: auto; }
  #LoghiSponsor img { float: none; display: block; margin: 0 auto !important; }
  #Recapiti { height: auto; overflow: hidden; }
  .Piva { float: none; text-align: center; margin: 3px 10px; }
}