A:link {text-decoration: none; color:#1f4c27;}
A:visited {text-decoration: none; color:#1f4c27;}
A:hover {text-decoration: none; color:#1f4c27;}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Tajawal', sans-serif; 
	font-size: 1.4em;
	font-weight: 300;
	color: #1f4c27;
	background-color: white;


	
}
.boxBeige
{
	background-color:#faf0e2;
	border-radius:20px 20px 0 0;text-align:center;padding-top:30px;margin:0 auto;max-width:800px
}
.boxVerde
{
	background-color:#1f4c27;
	color:white;
}
.boxGrigio {
	background-color:#efefef;
}
.iconaElenco{
width:40px;
}
.logoOrizzonti{
width:90%;

max-width:200px;
position:absolute;
	z-index:101;
	margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
	
}
.boxVideo
{
 margin:0 auto;
text-align:center;
width:96%;margin:2%
 
}
.rosso3
{
 color:rgb(197,0,0)!important;
 
}
.animazione
{
  position:relative;
 
}
.animazioneLeft.in-view {
  position:relative;
  animation: daSinistra 1s;
	animation-timing-function: ease-in-out;
}
.animazioneRight.in-view {
  position:relative;
  animation: daDestra 1s;
	animation-timing-function: ease-in-out;
}
.animazioneFade.in-view {
  position:relative;
  animation: dalNulla 2s;
	animation-timing-function: ease-in-out;
}
/*#div1 {animation-timing-function: linear;}
#div2 {animation-timing-function: ease;}
#div3 {animation-timing-function: ease-in;}
#div4 {animation-timing-function: ease-out;}
#div5 {animation-timing-function: ease-in-out;}*/

@keyframes daSinistra {
  from {left: -300px;}
  to {left: 0px;}
}
@keyframes daDestra {
  from {right: -300px;}
  to {right: 0px;}
}
@keyframes dalNulla {
  from {opacity: 0;}
  to {opacity: 1;}
}
.corsivo
{
	font-family: 'Oooh Baby', serif; 

}
.itemN3 strong,.itemN5 strong,.itemN7 strong,.itemN9 strong
{
	display:block;text-align:center;width:100%;position:absolute;top:40%;font-size:50px;color:white; 

}
.iconaContatti
{
	width:90%;max-width:110px
}




.invisibile,h1 > .invisibile
{
	display:none;
}
.sfondoNeroTrasparente
{
	background-color:rgba(0,0,0,0.5);
	color:white;
}
.sfondoBiancoTrasparente 
{
	background-color:rgba(250,240,226,0.8);
	
}
.sfondoTennis 
{
	background-color:rgb(0,99,167)!important;
	color:white;
}
.titoliTennis 
{
	color:rgb(0,99,167)!important;
	
}
.sfondoBluScuro
{
	background-color:rgb(43,50,64);
	
}
.TestoAppartamentiSx,.FotoAppartamentiDx,.TestoAppartamentiDx,.FotoAppartamentiSx {

float:left;
width:50%

}
.contenitoreMezzo
{

width:100%;display:block;position:relative;clear:both;margin:10px auto 30px auto;padding-top:50px

}
.immagine60dx 
{

width:60%;float:right;

}
.immagine60sx 
{

width:60%;float:left;

}
.immagine60dx  img,.immagine60sx  img
{

width:100%;height:auto;

}
.sfondoBianco
{

background-color:white;

}
.contenitoreBeigeScuro {

background-color:rgb(234,226,215)

}
.contenitoreBeigeChiaro{
background-color:rgb(255,255,244)

}
.sfondoVerdeServizi{
background-color:#1f4c27;
color:white;
}
.sfondoVerdeServizi h2{
color:white;
}
.TestoAppartamentiSx,.TestoAppartamentiDx {

width:46%;padding:2%

}
.FotoAppartamentiDx img,.FotoAppartamentiSx img{

width:98%;height:auto;
}
img {
	border:0px;
}
form {
	margin:0px;
	padding:0px;
}
p{
	padding:10px;
}
.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;
}
.spacer600
{
	display:none;
	visibility:hidden;
	height:0px;
	width:0px;
	overflow:hidden;
	clear:both;
}
strong, b
{
	font-weight:400;
}





/* 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 */
.love_counter
{
    padding:50px 0;
	margin:30px auto 0 auto;
}
.love_count{
    font-size:2em;
}
.pannelloDati {
    width: 150px;
    height: 150px;
    margin: 15px auto;
    background-color: #FFF!important;
   border: 4px solid #1f4c27;
    border-radius: 100%;
    text-align: center;
padding:10px;
/*font-size:18px*/
}



.arancio
{
   color:rgb(226,123,32);
}

.sfondoFrecciaArancio
{
   background-image:url(/grafiche/arrow_orange.png);
   background-position:left center;
   background-size:25%;
   background-repeat:no-repeat;
}
.blu
{
   color:rgb(27,43,69);
}

.sfondoFrecciaBlu
{
   background-image:url(/grafiche/arrow_blue.png);
   background-position:right center;
   background-size:25%;
   background-repeat:no-repeat;
}
.marrone
{
   color:rgb(70,48,33);
}

.arrow_active
{
   background-image:url(/grafiche/arrow_active.png);
   background-position:left center;
   background-size:30%;
   background-repeat:no-repeat;
}
.arrow_borghi
{
   background-image:url(/grafiche/arrow_borghi.png);
   background-position:left center;
   background-size:30%;
   background-repeat:no-repeat;
}
.arrow_dintorni
{
   background-image:url(/grafiche/arrow_dintorni.png);
   background-position:left center;
   background-size:20%;
   background-repeat:no-repeat;
}
.arrow_family
{
   background-image:url(/grafiche/arrow_family.png);
   background-position:left center;
   background-size:30%;
   background-repeat:no-repeat;
}
.arrow_ristorante
{
   background-image:url(/grafiche/arrow_ristorante.png);
   background-position:left center;
   background-size:25%;
   background-repeat:no-repeat;
}
.arrow_piscina
{
   background-image:url(/grafiche/arrow_piscina.png);
   background-position:left center;
   background-size:30%;
   background-repeat:no-repeat;
}
.arrow_servizi
{
   background-image:url(/grafiche/arrow_servizi.png);
   background-position:left center;
   background-size:30%;
   background-repeat:no-repeat;
}
.arrow_terme
{
   background-image:url(/grafiche/arrow_terme.png);
   background-position:left center;
   background-size:30%;
   background-repeat:no-repeat;
}
.arrow_spiaggia
{
   background-image:url(/grafiche/arrow_spiaggia.png);
   background-position:left center;
   background-size:30%;
   background-repeat:no-repeat;
}
.arrow_verde_sport_dintorni
{
   background-image:url(/grafiche/arrow_verde_sport_dintorni.png);
   background-position:left center;
   background-size:30%;
   background-repeat:no-repeat;
}
.arrow_wellness
{
   background-image:url(/grafiche/arrow_wellness.png);
   background-position:left center;
   background-size:25%;
   background-repeat:no-repeat;
}
.sfondoFrecciaMarrone
{
   background-image:url(/grafiche/arrow_brown.png);
   background-position:left center;
   background-size:30%;
   background-repeat:no-repeat;
}
.sfondoAzzurroPiscina
{
   background-color:rgb(3,164,222);
   color:white;
}
.sfondoOroSpiaggia
{
   background-color:rgb(197,180,128);
   color:white;
}
.sfondoAmarantoRistorante
{
   background-color:rgb(160,0,0);
   color:white;
}
.sfondoVerdeBar
{
   background-color:#9cc83d;
   color:white;
}
.sfondoVerdeSport
{
   background-color:rgb(57,126,87);
   color:white;
}
.sfondoBluWellness
{
   background-color:rgb(58,50,157);
   color:white;
}
.sfondoServizi
{
   background-color:rgb(9,36,45);
   color:white;
}
.sfondoVerdeScuro
{
   background-color:rgb(26,64,33);
   color:white;
}
.sfondoVerdeOliva
{
   background-color:rgb(85,96,81);
   color:white;
}
.sfondoVerdeBorghi
{
   background-color:rgb(26,64,33);
   color:white;
}
.divItemOfferta
{
   border-radius:10px;
   overflow:hidden;
   background-color:rgb(240,240,240);
}
.divItemBorghi
{
   border:1px solid rgb(26,64,33);
   background-color:rgb(255,255,255);
}
.divItemTennis
{
   color:#1f4c27;
   background-color:#fff;
   border-radius:25px;
   padding-top:5px;margin:20px auto;
   position:relative;
}
.divItemTennis .layer33percento img
{
	width:90%;
		height:auto;

}
.dataEvento
{
   
border:1px solid rgb(49,58,65);
   border-radius:25px;padding:3px;
   width:90%;max-width:300px;
   margin:10px 5px;
   text-align:center
}
.divItemTennis h1,.divItemTennis h2,.sfondoTennis h1,.sfondoTennis h2
{
   color:white;
  
}
.sfondoMarroneCitta
{
   background-color:rgb(83,70,65);
   color:white;
}
.sfondoChiaro
{
   background-color:rgb(244,244,244);
}
.sfondoBeige
{
   background-color:rgb(222,211,197);
}
.divItemArte
{
   border:2px solid rgb(110,56,0);
   background-color:rgb(240,240,240);
}
.sfondoVerdeMare
{
   background-color:rgb(0,146,126);
   color:white;
}
.divItemMare
{
   border:2px solid rgb(0,146,126);
   background-color:rgb(240,240,240);
}
.sfondoBluTerme
{
   background-color:rgb(0,103,176);
   color:white;
}
.divItemTerme
{
   border:2px solid rgb(0,103,176);
   background-color:rgb(240,240,240);
}
.sfondoGialloFamily
{
   background-color:rgb(232,223,211);
   color:white;
}
.sfondoBluSpiaggiaLibera
{
   background-color:rgb(0,44,54);
   color:white;
}
.sfondoVerdeCalcio
{
   background-color:rgb(178,184,140);
   color:white;
}
.sfondoBluVolley
{
   background-color:rgb(74,115,186);
   color:white;
}
.sfondoBluPalestra
{
   background-color:rgb(132,152,186);
   color:white;
}
.sfondoVerdeFitness
{
   background-color:rgb(0,100,49);
   color:white;
}
.sfondoMarroneTennis
{
   background-color:rgb(168,106,93);
   color:white;
}
.sfondoBluChalet
{
   background-color:#1d2c43;
   color:white;
}
.divItemSportVerde
{
   background-color:rgb(83,97,80);
   color:white;
   padding:5px;
}
.divGreen
{
   background-color:#a1af94;
   width:100%;
   color:white;
   padding:5px;
}
.sfondoGrigio
{
   background-color:rgb(240,240,240);
}
.contenitoreBasso
{
 
  position:relative;
  margin:100px auto;
}

.divDestra
{

  margin-top:2%;
  right:0;
  width:40%;
  padding:2%;
  z-index:2;
  position:absolute;
}
.divSinistra
{

	margin-top:2%;
  width:50%;
  padding:2%;
  z-index:2;
  position:absolute;
}
.immagineSfondoInterna
{
  z-index:1;
  position:relative;
}

.immagine75sx
{
  width:75%;
  
}
.immagine75dx
{
  width:75%;
  margin-left:25%
  
}
.immagine75sx img,.immagine75dx img,.immagine100 img
{
  width:100%;
}
/* BOOKING */

#myform
{
	width:100%;
	margin:0px;
	padding:0px;
}
#formBooking
{
	width:900px;
	padding:0px;
	margin:0px auto!important;
}

#booking
{
	width:96%;
	height:60px;
	background-color: rgba(215, 211, 200, 0.80);
	position:fixed;
	bottom:0px;
	left:2%;
	z-index:99;
}
.blocco, .label
{
	float:left;
	margin:9px 4px;
	font-size:15px;
	
}

	


.pulsantebooking {
	
	margin:0px 0px 0px 7px;
	padding:0px 5px 0px 5px;
	width:180px;
	height:37px;
	border:1px solid #d8d8d8;
	background-color:#a3a3a3;
	color:#FFF;
	float:left;
	cursor:pointer;
	font-family: "Tajawal",sans-serif;
	font-size: 17px;
	font-weight: 300;
}

.campobooking {
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
	font-size:1em;
	color:#767575;
	width:120px;
	border:1px solid#CCC;
	background-color:#FFF;
	float:left;
	margin:3px 1px;
	padding:6px 2px;
	font-size:15px;
	border-radius:0px;
  	-webkit-appearance: none!important;
  	-webkit-border-radius: 0!important;
	text-align:center;
}
#booking .select {
	
	
	border:1px solid#CCC;
	background-color:#FFF;
	float:left;
	width:60px;
	margin:3px 1px;
	padding:6px 2px;
	font-size:15px;
	border-radius:0px;
  	-webkit-appearance: none!important;
  	-webkit-border-radius: 0!important;
	text-align:center;
}
.dataarrivobooking
{
	background-image:url(/grafiche/arrivo.jpg);
	background-repeat:no-repeat;
	background-position:left;
	
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
	font-size:1em;
	color:#767575;
	width:115px;
	border:1px solid#CCC;
	background-color:#FFF;
	float:left;
	margin:3px 1px;
	padding:6px 5px;
	font-size:15px;
	text-align:right;
	
  	-webkit-appearance: none!important;
  	-webkit-border-radius: 0!important;
}

/* FINE  BOOKING */


/* inizio menu */
.logoMenu
{
	width:100px;
}
.lingue
{
	text-align:center;
}
#logoorizzontale
{
	height:30px;
	margin-bottom:14px;
}
#logoPic
{
	-webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
	
	position:fixed;
	z-index:999;
	top:-2px;
	left:-100px;
	width:220px;
	height:70px;
	margin:5px 0px 0px 0px;
	opacity:0;
}
.logobottom
{
	width:22%;
	max-width:170px;
	min-width:100px;
}
.visibile
{
	
	opacity:1!important;
	left:5px!important;
}
.td33percento
{
	width:33%;
	text-align:center;
	
}


#pulanteApri
{
	/*position:fixed;
	z-index:999;*/
	top:-2px;
	right:5px;
	width:50px;
	height:50px;
	margin:0px;
	background-image:url(/grafiche/menu-open.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
		background-size:80%;

}
#pulanteApri:hover
{
	filter: contrast(210%);
	
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
#menuPrincipale
{
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-ms-transition: all 800ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 800ms ease-in-out;
	opacity:0;
	/*right:-200%;*/
	
	position:fixed;
	top:100px;
	top:-150%;
	/*right:-150%;*/
	width:0px;
	height:0px;
	overflow-y:auto;
	z-index:102;
	/*
	background-color: rgba(242,242,242, 0.85);
	*/
	color:#FFF;
	/*border-radius:0 0 100% 0 ;*/
}
#lingueHeader
{
	width:100px;
	position:fixed;
	top:20px;
	right:12px;
	z-index:999;
	text-align:right;
	font-size:15px;
	color:#FFF;
}
#lingueHeader a, hover, visited
{
	color:#FFF;
}
#mascheraheader
{
	width:100%;
	height:100vh;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	/*background-color: rgba(0, 0, 0, 0.1);*/
}
.logoHeader
{
	display:none;
	
}
.logoHeader a
{

	color:#fff;
	
}
.logoHeader2
{
	width:100%;
	max-width:220px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	background-color:rgba(255,255,255,0.8);
	color:rgb(78,55,49);
	line-height:1.1
}

.logoHeader img,.logoHeader2 img
{
	
	/*width:40%;
	max-width:300px;*/
	width:90px;
}
#immaginePreloadHeader
{
	width:100%;
	vertical-align:middle
}
#imgHeaderIndex, #immagineHeader
{
	width:100%;
	text-align:center;
	/*position:relative;*/
	overflow:hidden;
	margin-top:0px
}
#imgHeaderIndex img
{
	width:100%;
}
.imgPrenota
{
	
	width:50%!important;
}

.payoff
{
	width:100%;
	margin-top:24%;
	top:0px;
	left:0px;
	text-align:center;
	font-family: 'Nunito Sans', serif;
	font-weight:400;
	position:absolute;
	z-index:4;
	color:#FFF;
	/*background-color:rgba(49,58,65,0.5)*/
}
#immagineHeader .payoff
{
}
.titolopayoff
{
	font-size:70px;
	font-weight:400;
	margin:0px;
	padding:5px 0px;
	color:white;
}
.sottotitopayoff
{
	font-size:3.5em;
	font-weight:400;
	margin:0px;
	padding:5px 0px;
	color:white;
}






.blueberry {
	position:absolute!important;
	z-index:1;
	top:70px;
	left:0px;
}
.rigaTitolo
{
	padding:10px 0px!important;
	margin:20px 0px 30px 0px!important;
	background-image:url(grafiche/riga-titolo.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}




.titolotesto
{
	font-family: 'Nunito Sans', serif; 
	font-weight:300;
	font-size:1.4em;
	padding:0px;
	margin:30px 0px 20px 0px;
}
.titolo, h1
{
	font-family: 'Nunito Sans', serif; 
	font-weight:300;
	font-size:2.2em;
	padding:10px;
	margin:20px 0px;
	color:#1f4c27;
}
.conMargine
{
	padding-top:100px
}
.destra{
	text-align:right;
	}
.titoloHome {
	width:100%;
	max-width:400px;
	}
.sottotitolo, h2
{
	font-family: 'Nunito Sans', serif; 
	font-weight:300;
	font-size:2.3em;
	padding:10px;
	margin:20px 0px 20px 0px;
	color:#1f4c27;
}
.grigiochiaro {
	color:#999
	}
.sottotitolo2, h3
{
	font-family: 'Nunito Sans', serif; 
	font-weight:300;
	font-size:2.5em;
	padding:0px;
	margin:20px 0px 20px 0px;
	color:#1f4c27;
}
h3.titoloPrimavera
{
	font-family: 'Tajawal', sans-serif; 
	font-weight:300;
	font-size:1.6em;
	padding:0px;
	margin:20px 0px 20px 0px;
	color:rgb(0,126,139);
}
h3.titoloPrimavera2
{
	font-family: 'Tajawal', sans-serif; 
	font-weight:900;
	font-size:45px;
	padding:0px;
	margin:20px 0px 20px 0px;
	color:rgb(0,126,139);
}
.testoPrimavera
{
	font-size:25px;line-height:2;
	color:rgb(0,126,139)!important;
}
.sottotitolo3, h4
{
	font-family: 'Nunito Sans', serif; 
	font-weight:300;
	font-size:1.8em;
	padding:0px;
	margin:20px 0px 20px 0px;
	color:#1f4c27;
}
.sottotitolo4, h5, h6, h7
{
	font-family: 'Nunito Sans', serif; 
	font-weight:300;
	font-size:40px;
	padding:0px;
	margin:20px 0px 20px 0px;
	color:#1f4c27;
}
.sottotitolo5
{
	font-family: 'Nunito Sans', serif; 
	font-weight:300;
	font-size:1.2em!important;
	padding:0px;
	margin:20px 0px 20px 0px;
	color:#1f4c27;
}
.sottotitolo6
{
	font-family: 'Nunito Sans', serif; 
	font-weight:300;
	font-size:2em;
	padding:0px;
	margin:20px 0px 20px 0px;
	color:#833433;
}.titolopiccolo
{
	font-size:20px
}
.sottotitolograziato
{
	font-weight:300;
	font-size:1.7em;
	padding:0px;
	margin:20px 0px 20px 0px;
}
.soloMobile
{
	visibility:hidden;
	display:none
}
.noMobile
{
	visibility:visible;
	/*display:inline;*/
}
.colonne {
column-count: 2;column-gap: 40px;text-align:justify
}
.boxHomeSfondo
{
	background-repeat:no-repeat;background-size:90%;background-position:top left; padding-top:25%;
}
.sfondoVerde
{
	color:white;
	background-color:rgb(32,47,38);
	
}
.corpo, .corpoSpecial
{
	max-width:1100px;
	width:85%;
	margin:0px auto;
	display:block;
}
.paragrafoNote
{
	width:49%;
	margin:0px 1% 0px 0px;
	float:left;
}

.note
{
	width:49%;
	margin:0px 0px 0px 1%;
	float:left;
}
.noteSx
{
	width:49%;
	margin:0px 0px 0px 1%;
	float:left;
}

.centrato
{
	text-align:center;
}
.sinistra
{
	float:left;
}
.destra
{
	float:right;
}
.layer50percento,.elencoSinistra,.elencoDestra
{
	width:48%;
	margin:1%;
	float:left;
}
.layer50percento.floatDestra
{

	float:right;
}

.paragrafoHomeRight {
	line-height:1.6;
	padding:180px 0 0 80px;
	text-align:right;
	}
	.paragrafoHomeLeft {
	line-height:1.6;
	padding:180px 80px 0 0;
	text-align:left;
	}
.layer50percentoParallax
{
	width:48%;
	padding:1%;
	float:left;
	background-color:#FFF;
	text-align:right;
	position:absolute;
	bottom:84px;
	left:0px;
}
.layer50percentoParallax2
{
	width:48%;
	padding:1%;
	float:right;
	background-color:#FFF;
	text-align:left;
	position:absolute;
	bottom:84px;
	right:0px;
}
/*
.layer50percentoParallax h1, .layer50percentoParallax h2, .layer50percentoParallax h3
{
	text-transform:uppercase;
}
*/
.layer50percentoParallax .pulsantescopri
{
	float:right;
	margin-right:-75px;
	margin-bottom:-75px;
}
.layer50percentoParallax2 .pulsantescopri
{
	float:left;
	margin-left:-75px;
	margin-bottom:-75px;
}
.layer33percento
{
	width:31.33%;
	margin:1%;
	float:left;
}
.layer66percento
{
	width:62.66%;
	margin:1%;
	float:left;
}
.layerTable
{
	width:19%;
	display:inline-table;
	color:#1f4c27;
	font-family:'Nunito Sans';
}
.layerTable img
{
	width:95%;
}
.pannellodintorni
{
	text-align:center;
	width:23%;
	margin:1%;
	float:left;
	color:#4e749a;
}
.pannellodintorni h3
{
	font-size:1.1em;
	margin:5px;
	padding:5px;
	text-align:center;
	color:#4e749a;
}
.icoPannellodintorni
{
	width:70%;
	max-width:130px;
	border-radius:100%;
	border:2px solid#4e749a;
	color:#4e749a;
}
.number
{
	font-size:1.4em;
	color:#4e749a;
}
.contenitoreParallax
{
	width:100%;
	float:left;
	display:block;
	position:relative;
	margin:5px 0px 30px 0;
	padding:0px;
	overflow:hidden;
}
.layerParallaxSX
{
	width:50%;
	
	z-index:1;
	position:absolute;
	left:22%;
	top:2%;
	height:90vh;
	padding:1% 1% 1% 1%;
}
.testoParallaxBlu
{
	width:700px;
	border:10px solid#FFF;
	padding:2%;
	background-color:#4e749a;
	color:#fff;
}
.testoParallaxBlu .titolo
{
	/*text-transform:uppercase;*/
}
.testoParallaxBlu .titolo img
{
	width:45px!important;
}
.testoParallaxBlu a, hover, visited,.testoParallaxGrigio h1,.testoParallaxGrigio h2
{
	color:#fff;
}
.testoParallaxGrigio
{
	width:700px;
	
	padding:2%;
	background-color:rgba(49,58,65,0.8);
	color:#fff;
}

.testoParallaxGrigio .titolo img
{
	width:45px!important;
}
.testoParallaxGrigio a, hover, visited
{
	color:#fff;
}



.pulsantescopri
{
	width:150px;
	height:29px;
	padding:61px 0px;
	color:#FFF!important;
	text-transform:uppercase;
	background-color:#4e749a;
	display:block;
	text-align:center;
	border-radius:100%;
}



#selectfinto
{
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-ms-transition: all 800ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 800ms ease-in-out;
	opacity:0;
	right:-200%;
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow-y:auto;
	z-index:100;
	background-color:#FFF;
}

#logoMenu
{
	width:100%;
	text-align:center;
}
#logoMenu img
{
	width:30%;
}

#menuPrincipale strong
{
	color:#1f4c27;
}
#menuPrincipale a, hover, visited
{
	color:#1f4c27;
}
#menuPrincipale ul
{
	margin:0px;
	padding:0px
}
#menuPrincipale li
{
	list-style-type:none;
	margin:0px;
	padding:8px;
	font-family: 'Nunito Sans', serif;

}
#containerMenu
{
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	
	/*border-right: 10px solid #fcefe0;*/
	position:relative;
	padding:20px 0px 0px 0px;
	width:100%;
	height:100vh;

	float:left;
	
		background-color:rgba(250,240,226,0.8);

	
	
	/*min-width:540px;*/
	/*background-color:url(grafiche/Sfondo_menu.jpg);
background-repeat:no-repeat;
background-size:100%;*/
	/*border-radius:0 0px 100% 0;*/
	overflow:auto;
}
#menuPrincipale .menu
{
	width: 500px;
	margin:0px auto;
	text-align:center;
	font-size:14px;
}

.vocemenuPrincipale
{
	text-align:center;
	margin:2px 0px!important;
	padding:3px;
	font-weight:200;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	position:relative;
	font-size:1.1em;
}
.vocemenuPrincipale:hover
{

	/*border-bottom:1px solid rgba(68,99,79, 1);*/
	transition: all 0.2s 0.1s ease-in-out;
}


.sottomenu
{
	font-weight:300;
	/*
	background-color: rgba(0, 0, 0, 0.03);
	*/
	text-align:center;
	color:#FFF;
}
.sottomenu a .item 
{
	padding:5px;
	color:#FFF!important;
	text-transform:none!important;
	font-size:0.9em;
}
.sottomenu  a:hover .item
{
	background-color: rgba(0, 0, 0, 0.05);
}


/* 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: 'Tajawal', 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: 'Tajawal', 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;
}







#immagineMemu
{
	float:left;
	width:100%;
	height:100vh;
	float:left;

	visibility:hidden;
	z-index:4;
	position:fixed;
	top:0px;
	left:0px;
	background-repeat: no-repeat;
	background-position:center;
	background-size: 120%;
}
.demo-gallery
{
	width:100%;
}
/* fine menù a tendina */


/* inizio menù della richiesta veloce */
.contenitoreRichiestaVeloce
{
	width:100%;
	margin:0px auto;
	padding:20px 0;
	/*background-color:#1f4c27;*/
	

	
}
.contenitoreRichiestaVeloce.wedding
{
	
	background-color:rgb(199,176,178);
	

	
}
#richiestaVeloce
{
	width:800px;
	margin:0px auto;
	padding:20px;
	background-color:#fff;
	/*color:white;*/
	

	
}
/*#richiestaVeloce h5
{
	color:white;
	

	
}*/
#contatti #richiestaVeloce
{
	width:96%;
	margin:0px;
	padding:2%;
}
#richiestaVeloce h5
{
	margin:0px 0px 20px 0px;
	text-align:center;
}

#campofinto
{
	position:relative;
	width:93%;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:5px;
	padding:5px;
	font-size:0.9em;
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
	background-image:url(grafiche/down.png);
	background-position:right top;
	background-repeat:no-repeat;
}
#ospiti
{
	width:93.8%;
	padding:0px 4px 0px 0px;
	cursor:pointer;
	display:block;
	text-align:left;
}
.selectpiccolo {
	width:70px;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:5px;
	padding:5px;
	font-size:0.9em;
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
  	-webkit-border-radius: 0;
}
#richiestaVeloce .campoLungo {
	width:45%;
	font-weight:normal;
	color:#767575;
	border:0;
	border-bottom:1px solid #808081;
	float:left;
	margin:8px 5px;
	padding:10px 5px;
	font-size:0.9em;
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
#richiestaVeloce .campoLungo100 {
	width:93%;
	font-weight:normal;
	color:#767575;
	border:0;
	border-bottom:1px solid #808081;
	float:left;
	margin:5px;
	padding:5px;
	font-size:0.9em;
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
#richiestaVeloce .campo120px {
	width:90%;
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
}
#richiestaVeloce textarea {
	width:95%;
	height:120px!important;
	height:25px;
	font-weight:normal;
	color:#767575;
	border:0;
	border-bottom:1px solid #808081;
	float:left;
	margin:5px;
	padding:5px;
	font-size:0.9em;
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
#richiestaVeloce .campo20px {
	width:90%;
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
.pulsante
{
	width:160px;
	margin:40px auto;
	background-color:#FFF;
	font-size:0.9em;
	color: #1a1a46!important;
	border:1px solid #1a1a46;
	padding:15px 0px;
	text-align:center;
	font-family: 'Tajawal', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius:0px;
}
.pulsanteform
{
	width:150px;
	font-family: 'Tajawal', sans-serif;
	color:#1f4c27!important;
	text-transform:uppercase;
	background-color:white;
	font-size:0.9em;
	
	border:1px solid #fff;
	padding:0px;
	margin:20px auto;
	padding:10px;
	text-align:center;
	display:block;
	

}
.pulsanteform2 {
    border: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: transparent;
}

#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, .nomecampo
{
	float:left;
	margin:3px;
	width:80%;
	/*font-size:14px;*/
}
/*.testoPrivacyRichiesta a
{
	color:white
}*/
/* fine menù della richiesta veloce */




































#pulsantieraContatti
{
	width:100%;
	text-align:center;
	position:fixed;
	z-index:8;
	bottom:0px;
	left:0px;
	/*display:none;
	visibility:hidden;*/
}

#pulsContatti
{
	width:300px;
	height:60px;
	margin:0px auto;
	background-color:rgba(250,240,226,0.8);
	border:0;
	border-radius:20px 20px 0px 0px;
}



#pulsantieraContatti img
{
	width:35px;
	margin:5px 8px;
}





.immagineareasx, .immagineareadx
{
	padding:5px;
	border: 1px solid #9F9FA0;
	background-color:#FFF;
	float:right;
	margin:10px 0px 5px 20px;
}
.immagineareadx img
{
	max-width:280px;
	max-height:280px;
}

.immagineareasx img
{
	max-width:280px;
	max-height:280px;
}











.pulsScopriBianco
{
	border-radius:100%;
	height:100px;
	width:100px;
	margin:0px auto;
	background-color:#FFF;
	color:#4e749a;
	border:1px solid#4e749a;
}


.bgGrigio
{
	width:100%;
	float:left;
	background-color:#efefef;
}

#bgBottom
{
	width:100%;
	float:left;
  background-image: url('/grafiche/sfondo-footer.jpg');
  background-size: cover;  /* Adatta l'immagine alla dimensione del contenitore */
  background-position: center;  /* Centra l'immagine */
  background-repeat: no-repeat;  /* Evita la ripetizione dell'immagine */
}

}

.logoHeader2 a, hover, visited
{
	color:#1f4c27!important;
}
.bottom
{
	/*width:1200px;*/
	margin:0px auto;
	font-size:0.7em;
}
.bottom ul
{
	margin:0px;
	padding:0px;
	width:50%;
	float:left;
}
.bottom li
{
	list-style-type:none;
	margin:0px;
	padding:2px;
}
.social
{
	text-align:center;
}
.navigationFooter
{
	width:70%;
	float:left;
}
.contattiFooter
{
	width:30%;
	float:left;
}
#bgBottom .social img
{
	margin:5px 10px;
	width:55px;
}
#googlemap
{
	width:100%;
	height:500px;
}
.testorossob
{
	color:#CC0000;
	font-weight:bold;
}
.testobianco
{
	color:#FFF;
}
.testoPrivacy
{
	font-size:0.8em;
}
#ui-datepicker-div
{
	z-index:9999999!important;
}



@media screen and (max-width: 1230px) {
 .bottom, .corpoSpecial
{
	width:970px;
}

}




@media screen and (max-width: 1100px) {

.kw_container{
	display:none
	
}
/*#imgHeaderIndex img, #immagineHeader img, .slides img
{
	width:110%;
	margin-left:-5%
}*/
.slides
{
	height:inherit!important;
}
}



@media screen and (max-width: 1080px) {
#lingueHeader
{
	display:none;
	visibility:hidden;
}
#containerMenu
{
	min-width:450px;
}
#menuPrincipale
{
	min-width:420px;
}
.titolotesto
{
	font-size:1.3em;
}
.titolo, h1
{
	font-size:2.0em;
}
.sottotitolo, h2, .sottotitolo2, h3, .sottotitolo6
{
	font-size:1.8em;
}
.sottotitolo3, h4
{
	font-size:1.7em;
}
.sottotitolo4, h5, h6, h7
{
	font-size:1.7em!important;
}
.sottotitolo5, h6
{
	/*font-size:1.1em!important;*/
}



.payoff
{
	margin-top:24%;
}
#immagineHeader .payoff
{
	margin-top:20%;
}
.titolopayoff
{
	font-size:2.7em;
}
.sottotitopayoff
{
	font-size:1.4em;
}
/*.contenitoreParallax img
{
	width:140%;
	left:-20%;
	bottom:-30px;
}*/

.corpo.conSfondo
{
	width:94%;
	padding: 20% 3%;
}
.corpo, .bottom, .corpoSpecial
{
	width:94%;
	
}
.layer50percentoParallax
{
	top:10%;
	bottom:inherit;
	left:0px;
}
.contattiFooter
{
	width:28%;margin:2%;
}
.logoHeader2{
	width:96%;padding:2%
}
#formBooking
{
	width:710px;
}
#myform {
    margin: 8px 0px;
}

.blocco
{
	margin:0px;
	font-size:13px;

	
}

}

@media screen and (max-width: 800px) {

.conSfondo
{
	
	padding: 200px 3% 0 3%!important;
	background-position:top center!important;
	background-size:100%!important;
}
.conSfondo.donnaYoga
{
	
	padding-top: 600px!important;
	
}
#immagineHeader .payoff
{
	margin-top:26%;
}
.contenitoreRichiestaVeloce,
#richiestaVeloce
{
	width:100%;
	margin:0px auto;
	padding:0%;
}
#richiestaVeloce
{
	width:98%;
	margin:0px auto;
	padding:20px 0px;
}
.navigationFooter
{
	width:65%;
	float:left;
}
.contattiFooter,.bottom ul
{
	width:90%;
	float:none;
	margin: 10px auto;
	text-align:center;
}
.logoHeader2
{
	margin:0 auto;
}
}

@media screen and (max-width: 768px) {
body {
	font-size:1.3em;
}

.colonne {
column-count: 1
}
.titolo, h1
{
	font-size:1.8em;
}
.sottotitolo, h2, .sottotitolo2, h3, .sottotitolo6
{
	font-size:1.6em;
}
.sottotitolo3, h4
{
	font-size:1.5em;
}
.sottotitolo4, h5, h6, h7
{
	font-size:2em!important;
}
.sottotitolo5
{
	font-size:1em!important;
}
#containerMenu
{
	min-width:350px;
	padding: 20px 0 0;
}
#menuPrincipale
{
	min-width:350px;
}
.logoHeader img,.logoHeader2 img
{
	
	/*width:95%;
	margin-right:5%;
	max-width:400px;*/
}

.note, .paragrafoNote, .noteSx
{
	width:100%;
	margin:0px;

}
.layerParallaxSX
{
	width:90%;
	left:2%;
	margin:0 auto;
	position:relative;
	height:auto;
	
}
.testoParallaxBlu, .testoParallaxGrigio
{
	width:96%;
	border:0px solid#FFF;
	padding:2%;
}
#myform {
    margin: 0px;
}
#formBooking
{
	width:600px;	
}
.label
{
	margin:14px 4px;
	font-size:13px;
	
}
.campobooking {
	font-size:12px;
	width:40px;
	margin:6px 1px;
	padding:9px 1px;
}
.dataarrivobooking
{
	font-size:12px;
	width:100px;
	margin:6px 1px;
	padding:9px 1px;
}
.pulsantebooking {
    margin: 5px 0 0 4px;
}
.navigationFooter, .contattiFooter
{
	width:100%;
	float:none;
	clear:both;
	text-align:center;
	margin:10px auto;
	font-size:1.2em!important
}
.logobottom
{
	width:90%;
	
}
.contattiFooter table
{
	width:200px;
	
	margin:30px auto;
}
.bottom ul
{
	margin:0px;
	padding:0px;
	width:100%;
	float:none;clear:both;
}
.soloMobile
{
	visibility:visible;
	display:inline;
}
.noMobile
{
	visibility:hidden;
	display:none;

}
.menuDesk
{
	display:none;

}
.scrollBooking
{
  width:100%;
	display:block !important;
	position:fixed;
	z-index:101;
	top:0px;
	left:0px;
	text-align:center;
	background-color:rgba(250,240,226,0.8);
	color:#fff;
	line-height:1.1;
	padding:10px 0;
}
}

@media screen and (max-width: 700px) {
	.logoOrizzonti{
width:90%;
max-width:120px;
}
	div.item
{
	background-position:top center!important;
	padding-top:250px!important;
	background-size:90%!important;
}
.payoff, #immagineHeader .payoff
{
	margin-top:35%;
}
.paragrafoHomeRight,.paragrafoHomeLeft {
	padding-top:20px
	
	}
	.divDestra,.divSinistra
{
 
position:relative;  
top:-30px;
width:90%;
 
}
.contenitoreBasso
{
 
margin:30px auto
 
}
.logoHeader2
{
	margin:0 auto
}
.layer50percento
{
	width:100%;
	margin:1% 0px!important;
	float:left;
}

.boxHomeSfondo
{
	background-image:none!important;
	padding-top:10px;
}
.layer50percentoParallax, .layer50percentoParallax2
{
	width:98%;
	padding:1%;
	float:left;
	text-align:center;
	position:relative;
	top::inherit;
	left:0px;
}
.layer50percentoParallax .pulsantescopri, .layer50percentoParallax2 .pulsantescopri
{
	float:none;
	margin-right:auto;
	margin-bottom:10px;
	margin-left:auto;
	margin-top:10px;
}
#children, .nascosto700
{
	display:none;
	visibility:hidden;
}

#formBooking
{
	width:300px;
}
.blocco
{
	margin:0px;
	font-size:13px;
	
}
.label
{
	width:50px;
	float:none;
	margin:0px;
	padding:0px;
	font-size:13px;
	text-align:left;
	
}
.dataarrivobooking {
    width: 90px;
}
.pulsantebooking {
    margin: 20px 0px 0px 0px;
}


.fancybox-wrap
{
	width:98%!important;
	height:inherit!important;
}
.fancybox-inner
{
	width:98%!important;
	height:inherit!important;
}
.fancybox-nav
{
	display:none;
	visibility:hidden;
}
}

@media screen and (max-width: 600px) {

#pulanteApri
{
	/*right:0px;
	width:80px;
	height:80px;*/
}

.payoff, #immagineHeader .payoff
{
	margin-top:40%;
}

/*#imgHeaderIndex img, #immagineHeader img, .slides img
{
	width:280%;
}*/
.immagineareasx, .immagineareadx
{
    background-color: #fff;
    border: 1px solid #9f9fa0;
    float: right;
    margin: 30px 1%;
    padding: 1%;
	width:96%;
}
.immagineareasx img, .immagineareadx img
{
	width:100%;
	max-width:inherit;
	max-height:inherit;
}
.social img
{
	margin:5px;
	width:40px;
}
.layer33percento,.layer66percento
{
	width:98%;
}
.divItemTennis .layer33percento
{
	text-align:center
}
.divItemTennis .layer33percento img
{
	width:98%;
	height:auto;
}
.dataarrivobooking {
	background-image:none;
    width: 64px;
	text-align:center;
}
#richiestaVeloce .campoLungo {
	width:95%;
}
#codeCaptcha
{
	max-width:160px;
}
#containerMenu {
    min-width: 300px;
}
.layerTable
{
	width:44%;
	margin:2%;
}
}


@media screen and (max-width: 500px) {
	body{
	background-size:200%;
	
}
.TestoAppartamentiSx,.FotoAppartamentiDx,.TestoAppartamentiDx,.FotoAppartamentiSx,.immagine60dx,.immagine60sx,.divSinistra.divDestra {

width:98%;
	margin:0 auto;
	float:none; clear:both

}
	.divDestra,.divSinistra
{
 
position:relative;  
top:-80px;
width:90%;
margin: 0 auto;
 
}
.contenitoreMezzo{
	padding-top:0;
	
}

.contenitoreBeigeScuro,.contenitoreBeigeChiaro
{
	margin: 20px auto;
	
}
.immagine75sx,.immagine75dx
{
	width:98%;
	margin:0 auto;
	
}
.sfondoFrecciaArancio,.sfondoFrecciaBlu,.sfondoFrecciaMarrone,.arrow_active,.arrow_borghi,.arrow_dintorni,.arrow_family,.arrow_ristorante,.arrow_piscina,.arrow_servizi.arrow_terme,.arrow_spiaggia,.arrow_verde_sport_dintorni,.arrow_wellness

{
	
	padding-bottom:100px;
	background-size:60%;
}

.logoHeader img
{
	
	/*width:100px;*/
}
#containerMenu
{	
min-height:700px;
}
#menuPrincipale {
	width:100%!important
}
/*.titolopayoff
{
	font-size:1.2em;
}*/
.sottotitopayoff
{
	font-size:1.3em;
}
/*#imgHeaderIndex img
{
	width:240%;
}*/
.pannellodintorni
{
	width:48%;
	margin:1%;
}
#formBooking
{
	padding-left:40px;
}
}