@font-face {
  font-family: "Segoe UI";
  src: url("./fonts/Segoe-UI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Segoe UI Bold";
  src: url("./fonts/Segoe-UI-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Archivo-Bold";
  src: url("./fonts/Archivo-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Weisshorn";
  src: url("./fonts/Weisshorn.woff") format("woff"), url("./fonts/Weisshorn.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Weisshorn Rough";
  src: url("./fonts/Weisshorn Rough.woff") format("woff"), url("./fonts/Weisshorn Rough.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: Segoe UI, sans-serif;
  font-size: 100%;
  width: 100%;
  background: white;
  color: #555;
}

p,
h1,
form,
html,
body {
  border: 0;
  margin: 0;
  padding: 0;
}

div {
  overflow: hidden;
}

.transparent-dialog {
  background: transparent;
}

.cellaRiepilogo {
  width: 100%;
}

.cellaTitolo {
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}

.nascondiElemento {
  height: 0;
  visibility: hidden;
}

.eliminaElemento {
  height: 0;
  display: none !important;
}

.cellCoupon {
  margin-top: 5px;
  width: 98%;
  float: left;
}

/* menu */

#nav {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 10px;
  top: 0px;
  z-index: 800;
}

#nav li {
  float: left;
  display: block;
  width: 200px;
  cursor: pointer;
  position: relative;
  z-index: 500;
  margin: 0 1px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#nav li.first {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

#nav li.last {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

#nav li li.last {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

#nav li a {
  background: #299dc3;
  display: block;
  padding: 8px 5px 0 5px;
  height: 23px;
  text-decoration: none;
  text-align: left;
  color: #333;
}

#nav li a:hover {
  color: #c00;
}

#nav li li:hover {
  -webkit-transform: translate(+10px, 0);
}

#nav a.selected {
  color: #c00;
}

#nav ul {
  position: absolute;
  left: 0;
  display: none;
  margin: 0 0 0 -1px;
  padding: 0;
  list-style: none;
}

/*
  #nav ul li {
      width: 200px;
      float: left;
      border-top: 1px solid #fff;
  }
  */

#nav ul a {
  display: block;
  height: auto;
  padding: 8px 5px;
  color: #fff;
}

/* fine menu */

.main {
  margin: 0px auto;
  font-size: 14px;
  min-height: 480px;
}

.submain {
  background: rgba(255, 255, 255, 0.8);
  width: 90%;
  height: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1065px;
}

.sfondoTabella {
  background-color: #f8fafb;
}

.divAnnulla {
  float: right;
  text-decoration: underline;
  color: #ff0000;
  cursor: pointer;
}

.intestazioneTabella {
  color: #555;
  font-family: Segoe UI Bold, Helvetica, sans-serif;
}

.fontBold {
  color: #555;
  font-family: Segoe UI Bold, Helvetica, sans-serif;
}

.fontMedium {
  color: #555;
  font-family: Archivo-Medium, Helvetica, sans-serif;
}

.fontRegular {
  color: #555;
  font-family: Segoe UI, Helvetica, sans-serif;
}

.rigaSeparazione {
  color: #299dc3;
  border-top: 2px solid #555;
  height: 0.5em;
  line-height: 0.5em;
}

.titoletto {
  height: 20px;
  color: #fff;
}

.intestazionePaginaNew {
  width: auto;
  height: 60px;
  width: 100%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 3px solid #299dc3;
}

.sottoIntestanzione {
  width: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 300px;
  border-bottom: 1px solid #dedede;
  background-image: url(../img/14.jpg);
  background-position: center;
}

.sottoIntestanzioneI {
  width: auto;
  /* width: 100%; */
  margin-left: auto;
  margin-right: auto;
  /* height: 100px; */
  /* background-color: #f7f7f7; */
  /* border-bottom: 1px solid #dedede; */
}

.sottoIntestanzioneIContenitore {
  margin-left: auto;
  margin-right: auto;
  /* max-width: 98%; */
  height: 100%;
}

.descrizioniFooter {
  width: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 130px;
  background-color: #f7f7f7;
  border-top: 1px solid #dedede;
}

.footer {
  width: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  background-color: #299dc3;
  color: #ffffff;
}

.headerDialogUt {
  width: 700px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  text-align: center;
  font-size: 2em;
  font-family: Segoe UI Bold, sans-serif;
  color: #299dc3;
}

.intestazioneFormDialog {
  height: 20px;
}

.campoFormDialog {
  height: 20px;
}

.messaggioFormDialog {
  height: 20px;
}

.barraPulsantiFormDialog {
  height: 60px;
}

.oppureFormDialog {
  height: 20px;
}

.barraSocialFormDialog {
  height: 20px;
}

.myformDialog {
  font-size: 1.2em;
  border: 1px solid #dedede;
  width: 300px;
  background-color: #fafcfb;
  background-color: rgba(250, 250, 250, 0.8);
  box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  position: relative;
}

.corpoDialogUt {
  width: 320px;
}

.cellaDescrizioniFooter {
  width: 46%;
  height: 90%;
  float: left;
  margin-top: 10px;
  padding-left: 10px;
}

.cellaBordiFooter {
  border-left: 1px solid #d2d2d2;
}

.titolettoIntestazione {
  font-size: 1em;
  color: #323232;
}

.cellaDescrizioniFooter2 {
  width: 82%;
  height: 90%;
  float: left;
  margin-top: 10px;
  padding-left: 10px;
}

.myformMaxyGruppi {
  width: 100%;
  background-color: #f7f7f7;
}

.myContenitoreForm {
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  position: relative;
  width: 80%;
}

.myformElenco {
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  position: relative;
  width: 100%;
}

.myformElencoCella {
  border: 1px solid #dedede;
  background-color: #fafcfb;
  background-color: rgba(250, 250, 250, 0.8);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  margin-top: 0px;
  width: 99%;
  margin-bottom: 7px;
}

.imgElencoCella {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  height: 148px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 690px 200px;
}

.imgElenco {
  width: 100%;
}

.myformRicerca {
  border: 1px solid #dedede;
  width: 98%;
  background-color: #fafcfb;
  background-color: rgba(250, 250, 250, 0.8);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  position: relative;
}

.myformOfferte {
  border: 1px solid #dedede;
  width: 98%;
  background-color: #fafcfb;
  background-color: rgba(250, 250, 250, 0.8);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  position: relative;
  clear: right;
}

.myformPratica {
  border: 1px solid #dedede;
  width: 98%;
  background-color: #fafcfb;
  background-color: rgba(250, 250, 250, 0.8);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  position: relative;
  clear: right;
}

.myformNew {
  border: 1px solid #dedede;
  width: 310px;
  background-color: #fafcfb;
  background-color: rgba(250, 250, 250, 0.8);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  position: relative;
}

.titoloLoginNew {
  /* height: 7em; */
  /* line-height: 2em; */
  text-align: center;
  font-size: 0.8em;
  font-family: Segoe UI Bold, sans-serif;
  color: #299dc3;
  margin-bottom: 10px;
  margin-top: 10px;
  border-bottom: 2px solid #299dc3;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.titoloPratica {
  height: 2em;
  line-height: 2em;
  text-align: left;
  font-size: 0.8em;
  font-family: Segoe UI Bold, sans-serif;
  color: #299dc3;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #299dc3;
}

.barraPulsanti {
  height: 3em;
  line-height: 3em;
  text-align: left;
  font-size: 0.8em;
  font-family: Segoe UI Bold, sans-serif;
  color: #299dc3;
  margin-bottom: 10px;
  margin-top: 30px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.descrizioneRiepilogo {
  width: 90%;
  line-height: 1.2em;
  text-align: left;
  font-size: 0.8em;
  font-family: Segoe UI, sans-serif;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
}

.descrizioneOfferte {
  width: 90%;
  line-height: 1.2em;
  text-align: left;
  font-size: 0.8em;
  font-family: Segoe UI, sans-serif;
  margin-right: auto;
  margin-left: auto;
}

.descrizioneOfferteB {
  width: 90%;
  line-height: 1.2em;
  text-align: left;
  font-size: 0.8em;
  font-family: Segoe UI Bold, sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}

.totalePratica {
  width: 90%;
  line-height: 1.2em;
  text-align: left;
  font-size: 0.8em;
  font-family: Segoe UI Bold, sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #dedede;
}

.offertaTxt {
  width: 90%;
  line-height: 1.2em;
  text-align: left;
  font-size: 0.8em;
  font-family: Segoe UI, sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  color: #299dc3;
}

.titoloElencoNew {
  height: 1.3em;
  line-height: 1.3em;
  text-align: center;
  font-size: 1.2em;
  font-family: Segoe UI, sans-serif;
  color: #299dc3;
  margin-bottom: 5px;
  margin-top: 5px;
}

.sottotitoloElencoNew {
  height: 1.1em;
  line-height: 1.1em;
  text-align: left;
  font-size: 1em;
  font-family: Segoe UI, sans-serif;
  color: #299dc3;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 10px;
  cursor: pointer;
}

.rigaServizio {
  height: 4em;
  text-align: left;
  font-size: 1em;
  font-family: Segoe UI, sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 10px;
  cursor: pointer;
}

.testoMsgPagFinali {
  width: 90%;
  text-align: left;
  font-size: 1em;
  font-family: Segoe UI, sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.imgServizio {
  width: 20%;
  float: left;
  height: 100%;
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}

.cellaRigaServizio {
  margin-top: 20px;
}

.immagineServizi {
  width: 60px;
  height: 60px;
  float: left;
  margin: auto;
}

.nomeServizio {
  width: 50%;
  float: left;
  font-size: 0.8em;
}

.prezzoServizio {
  width: 17%;
  float: left;
  text-align: right;
}

.qtaServizio {
  width: 13%;
  float: left;
}

.iconDown {
  float: right;
  width: 10px;
  height: 10px;
  line-height: 1.1em;
  margin-right: 10px;
  margin-bottom: auto;
  margin-top: auto;
  background: url(../img/Down.png);
  background-color: #299dc3;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.iconInfo {
  float: right;
  width: 20px;
  height: 20px;
  line-height: 1.1em;
  margin-right: 10px;
  margin-bottom: auto;
  margin-top: auto;
  background: url(../img/info.png);
  background-color: #299dc3;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.iconChiudi {
  float: right;
  width: 20px;
  height: 20px;
  line-height: 1.1em;
  margin-right: 10px;
  margin-bottom: auto;
  background: url(../img/close.png);
  background-color: #299dc3;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.elencoIconeServizi {
  width: 70%;
  height: 20px;
  float: left;
}

.linkDettaglio {
  width: 30%;
  height: 20px;
  float: left;
}

.testoDettaglio {
  text-decoration: underline;
  float: right;
  margin-right: 10px;
  cursor: pointer;
  display: none;
}

.linkPrenota {
  position: absolute;
  right: 10px;
  bottom: 20px;
  color: #ffffff;
  font-family: Segoe UI Bold, sans-serif;
  cursor: pointer;
}

.iconaPrenota {
  width: 18px;
  height: 18px;
  float: right;
  margin-left: 10px;
}

.iconaServizi {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 10px;
}

.descrizioneElencoNew {
  height: 100%;
  line-height: 1.1em;
  text-align: left;
  font-size: 0.9em;
  font-family: Segoe UI, sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 10px;
}

.divLogo {
  float: left;
  /* border-right: 1px solid #d2d2d2; */
  height: 45px;
}

.divLogo2 {
  float: left;
  border-right: 1px solid #d2d2d2;
  height: 45px;
}

.divTestoIntestazione {
  float: left;
  color: #7c7c7c;
  font-size: 0.8em;
  vertical-align: middle;
  /* height: 100px; */
  margin-top: 5px;
}

.divTestoSottoIntestazione {
  font-size: 0.9em;
}

.divTestoFooter {
  float: left;
  color: #ffffff;
  font-size: 0.7em;
  vertical-align: middle;
  height: 100px;
}

.iconFooter {
  height: 40px;
}

.iconSocial {
  height: 20px;
  cursor: pointer;
  margin-right: 10px;
}

.imgTopNew {
  margin-top: 0px;
  height: 45px;
}

.titolettoNew {
  float: right;
}

.buttonNew {
  height: 3em;
  font-size: 0.8em;
  outline: none;
  cursor: pointer;
  /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
  text-align: center;
  /* allineiamo il testo al centro */
  text-decoration: none;
  /* senza decorazioni perch� non ci piace :P */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
  -webkit-border-radius: 0.2em;
  /* i bordi impostati per i browser che utilizzano il webkit */
  -moz-border-radius: 0.2em;
  /* i bordi impostati per mozilla firefox */
  border-radius: 0.2em;
  /* per tutto il resto (su ie non funziona) */
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* un p� di ombra per i browser webkit */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* la stessa ombra su firefox */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* idem per gli altri browser (tranne IE) */
  line-height: 3em;
}

.buttonNewP {
  height: 2em;
  font-size: 0.8em;
  outline: none;
  cursor: pointer;
  /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
  text-align: center;
  /* allineiamo il testo al centro */
  text-decoration: none;
  /* senza decorazioni perch� non ci piace :P */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
  -webkit-border-radius: 0.2em;
  /* i bordi impostati per i browser che utilizzano il webkit */
  -moz-border-radius: 0.2em;
  /* i bordi impostati per mozilla firefox */
  border-radius: 0.2em;
  /* per tutto il resto (su ie non funziona) */
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* un p� di ombra per i browser webkit */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* la stessa ombra su firefox */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* idem per gli altri browser (tranne IE) */
  line-height: 2em;
}

.buttonNewB {
  height: 3em;
  font-size: 0.8em;
  outline: none;
  cursor: pointer;
  /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
  text-align: center;
  /* allineiamo il testo al centro */
  text-decoration: none;
  /* senza decorazioni perch� non ci piace :P */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
  -webkit-border-radius: 0.2em;
  /* i bordi impostati per i browser che utilizzano il webkit */
  -moz-border-radius: 0.2em;
  /* i bordi impostati per mozilla firefox */
  border-radius: 0.2em;
  /* per tutto il resto (su ie non funziona) */
  border: 1px solid #299dc3;
  line-height: 3em;
}

.buttonIntestazione {
  width: 90px;
  margin-left: auto;
  margin-right: auto;
}

.buttonPagamento {
  width: 90px;
}

.buttonProsegui {
  width: 130px;
}

.buttonWebCk {
  width: 140px;
  height: 3em;
  line-height: 3em;
}

.sfumaturaNew {
  color: white;
  background-color: #299dc3;
  behavior: url(PIE.htc);
}

.sfumaturaClose {
  color: #299dc3;
  border-color: #299dc3;
  behavior: url(PIE.htc);
}

.buttonClose {
  height: 3em;
  font-size: 0.8em;
  outline: none;
  cursor: pointer;
  /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
  text-align: center;
  /* allineiamo il testo al centro */
  text-decoration: none;
  /* senza decorazioni perch� non ci piace :P */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
  -webkit-border-radius: 0.2em;
  /* i bordi impostati per i browser che utilizzano il webkit */
  -moz-border-radius: 0.2em;
  /* i bordi impostati per mozilla firefox */
  border-radius: 0.2em;
  /* per tutto il resto (su ie non funziona) */
  -webkit-box-shadow: 0 0 4px #299dc3;
  /* un p� di ombra per i browser webkit */
  -moz-box-shadow: 0 0 4px #299dc3;
  /* la stessa ombra su firefox */
  box-shadow: 0 0 4px #299dc3;
  /* idem per gli altri browser (tranne IE) */
  line-height: 3em;
}

.noclose .ui-dialog-titlebar {
  display: none;
}

.intestazioneCampoFormLogin {
  margin-left: 10px;
  width: 90%;
  font-size: 0.8em;
  color: #323232;
}

.intestazioneCampoFormRicerca {
  width: 48%;
  font-size: 0.8em;
  color: #323232;
  float: left;
}

.intestazioneCampoFormPratica {
  width: 90%;
  font-size: 0.8em;
  color: #323232;
  margin-left: auto;
  margin-right: auto;
}

.linkFormLogin {
  margin-right: auto;
  margin-left: auto;
  width: 90%;
  font-size: 0.8em;
  color: #323232;
  margin-bottom: 10px;
}

.linkFormLoginCella {
  height: 100%;
  position: relative;
  width: 50%;
  cursor: pointer;
  text-decoration: underline;
  font-size: 0.8em;
}

.intestazioneCampoForm {
  width: 90%;
  font-size: 0.8em;
  /*font-family:Segoe UI Bold,sans-serif;*/
  color: #323232;
}

.submainNew {
  width: 90%;
  height: 90%;
  max-width: 1065px;
  border: 1px solid #dedede;
  background-color: #fafcfb;
  background-color: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  position: relative;
}

.intestazionePagina {
  width: auto;
  height: 70px;
  text-align: center;
}

.imgTop {
  margin-top: 10px;
  height: 40px;
}

.imgArrow {
  margin-left: 10px;
  margin-top: 10px;
  height: 20px;
  cursor: pointer;
}

.imgM {
  margin-top: 5px;
  height: 25px;
}

.voceMenu {
  text-decoration: underline;
  cursor: pointer;
  margin: 1em 0 1em 0.5em;
  width: auto;
  float: left;
  height: 2em;
  line-height: 2em;
  font-size: 1.5em;
  text-align: left;
}

.bottonePagaOnline {
  min-width: 5em;
  padding-left: 2em;
  padding-right: 2em;
  text-align: center;
  float: right;
  font-size: 1em;
}

.contenitoreRosso {
  float: left;
  font-size: 1em;
}

.marginiLaterali {
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.boxRigaArrivoPartenza {
  width: auto;
}

.boxRigaBluGrande {
  width: 66%;
  float: left;
  margin-left: 3%;
}

.boxRigaBiancaGrande {
  width: 75%;
  float: left;
}

.boxRigaBluPiccolo {
  width: 30%;
  float: left;
}

.boxRigaBiancaPiccolo {
  width: 25%;
  float: left;
}

.boxElencoPren1 {
  width: 10%;
}

.boxElencoPren2 {
  width: 20%;
}

.boxElencoPren3 {
  width: 30%;
}

.boxElencoPren4 {
  width: 30%;
}

.desktopTextRight {
  text-align: left;
}

.mobileTextRight {
  text-align: right;
}

.mobileFont {
  font-size: 1em;
}

.mobileFontSmall {
  font-size: 0.8em;
}

.mobileLeft {
  float: left;
}

.desktopLeft {
  float: none;
}

.noMobile {
  display: none;
}

.noMobile2 {
  display: none;
}

.altezzaRigaMobile {
  height: 2.5em;
  line-height: 2.5em;
}

.navigazione {
  font-size: 1.2em;
}

.colonnaFormSx {
  width: 97%;
  margin: 0.2em 1.5% 0 1.5%;
}

.colonnaFormDx {
  width: 97%;
  margin: 0.2em 1.5% 0 1.5%;
}

.colonnaFormSxF {
  float: left;
  width: 47%;
  margin: 0.2em 0 0 3%;
}

.colonnaFormDxF {
  float: left;
  width: 47%;
  margin: 0.2em 3% 0 0;
}

.iconaWck {
  float: left;
  text-align: right;
  width: 10%;
  margin-left: -8.5%;
}

.boxTransferDimensioni {
  margin-left: 15%;
}

.boxTransferVeicoloPiccolo {
  width: 50%;
  float: left;
  font-weight: bold;
}

.boxTransferVeicoloGrande {
  width: 50%;
  float: left;
  text-align: right;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav {
  margin-bottom: 2em;
}

/*
  nav ul li {
   width: 100%;
   margin:0 0 0 2em;
  }
    */

/*
  nav ul li a {
      display: block;
      width: auto;
      height: 2.5em;
      line-height: 2.5em;
      font-size: 1.5em;
  }
  
  nav ul li a:hover {
      color: #3AC3E0;
  }
  */

nav.collapsible > h2 {
  background-color: #6ba1e5;
  background: -webkit-gradient(linear, bottom, top, from(#6ba1e5), to(#6ba1e5));
  background: -moz-linear-gradient(bottom, #6ba1e5, #6ba1e5);
  background: linear-gradient(bottom, #6ba1e5, #6ba1e5);
  -pie-background: linear-gradient(bottom, #6ba1e5, #6ba1e5);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.2em;
  /* i bordi impostati per i browser che utilizzano il webkit */
  -moz-border-radius: 0.2em;
  /* i bordi impostati per mozilla firefox */
  border-radius: 0.2em;
  /* per tutto il resto (su ie non funziona) */
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* un p� di ombra per i browser webkit */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* la stessa ombra su firefox */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* idem per gli altri browser (tranne IE) */
  behavior: url(PIE.htc);
  color: white;
  font-size: 2em;
  font-weight: bold;
  line-height: 2em;
  width: auto;
  height: 2.5em;
  margin: 0 5%;
  padding-left: 10px;
  cursor: pointer;
}

nav.collapsible > h2.minus {
  background-color: #6ba1e5;
  background: -webkit-gradient(linear, bottom, top, from(#6ba1e5), to(#6ba1e5));
  background: -moz-linear-gradient(bottom, #6ba1e5, #6ba1e5);
  background: linear-gradient(bottom, #6ba1e5, #6ba1e5);
  -pie-background: linear-gradient(bottom, #6ba1e5, #6ba1e5);
  color: white;
}

.myform {
  width: 310px;
  height: 310px;
  padding: 14px;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  behavior: url(PIE.htc);
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #6ba1e5;
}

.input3 {
  font-size: 0.9em;
  color: #6c6e70;
  background-color: #ffffff;
  border: 1px solid #7f9db9;
  margin: 0px;
  padding: 2px 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 2em;
  line-height: 2em;
}

.input3[type="text"] {
  color: #6c6e70;
  background-color: #ffffff;
  border: 1px solid #7f9db9;
  margin: 0px;
  padding: 3px 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.prenota {
  display: inline-block;
  /* opzionale */
  width: 100px;
  outline: none;
  cursor: pointer;
  /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
  text-align: center;
  /* allineiamo il testo al centro */
  text-decoration: none;
  /* senza decorazioni perch� non ci piace :P */
  font: 14px/100% Segoe UI, Helvetica, sans-serif;
  /* definiamo il font */
  padding: 0.5em 2em 0.55em;
  /* un p� di padding */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
  -webkit-border-radius: 0.5em;
  /* i bordi impostati per i browser che utilizzano il webkit */
  -moz-border-radius: 0.5em;
  /* i bordi impostati per mozilla firefox */
  border-radius: 0.5em;
  /* per tutto il resto (su ie non funziona) */
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* un p� di ombra per i browser webkit */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* la stessa ombra su firefox */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* idem per gli altri browser  */
}

.orangeButt {
  width: 138px;
  color: white;
  /* il colore del testo */
  background: #1492c9;
  /* un background di base */
  behavior: url(PIE.htc);
  position: relative;
}

.orangeButt:hover {
  background: #21afed;
  /* colore pi� scuro */
  behavior: url(PIE.htc);
  position: relative;
}

.orangeButt2 {
  color: white;
  /* il colore del testo */
  background: #1492c9;
  /* un background di base */
  background: -webkit-gradient(linear, left top, left bottom, from(#21afed), to(#1492c9));
  /* Ecco la sfumatura, che parte da "left top" e arriva a "left bottom" "from" il colore "to" l'altro colore  */
  background: -moz-linear-gradient(top, #21afed, #1492c9);
  /* stessa cosa per firefox */
  -pie-background: linear-gradient(#21afed, #1492c9);
  background: linear-gradient(top, #21afed, #1492c9);
  behavior: url(PIE.htc);
  position: relative;
}

.orangeButt2:hover {
  background: #21afed;
  /* colore pi� scuro */
  background: -webkit-gradient(linear, left top, left bottom, from(#1492c9), to(#21afed));
  background: -moz-linear-gradient(top, #1492c9, #21afed);
  -pie-background: linear-gradient(#1492c9, #21afed);
  background: linear-gradient(top, #1492c9, #21afed);
  behavior: url(PIE.htc);
  position: relative;
}

.greyButt {
  color: white;
  /* il colore del testo */
  border: solid 2px #707070;
  /* il bordo del colore che vogliamo */
  background: #707070;
  /* un background di base */
  background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#b3b3b3));
  /* Ecco la sfumatura, che parte da "left top" e arriva a "left bottom" "from" il colore "to" l'altro colore  */
  background: -moz-linear-gradient(top, #707070, #b3b3b3);
  /* stessa cosa per firefox */
  -pie-background: linear-gradient(#707070, #b3b3b3);
  background: linear-gradient(top, #707070, #b3b3b3);
  behavior: url(PIE.htc);
  position: relative;
}

.greyButt:hover {
  background: #434343;
  /* colore pi� scuro */
  background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#707070));
  background: -moz-linear-gradient(top, #b3b3b3, #707070);
  -pie-background: linear-gradient(#b3b3b3, #707070);
  background: linear-gradient(top, #b3b3b3, #707070);
  behavior: url(PIE.htc);
  position: relative;
}

.cyanoButt {
  width: 200px;
  color: white;
  /* il colore del testo */
  background: #f78d1d;
  /* un background di base */
  background: -webkit-gradient(linear, left top, left bottom, from(#5bc0ec), to(#1894c9));
  /* stessa cosa per firefox */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e8c1d7', endColorstr='#f47a20');
  /* questo codice invece funziona per explorer, anche se richiede il lancio di un ActiveX che di default � settato a true sui IE, ma che potrebbe richiedere la conferma da parte dell'utente */
  background-color: #1a9fd9;
}

.button {
  outline: none;
  cursor: pointer;
  /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
  text-align: center;
  /* allineiamo il testo al centro */
  text-decoration: none;
  /* senza decorazioni perch� non ci piace :P */
  font: 14px/100% Segoe UI, Unicode, Lucida Grande, sans-serif;
  /* definiamo il font */
  padding: 0em 0.5em 0.2em;
  /* un p� di padding */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
  -webkit-border-radius: 0.2em;
  /* i bordi impostati per i browser che utilizzano il webkit */
  -moz-border-radius: 0.2em;
  /* i bordi impostati per mozilla firefox */
  border-radius: 0.2em;
  /* per tutto il resto (su ie non funziona) */
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* un p� di ombra per i browser webkit */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* la stessa ombra su firefox */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* idem per gli altri browser (tranne IE) */
  margin-top: 10px;
  behavior: url(PIE.htc);
  position: relative;
}

.button2 {
  outline: none;
  cursor: pointer;
  /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
  text-align: center;
  /* allineiamo il testo al centro */
  text-decoration: none;
  /* senza decorazioni perch� non ci piace :P */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
  -webkit-border-radius: 0.2em;
  /* i bordi impostati per i browser che utilizzano il webkit */
  -moz-border-radius: 0.2em;
  /* i bordi impostati per mozilla firefox */
  border-radius: 0.2em;
  /* per tutto il resto (su ie non funziona) */
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* un p� di ombra per i browser webkit */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* la stessa ombra su firefox */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* idem per gli altri browser (tranne IE) */
  top: 0px;
}

.divTondo {
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.2em;
  /* i bordi impostati per i browser che utilizzano il webkit */
  -moz-border-radius: 0.2em;
  /* i bordi impostati per mozilla firefox */
  border-radius: 0.2em;
  /* per tutto il resto (su ie non funziona) */
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* un p� di ombra per i browser webkit */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* la stessa ombra su firefox */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* idem per gli altri browser (tranne IE) */
  behavior: url(PIE.htc);
}

.sfumaturaRossa {
  color: white;
  background-color: #39669d;
  background: -webkit-gradient(linear, bottom, top, from(#39669d), to(#39669d));
  background: -moz-linear-gradient(bottom, #39669d, #39669d);
  background: linear-gradient(bottom, #39669d, #39669d);
  -pie-background: linear-gradient(#39669d, #39669d);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39669d), color-stop(1, #39669d));
  behavior: url(PIE.htc);
}

.sfumaturaBlu {
  color: white;
  background-color: #008bd0;
  background: -webkit-gradient(linear, bottom, top, from(#6ba1e5), to(#6ba1e5));
  background: -moz-linear-gradient(bottom, #6ba1e5, #6ba1e5);
  background: linear-gradient(bottom, #6ba1e5, #6ba1e5);
  -pie-background: linear-gradient(bottom, #6ba1e5, #6ba1e5);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6ba1e5), color-stop(1, #6ba1e5));
  behavior: url(PIE.htc);
  font-weight: bold;
}

.sfumaturaGrigia {
  color: white;
  background-color: #5a5a5a;
  background: -webkit-gradient(linear, bottom, top, from(#5a5a5a), to(#969696));
  background: -moz-linear-gradient(bottom, #5a5a5a, #969696);
  background: linear-gradient(bottom, #5a5a5a, #969696);
  -pie-background: linear-gradient(bottom, #5a5a5a, #969696);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5a5a5a), color-stop(1, #969696));
  behavior: url(PIE.htc);
}

.cellaMaxigruppo {
  width: 100%;
}

.btnMaxiGruppo {
  height: 130px;
  width: 340px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: #ffffff;
  cursor: pointer;
}

.btnMaxiGruppo1 {
  height: 130px;
  width: 340px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: #ffffff;
  cursor: pointer;
}

.btnMaxiGruppo2 {
  height: 130px;
  width: 340px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: #ffffff;
  cursor: pointer;
}

.btnMaxiGruppoInterno {
  height: 110px;
  width: 320px;
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.testoBtnMaxiGruppoInterno {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
  color: #ffffff;
  width: min-content;
}

.divsinistro {
  width: 97px;
  height: 25%;
  float: left;
}

.divdestro {
  width: 41px;
  height: 25%;
  float: left;
}

.divcentrale {
  width: 170px;
  float: right;
}

.divlarghezza {
  width: 170px;
  float: left;
}

.titolorosa {
  color: #00b1e7;
  font-family: Segoe UI, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
}

.boxtipoalloggio {
  width: 422px;
  height: 20px;
  padding: 14px;
  -moz-border-radius-topleft: 20px;
  background-color: #d8d9da;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-weight: bold;
  text-align: left;
  border-radius: 20px 0 0 0;
}

.boxtconferma {
  width: 80px;
  height: 20px;
  padding: 14px;
  background-color: #d8d9da;
  -moz-border-radius-topright: 20px;
  background-color: #d8d9da;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  border-radius: 0 20px 0 0;
}

.boxpersone {
  width: 80px;
  height: 20px;
  padding: 14px;
  background-color: #d8d9da;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}

.bordocentrale {
  height: 20px;
  padding: 14px;
  background-color: #d8d9da;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}

.bordogrigio {
  border: #babbbd;
  border-style: solid;
  border-width: 1px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-weight: regular;
  height: 100px;
  padding: 20px;
  text-align: left;
  color: #757575;
  vertical-align: top;
}

.bordoprezzo {
  border: #babbbd;
  border-style: solid;
  border-width: 1px;
  font-size: 12px;
  color: #00b1e7;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-weight: bold;
  height: 100px;
  padding: 20px;
  text-align: left;
  vertical-align: top;
}

.fotografia {
  background-color: #ffffff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

.stepbar {
  height: 40px;
  width: 100%;
}

.steptext {
  width: 100px;
  font-size: 9px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}

.stepimg {
  width: 22px;
  height: 22px;
  text-align: center;
  font-weight: bold;
  padding-top: 2px;
  font-size: 11px;
}

.ricerca {
  height: 160px;
  width: 690px;
}

.inner_main {
  width: 690px;
  min-height: 300px;
  background-color: #ffffff;
  overflow: hidden;
  float: left;
}

.miniPreventivo {
  width: 200px;
  min-height: 300px;
  height: auto;
}

.miniPreventivo_main {
  width: 190px;
  min-height: 300px;
  height: auto;
  background-color: #e0e0e0;
  margin-left: 10px;
  position: relative;
  overflow: hidden;
  border: 1px solid #e0e0e0;
}

.titolo1 {
  height: 30px;
  font-size: 18px;
}

.sfondoGrigio {
  background-color: #f0f0f0;
}

.titolo2 {
  height: 20px;
  font-weight: bold;
  font-size: 12px;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.gruppo {
  height: 20px;
  font-size: 10px;
  font-weight: bold;
}

.gruppo2 {
  height: 20px;
  font-size: 10px;
  font-weight: bold;
  border-bottom-color: #686868;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.rigaSoluzione1 {
  height: 32px;
  font-size: 12px;
  color: #585858;
  overflow: hidden;
}

.rigaSoluzione2 {
  font-size: 12px;
  border-bottom-color: #686868;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: #585858;
  overflow: hidden;
  height: 32px;
  width: 700px;
}

.bold {
  font-weight: bold;
}

.blackBold {
  color: #000000;
  font-weight: bold;
}

.font10 {
  font-size: 10px;
}

.box390 {
  width: 390px;
}

.box25 {
  width: 25px;
}

.box55 {
  width: 55px;
}

.box60 {
  width: 60px;
}

.box80 {
  width: 80px;
}

.box110 {
  width: 110px;
}

.box120 {
  width: 120px;
}

.box130 {
  width: 130px;
}

.box140 {
  width: 140px;
}

.box170 {
  width: 170px;
}

.box190 {
  width: 190px;
}

.box200 {
  width: 200px;
}

.h20 {
  height: 20px;
}

.benvenuto {
  height: 100%;
  position: relative;
  float: right;
  width: 140px;
  font-weight: bold;
  color: #299dc3;
}

.spazioBottoni {
  width: 300px;
  line-height: 1px;
  height: 1px;
  font-size: 1px;
}

.titoloLogin {
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 20px;
  font-family: Segoe UI Bold, sans-serif;
}

.infoTip .ui-dialog-titlebar {
  visibility: hidden;
}

.infoTip .ui-dialog-titlebar-close {
  visibility: visible;
}

.dialogPreventivo .ui-dialog-titlebar {
  visibility: hidden;
}

.dialogPreventivo .ui-dialog-titlebar-close {
  visibility: visible;
}

.ui-dialog {
  font-size: 14px;
}

.placeholder {
  color: #aaa;
}

#dialog1 {
  display: none;
}

#dialog {
  display: none;
}

.marginiDesktop {
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (min-width: 480px) {
  .main {
    width: 100%;
    margin: 0px auto;
    min-height: 320px;
    font-size: 14px;
  }
  .myformNew {
    width: 530px;
  }
  .intestazionePagina {
    width: auto;
    height: 70px;
  }
  .myform {
    width: 300px;
    height: 300px;
  }
  .imgTop {
    margin-top: 10px;
    height: 40px;
  }
  .myformDialog {
    width: 400px;
  }
  .corpoDialogUt {
    width: 440px;
  }
  .buttonIntestazione {
    width: 120px;
  }
  .buttonPagamento {
    width: 120px;
  }
  .buttonProsegui {
    width: 160px;
  }
  .intestazioneCampoFormLogin {
    margin-left: 20px;
  }
  .myContenitoreForm {
    width: 80%;
  }
  .myformElenco {
    width: 100%;
  }
  .imgElenco {
    width: 100%;
  }
  .myformRicerca {
    width: 98%;
  }
  .myformOfferte {
    width: 98%;
  }
  .myformPratica {
    width: 98%;
  }
  .titolettoIntestazione {
    font-size: 1.2em;
    color: #323232;
  }
}

@media only screen and (min-width: 600px) {
  .main {
    min-height: 760px;
    font-size: 16px;
  }
  #nav {
    top: 5px;
  }
  .testoDettaglio {
    display: block;
  }
  .nomeServizio {
    font-size: 1em;
  }
  .imgServizio {
    background-size: 60px 60px;
  }
  .myformDialog {
    width: 450px;
  }
  .corpoDialogUt {
    width: 500px;
  }
  .iconChiudi {
    margin-top: 10px;
  }
  .titoloElencoNew {
    height: 1.6em;
    line-height: 1.6em;
    font-size: 1.3em;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .titolettoIntestazione {
    font-size: 1.5em;
    color: #323232;
  }
  .buttonWebCk {
    width: 197px;
  }
  .cellaTitolo {
    width: 80%;
    float: left;
    font-size: 1.5em;
  }
  .cellaRiepilogo {
    width: 20%;
    font-size: 0.8em;
    float: left;
  }
  .linkFormLoginCella {
    font-size: 1em;
  }
  .contenitoreBluBasso {
    margin-right: 0;
    width: 21%;
    height: 32px;
    line-height: 32px;
    float: left;
    margin-left: 3%;
    font-size: 0.8em;
  }
  .sottoIntestanzioneI {
    /* height: 130px; */
  }
  .intestazionePagina {
    width: auto;
    height: 100px;
  }
  .imgTop {
    margin-top: 10px;
    height: 65px;
  }
  .titoletto {
    height: 25px;
    color: #fff;
  }
  .imgM {
    margin-top: 5px;
    height: 25px;
  }
  .myform {
    width: 400px;
    height: 400px;
  }
  .spazioBottoni {
    width: 300px;
    line-height: 20px;
    height: 20px;
    font-size: 20px;
  }
  .titoloLogin {
    margin-bottom: 40px;
  }
  .noMobile2 {
    display: block;
  }
  .cellaDescrizioniFooter {
    width: 31%;
  }
  .cellaDescrizioniFooter2 {
    width: 62%;
  }
  .btnMaxiGruppo {
    height: 150px;
    width: 380px;
  }
  .btnMaxiGruppo1 {
    height: 150px;
    width: 380px;
  }
  .btnMaxiGruppo2 {
    height: 150px;
    width: 380px;
  }
  .btnMaxiGruppoInterno {
    height: 130px;
    width: 360px;
  }
  .myContenitoreForm {
    /* width: 570px;*/
    width: 80%;
  }
  .myformElenco {
    /*width: 550px;*/
    width: 100%;
  }
  .imgElenco {
    width: 100%;
  }
  .myformRicerca {
    width: 98%;
  }
  .myformOfferte {
    width: 98%;
  }
  .myformPratica {
    width: 98%;
  }
  .cellaBordiFooter {
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
  }
}

@media only screen and (min-width: 768px) {
  .myformDialog {
    width: 650px;
  }
  .corpoDialogUt {
    width: 700px;
  }
  .divTestoSottoIntestazione {
    font-size: 1em;
  }
  .main {
    min-height: 600px;
  }
  .myform {
    width: 500px;
    height: 400px;
  }
  .myContenitoreForm {
    /* width: 750px; */
    width: 80%;
  }
  .myformElenco {
    width: 100%;
  }
  .imgElencoCella {
    width: 98%;
    background-size: 730px 220px;
    height: 200px;
  }
  .imgElenco {
    width: 730px;
    height: 156px;
  }
  .myformRicerca {
    width: 730px;
  }
  .myformOfferte {
    width: 730px;
  }
  .myformPratica {
    width: 730px;
  }
  .sottoIntestanzioneIContenitore {
    max-width: 720px;
  }
}

@media only screen and (min-width: 1024px) {
  .myContenitoreForm {
    width: 80%;
    max-width: 1000px;
  }
  .myformElenco {
    width: 100%;
    float: left;
  }
  .imgElencoCella {
    width: 98%;
    height: 200px;
    background-size: 690px 200px;
  }
  .imgElenco {
    width: 690px;
    height: 148px;
  }
  .myformRicerca {
    width: 290px;
    float: right;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.2);
  }
  .myformOfferte {
    width: 290px;
    float: right;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.2);
  }
  .myformPratica {
    width: 290px;
    float: right;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.2);
  }
  .main {
    width: 100%;
    margin: 0px auto;
    min-height: 760px;
  }
  .intestazionePagina {
    width: auto;
    height: 150px;
  }
  .imgTop {
    margin-top: 10px;
    height: 110px;
  }
  .titoletto {
    height: 30px;
    color: #fff;
  }
  .imgM {
    margin-top: 5px;
    height: 30px;
  }
  .menu {
    float: right;
    width: 20%;
    margin-top: 135px;
  }
  .contenitoreBluBasso {
    font-size: 1em;
  }
  body {
    background: white;
  }
  .voceMenu {
    text-align: left;
    font-size: 12px;
    margin-left: 2em;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 2em;
    height: 2em;
    line-height: 2em;
    float: none;
    width: auto;
  }
  .bottonePagaOnline {
    margin-right: 0;
    font-size: 1em;
  }
  .contenitoreRosso {
    float: left;
    width: 50%;
    margin-left: 0;
    font-size: 1em;
  }
  .contenitoreBlu {
    margin-right: 0;
    width: 50%;
    height: 32px;
    line-height: 32px;
  }
  .boxRigaArrivoPartenza {
    width: 31%;
    float: left;
  }
  .desktopTextRight {
    text-align: right;
  }
  .mobileTextRight {
    text-align: left;
  }
  .mobileFont {
    font-size: 1em;
  }
  .mobileFontSmall {
    font-size: 1em;
  }
  .noMobile {
    display: block;
  }
  .mobileLeft {
    float: none;
  }
  .desktopLeft {
    float: left;
  }
  .noDesktop {
    display: none;
  }
  .boxRigaBluGrande {
    width: 64%;
  }
  .boxRigaBiancaGrande {
    width: 80%;
  }
  .altezzaRigaMobile {
    height: 3em;
    line-height: 3em;
  }
  .boxRigaBluPiccolo {
    width: 12.6%;
  }
  .boxRigaBiancaPiccolo {
    width: 10%;
  }
  .boxElencoPren1 {
    width: 5%;
  }
  .boxElencoPren2 {
    width: 10%;
  }
  .boxElencoPren3 {
    width: 15%;
  }
  .boxElencoPren4 {
    width: 15%;
  }
  nav {
    margin-bottom: 0px;
  }
  #intestazione {
    display: none;
  }
  .navigazione {
    font-size: 1.0909em;
  }
  .colonnaFormSx {
    float: left;
    width: 47%;
    margin: 0.2em 0 0 1.5%;
  }
  .colonnaFormDx {
    float: left;
    width: 48%;
    margin: 0.2em 1.5% 0 1.5%;
  }
  .iconaWck {
    width: 9%;
    margin-left: -7%;
  }
  .boxTransferDimensioni {
    float: left;
    width: 26%;
    margin-left: 0;
  }
  .boxTransferVeicoloPiccolo {
    width: 15%;
  }
  .boxTransferVeicoloGrande {
    width: 79%;
    text-align: left;
  }
  .marginiDesktop {
    margin-left: 3%;
    margin-right: 3%;
  }
  nav ul li a {
    font-size: 1em;
  }
  .sottoIntestanzione {
    height: 400px;
  }
  .cellaMaxigruppo {
    width: 50%;
    float: left;
  }
  .btnMaxiGruppo {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #ffffff;
  }
  .btnMaxiGruppo1 {
    position: relative;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #ffffff;
    float: right;
  }
  .btnMaxiGruppo2 {
    position: relative;
    margin-left: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #ffffff;
  }
  .btnMaxiGruppoInterno {
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .sottoIntestanzioneIContenitore {
    max-width: 1005px;
  }
}

@media only screen and (min-width: 1200px) {
  .main {
    /* min-height: 1024px; */
  }
}

.card-checkin-ok{
  width: 240px;
  height: 500px;
  margin-left: calc(50% - 118px);
  margin-top: calc(50vh - 300px);
  margin-bottom: 15px;
}

@media only screen and (min-width: 281px) {
  .card-checkin-ok{
    width: 270px;
    height: 500px;
    margin-left: calc(50% - 135px);
    margin-top: calc(50vh - 300px);
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 376px) {
  .card-checkin-ok{
    width: 320px;
    height: 400px;
    margin-left: calc(50% - 160px);
    margin-top: calc(50vh - 250px);
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 415px) {
  .card-checkin-ok{
    width: 500px;
    height: 400px;
    margin-left: calc(50% - 250px);
    margin-top: calc(50vh - 200px);
    margin-bottom: 15px;
  }
}

.noTitle .ui-dialog-titlebar {
  display: none;
}
/* .nav-link.active {
    color: #0007cf;
  }
  .nav-link.active:hover {
    color: #4249ff;
    margin-top: -1px;
    margin-bottom: 1px;
  }
  .nav-link:hover {
    margin-top: -1px;
    margin-bottom: 1px;
  } */

/* ---------------------------------- */

.login {
  min-height: 100vh;
}

/* .bg-image {
      background-image: url('https://source.unsplash.com/WEQbe2jBg40/600x1200');
      background-size: cover;
      background-position: center;
    } */

.title-header {
  /* float: left; */
  display: block;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
}
.left-content-sub-header {
  font: bold 22px/28px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.left-content-intro-title-header {
  margin-top: 50px;
  font: italic 20px/26px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #9b9b9b;
}

.left-content-intro-content-header {
  margin-top: 10px;
  font: italic 17px/23px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-left: 15px;
  color: #a0a0a0;
}
.left-content-icon-border-bottom-header {
  border-bottom: 2px solid #c0c0c0;
  margin-top: 76px;
  width: 94%;
  margin-left: 3%;
}
.left-content-icon-content-header {
  margin-top: 30px;
  font: bold 17px/23px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 20px;
  padding-left: 15px;
  float: right;
}

.left-container {
  float: left;
  display: none;
  height: 100vh;
  background: #f2d184;
  color: #866118;
  background-size: cover;
  background-position: center;
}
.right-container {
  display: inline-block;
  float: right;
  width: 100vw;
  /* height: 100vh; */
}

.left-content-sub {
  font: bold 22px/28px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 20px;
}

.left-content-intro-title {
  margin-top: 40%;
  font: bold 20px/26px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 20px;
}

.left-content-intro-content {
  margin-top: 15px;
  font: bold 17px/23px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 20px;
  padding-left: 15px;
}

.left-content-icon-content {
  position: absolute;

  font: bold 17px/23px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 20px;
  padding-left: 15px;
  float: right;
}

.left-content-icon-border-bottom {
  border-bottom: 1px solid #866118;
  /* margin-top: 60%;
      width: 88%;
      margin-left: 6%; */
  position: absolute;
  bottom: 9rem;
  width: 400px;
  left: 25px;
}

.left-content-contacts {
  position: absolute;
  bottom: 0rem;
  width: 450px !important;
}

.left-content-contacts-main-header {
  position: absolute;
  bottom: 0rem;
  width: 400px !important;
}

.left-content-contacts-camping {
  font-size: medium;
  font-weight: 700;
  margin-bottom: 0.3rem;
}

.left-content-contacts-camping-main-header {
  font-size: small;
  font-weight: 700;
  margin-bottom: 0.3rem;
}

.left-content-contacts-address {
  margin-left: 10px;
  font-size: small;
}

.left-content-contacts-address-main-header {
  margin-left: 5px;
  font-size: small;
}

.left-content-address-content-header {
  position: relative;
  display: block;
  left: -0.3rem;
  padding-top: 1rem;
  height: 230px;
}
.left-content-icon-content-main-header {
  position: absolute;
  bottom: 11rem;
  left: 12rem;
}

@media (min-width: 960px) {
  .left-container {
    display: inline-block;
    width: 450px;
  }
  .title-header {
    display: none;
  }
  .right-container {
    width: calc(100% - 450px);
  }
  .left-content-top {
    margin-left: 40px;
    margin-top: 40px;
  }
  .left-content {
    margin-left: 40px;
    margin-top: 20px;
  }

  .left-content-sub,
  .left-content-intro-title,
  .left-content-intro-content {
    margin-left: 20px;
  }
  .form-floating-login {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .button-form {
    margin-top: 35px;
    width: 80%;
    margin-left: 10%;
  }
  .button-space {
    margin-bottom: 20px;
  }
  .login-heading {
    margin-top: 20px;
    margin-left: 20px;
  }
  .left-content-icon-content {
    bottom: 13rem;
    left: 17.5rem;
  }

  .left-content-icon-border-bottom {
    border-bottom: 1px solid #866118;
    /* margin-top: 60%;
        width: 88%;
        margin-left: 6%; */
    position: absolute;
    bottom: 12rem;
    width: 400px;
    left: 25px;
  }

  .left-content-icon-border-bottom-main-header {
    border-bottom: 1px solid #866118;
    /* margin-top: 60%;
        width: 88%;
        margin-left: 6%; */
    position: absolute;
    bottom: 10rem;
    width: 350px;
    left: 25px;
  }

  .left-content-contacts {
    position: absolute;
    bottom: 0rem;
    left: 15px;
    width: 400px !important;
  }
  .left-content-address-content-header {
    position: absolute;
    left: -1.3rem;
  }
}

@media (min-width: 1100px) {
  .left-container {
    display: inline-block;
    width: 514px;
  }
  .title-header {
    display: none;
  }
  .right-container {
    width: calc(100% - 514px);
  }
  .left-content-top {
    margin-left: 40px;
    margin-top: 40px;
  }
  .left-content {
    margin-left: 40px;
  }
  .left-content-sub,
  .left-content-intro-title,
  .left-content-intro-content {
    margin-left: 40px;
  }
  .form-floating-login {
    margin-top: 50px;
    width: 80%;
    margin-left: 10%;
  }
  .button-form {
    margin-top: 50px;
    width: 80%;
    margin-left: 10%;
  }
  .button-space {
    margin-bottom: 20px;
  }
  .login-heading {
    margin-top: 20px;
    margin-left: 20px;
  }
  .left-content-icon-content {
    bottom: 11rem;
    left: 20rem;
  }

  .left-content-icon-border-bottom {
    border-bottom: 1px solid #866118;
    /* margin-top: 60%;
        width: 88%;
        margin-left: 6%; */
    position: absolute;
    bottom: 10rem;
    width: 450px;
    left: 32px;
  }

  .left-content-contacts {
    position: absolute;
    bottom: 0rem;
    left: 32px;
    width: 450px !important;
  }
}

.login-heading {
  font-weight: 400;
}

.btn-login {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
}

.main-right {
  padding-left: 400px;
  padding-top: 71px;
}

.main-footer {
  position: fixed;
  display: flex;
  height: auto;
  width: calc(100% - 400px);
  bottom: 0;
  background-color: #fff;
  z-index: 1030;
}

.go-up-hover:hover {
  margin-top: -1px !important;
  margin-bottom: 1px !important;
}

.riepilogo-nav-header {
  margin-bottom: 65% !important;
  width: 80%;
  margin-left: 10%;
  /* height: -webkit-fill-available !important; */
}

.table-top-line-bold {
  border-bottom-width: 0 !important;
}

.table-bottom-line-bold {
  border-color: black;
  border-bottom-width: 1px !important;
}

.table-empty-line {
  margin-top: -1px !important;
  height: 0 !important;
  padding: 0 !important;
  border-color: black;
}

.riepilogo-nav-header-desktop {
  display: block;
}

.riepilogo-nav-header-mobile {
  display: none;
}

@media (max-height: 850px) {
  .riepilogo-nav-header-desktop {
    display: none;
  }
  .riepilogo-nav-header-mobile {
    display: block;
  }

}
@media (min-height: 850px) {
  .riepilogo-nav-header-desktop {
    display: block;
  }
  .riepilogo-nav-header-mobile {
    display: none;
  }
}

.accordion-body-table {
  padding: 0 20px;
}

.table-no-bottom-margin {
  padding: 0.5rem 0.5rem 0 0.5rem !important;
}

.navbar-brand-mobile {
  margin-left: 410px;
}
.offcanvas-mobile {
  visibility: visible;
  transform: none;
}
.navbar-toggler {
  visibility: none;
  transform: none;
}
@media (max-width: 880px) {
  .navbar-brand-mobile {
    margin-left: 0;
  }
  .offcanvas-mobile {
    visibility: visible;
    transform: none;
  }
  .btn-close-mobile {
    display: block;
  }
  .main-right {
    padding-left: 0;
    padding-top: 71px;
  }
}
@media (min-width: 881px) {
  .navbar-brand-mobile {
    margin-left: 410px;
  }
  .offcanvas-mobile {
    visibility: visible !important;
    transform: none !important;
  }
  .btn-close-mobile {
    display: none;
  }
  .navbar-toggler {
    visibility: none;
    transform: none;
  }
  .main-right {
    padding-left: 400px;
    padding-top: 71px;
  }
}

.body-dark-mode {
  background-color: #212529;
}
.navbar-dark-mode {
  background-color: #c36c22 !important;
}
.offcanvas-dark-mode {
  background-color: #212529;
}
.navlink-dark-mode {
  color: #fff !important;
}
.table-back-color {
  background-color: #b3b3b3;
}
.table-line-color {
  border-color: #939393;
}

.error-form-input {
  background-color: #ff00006e;
}

#card-payments-form {
  width: fit-content !important;
  margin: auto !important;
  margin-top: 35px !important;
  margin-bottom: 35px !important;
  display: none
}

.bottonePagamentoMini {
  font-size: 40px;
  display: inline-block;
  cursor: pointer;
  /* transition: --bs-button-grey1 0.4s, --bs-button-grey2 0.4s, --bs-button-grey3 0.4s, transform 0.4s; */
}

.bottonePagamentoMini:hover {
  /* transform: translateY(-3px) !important; */
}

.price-container-preview {
  font-size: xx-large;
  font-weight: bold;
  color: black;
  /* margin-left: -20px; */
}
[data-theme="dark"] .price-container-preview {
  color: #d2d3ff;
}
[data-theme="dark"] .light-background-container {
  /* background-color: #d2d3ff; */
  background-color: #ffffff;
  border-radius: 10px;
}

.sp-widget {
  margin-top: 4px;
  margin-left: 9px;
  margin-right: 6px;
}
[data-theme="dark"] .sp-widget {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 4px 6px 0px 9px
}

.img-logo-payment-paypal {
  height: 33px;
  margin-top: 8px;
  margin-bottom: 8px;
}
[data-theme="dark"] .img-logo-payment-paypal {
  height: 49px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 8px 14px 8px 14px;
}

.img-logo-payment-klarna {
  height: 35px;
  margin-top: 8px;
  margin-bottom: 8px;
}
[data-theme="dark"] .img-logo-payment-klarna {
  height: 51px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 8px 14px 8px 14px;
}

.img-logo-payment-scalapay {
  height: 40px;
  margin-top: 8px;
  margin-bottom: 8px;
}
[data-theme="dark"] .img-logo-payment-scalapay {
  height: 56px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 8px 14px 8px 14px;
}

.btn-klarna {
  --bs-btn-color: #000;
  --bs-btn-bg: #FFB3C7;
  --bs-btn-border-color: #FFB3C7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f99db5;
  --bs-btn-hover-border-color: #f99db5;
  --bs-btn-focus-shadow-rgb: 66,70,73;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f99db5;
  --bs-btn-active-border-color: #ff769a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FFB3C7;
  --bs-btn-disabled-border-color: #FFB3C7;
  font-weight: bolder;
}

.btn-nexi {
  font-weight: bolder;
}

.btn-payway {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #198754 !important;
  --bs-btn-border-color: #198754 !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #157347 !important;
  --bs-btn-hover-border-color: #146c43 !important;
  --bs-btn-focus-shadow-rgb: 60,153,110 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #146c43 !important;
  --bs-btn-active-border-color: #13653f !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: #198754 !important;
  --bs-btn-disabled-border-color: #198754 !important;
  font-weight: bolder;
}

.btn-scalapay {
  font-weight: bolder;
}

.btn-paypal {
  font-weight: bolder;
}


.logo-campeggio-light {
  margin-bottom: 20px;
  display: block;
}
[data-theme="dark"] .logo-campeggio-light {
  margin-bottom: 20px;
  display: none;
}
.logo-campeggio-dark {
  margin-bottom: 20px;
  display: none;
}
[data-theme="dark"] .logo-campeggio-dark {
  margin-bottom: 20px;
  display: block;
}

.logo-campeggio-header {
  margin-bottom: 0px;
  height: 55px;
}
[data-theme="dark"] .logo-campeggio-header {
  margin-bottom: 0px;
  height: 55px;
}

.logo-campeggio-link {
  margin: auto;
}