@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

body {
  font-family: "Inter", system-ui;
  font-size: 16px;
  color: #555;
  line-height: 26px;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.ui-autocomplete {
  z-index: 100;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0 0 20px 0;
  padding: 0;
  color: #222;
}

h1 {
  font-size: 36px;
  line-height: 42px;
}
h2 {
  font-size: 30px;
  line-height: 36px;
}
h3 {
  font-size: 20px;
  line-height: 26px;
}
h4 {
  font-size: 18px;
  line-height: 24px;
}
h5 {
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 768px) {
  h1 {
    font-size: 32px;
    line-height: 38px;
  }
  h2 {
    font-size: 28px;
    line-height: 34px;
  }
  h3 {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 26px;
    line-height: 32px;
  }
  h2 {
    font-size: 22px;
    line-height: 28px;
  }
  h3 {
  }
  h4 {
  }
}

/* LINK */
a {
  color: #fb7900;
  text-underline-offset: 3px;
  -webkit-transition: background-color 0.5s, border 0.5s, color 0.5s;
  transition: background-color 0.5s, border 0.5s, color 0.5s;
}
a:hover {
  color: #2a2a2c;
}

a.linkBlack {
  color: #2a2a2c;
  text-underline-offset: 3px;
}
a:hover.linkBlack {
  color: #fb7900;
}

.showOn480 {
  display: none;
}
.hideOn480 {
}

@media (max-width: 480px) {
  div.showOn480 {
    display: block;
  }
  span.showOn480 {
    display: inline;
  }
  .hideOn480 {
    display: none;
  }
}

/* TAG */
span.tag-base {
  border: 2px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 6px;
  margin: 5px 0;
  font-size: 12px;
}

.tag-rosso {
  background-color: #eb4955;
  color: #fff;
}

.tag-grigio {
  background-color: #d9d9d9;
  color: #111;
}

/* BOTTONI */
.btn-base {
  font-family: "Inter", system-ui;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  color: #666;
  padding: 15px;
  line-height: 14px;
  margin: 0;
  border: 2px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background-color 0.5s, border 0.5s, color 0.5s;
  transition: background-color 0.5s, border 0.5s, color 0.5s;
}
.btn-base:hover {
  text-decoration: none;
}

/* modificatori di .btn-base - colori */
.btn-base.btn-verde {
  color: #fff;
  background-color: #393;
}
.btn-base.btn-verde:hover {
  background-color: #222;
}

.btn-base.btn-rosso {
  color: #fff;
  background-color: #eb4955;
}
.btn-base.btn-rosso:hover {
  background-color: #222;
}

.btn-base.btn-bianco {
  color: #2a2a2c;
  background-color: #fff;
}
.btn-base.btn-bianco:hover {
  color: #fff;
  background-color: #eb4955;
}

.btn-base.btn-giallo {
  color: #fff;
  background-color: #f8a000;
}
.btn-base.btn-giallo:hover {
  background-color: #222;
}

.btn-base.btn-blu {
  color: #fff;
  background-color: #3f7fc6;
}
.btn-base.btn-blu:hover {
  background-color: #222;
}

.btn-base.btn-bordo-grigio {
  border: 2px solid #ccc;
  background-color: #fff;
  color: #2a2a2c; /*padding: 15px;*/
}
.btn-base.btn-bordo-grigio:hover {
  background-color: #eb4955;
  border-color: #eb4955;
  color: #fff;
}

.btn-base.btn-bordo-bianco {
  border: 2px solid #ffffff;
  background-color: none;
  color: #ffffff;
  text-decoration: none;
}
.btn-base.btn-bordo-bianco:hover {
  background-color: #eb4955;
  border-color: #eb4955;
  color: #fff;
}

/* modificatori di .btn-base - dimensioni */
.btn-base.btn-sm {
  padding: 10px;
  font-size: 13px;
}
.btn-base.btn-lg {
  padding: 25px;
  font-size: 18px;
  line-height: 20px;
}
.btn-base.btn-input {
  padding: 16px;
  text-transform: uppercase;
}

/* modificatori di .btn-base - block */
.btn-base.btn-block {
  width: 100%;
  display: block;
}
.btn-base.btn-block .fa {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: 50%;
  margin: -15px 0 0 0;
  left: 5px;
}

/* ROW SPACE */
.row-space-bottom-1 {
  margin-bottom: 5px;
}
.row-space-top-1 {
  margin-top: 5px;
}
.row-space-bottom-2 {
  margin-bottom: 10px;
}
.row-space-top-2 {
  margin-top: 10px;
}
.row-space-bottom-3 {
  margin-bottom: 15px;
}
.row-space-top-3 {
  margin-top: 15px;
}
.row-space-bottom-4 {
  margin-bottom: 20px;
}
.row-space-top-4 {
  margin-top: 20px;
}
.row-space-bottom-5 {
  margin-bottom: 25px;
}
.row-space-top-5 {
  margin-top: 25px;
}
.row-space-bottom-6 {
  margin-bottom: 30px;
}
.row-space-top-6 {
  margin-top: 30px;
}
.row-space-bottom-7 {
  margin-bottom: 40px;
}
.row-space-top-7 {
  margin-top: 40px;
}

.text-center {
  text-align: center;
}

.text-orange {
  color: #fb7900;
}

.text-sm {
  font-size: 14px;
}

.text-uppercase {
  text-transform: uppercase;
}

.separatore {
  height: 1px;
  overflow: hidden;
  clear: both;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.fasciaBianca,
.fasciaGrigia {
  padding: 40px 20px;
}

.fasciaBianca {
  background-color: #fff;
}
.fasciaGrigia {
  background-color: #e5e6e7;
}

@media (max-width: 768px) {
  .fasciaBianca,
  .fasciaGrigia {
    padding: 30px 20px;
  }
}

.fasciaBianca-pd10 {
  padding: 10px 20px;
  background-color: #fff;
}
.fasciaGrigia-pd10 {
  padding: 10px 20px;
  background-color: #e5e6e7;
}

.fasciaBianca-pd20 {
  padding: 20px;
  background-color: #fff;
}
.fasciaGrigia-pd20 {
  padding: 20px;
  background-color: #e5e6e7;
}

.fasciaBianca-pd40 {
  padding: 40px 20px;
  background-color: #fff;
}
.fasciaGrigia-pd40 {
  padding: 40px 20px;
  background-color: #e5e6e7;
}

.fasciaBianca-pd60 {
  padding: 60px 20px;
  background-color: #fff;
}
.fasciaGrigia-pd60 {
  padding: 60px 20px;
  background-color: #e5e6e7;
}

.fasciaFotoStruttura { 
  padding: 0 20px;
  background-color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 1110px) {
  .fasciaFotoStruttura { padding-top: 20px; }
}
@media screen and (min-width: 0px) and (max-width: 970px) {
  .fasciaFotoStruttura { padding: 0;}
    .fasciaFotoStruttura .container { padding: 0; }
}

.fasciaGialla {
  padding: 80px 20px;
  background-color: #f8a000;
  text-align: center;
}
.fasciaGialla h3 {
  color: #fff;
}
.fasciaGialla a {
  color: #444;
  text-decoration: underline;
}
.fasciaGialla a:hover {
  color: #fac564;
}

@media (max-width: 860px) {
  .fasciaGialla {
    padding: 30px 20px;
    line-height: 28px;
  }
}

.fasciaFooter {
  color: #777;
  margin: 50px 0 0 0;
  padding: 50px 0;
  background-color: #222;
}

.fasciaFooter a {
  color: #999;
}
.fasciaFooter a:hover {
  color: #fff;
}

.container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.container-md {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 0 20px;
}

a.tag-home {
  display: block;
  float: left;
  padding: 6px 12px;
  margin: 0 6px 6px 0;
  font-weight: 500;
  font-size: 14px;
  color: #444;
  background-color: #e5e6e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background-color 0.5s, border 0.5s, color 0.5s;
  transition: background-color 0.5s, border 0.5s, color 0.5s;
  text-decoration: none;
}
a:hover.tag-home {
  background-color: #f7b74d;
  color: #444;
}

@media (max-width: 680px) {
  a.tag-home {
    font-size: 12px;
  }
}

/* BARRA TOP GIALLA */
#barraTopGialla {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #f8a000;
  font-size: 13px;
  font-weight: bold;
}

#barraTopGialla .menuTop {
  float: left;
}
#barraTopGialla .langTop,
#barraTopGialla .dataTop,
#barraTopGialla .actionTop {
  float: right;
}

@media (max-width: 1110px) {
  #barraTopGialla .menuTop {
    display: none;
  }
}

@media (max-width: 550px) {
  #barraTopGialla .langTop {
    display: none;
  }
}

#barraTopGialla .dataTop {
  background-color: #fff;
  padding: 0 20px;
}

#barraTopGialla .actionTop {
  height: inherit;
  line-height: inherit;
}
#barraTopGialla .actionTop > a {
  display: block;
  height: inherit;
  line-height: inherit;
  padding: 0 20px;
  float: left;
  color: #fff;
  background: #dd8f00;
  margin: 0 0 0 1px;
  text-decoration: none;
}
#barraTopGialla .actionTop > a:hover {
  background: #222;
}

#barraTopGialla ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#barraTopGialla ul li {
  display: inline;
}
#barraTopGialla ul li a {
  color: #fff;
  text-decoration: none;
  padding: 11px 12px;
}
#barraTopGialla ul li a:hover {
  background-color: #222;
}

@media (max-width: 480px) {
  #barraTopGialla .actionTop > a {
    padding: 0 10px;
  }
}

/* HEADER */

#header {
  height: 100%;
  padding: 20px 0;
  background-color: #f7b74d;
}

#header-home {
  width: 100%;
  background-color: #f7b74d;
}

/* NAV */
.nav {
  display: flex;
  max-width: 1240px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  background-color: #f7b74d;
  margin: 0 auto;
  font-size: 14px;
}

#logo {
  float: left;
  width: 210px;
  height: 67px;
  text-align: center;
  margin: 0 20px;
}
#logo img {
  width: 208px;
  height: auto;
  border: 0;
}

@media (max-width: 460px) {
  #logo img {
    width: 190px;
  }
}

#menu,
#menu-right {
  float: right;
  font-weight: bold;
}

#menu ul,
#menu-right ul {
  list-style-type: none;
  margin: 0 20px;
  padding: 0;
  display: flex;
}
#menu ul li,
#menu-right ul li {
  display: inline;
  margin: 0 5px;
}
#menu ul li a,
#menu-right ul li a {
  color: #fff;
  text-decoration: none;
  padding: 11px 7px;
}
#menu ul li a:hover,
#menu-right ul li a:hover {
  color: #222;
}

#menumobile {
  display: none;
}
#menumobile_container {
  display: none;
}
#menumobile_link {
  color: #222;
  text-decoration: none;
}

@media (max-width: 1110px) {
  #menu,
  #menu-right {
    display: none;
  }

  #menumobile {
    position: fixed;
    background-color: #f7b74d;
    left: 0;
    right: 0;
    top: 100px;
    overflow: auto;
    z-index: 10001;
    bottom: 0;
  }

  #menumobile_container {
    display: block;
    position: absolute;
    right: 25px;
  }

  ul.responsiveMenu {
    padding: 0 25px;
    list-style-type: none;
    display: block;
    line-height: 50px;
  }
  ul.responsiveMenu li {
    margin: 0;
    padding: 0;
  }
  ul.responsiveMenu li a {
    display: block;
    text-decoration: none;
    color: #2a2a2c;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
  ul.responsiveMenu li a:hover {
    color: #ffffff;
  }
}
@media (max-width: 640px) {
  #menumobile {
    top: 85px;
  }
}

#barra-cerca {
  padding: 20px 0;
}

@media (max-width: 860px) {
  #barra-cerca {
    padding: 15px 0 20px 0;
  }
}

@media (max-width: 460px) {
  #barra-cerca {
    padding: 0px 0 5px 0;
  }
}

/* HERO */
.hero {
  display: flex;
  align-items: center;
  max-width: 1240px;
  margin: 0 auto;
}

.hero .claim {
  display: flex;
  flex-direction: column;
  flex: 3;
  align-items: flex-start;
  padding: 0 0 0 30px;
  margin-bottom: 90px;
}

.hero .claim img {
  max-width: 700px;
  width: 100%;
  margin-bottom: 30px;
}

.btn-inline a {
  margin-right: 10px;
}

.hero h1 {
  font-size: 110px;
}

.hero .traveller {
  flex: 2;
  margin: 0 0 50px 0;
}
.hero .traveller img {
  max-width: 500px;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .hero {
    flex-direction: column;
  }
  .hero .traveller img {
    max-width: 670px;
  }
  .hero .claim {
    margin-bottom: 30px;
    padding: 0 30px;
  }
  .hero .claim .btn-base {
    display: block;
  }
  .btn-inline {
    width: 100%;
  }
  .btn-inline a {
    margin: 0 0 8px 0;
  }
}

@media (max-width: 600px) {
  .hero .claim {
    padding: 0 20px;
  }
}

.griglia-regioni {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.griglia-regioni ul.colonna {
  list-style-image: url("/images/list-img.png");
}
.griglia-regioni ul.colonna li {
  margin: 6px 0;
  padding-left: 5px;
  line-height: 30px;
}
.griglia-regioni ul.colonna li a {
  font-size: 14px;
}

@media (max-width: 860px) {
  .griglia-regioni {
    display: none;
  }
}

.griglia-1-2 {
  float: left;
  width: 50%;
  padding: 0 20px;
} /* 1 colonna di 2 */
.griglia-1-3 {
  float: left;
  width: 33.3%;
  padding: 0 20px;
} /* 1 colonna di 3 */
.griglia-1-4 {
  float: left;
  width: 25%;
  padding: 0 20px;
} /* 1 colonna di 4 */
.griglia-1-4-2 {
  float: left;
  width: 25%;
  padding: 20px;
} /* 1 colonna di 4 che poi diventa 2 colonne*/

@media (max-width: 680px) {
  .griglia-1-2 {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
  }
  .griglia-1-3,
  .griglia-1-4 {
    float: none;
    width: 100%;
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
  }
  .last {
    border-bottom: 0;
    margin-bottom: 10px;
    padding: 0;
  }
  .griglia-1-4-2 {
    width: 50%;
    padding: 10px;
  } /* 1 colonna di 4 che poi diventa 2 colonne*/
}

.griglia-container-rassegna {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  border: 2px solid #ccc;
  padding: 30px 20px;
  text-align: center;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.rassegnaImg {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  margin: 0 auto;
}

.griglia-container {
  display: flex;
  flex-wrap: wrap;
}

.griglia-item {
  flex: 0 0 23%;
  margin: 1%;
}

.griglia-item img {
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .griglia-item {
    flex: 0 0 48%;
  }
}

/* FORM */
form {
  padding: 0;
  margin: 0;
}
input,
textarea {
  font-family: "Inter", system-ui;
  font-size: 14px;
}
.input-base,
.textarea-base {
  color: #999;
  border: 1px solid #e0e0e0;
  padding: 4px 20px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-base {
  line-height: 50px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.textarea-base {
  line-height: 20px;
  height: 100px;
  padding: 20px;
}

.input-100,
.textarea-100 {
  width: 100%;
}
.input-50,
.textarea-50 {
  width: 50%;
}
.input-30,
.textarea-30 {
  width: 30%;
}

input:focus::placeholder {
  color: transparent;
}
input:focus {
  outline-color: transparent;
}

@media (max-width: 460px) {
  .input-50,
  .textarea-50,
  .input-30,
  .textarea-30 {
    width: 100%;
  }
}

form#formCerca {
  font-size: 14px;
  font-weight: bold;
}

form#formCerca input {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

form#formCerca input[type="submit"] {
  margin-left: -50px;
  height: 46px;
  width: 46px;
  background: #eb4955 url("images/ico-search.png") center no-repeat;
  background-size: 50% 50%;
  color: white;
  border: 0;
  -webkit-appearance: none;
  top: 2px;
  right: -1px;
}

form#formCerca input:hover[type="submit"] {
  background: #2a2a2c url("images/ico-search.png") center no-repeat;
  background-size: 50% 50%;
  transition: background 0.5s;
}

div.qFormCerca,
div.qFormCercaSubmit {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.qFormCerca {
  width: 100%;
}
div.qFormCercaSubmit {
  width: 0%;
}

.selectVoceSemplice,
.selectVoceTextArea,
.selectVoceSemplice-noColonne,
.selectVoceTextArea-noColonne {
  margin: 5px 0;
  text-align: left;
}

.selectVoceSemplice .selectEtichetta,
.selectVoceTextArea .selectEtichetta {
  float: left;
  width: 30%;
  line-height: 50px;
}

.selectVoceSemplice .selectInput,
.selectVoceTextArea .selectTextArea {
  float: left;
  width: 70%;
}

.selectVoceSemplice-noColonne .selectEtichetta,
.selectVoceTextArea-noColonne .selectEtichetta {
  line-height: 30px;
}

.selectVoceSemplice .selectInput-noColonne,
.selectVoceTextArea .selectTextArea -noColonne {
}

@media (max-width: 860px) {
  .selectVoceSemplice,
  .selectVoceTextArea {
    width: 100%;
  }

  .selectVoceSemplice .selectEtichetta,
  .selectVoceTextArea .selectEtichetta {
    float: none;
    width: 100%;
    line-height: 30px;
  }

  .selectVoceSemplice .selectInput,
  .selectVoceTextArea .selectTextArea {
    float: none;
    width: 100%;
  }

  .selectVoceSemplice .selectInput input,
  .selectVoceTextArea .selectTextArea textarea {
  }

  /*.selectVoceSemplice .selectInput50 input { width: 100%; }*/
}

form.moduloPreventivo {
  background: #f9f9f9;
  padding: 25px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

/* IMMAGINI */
.imgDesktop {
  width: 100%;
}
.imgMobile {
  display: none;
}
@media screen and (max-width: 760px) {
  .imgDesktop {
    display: none;
  }
  .imgMobile {
    display: block;
  }
}

/* GALLERY */
.galleryBox {
  float: left;
  width: 30%;
  border: 1px solid #ccc;
  margin: 1%;
}
.galleryBox img {
  width: 100%;
  border: 0;
}
.galleryBox .descrizione {
  padding: 10px;
  text-align: center;
}

@media screen and (max-width: 680px) {
  .galleryBox {
    width: 48%;
  }
  .galleryBox img {
  }
}

@media screen and (max-width: 480px) {
  .galleryBox {
    float: none;
    width: 100%;
  }
  .galleryBox img {
  }
}

/* BRICIOLE */
.briciole {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 13px;
  margin: 20px 0;
}
.briciole a {
  color: #2a2a2c;
  text-decoration: underline;
}
.briciole a:hover {
  color: #eb4955;
}

@media (max-width: 1110px) {
  .briciole {
    display: none;
  }
}

.introText {
  font-size: 20px;
  line-height: 28px;
}

/* #################################################### */
/*  LAYOUT PAGINA INTERNA FLEX CON SIDEBAR */
/* #################################################### */

.layoutIntWrapper {
  display: flex;
}

.layoutIntWrapper .corpo {
  width: 75%;
}

.layoutIntWrapper .sidebar {
  width: 22%;
  margin-right: 3%;
}

@media (max-width: 1024px) {
  .layoutIntWrapper {
    flex-direction: column-reverse;
  }
  .layoutIntWrapper .corpo,
  .layoutIntWrapper .sidebar {
    width: 100%;
    margin-right: 0;
  }
}

/*  LAYOUT PAGINA STRUTTURA FLEX */

.layoutPagStruttWrapper {
  display: flex;
}

.layoutPagStruttWrapper .corpoPagStrutt {
  width: 65%;
}

.layoutPagStruttWrapper .sidebarPagStrutt {
  width: 32%;
  margin-left: 3%;
}

@media (max-width: 1024px) {
  .layoutPagStruttWrapper {
    flex-direction: column;
  }
  .layoutPagStruttWrapper .corpoPagStrutt,
  .layoutPagStruttWrapper .sidebarPagStrutt {
    width: 100%;
    margin-right: 0;
  }
}

/* #################################################### */
/* #################################################### */

/* LAYOUT PAGINA INTERNA CON SIDEBAR A DESTRA */
.colSxContenuto {
  float: left;
  width: 75%;
  padding-right: 4%;
}
.sidebarDx {
  float: right;
  width: 25%;
}
.sidebarDx h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

@media (max-width: 860px) {
  .colSxContenuto {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .sidebarDx {
    float: none;
    width: 100%;
    margin: 40px 0;
  }
}

/* MODULO MENU SIDEBAR A DESTRA */
.sidebarDx ul.menu {
  list-style-type: none;
  margin: 10px 10px 30px 10px;
  padding: 0;
  border: 1px solid #ccc;
  border-bottom-color: transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.sidebarDx ul.menu li {
  border-bottom: 1px solid #ccc;
  padding: 20px;
}
.sidebarDx ul.menu li a {
}
.sidebarDx ul.menu li a:hover {
}

/* LAYOUT PAGINA INTERNA CON SIDEBAR A SINISTRA */
.colDxContenuto {
  float: left;
  width: 75%;
}
.sidebarSx {
  float: left;
  width: 25%;
  padding-right: 4%;
}

@media (max-width: 860px) {
  .colDxContenuto {
    float: none;
    width: 100%;
  }
  .sidebarSx {
    float: none;
    width: 100%;
    margin: 40px 0;
    padding-right: 0;
  }
}

/* ELENCHI CITTA'/FRAZIONI */
ul.elencoCitta,
ul.elencoCittaRidotto {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 0 35px 0;
}

ul.elencoCitta a,
ul.elencoCittaRidotto a {
  font-size: 14px;
}

/*modificatore */
ul.ulDueColonne {
  float: left;
  width: 50%;
  padding: 0 6% 0 0;
} /* affianca due colonne di uguale misura */
@media screen and (max-width: 480px) {
  ul.ulDueColonne {
    float: none;
    width: 100%;
  }
}
ul.elencoCitta li {
  position: relative;
  display: block;
  padding: 0;
  margin: 0 5px;
  border-bottom: 1px dotted #dfdfdf;
  text-transform: capitalize;
}
ul.elencoCitta li.titolo {
  margin: 0;
  background-color: #f2f2f2;
  line-height: 20px;
  margin-bottom: 5px;
  font-weight: bold;
  border-bottom: 0;
  padding: 3px 5px;
  font-size: 14px;
}
ul.elencoCitta li:last-child {
  border-bottom: 0;
}
ul.elencoCitta li span.opzioni {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  padding-left: 3px;
  display: block;
  font-size: 11px;
  color: #999;
}
ul.elencoCitta li ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.elencoCitta li ul li {
  background-repeat: no-repeat;
  border-bottom: 0;
  margin-bottom: 1px; /* per compensare l'assenza del border */
}
/* modificatori per i due tipi diversi di interlinee */
ul.elencoCitta,
ul.elencoCitta li,
ul.elencoCitta li span.opzioni,
ul.elencoCitta li ul {
  line-height: 35px;
} /* interlinea elenco normale */
ul.elencoCitta li.titolo {
  font-size: 14px;
}
ul.elencoCitta li ul li {
  background-position: 15px 5px;
} /* interlinea elenco normale */
ul.elencoCitta li span.opzioni span.icoTipologia {
  display: block;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
} /* icone tipologia affiancate a destra - utilizza gli stessi modificatori di "ul.menu" (.mn-mare, .mn-isole, ecc.) */
ul.elencoCitta li span.opzioni a.mappa,
ul.elencoCitta li span.opzioni a.localita {
  /* link per box a scomparsa - il resto del css lo prende dai modificatori di  ".boxStruttura .action a" */
  display: block;
  height: 35px;
  line-height: 35px;
  background-position: left center;
  background-repeat: no-repeat;
  float: left; /*padding: 0 0 0 20px; */
  margin-left: 10px;
  font-weight: bold;
  color: #555;
}

ul.elencoCitta li.titolo {
  font-size: 14px;
}

ul.elencoCitta span.wraptext {
  display: block;
  width: 81%;
} /* accorcia il testo che si sovrappone con gli elementi di destra (.opzioni)*/

/* FILTRI CARATTERISTICHE */
.contenitoreRicAvanzata {
  margin-bottom: 30px;
  padding: 30px;
  background-color: #e5e6e7;
  font-size: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.contenitoreRicAvanzata .titolo {
  margin-bottom: 15px;
}
.contenitoreRicAvanzata select {
  width: 100%;
  margin-bottom: 10px;
}
.contenitoreRicAvanzata input.pulsante {
}

/* ALERT */
.alert {
  padding: 12px;
  font-size: 15px;
  text-align: center;
  margin: 15px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.alertVerde {
  color: #447c44;
  background-color: #d4f3d3;
}
.alertVerde a {
  color: #589567;
}

.alertAzzurro {
  color: #296ba9;
  background-color: #cceaff;
}
.alertAzzurro a {
  color: #565a5c;
}

.alertGiallo {
  color: #7d752c;
  background-color: #fff9c7;
}

.alertRosso {
  color: #aa2a2a;
  background-color: #fcc;
}
.alertRosso a {
  color: #fff;
}

/* PAGINAZIONE */
.paginazione {
  overflow: hidden;
  margin: 20px 0;
}
/*.paginazione a { display: block; width: 170px; height:30px; line-height:30px; text-align:center; float: left; margin-right: 10px; background-color: #f2f2f2; border: 1px solid #f2f2f2; text-decoration: none; color: #666; }*/
.paginazione a.pagIndietro {
  float: left;
}
.paginazione a.pagAvanti {
  float: right;
}
.paginazione a:hover {
  color: #f90;
}

/* PAGINA STRUTTURA */

/* altre classi per carousel in pagina struttura / jquery slick carousel */
.slick-carousel-wrapper {
  /* max-width: 1300px; margin: 0 auto 20px auto; padding: 0 50px; */
  margin: 0 auto;
  overflow: hidden;
}

.thumb_container img {
  height: 500px;
  width: auto;
  border: 0;
  margin: 0 10px 0 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

@media screen and (max-width: 1110px) {
  .thumb_container img {
    margin: 10px 10px 0 10px;
  }
}

@media screen and (max-width: 540px) {
  .thumb_container img {
    height: 350px;
  }
}

.strutturaInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-content: space-between;
}

.strutturaDati {
  flex: 5;
}

.strutturaContatti {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

.strutturaInfo .strutturaDesc {
  padding: 0 20px;
}

.strutturaInfo .strutturaContatti img {
  width: 40px;
}

.strutturaInfo .strutturaContatti a.icoPhone {
  display: none;
}

@media (max-width: 768px) {
  .strutturaInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .strutturaInfo .strutturaDesc {
    text-align: center;
  }

  .strutturaInfo .strutturaContatti {
    margin-top: 20px;
  }

  .strutturaInfo .strutturaContatti a.icoPhone {
    display: inline;
    color: #222;
    text-decoration: none;
  }
}

.propostaNoLink {
  margin: 12px 0;
  display: block;
  text-decoration: none;
  text-align: left;
  background-color: #fff;
  padding: 20px;
  border: 3px solid #d9d9d9;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.propostaNoLink h4 {
  margin: 8px 0 4px 0;
}

a.thumbFotoStrutt_orizz,
a.thumbFotoStrutt_vert,
a.thumbFotoStrutt_quadrata {
  float: left;
  display: block;
  width: 560px;
  height: 420px;
  background-color: #f2f2f2;
  margin: 5px;
  overflow: hidden;
  text-align: center;
}
a.thumbFotoStrutt_orizz img,
a.thumbFotoStrutt_vert img,
a.thumbFotoStrutt_quadrata img {
  border: 0;
} /* altro metodo per ritagliare le immagini (margini negativi) */
a.thumbFotoStrutt_orizz img {
  width: 560px;
  margin: 0 -39px;
}
a.thumbFotoStrutt_vert img {
  height: 420px;
  margin: -39px;
}
a.thumbFotoStrutt_quadrata img {
  width: 560px;
  margin: -14px;
}

.boxPropViaggFoto {
  margin-bottom: 10px;
  background: #f9f9f9;
  padding: 20px;
}
.boxPropViaggDesc {
  padding: 20px 60px;
  font-size: 24px;
  font-family: "Inter", system-ui;
  line-height: 32px;
  color: #999;
}

@media (max-width: 460px) {
  .boxPropViaggDesc {
    padding: 20px 10px;
    font-size: 18px;
    line-height: 32px;
  }
}

.mappaLista {
  display: block;
  margin: 16px 0 20px 0;
}
.mappaLista img {
  width: 100%;
}

@media (max-width: 1024px) {
  .mappaLista {
    display: none;
  }
}

/*LISTA DESIDERI / PROPOSTE*/
.desideriWrapper {
  background-color: #fff;
  padding: 40px 70px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

@media (max-width: 768px) {
  .desideriWrapper {
    padding: 40px 30px;
  }
}

.boxLista {
  padding: 40px 0;
  margin-bottom: 20px;
  background-color: #fff;
  border: 8px solid #e5e6e7;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.boxLista > a {
  display: block;
}

.boxLista .boxListaIco {
  float: left;
  width: 35%;
  padding: 0 20px;
}
.boxLista .boxListaIco .boxListaIco_img {
  width: 200px;
  height: 200px;
  margin: 0 auto 10px auto;
  -webkit-border-radius: 8%;
  -moz-border-radius: 8%;
  border-radius: 8%;
  overflow: hidden;
}

.boxLista .boxListaIco .boxListaIco_img img {
}

.boxLista .boxListaDesc {
  float: left;
  width: 65%;
  padding: 0 20px 0 0;
}

@media (max-width: 780px) {
  .boxLista {
    text-align: center;
  }

  .boxLista .boxListaIco {
    float: none;
    width: 100%;
  }
  .boxLista .boxListaIco .boxListaIco_img {
  }
  .boxLista .boxListaIco .boxListaIco_img img {
  }

  .boxLista .boxListaDesc {
    float: none;
    width: 100%;
    padding: 20px;
    font-size: 14px;
  }
}

/* Box bianco in homepage */
.boxBiancoHome {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 23%;
  margin: 1%;
  float: left;
  background-color: #fff;
  border: 0;
  padding: 20px;
}

.boxBiancoHome .boxBiancoHomeNome,
.boxBiancoHome .boxBiancoHomeCitta {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}

.boxBiancoHome h4 {
  font-size: 16px;
  margin: 15px 0 0 0;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  color: #555;
}
.boxBiancoHome .boxBiancoHomeDesc {
  font-size: 13px;
  color: #999;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}

@media (max-width: 860px) {
  .boxBiancoHome {
    width: 48%;
  }
}

@media (max-width: 600px) {
  .boxBiancoHome {
    width: auto;
    float: none;
  }

  .boxBiancoHome .boxBiancoHomeNome,
  .boxBiancoHome .boxBiancoHomeCitta,
  .boxBiancoHome h4,
  .boxBiancoHome .boxBiancoHomeDesc {
    height: auto;
    overflow: visible;
  }
}

.dataIns {
  font-size: 12px;
  font-style: italic;
  color: #999;
}

.border {
  border: 1px solid #cccccc;
}

/* FOTO PROFILO */
.profiloImg {
  width: 240px;
  height: 240px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.profiloImg img {
  display: none;
}

@media (max-width: 480px) {
  .profiloImg {
    width: 190px;
    height: 190px;
  }
}

/* ELENCO CATEGORIE */
a.elencoCatBig {
  display: block;
  width: 50%;
  padding: 10px 0;
  float: left;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
}

@media (max-width: 680px) {
  a.elencoCatBig {
    width: 100%;
    float: none;
  }
}

.boxScomparsa {
  /* box a scomparsa per iframe mappa, elenchi ecc */
  margin: 0 0 10px 0;
  display: none; /* sar� visualizzato con jquery */
}

/* margin a dx per Font Awsome */
.ico-margin-dx {
  margin-right: 5px;
}

/* OVERRIDE di style.supporto.esterno.css (per la pagina FAQ) */
a.pulsanteLinkResponsive {
  /* pulsante per contattare il supporto responsive (ad esempio nelle AR di BB1 e del booking engine */
  padding: 10px 20px;
  background-color: #3f7fc6;
  max-width: 500px;
  margin-bottom: 20px;
}

input.pulsanteSupporto:hover,
a.pulsanteLinkGenerico:hover,
a.pulsanteLinkRichiediAssistenza:hover,
a.pulsanteLinkResponsive:hover {
  background-color: #4a95e9;
}

.colonnaFAQ_domande .rispostaFAQ {
  padding: 10px 45px;
  color: #555;
  font-size: 14px;
}

.faq_esterna_bbit {
  /* width: 610px; */ /* la larghezza del template standard di bed-and-breakfast.it */
}
.faq_esterna_bbit .colonnaFAQ_categorie a {
}
.faq_esterna_bbit .colonnaFAQ_domande a.linkFAQ,
#contenuto .faq_esterna_bbit .colonnaFAQ_domande a.linkFAQ,
.faq_esterna_ar_clienti .colonnaFAQ_domande a.linkFAQ {
  color: #3f7fc6;
  font-size: 14px;
} /* modificatore per le faq incluse nell'AR dei clienti */
.faq_esterna_bbit .colonnaFAQ_domande .rispostaFAQ,
.faq_esterna_ar_clienti .colonnaFAQ_domande .rispostaFAQ {
  background: none;
}
.faq_esterna_bbit .colonnaFAQ_domande .rispostaFAQ a,
#contenuto .faq_esterna_bbit .colonnaFAQ_domande .rispostaFAQ a,
.faq_esterna_ar_clienti .colonnaFAQ_domande .rispostaFAQ a {
  color: #3f7fc6;
  font-size: 14px;
}
.faq_esterna_bbit
  .colonnaFAQ_domande
  .rispostaFAQ
  a.pulsanteLinkRichiediAssistenza,
#contenuto
  .faq_esterna_bbit
  .colonnaFAQ_domande
  .rispostaFAQ
  a.pulsanteLinkRichiediAssistenza,
.faq_esterna_ar_clienti
  .colonnaFAQ_domande
  .rispostaFAQ
  a.pulsanteLinkRichiediAssistenza,
.faq_esterna_bbit .colonnaFAQ_domande .rispostaFAQ a.pulsanteLinkResponsive {
}

/* AUTOCOMPLETE */
/*  "hack" per far comparire lo scroll nel men� autocomplete e modificare alcuni stili */
.ui-autocomplete {
  font-family: "Inter", system-ui;
  font-size: 12px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; /* <-- prevent horizontal scrollbar */
  padding-right: 20px; /* <-- add padding to account for vertical scrollbar */
  margin-top: 50px;
}
.ui-autocomplete .ui-menu-item {
  border-bottom: 1px solid #bdc3c7;
} /* mette una linea tra i risultati */
.ui-autocomplete .ui-menu-item a {
  padding: 10px;
  color: #7f8c8d;
} /* cambia il link */
.ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  background: #f2f2f2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-color: #f2f2f2;
} /* cambia il rollover */
.ui-autocomplete .highlight {
  font-weight: bold;
  color: #6e7a7b;
} /* lettere evidenziate (hack) */

/* FOOTER */
#footer {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 30px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #444;
  font-size: 14px;
}

#footer .item {
}

#footer .logo img {
  width: 180px;
  margin: 20px;
}

#footer ul {
  list-style-type: none;
  margin: 10px;
  padding: 0;
  line-height: 30px;
}

span.middot {
  content: "\00B7";
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  #footer {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  #footer {
    padding: 40px 10px;
  }
}

.schedaHome {
  padding: 15px;
  height: 330px;
  overflow: hidden;
  border: 1px solid #ccc;
  margin: 0 0 20px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* MAPPA ITALIA */
.col_mappaItalia,
.col_mappaLink {
  float: left;
  height: 330px;
  overflow: hidden;
}
.col_mappaItalia {
  padding: 0 20px 0 10px;
  width: 292px;
  text-align: center;
}
.col_mappaItalia img {
  border: 0;
  width: 282px;
  height: 315px;
  margin-top: 7px;
}
.col_mappaLink {
  padding: 0 20px;
  border-left: 1px solid #ccc;
  width: 100px;
}
.col_mappaLink .elencoLink h3 {
  height: 20px;
  line-height: 20px;
  background: none;
  text-transform: none;
  color: #999;
  font-weight: bold;
  font-family: "Inter", system-ui;
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
}
.col_mappaLink .elencoLink a {
  display: block;
  line-height: 15px;
} /* 20 righe max */
.col_mappaLink .elencoLink a:hover {
  background-color: #f2f2f2;
  color: #999;
  text-decoration: none;
}

/* STRUTTURE E BOX A SCOMPARSA (adattabile anche alle offerte) */
/*struttura B&B lista */
.boxStruttura {
  width: 100%; /* <--- serve per un bug con IE7 e alcune versioni di IE8 che fanno scomparire del tutto il box */
  display: flex;
  position: relative;
  border-bottom: 1px solid #d1d1d1;
  padding: 20px 0;
}
/*.boxStruttura span.tuttoAnno {
  color: #0da815;
  font-weight: bold;
  line-height: 16px;
  border-top: 1px solid #d9d9d9;
  margin-top: 2px;
  padding: 10px 0 0 0;
}*/
.boxStruttura .icoElemento {
}
.boxStruttura .icoElemento a {
  /* usare per icona centrata come sfondo */
  display: block;
  width: 260px;
  height: 260px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
}
.boxStruttura .icoElementoSlideshow {
  display: none;
}
/* .boxStruttura .icoElemento a img { width: 100px; height: 70px; border: 0; } */
.boxStruttura .tipologia {
  line-height: 18px;
  font-size: 14px;
  margin: 0 0 5px 0;
}
.boxStruttura .prezzoOfferta {
  width: 66px;
  height: 35px;
  position: absolute;
  top: 31px;
  right: -15px;
  font-size: 13px;
  color: #c00;
  text-align: right;
  padding: 5px 4px 0 0;
  z-index: 1;
  background-image: url(http://www.bed-and-breakfast.it/img/layout/prezzo_offerta.png);
  background-repeat: no-repeat;
  background-position: top left;
} /* serve per quando si visualizzano le offerte */
.boxStruttura .prezzoOfferta .aPersona {
  font-size: 11px;
}
.boxStruttura .rifiutaOfferta {
  width: 16px;
  height: 16px;
  display: block;
  background: url(http://www.bed-and-breakfast.it/img/layout/close_button.png) 0
    0 no-repeat;
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 5;
} /* pulsante per rifiutare l'offerta, visibile solo a noi */
.boxStruttura .rifiutaOfferta span {
  display: none;
}

.boxStruttura .corpoElemento {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

.boxStruttura .corpoElemento .elemento {
  display: flex;
  flex-direction: column;
}

.boxStruttura .corpoElemento .contatti {
  display: flex;
  justify-content: end;
  gap: 10px;
}

/* modificatori per corpoElemento */
.normale {
  width: 435px;
}
/* .normale_nofoto { width: 430px; } */

.boxStruttura .icoWhatsApp {
}

.boxStruttura .icoPhone {
  display: none;
}

.boxStruttura h4 {
  margin: 8px 0 0 0;
}

.boxStruttura .testoElemento {
  line-height: 18px;
  font-size: 13px;
  margin: 0 0 15px 0;
}
.boxStruttura .testoElemento span.indirizzo {
  text-transform: capitalize;
}

.boxStruttura .testoElemento .listaDesideri {
  margin: 10px 0;
}
.boxStruttura .testoElemento .listaDesideri span.listaDesideriTit {
  display: inline-block;
  padding: 3px 0;
  font-size: 11px;
  font-weight: bold;
  margin: 5px 5px 0 0;
}
.boxStruttura .testoElemento .listaDesideri span.listaDesideriItem {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 5px 11px;
  margin: 2px 0;
  font-size: 11px;
  font-weight: bold;
}

.boxStruttura .testoElemento .listaDesideri span.listaDesideriItemGrigio {
  background-color: #dedede;
}
.boxStruttura .testoElemento .listaDesideri span.listaDesideriItemVerde {
  color: #447c44;
  background-color: #d4f3d3;
}

.boxStruttura .action {
  height: 18px;
  padding: 2px 3px;
  background-color: #f2f3f3;
  margin-top: 5px;
}
.boxStruttura .action a {
  display: block;
  float: left;
  border-right: 1px dotted #ccc;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  font-weight: bold;
  padding: 0 4px 0 18px;
  background-position: left center;
  background-repeat: no-repeat;
  color: #666;
}
.boxStruttura .action a:hover {
  background-color: #fff;
  text-decoration: none;
}
.boxStruttura .action a:last-child {
  border-right: 0;
}
/* modificatori per "action a" (icone associate ai link) validi anche per "barraSuggerimenti a" (vedi pi� sopra) */
a.prenota {
  background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_ls_email.png);
}
a.spedito {
  background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_ls_email_spedita.png);
}
a.info {
  background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_ls_info.png);
}
a.foto {
  background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_ls_foto.png);
}
a.video {
  background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_ls_video.png);
}
a.euro {
  background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_ls_euro.png);
}
/*a.mappa { background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_ls_mappa.png); }*/
a.localita,
a.listaStrutture {
  /*background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_ls_localita.png);*/
}
a.sitoweb {
  background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_ls_link.png);
}

/* .boxStruttura:last-child { border-bottom: 0; margin-bottom: 0; } */

@media screen and (max-width: 656px) {
  .boxStruttura {
    flex-direction: column;
  }
  .boxStruttura .icoElemento {
    display: none; /*float: none; width: 100%;*/
  }
  .boxStruttura .icoElementoSlideshow {
    display: block;
    margin-top: 30px;
  }
  .boxStruttura .corpoElemento {
    padding: 20px 0;
    flex-direction: column;
  }
  .boxStruttura .icoElemento a {
    height: 200px;
    background-color: #f9f9f9;
  }

  .boxStruttura .tipologia {
    right: 15px;
    font-size: 12px;
    color: #555;
    padding: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }

  .boxStruttura .icoWhatsApp {
    top: 50px;
    right: 5px;
  }
  .boxStruttura .icoWhatsApp img {
    width: 35px;
  }

  .boxStruttura .icoPhone {
    display: block;
  }
  .boxStruttura .icoPhone a {
    color: #222;
    text-decoration: none;
  }
}

/* RICERCHE SPECIALI */

.boxRicercheSpecialiIcons {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
/*.boxRicercheSpecialiIcons .icoElemento { float:left; width:47px; height:47px; margin-right:5px; }
		.boxRicercheSpecialiIcons .icoElemento img { border: 0; border-radius:5px; }	*/
.boxRicercheSpecialiIcons .corpoElemento {
  float: left;
  width: 115px;
  font-size: 11px;
  color: #777;
  line-height: 16px;
  margin-top: 12px;
}

.col1,
.col2 {
  width: 340px;
  float: left;
  margin-right: 30px;
}
.col2bis {
  width: 530px;
  float: left;
}
.col3 {
  width: 160px;
  float: left;
}

.col_mezza {
  width: 50%;
  float: left;
}

.col_lista_sx {
  width: 58%;
  float: left;
}
.col_lista_dx {
  width: 38%;
  float: right;
}

@media (max-width: 800px) {
  .col_lista_sx,
  .col_lista_dx {
    width: auto;
    float: none;
  }
  .col_lista_dx {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #ccc;
  }
}

.col_lista_sx_ALT {
  width: 680px;
  float: left;
  line-height: 20px;
}
.col_lista_dx_ALT {
  width: 250px;
  float: right;
}

.col_lista_sx_ALT2 {
  width: 465px;
  float: left;
  line-height: 20px;
}
.col_lista_dx_ALT2 {
  width: 465px;
  float: right;
  line-height: 20px;
}

.mappa_iframe {
  width: 100%;
  height: 400px;
  border: 0;
  margin: 0 0 20px 0;
}

.linea,
.linea-tratt {
  height: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  clear: both;
}
.linea-tratt {
  border-bottom: 1px dotted #ccc;
}

/* PAGINAZIONE E BARRE SUGGERIMENTI */
.barraSuggerimenti {
  /* barra che contiene dei suggerimenti */
  height: 20px; /* overflow: hidden; */
  margin-bottom: 45px;
}
.barraSuggerimenti a,
.boxNewsTop .leggiTutto a {
  /*display: block;
		height: 18px;
		line-height: 18px;
		font-size: 11px;
		padding: 0 5px;
		margin-right: 5px;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; */
}
.barraSuggerimenti a,
.barraSuggerimenti a.dintorniBottom {
  color: #999;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  display: block;
} /* pulsanti generici di barre dei suggerimenti */
.barraSuggerimenti a.dintorniBottom {
  float: none;
  width: auto;
  text-align: center;
  margin: 0;
} /* pulsante unico che occupa tutta la larghezza della colonna (es. pulsante dintorni nel bottom della lista) */
.barraSuggerimenti div.mnContDistanze {
  position: relative;
} /* contiene il link e il men� con le distanze*/
.barraSuggerimenti a.ordinaPrezzo {
  color: #fff;
  border: 1px solid #006600;
  font-weight: bold;
  background: #009900
    url(http://www.bed-and-breakfast.it/img/layout/ico_ordinaprezzo.png)
    no-repeat left center;
  padding-left: 22px;
} /* pulsante per ordinare per prezzo */
.barraSuggerimenti a.mappa,
.barraSuggerimenti a.localita,
.barraSuggerimenti a.info,
.barraSuggerimenti a.prenota,
.barraSuggerimenti a.spedito,
.barraSuggerimenti a.listaStrutture,
.barraSuggerimenti div.mnContDistanze a.distanze {
  /*background-position: 2px center; background-repeat: no-repeat; padding-left: 20px;*/
} /* pulsante per la mappa generale, la localit�, distanze, prenotazioni di massa, ecc.*/
.barraSuggerimenti div.mnContDistanze a {
  /*background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_distanze.png);*/
}
/* modificatore per .distanze */
.barraSuggerimenti div.mnContDistanze a.distanze-active {
  /*background-color: #ccc; color: #999; background-image: url(http://www.bed-and-breakfast.it/img/layout/ico_distanze_active.png);*/
}
.boxNewsTop .leggiTutto a {
  float: right;
  margin-top: 4px;
  color: #f2f2f2;
  background-color: #666;
  border: 1px solid #666;
} /* pulsante "leggi tutto" per news (colorazione diversa) */
.barraSuggerimenti a:hover,
.boxNewsTop .leggiTutto a:hover {
  text-decoration: none;
}
.barraSuggerimenti a:hover,
.boxNewsTop .leggiTutto a:hover {
  background-color: #333;
}

#overlayContainerDistanze {
  position: absolute;
  display: none;
  top: 48px;
  left: 0;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 300px;
  /*-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; */
} /* contiene il men� delle distanze in KM (viene visualizzato da jquery) */
#overlayContainerDistanze a {
  border: 0;
  margin: 0;
  color: #555;
  padding: 5px 20px;
  background: none;
  border-bottom: 1px solid #ccc;
}
#overlayContainerDistanze a:hover {
  background-color: #f9f9f9;
}
#overlayContainerDistanze a:last-child {
  border-bottom: 0;
}

/* ELENCHI A DUE/TRE COLONNE (regioni, offerte ecc) */
.linkIncolonnati {
}
.linkIncolonnati a {
  display: block;
  background-position: left center;
  background-repeat: no-repeat;
  overflow: hidden;
  float: left;
  height: 16px;
  line-height: 16px;
}
.linkIncolonnati a:hover {
  background-color: #dfdfdf;
  text-decoration: none;
}

/* modificatori di .linkIncolonnati */
.elencoLocalitaFixed {
  background-color: #f9f9f9;
  padding: 15px;
} /* modificatore con sfondo e padding e misure fisse (es: la lista a scomparsa delle localit� in beb_localita_turistiche_interessanti.cfm) */
.treColonneFixed a {
  width: 33.3%;
  float: left;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  text-transform: capitalize;
} /* tre colonne con sfondo bianco e margin fissi (da utilizzare in genere in coppia con .elencoLocalitaFixed */

@media (max-width: 760px) {
  .treColonneFixed a {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .treColonneFixed a {
    width: 100%;
  }
}

.cinqueColonneRegioni a {
  width: 14%;
  padding: 0 3%;
  font-size: 11px;
  font-weight: bold;
}
.cinqueColonne a {
  width: 18%;
  padding: 0 1%;
}
.quattroColonne a {
  width: 23%;
  padding: 0 1%;
}
.treColonne a {
  width: 31%;
  padding: 0 1%;
}
.treColonneSfondo a {
  margin: 1%;
  background-color: #f2f2f2;
  width: 29%;
  padding: 1%;
}
.dueColonne a {
  width: 48%;
  padding: 0 1%;
}
.dueColonne_ico a {
  /* width: 274px; padding: 0 5px 0 29px; */
} /* due colonne compresa icona */
/* modificatori dei modificatori di .linkIncolonnati... */
.icoOfferte a {
  /* background-image: url(images/ico_offerte.png); */
}
.icoLastMinute a {
  /* background-image: url(images/ico_last_minute.png); */
}

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

.col_uno {
  width: 200px;
  float: left;
  padding-right: 45px;
}
.col_due,
.col_tre {
  float: left;
  width: 345px;
}
.col_tre {
  float: right;
}
.box_FB_connect {
  padding: 10px 10px 285px 10px;
  border: 1px solid #ccc;
  background: url(images/mano_bg.jpg) no-repeat left bottom;
}
.box_FB_connect p {
  font-size: 20px;
  color: #666;
  font-weight: bold;
  letter-spacing: -1px;
  padding: 0;
  margin: 0 0 10px 0;
}
.tit_doppia_colonna {
  width: 715px;
  border-bottom: 5px solid #eee;
  margin-bottom: 20px;
  float: left;
}
.tit_doppia_colonna h2 {
  margin-bottom: 5px;
}

.colDoppiaPagina_generica {
  width: 615px;
  float: left;
}
.colDoppiaPagina_dx {
  width: 300px;
  float: right;
  position: relative;
}

.colUnica_generica {
}

a.btContattaPrenota {
  /* pulsante per contattare o prenotare la struttura */
  position: absolute;
  left: 0;
  top: -70px;
  display: block;
  text-align: center;
  width: 210px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: url(http://www.bed-and-breakfast.it/img/layout/bt_contatti_prenota.png)
    center center no-repeat;
}
a.btContattaPrenota:hover {
  text-decoration: underline;
}

.boxFB {
  width: 590px;
  float: left;
}

ul.menuBaratto {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
}
ul.menuBaratto li {
  display: block;
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid #ccc;
}

.js .news_slider .messaging,
.js .news_slider .item {
  /* queste ultime classi servono per evitare lo sfarfallamento di elementi nascosti con jquery (nascondi-elementi.js) */
  display: none;
}

.treColonneHOME {
  width: 31%;
  padding: 0 1%;
  float: left;
  line-height: 20px;
}
.font-ext {
  font-family: "Inter", system-ui;
  font-size: 18px;
  color: #f90;
}

.boxProposteViaggiatori {
  margin-bottom: 10px;
  background: #f2f2f2;
  padding: 20px; /* -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; */
}
.boxProposteViaggiatori a.descrizioneProposta,
.boxProposteViaggiatori div.descrizioneProposta {
  display: block;
  text-decoration: none;
  color: #666;
  padding-left: 60px;
  line-height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.boxProposteViaggiatori a.descrizioneProposta:hover {
  text-decoration: underline;
}
.boxProposteViaggiatori a.contattaProposta {
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 16px;
  margin-top: 10px;
  color: #999;
  background-color: #ccc;
  padding: 3px;
  /* -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; */
}
.boxProposteViaggiatori a.contattaProposta:hover {
}

a.pulsanteFB_pubblica,
a.pulsanteModifica {
  display: block;
  float: left;
  margin: 10px 10px 0 0;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  background-color: #ccc;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  /*-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;*/
}
a.pulsanteFB_pubblica {
  background-color: #3b5998;
  background-image: url(/images/ico_fb_mini.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
  padding: 0 10px 0 30px;
  color: #fff;
}

.boxProposteViaggiatori .fb_likebt {
  padding: 5px 0 0 60px;
}

/* GRIGLIE PER FORM (richiesta info, segnala evento, ecc)*/
/*.selectVoceSemplice { height: 28px; line-height: 28px; margin-bottom: 5px; color: #666; }		
	.selectVoceSemplice .selectEtichetta { width: 200px; height: 28px; line-height: 28px; float: left; font-size: 11px; font-weight: bold; text-align: right; padding-right: 10px; }
	.selectVoceSemplice .selectInput { float: left; width: 310px; height: 28px;  } 
		.selectVoceSemplice .selectInput input { width: 300px; height: 16px; line-height: 16px; } 
	.selectVoceSemplice .selectGenerico { float: left; width: 310px; height: 28px;  } 		
	
		.boxRidotto .selectVoceSemplice { margin-bottom: 1px; }
			.boxRidotto .selectVoceSemplice .selectEtichetta { width: 120px; } 
			.boxRidotto .selectVoceSemplice .selectInput { width: 320px; } 
				.boxRidotto .selectVoceSemplice .selectInput input { width: 315px; } 	
		
.selectVoceTextArea { height: 202px; line-height: 28px; margin-bottom: 5px; }		
	.selectVoceTextArea .selectEtichetta,
	.selectVoceTextArea .selectEtichettaDueRighe { width: 200px; height: 202px; line-height: 180px; float: left; font-size: 11px; color: #666; font-weight: bold; text-align: right; padding-right: 10px; } 
	.selectVoceTextArea .selectTextArea { float: left; width: 310px; height: 202px;  } 
		.selectVoceTextArea .selectTextArea textarea { width: 300px; height: 180px; } 		

		.boxRidotto .selectVoceTextArea { margin-bottom: 1px; }
			.boxRidotto .selectVoceTextArea .selectEtichetta { width: 120px; } 
			.boxRidotto .selectVoceTextArea .selectTextArea { width: 320px; } 
				.boxRidotto .selectVoceTextArea .selectTextArea textarea { width: 315px; } 		.selectCheckBox { line-height: 18px; margin-bottom: 5px; color: #666; }
		
.selectErrore { display: none; width: 300px; background-color: #Fc0; padding: 10px; margin: auto; }*/

a.vaiSuBB {
  display: block;
  height: 40px;
  line-height: 20px;
  padding-left: 65px;
  background: url(images/bb_logo.gif) no-repeat left center;
  font-weight: bold;
  margin: 0 0 40px 0;
}

/* classi per il testo automatico generato nella descrizione struttura */
strong.txtgen_titolo {
  line-height: 40px;
}
strong.txtgen_nomebeb {
}

/* --- ELENCHI CITTA'/FRAZIONI/POI/ECC. --- */
ul.elenco {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 14px;
}
ul.elenco li {
  position: relative;
  display: block;
  line-height: 20px;
  padding: 5px;
  margin: 0 5px;
  border-bottom: 1px dotted #dfdfdf; /* text-transform: capitalize; */
}
ul.elenco li.titolo {
  margin: 20px 0 5px 0;
  padding: 3px 10px;
  border-bottom: 0;
  background-color: #ecf0f1;
  font-weight: bold;
  font-size: 14px;
}
ul.elenco li:last-child {
  border-bottom: 0;
}
ul.elenco li span.opzioni {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #fff;
  padding-left: 3px;
  display: block;
  font-size: 11px;
  color: #999;
  line-height: inherit;
}
ul.elenco li span.wraptext {
  display: block;
  line-height: inherit;
  width: 81%;
} /* accorcia il testo che si sovrappone con gli elementi di destra (.opzioni)*/
/* ul.elenco li span.opzioni span.icoTipologia { display: block; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; float: left; } */ /* icone tipologia affiancate a destra - utilizza gli stessi modificatori di "ul.menu" (.mn-mare, .mn-isole, ecc.) */
ul.elenco li span.opzioni a {
  /* link per box a scomparsa - il resto del css lo prende dai modificatori di  ".boxStruttura .action a" */
  display: block;
  height: 20px;
  line-height: inherit;
  float: left;
  padding: 0 10px;
  border-right: 1px solid #f2f2f2;
}
ul.elenco li span.opzioni a:last-child {
  border-right: 0;
}
ul.elenco li ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
} /* sottomenù (<ul> dentro a un <li>*/
ul.elenco li ul li {
  line-height: 20px;
  background: url(/img/submenu.gif) left center no-repeat;
  border-bottom: 0;
  margin-bottom: 1px; /* <--- "margin-bottm: 1px" per compensare l'assenza del border */
  margin-left: 10px;
  padding-left: 15px;
}

/*modificatori di ul.elenco */
ul.elencoDueColonne {
  float: left;
  width: 50%;
} /* affianca due colonne di uguale misura */
ul.ridotto {
  font-size: 12px;
} /* elenco di dimensioni più ridotte */

/* elementi per nascondere le voci in elenchi troppo lunghi */
.js .elencoNascosto {
  display: none; /*  viene nascosto tramite javascript con nascondi-elementi.js */
}

ul.elencoNascosto li {
  /* gli ul nascosti (utilizzati ad esempio con i POI) hanno un aspetto leggermente diverso, con un trattino per identificare meglio la lista  */
  background: url(/img/submenu.gif) left center no-repeat;
  margin-left: 15px;
  padding-left: 15px;
}

/* elenco POI nella lista strutture (serve per far comparire l'elenco nascosto dei poi) */
a.TrovaBBvicinoA_lista {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 33px;
  margin: 10px 0;
  font-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  border-bottom: 1px solid #f2f2f2;
  color: #555;
}
a.TrovaBBvicinoA_lista:hover {
  background-color: #f2f2f2;
  text-decoration: none;
}

/* elementi per nascondere le voci in elenchi troppo lunghi */
.js .elencoNascosto {
  display: none; /*  viene nascosto tramite javascript con nascondi-elementi.js */
}

ul.elencoNascosto li {
  /* gli ul nascosti (utilizzati ad esempio con i POI) hanno un aspetto leggermente diverso, con un trattino per identificare meglio la lista  */
  background: url(/img/submenu.gif) left center no-repeat;
  margin-left: 15px;
  padding-left: 15px;
}

/* override boxicons style */
.bx {
  margin: 0 5px;
}