A:link {text-decoration: none; color:#000;}
A:visited {text-decoration: none; color:#000;}
A:hover {text-decoration: none; color:#000;}
body {
	margin:0px;
	padding:0px;
	font-family: 'Sansation', sans-serif;
	font-size:1.3em;
	font-weight:300;
	color:#333;
	background-color:#ffffff;
}
.soloMobile
{
	display:none!important
}
.soloDesktop
{
	display:block!important
}
.boxBlu
{
	background-color: rgb(58, 50, 157);
    color: white;
}
.boxMarrone
{
	background-color: rgb(64, 34, 29);
    color: white;
}
.boxMeeting
{
	background-color: rgb(30, 137, 154);
    color: white;
}
.boxRosso
{
	background-color: rgb(192, 0, 0);
    color: white;
}
.boxVerde
{
	background-color: rgb(45, 51, 24);
    color: white;
}
.boxBeige
{
	background-color: rgb(255, 250, 244);
    color: black;
}
/* .box{ */
	/* width:200px;margin:10px;display:inline-table */
/* } */
strong
{
	font-weight:400;
	color:#000;
}
img {
	border:0px;
}
form {
	margin:0px;
	padding:0px;
}
.spacer
{
	height:0px;
	width:0px;
	overflow:hidden;
	clear:both;
}
.spacer2
{
	height:15px;
	width:0px;
	overflow:hidden;
	clear:both;
}
.spacer3
{
	height:35px;
	width:0px;
	overflow:hidden;
	clear:both;
}

#payoff
{
	position:absolute;
	z-index:5;
	width:100%;
	top:25%;
	color:#FFF;
	text-align:center;
	font-size:3em;
	font-weight:700;
	text-shadow: #333 1px 0 10px;
	
}
#payoff .nomeSezione
{
	font-size:24px;
}
#payoff .bianco
{
	font-size:32px!important;
	text-transform:capitalize!important;
}

.typewriter {
    overflow: hidden;
    white-space: nowrap;
    border-right: 3px solid #000; /* Cursore */
    opacity: 0; /* Inizialmente invisibile */
    transform: translateY(20px); /* Effetto leggermente più in basso */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.typewriter.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Animazione cursore */
@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: #000; }
}

.typewriter.typing {
    animation: blink-caret 0.75s step-end infinite;
}

.villa-section {
      display: flex;
      flex-direction: row;
      gap: 60px;
      align-items: flex-start;
    }

    .villa-list {
      flex: 1;padding-left:20px
    }

    .villa-list ul {
      list-style: none;
      padding: 0;
    }

    .villa-list li {
      font-size: 1.5rem;
      margin: 20px 0;
      cursor: pointer;
      transition: color 0.3s;
    }
.villa-list li a {
    text-decoration: none;
    outline: 0;
    transition: all .3s ease-in-out;
    cursor: pointer;
    display: inline-block;
    color: #5E5554;
}
.villa-list li:hover {
    font-weight: 500;
    text-shadow: 0 0 .6px #382F2D;
	 -webkit-animation: drawLine .5s ease forwards;
    animation: drawLine .5s ease forwards;
	
}
.linea {
    visibility:hidden;
	flex-grow: 0;
    height: 1px;
    background: #382F2D;
}
.villa-list li:hover > .linea {
    visibility:visible;
}
@-webkit-keyframes drawLine {
    0% {
        flex-grow: 0;
        opacity: 0
    }

    100% {
        flex-grow: 1;
        opacity: 1
    }
}

@keyframes drawLine {
    0% {
        flex-grow: 0;
        opacity: 0
    }

    100% {
        flex-grow: 1;
        opacity: 1
    }
}
    .villa-list li:hover {
      color: #c2935d;
    }

    .villa-preview {
      /*flex: 2;*/
      position: relative;
    }

    .villa-preview img {
      width: 100%;
      max-width: 700px;
      height: auto;
      object-fit: cover;
      border-radius: 12px;
      transition: opacity 0.5s ease;
    }

.experiences-section {
  padding: 10px 0;
 
}

.experience-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
  height: 100%;
}

.experience-card img {
  width: 100%;
  /*height: 240px;*/
  object-fit: cover;
}

.card-content {
  padding: 25px;position:absolute;top:10px;color:white;
}

.cta-button {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid #d4a762; /* Colore oro simile al sito */
  color: #d4a762;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cta-button:hover {
  background: #d4a762;
  color: white;
}

/* Stili Swiper personalizzati */
.experiences-swiper {
  padding: 30px 10px 60px; /* Spazio per frecce/paginazione */
}

.swiper-slide {
  width: 300px !important; /* Larghezza card fissa */
  margin-right: 30px;
}

.swiper-button-next, .swiper-button-prev {
  color: transparent !important;
  
}

.swiper-pagination-bullet-active {
  background: #d4a762 !important;
}

.experience-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.experience-card img {
  transition: transform 0.8s ease;
}
.experience-card:hover img {
  transform: scale(1.05);
}
.boxFrecce {
  position:relative;width:100px;float:right
}
/* inizio css per i cookies */
#cookieChoiceInfo
{
	top:inherit!important;
	bottom:0px!important;
	padding:8px 1%!important;
	font-family:Verdana, Geneva, sans-serif!important;
	color:#333!important;
	border-top:1px solid #ccc;
	width:98%!important;
	font-size:12px;
	color:#333;
	z-index:999999!important;
}
#cookieChoiceInfo a, hover, visited
{
	color:#333!important;
}

/* fine css per i cookies */



/* inizio menu */

#lingue
{
	position:fixed;
	z-index:99;
	top:55px;
	right:0px;
	width:50px;
	height:20px;
	margin:5px 0px 0px 0px;
	background-color:#fdf8f2;
	color:#000;
	text-align:center;
	font-size:15px;
}
#lingue2
{
	position:fixed;
	z-index:99;
	top:0px;
	right:0px;
	width:50px;
	height:20px;
	margin:30px 0px 0px 0px;
	background-color:#333;
	color:#FFF;
	text-align:center;
	font-size:15px;
}

#pulanteApri
{
	
position:fixed;
	z-index:99;
	top:38px;
	right:0px;
	width:50px;
	height:50px;
	margin:5px 0px 0px 0px;
	/*background-color:#333;*/
	background-image:url(grafiche/open_new.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	cursor:pointer;
}
#menuPrincipale
{
	position:fixed;
	top:0px;
	right:0px;
	width:100%;
	height:100%;
	overflow-y:auto;
	z-index:9;
	background-color: rgba(255, 250, 244, 0.95);
	display:none;
	visibility:hidden;
	color:black;
}
#logoMenu 
{
	width:200px;
}
#logoMenu img
{
	width:26%;
}

#menuPrincipale a, hover, visited
{
	color:#666;
}
#menuPrincipale ul
{
	margin:0px;
	padding:0px
}
#menuPrincipale li
{
	list-style-type:none;
	margin:0px;
	padding:5px
}
#menuPrincipale .corpo
{
	position:relative;
	margin:0px auto;
	width:500px;
}
#menuPrincipale .menu
{
	width: 500px;
	margin:0px auto;
	text-align:center;
	font-size:20px;
}

.vocemenuPrincipale
{
	text-align:center;
	/*background-color: rgba(255, 255, 255, 0.75);*/
	margin:3px 0px!important;
	padding:5px;
	color:black;
	cursor:pointer;border-bottom:1px solid #666;
	text-transform:uppercase
}
.sottomenu
{
	background-color: rgba(255, 255, 255, 0.2);
	text-align:center;
	color:#FFF;
}
.sottomenu .item
{
	padding:5px;
	border-bottom:1px solid#FFF;
	color:#FFF;
}
/* fine menu */



/* inizio menu a tendina */

.menuContainerHeader
{	
	display:none;
	visibility:hidden;
	background-color: rgba(96, 96, 96, 0.7);
	position:relative;
	width:100%;
}
.menuContainerHeader li {
	margin:0x!important;
}



.tendinaheader {
	display: Block;
	position: Relative;
	color:#FFF!important;
	font-family: 'Sansation', sans-serif;
	font-size:18px;
	text-transform:uppercase;
	text-decoration:None;
	width:96%;
	border-bottom:1px solid #ccc;
	padding:10px 2%;
	cursor:pointer;
	
}
.tendinaheader a, hover, visited {
	color:#FFF!important;
}

#lingua .sottomenu a {
	color:#FFF!important;
}

a.sottomenuheader {
	display:block;
	color:#333;
	font-family: 'Sansation', sans-serif;
	font-size:18px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #ccc;
	width:96%;
	padding:8px 0px 8px 4%;
	text-align:center;

}
a.sottomenuheader:hover {
	display:block;
	background-color: rgba(255, 255, 255, 0.7);
	color:#333;
	text-decoration:None;
}
div.sottomenuheader {
	background-color: rgba(255, 255, 255, 0.7);
	visibility:hidden;
	display:none;
	position:relative;
	min-height:inherit;
	width:100%;
}
.margineSottomenuheaderSx
{
	margin:0px;
} 
.margineSottomenuheaderDx
{
	margin:0px;
} 
.paginacorrente {
	color:#333;
}
.iconaSezione
{
	position:relative;
	margin:0px 0px 8px 0px;
	color:#333;
}
.iconaSezione p
{

	margin:0px;
	padding:8px 1%;
	width:98%;
	background-color: rgba(255, 255, 255, 0.7);
	text-align:center;
	text-transform:uppercase;
}
/* fine menù a tendina */
#nav{
     position:fixed;z-index:999;top:0px;right:0px; width:100%;
}
.scrollMenu
{
    background-color:rgba(255,255,255,0.98)
}
#nav ul {
      margin: 0px;
      padding: 20px 0 0 0;
      list-style: none;float:right
}

#nav  ul li {
  position: relative;
  float: left;font-size:13px;padding: 5px;margin-right:8px;border-bottom:1px solid #cdcdcd
}

#nav li ul {
  position: absolute;
  z-index: 1;
  display: none;overflow:visible;min-width:200px;background-color:rgba(255,255,255,0.8)
}

#nav ul li a {
  display: block;
  text-decoration: none;
  color:white;
}
.scrollMenu  a
{
    color:black!important;
}
#nav  li:hover ul, #nav li.jshover ul {
  display: block;
}
#nav  li:hover ul li, #nav li.jshover ul li {
  display: block;width:100%
}
#nav li:hover  a, #nav li.jshover a {
  
}


/* inizio richiesta info */

.campoLungo {
	width:96%;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:5px 0px;
	padding:5px;
	font-size:1em;
	font-family: 'Sansation', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
.campo50percento {
	width:50%;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:5px 0px;
	padding:5px;
	font-size:1em;
	font-family: 'Sansation', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
.select50percento {
	width:50%;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:5px 0px;
	padding:5px;
	font-size:1em;
	font-family: 'Sansation', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
.select100percento {
	width:50%;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:5px 0px;
	padding:5px;
	font-size:1em;
	font-family: 'Sansation', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
.campoInformazioni {
	width:96%;
	height:120px!important;
	height:25px;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:5px 0px;
	padding:5px;
	font-size:1em;
	font-family: 'Sansation', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
#tidio-chat-iframe,#tidio-chat{
	bottom:50px!important
}
/* inizio menù della richiesta veloce */

#booking
{
	width:100%;
	position:fixed;
	z-index:2;
	left:0px;
	bottom:0px;
	background-color:#333;
}
#pulsantieraContatti
{
	width:100%;
	position:fixed;
	z-index:2;
	left:0px;
	bottom:0px;
	background-color:#333;
}
#pulsantieraContatti img
{
	width:40px
}
.bg2
{
	background-color:#f3f3f3;
}
#richiestaVeloce
{
	width:600px;
	margin:0px auto;
	padding:20px 0px;
}


#richiestaVeloce .campoLungo {
	    width: 45%;
    font-weight: normal;
    color: #767575;
    border: 0;
    border-bottom: 1px solid #808081;
    float: left;
    margin: 5px;
    padding: 5px;
    font-size: 0.9em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
#richiestaVeloce .campo120px {
	width:90%;
}
#richiestaVeloce textarea {
	width:95%;
	height:120px!important;
	height:15px;
	font-weight:normal;
	color:#767575;
	 border: 0;
    border-bottom: 1px solid #808081;
	float:left;
	margin:5px;
	padding:5px;
	font-size:1em;
	font-weight:300;
	font-family: 'Sansation', sans-serif;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
#richiestaVeloce .campo20px {
	width:90%;
}
.pulsante
{
	width:200px;
	margin:30px auto;
	background-color:#333;
	font-size:1em;
	color: #FFF!important;
	border:1px solid #CCC;
	padding:3px 20px;
	text-align:center;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
.pulsanteform
{
	width:210px;
	
	background-color:rgb(144,140,160);
	font-size:1.2em;
	color: #FFF!important;
	border:0px solid #CCC;
	padding:5px;
	margin:0px auto;
	text-align:center;
	
	-webkit-appearance: none;
	text-align:center;
}

#richiestaVeloce span.pulsante{
	width:100%;
	height:50px;
	display:block;
	overflow:hidden;
	background-image:url(grafiche/openDisp.gif);
	background-repeat:no-repeat;
	padding:0px;
	cursor:pointer;
	z-index:1;
	text-align:right;
}
#richiestaVeloce span.pulsante img
{
	height:44px;
	margin:3px 3px 3px 10px;
}
.testoPrivacyRichiesta
{
	float:left;
	margin:3px;
	width:80%;
	font-size:14px;
}
/* fine menù della richiesta veloce */



.titolo
{
	font-size:3em;
	font-weight:300;
}
.titolosezione
{
	font-size:30px;
	font-weight:300;
	color:#333;
	text-transform:uppercase;
	margin:20px 0px;
}
.sottotitolo 
{
	font-size:30px;
	font-weight:300;
	color:#333;
	margin:20px 0px;
}
.sottotitolo2
{
	font-size:30px;
	font-weight:300;
	color:#333;
	margin:20px 0px;
}
h2, h3
{
	font-weight:300;
	text-align:center;
}




.headerHome
{
	width:100%;
	position:relative;
}
.interna
{
	/* margin-top:-1em; */
}


.logoHeader
{
	width:100%;
	text-align:left;
	position:absolute;
	top:35px;
	z-index:2;
}
.logoHeader img
{
	width:200px;
}
.slides
{
	position:absolute!important;
	z-index:1!important;
	top:0px!important;
	left:0px!important;
}
#immagineHeader
{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
}
.logoDivisorio
{
	width:400px	
}
.logoDivisorioSezioni
{
	display:none;
	visibility:hidden;
	width:90%;
	max-width:400px;
	min-width:260x;
}

.corpo
{
	width:100%;
	margin:0px auto;
padding:1% 3%;	
}
.contatti
{
	width:850px;
	margin:0px auto;
	display:block;
}
.corpoBooking
{
	width:970px;
	margin:0px auto;
	text-align:center;
	color:#FFF;
	-webkit-appearance: none;
  	-webkit-border-radius:0px;
}
.pulsantebooking
{
	background-color:#FFF;
	color:#333;
	border:1px solid #333;
	font-size:1em;
	margin:5px 0px;
	padding:5px;
	text-align:center;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
.campobooking {
	width:25%;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	margin:5px 0px;
	padding:5px;
	font-size:1em;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
.centrato
{
	text-align:center;
}
.contenitoreParallax
{
	width:100%;
	float:left;
	display:block;
	margin:40px 0px;
}
.layer50percento
{
	width:48%;
	margin:10px 1%;
	float:left;	
}
.layer33percento
{
	width:31%;
	margin:10px 1%;
	float:left;	
}
.layer66percento
{
	width:63%;
	margin:10px 1%;
	float:left;	
}
.centrale
{
	width:30.5%;
	margin:10px 1%;
	float:left;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.testosezione
{
	height:120px;
}
.pusanteCerchioSezione
{
	width:200px;
	border-radius:100px;
}
.immagineSezioniHome
{
	width:95%;
	margin:25px 0px 0px 0px;
}
.pusanteCerchioSezione td
{
	height:200px;
	border-radius:100px;
	background-color:#333;
	color:#FFF;
	text-transform:uppercase;
}











#pannellocanali
{
	width:98%;
	margin:0px;
	padding:1%;
	display:none;
	visibility:hidden;
	background-color: rgba(0, 0, 0, 0.55);
	color:#FFF;
}
#pannellocanali a, hover, visited
{
	color:#FFF;
}

#pannellocanali ul
{
	display:table;
	width:100%;
	margin:0px;
	padding:0px;
}
#pannellocanali li
{
	display:table-cell;
	width:100%;
	float:left;
	border-bottom:1px solid#FFF;
	text-align:center;
	font-size:16px;
	padding:7px 0px;
}
#contenitorepulantepannellocanali
{
	padding:0px;
	margin:10px 0px;
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:1px solid#333;
}
#pulantepannellocanali
{
	cursor:pointer;
	padding:5px 5px 5px 40px;
	margin:0px;
	background-repeat:no-repeat;
	background-position:left;
	background-image:url(grafiche/open_pic_bianco.png);
	background-color:#333;
	width:auto;
	width:300px;
	color:#FFF;
	
}
.immagineareasx
{
	padding:5px;
	border: 1px solid #9F9FA0;
	background-color:#FFF;
	float:left;
	margin:10px 20px 5px 0px;
}
.immagineareadx img
{
	max-width:340px;
	max-height:340px;
}
.immagineareadx
{
	padding:5px;
	border: 1px solid #9F9FA0;
	background-color:#FFF;
	float:left;
	margin:10px 20px 5px 0px;
}
.immagineareasx img
{
	max-width:340px;
	max-height:340px;
}















.bgBottom
{
	width:100%;
	padding:10px;
	margin:0;
	color:#000;
	background-color:rgb(242,247,248);
	position:relative;font-size:14px
}
.bgBottom a, hover, visited
{
	color:#000;
}
.bottom
{
	width:1200px;
	margin:0px auto;
	
}
.logoBottom
{
	width:100%;
	text-align:left;
	
}
.logoBottom img
{
	width:200px;
}
.social
{
	text-align:center;
}
.social img
{
	width:24%;
}








#googlemap
{
	width:100%;
	height:500px;
	margin-bottom:40px;
}
.testorossob
{
	color:#CC0000;
	font-weight:bold;
}
.tabellaresponsive td
{
	width:33.33%;
}
.tabellaresponsive img
{
	width:40%;
}
.cellaresponsive
{
	width:50%;
}
#tabellaMezzi img
{
	width:86px;
	margin:5px 0px;
}
#tabellaMezzi td
{
	border-bottom:1px solid #ff8b00;
}
.grid a, hover, visited
{
	color:#666;
}



@media screen and (max-width: 1230px) {
.corpo, .bottom, .corpohome, .contatti
{
	width:95%;
}
}

@media screen and (max-width: 1050px) {
body {
	font-size:1.2em;
}
.corpoBooking
{
	width:100%;
}
.soloMobile
{
	display:block!important
}
.soloDesktop
{
	display:none!important
}
.boxFrecce {
  position:relative;width:100px;float:none;text-align:center;margin:20px auto
}
/* Contenitore principale */
.villas-gallery {
  display: grid;width:1100px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 280px));
  gap: 10px;
  padding: 40px;
}

/* Card della villa */
.villa-card {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3; /* Mantiene proporzioni immagine */
  border-radius: 8px;
}

.villa-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

/* Overlay con testo */
.villa-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  padding: 20px;
  text-align: center;
}

/* Link "Explore" */
.villa-link {
  margin-top: 15px;
  padding: 10px 20px;
  background: transparent;
  color: white!important;
  border: 2px solid white;
  text-decoration: none;
  border-radius: 30px;
  transition: all 0.3s ease;
}

/* Animazioni hover */
.villa-card:hover .villa-overlay {
  opacity: 1;
}

.villa-card:hover .villa-image img {
  transform: scale(1.05);
}

.villa-link:hover {
  background: white;
  color: black!important;
}
#payoff
{
	
	top:22%;
	font-size:2.3em;

	
}
.campobooking {
	width:20%;
}
.tabellacookie
{
	font-size:0.9em;
}
}

@media screen and (max-width: 768px) {
.nascosto768
{
	display:none;
	visibility:hidden;
}

.logoHeader img
{
	width:220px;margin:5px 0 0 5px
}
.titolo
{
	font-size:2.4em;
	font-weight:300;
}
.headerHome
{
	width:100%;
	/*height:100vw;*/
	overflow:hidden;
}
.interna
{
	margin-bottom:-0em;	
}

.corpo, .bottom, .corpohome
{
	width:95%;
}
.testosezione
{
	height:inherit;
}
.logoDivisorioSezioni
{
	display:inherit;
	visibility:visible;
	width:90%;
	max-width:400px;
	min-width:260x;
}
.layer50percento, .layer33percento, .layer66percento
{
	width:98%;
}
.tabellaresponsive td
{
	width:100%;
	float:left;
}
.tabellaresponsive img
{
	width:30%;
}
.centrale {
    border-left: 0px solid #333;
    border-right: 0px solid #333;
    width:98%;
}
#richiestaVeloce
{
	width:100%;
	margin:20px auto;
	text-align:center;padding:10px 20px
}
#richiestaVeloce .campoLungo {
	width:95%;
}

.immagineareasx, .immagineareadx
{
	padding:1%;
	width:98%;
	border: 1px solid #9F9FA0;
	background-color:#FFF;
	float:left;
	margin:10px 0px 20px 0px;
}
.immagineareadx img, .immagineareasx img
{
	width:100%;
	max-width:inherit;
	max-height:inherit;
}
.cellaresponsive
{
	width:100%;
	float:left;
	display:block;
}

#tabellaMezzi td
{
	border-bottom:0px solid #ff8b00;
	width:100%;
	float:left;
	text-align:center
}
#tabellaMezzi img
{
	width:110px;
	margin:20px 0px;
}
.tabellacookie
{
	font-size:0.8em;
}
}

@media screen and (max-width: 600px) {
#booking
{
	/*display:none;
	visibility:hidden;*/
}
.campobooking
{
	width:60%
}
.interrompi{display:block;}
#menuPrincipale .corpo {
    width: 90%;
}

}


@media screen and (max-width: 500px) {
.logoHeader img
{
	width:150px;
}
}