A:link {text-decoration: none; color:#0c1444;}
A:visited {text-decoration: none; color:#0c1444;}
A:hover {text-decoration: none; color:#0c1444;}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Raleway', sans-serif; 
	font-size: 1.4em;
	font-weight: 300;
	color: #707070;
	background-color: #fff;
}
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;
}
.spacer600
{
	display:none;
	visibility:hidden;
	height:0px;
	width:0px;
	overflow:hidden;
	clear:both;
}
strong, b
{
	font-weight:600;
	color:#0c1444;
}





/* 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 */











/* BOOKING */

#myform
{
	width:100%;
	margin:0px;
	padding:0px;
}
#formBooking
{
	width:900px;
	padding:0px;
	margin:0px auto!important;
}
.scrollBooking
{
    left: 0 !important;
    position: fixed !important;
    text-align: center;
    top: 0 !important;
    z-index: 99;
	width:100%;
	color:#FFF!important;
	border-top:0px solid#4d7399!importan;
	border-bottom:0px solid#4d7399!important;
}
#booking
{
	width:100%;
	height:60px;
	background-color: rgba(78, 116, 154, 0.80);
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:99;
	color:#FFF;
}
.blocco, .label
{
	float:left;
	margin:9px 4px;
	font-size:15px;
	
}




.pulsantebooking {
	background-image:url(grafiche/verifica_dispo.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 7px;
	padding:0px 5px 0px 32px;
	width:180px;
	height:37px;
	border:1px solid #d8d8d8;
	background-color:#a3a3a3;
	color:#FFF;
	float:left;
	cursor:pointer;
	font-family: "Raleway",sans-serif;
	font-size: 15px;
	font-weight: 300;
}

.campobooking {
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:1em;
	color:#767575;
	width:42px;
	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;
}
.dataarrivobooking
{
	background-image:url(grafiche/arrivo.jpg);
	background-repeat:no-repeat;
	background-position:left;
	
	font-family: 'Raleway', 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:200px;
}
.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;
}

#pulanteApri
{
	position:fixed;
	z-index:999;
	top:-2px;
	left:5px;
	width:70px;
	height:70px;
	margin:0px;
	background-image:url(grafiche/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:-150%;
	*/
	top:0%;
	left:-150%;
	width:0px;
	height:0px;
	overflow-y:auto;
	z-index:100;
	background-color: rgba(77, 115, 153, 0.35);
	color:#FFF;
	/*
	border-radius:0px 0px 100% 0px;
	*/
}
#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:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background-color: rgba(0, 0, 0, 0.29);
}
#logoHeader
{
	width:100%;
	position:absolute;
	z-index:3;
	top:0px;
	left:0px;
	text-align:right;
}
#logoHeader img
{
	width:20%;
	min-width:300px;
}
#immaginePreloadHeader
{
	width:100%;
}
#imgHeaderIndex, #immagineHeader
{
	width:100%;
	text-align:center;
	position:relative;
	overflow:hidden;
}
#imgHeaderIndex img
{
	width:100%;
}
.payoff
{
	width:100%;
	margin-top:20%;
	top:0px;
	left:0px;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-weight:400;
	position:absolute;
	z-index:4;
	color:#FFF;
}
#immagineHeader .payoff
{
	margin-top:16%;
}
.titolopayoff
{
	font-size:3em;
	font-weight:400;
	margin:0px;
	padding:5px 0px;
	font-family: 'Raleway', sans-serif; 
}
.sottotitopayoff
{
	font-size:1.6em;
	font-weight:400;
	margin:0px;
	padding:5px 0px;
	font-family: 'Raleway', sans-serif; 
}





.blueberry {
	position:absolute!important;
	z-index:1;
	top:0px;
	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: 'Raleway', sans-serif; 
	font-weight:300;
	font-size:1.4em;
	padding:0px;
	margin:30px 0px 20px 0px;
}
.titolo, h1
{
	font-family: 'Raleway', sans-serif; 
	font-weight:600;
	font-size:2.0em;
	padding:0px;
	margin:20px 0px;
	color:#0c1444;
}

.titoloHome {
	width:100%;
	max-width:400px;
	}
.sottotitolo, h2
{
	font-family: 'Raleway', sans-serif; 
	font-weight:300;
	font-size:1.8em;
	padding:0px;
	margin:20px 0px 20px 0px;
}
.grigiochiaro {
	color:#999
	}
.sottotitolo2, h3
{
	font-family: 'Raleway', sans-serif; 
	font-weight:400;
	font-size:2em;
	padding:0px;
	margin:20px 0px 20px 0px;
}
.sottotitolo3, h4
{
	font-family: 'Raleway', sans-serif; 
	font-weight:400;
	font-size:1.8em;
	padding:0px;
	margin:20px 0px 20px 0px;
}
.sottotitolo4, h5, h6, h7
{
	font-family: 'Raleway', sans-serif; 
	font-weight:400;
	font-size:1.5em!important;
	padding:0px;
	margin:20px 0px 20px 0px;
}
.sottotitolo5
{
	font-family: 'Raleway', sans-serif; 
	font-weight:400;
	font-size:1.2em!important;
	padding:0px;
	margin:20px 0px 20px 0px;
}
.sottotitolo6
{
	font-family: 'Raleway', sans-serif; 
	font-weight:400;
	font-size:2em;
	padding:0px;
	margin:20px 0px 20px 0px;
	color:#833433;
}


.corpo, .corpoSpecial
{
	width:1200px;
	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
{
	width:48%;
	margin:1%;
	float:left;
}
.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;
}
.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:0px 0px;
	margin:0px 0px;
	padding:0px;
	overflow:hidden;
}
.layerParallaxSX
{
	width:25%;
	float:left;
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	height:90vh;
	background-color:#FFF;
	padding:4% 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
{
	color:#fff;
}
.testoParallaxGrigio
{
	width:700px;
	border:10px solid#FFF;
	padding:2%;
	background-color:#dddedd;
	color:#333;
}

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



.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:#FFF;
}
#menuPrincipale a, hover, visited
{
	color:#FFF;
}
#menuPrincipale ul
{
	margin:0px;
	padding:0px
}
#menuPrincipale li
{
	list-style-type:none;
	margin:0px;
	padding:4px
}
#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;
	
	background-color: rgba(78, 116, 154, 0.50);
	position:relative;
	padding:5px 0px 80px 0px;
	width:30%;
	height:100vh;

	float:left;
	
	min-width:540px;
	background-position:top;
	overflow:auto;
	border-right:1px solid#FFF;
}
#menuPrincipale .menu
{
	width: 500px;
	margin:0px auto;
	text-align:center;
	font-size:20px;
}

.vocemenuPrincipale
{
	text-align:center;
	margin:2px 0px!important;
	padding:3px;
	font-weight:400;
	color:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	position:relative;
}
.vocemenuPrincipale:hover
{
	background-color: rgba(78, 116, 154, 0.30);
	border-bottom:1px solid#4d7399;
	transition: all 0.2s 0.1s ease-in-out;
}
.navigationmenu img
{
	position:absolute;
	top:0px;
	left:0px;
}

.sottomenu
{
	background-color: rgba(78, 116, 154, 0.34);
	font-weight:400;
	text-align:center;
	color:#FFF;
}
.sottomenu .item
{
	padding:5px;
	color:#FFF;
	text-transform:none!important;
}
.sottomenu .itema:hover
{
	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: 'Raleway', 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: 'Raleway', 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 */

#richiestaVeloce
{
	width:800px;
	margin:0px auto;
	padding:20px 0px;
}

#contatti #richiestaVeloce
{
	width:96%;
	margin:0px 2%;
	padding:20px 0px;
}
#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: 'Raleway', 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: 'Raleway', sans-serif;
	font-weight:300;
  	-webkit-border-radius: 0;
}
#richiestaVeloce .campoLungo {
	width:45%;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:8px 5px;
	padding:10px 5px;
	font-size:0.9em;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
#richiestaVeloce .campoLungo100 {
	width:93%;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:5px;
	padding:5px;
	font-size:0.9em;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
#richiestaVeloce .campo120px {
	width:90%;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
}
#richiestaVeloce textarea {
	width:95%;
	height:120px!important;
	height:25px;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	float:left;
	margin:5px;
	padding:5px;
	font-size:0.9em;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}
#richiestaVeloce .campo20px {
	width:90%;
	font-family: 'Raleway', 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: 'Raleway', sans-serif;
	font-weight:300;
	-webkit-appearance: none;
  	-webkit-border-radius:0px;
}
.pulsanteform
{
	width:150px;
	font-family: 'Raleway', sans-serif;
	color:#FFF!important;
	text-transform:uppercase;
	background-color:#4e749a;
	font-size:0.9em;
	
	border:1px solid #4e749a;
	padding:0px;
	margin:20px auto;
	padding:10px;
	text-align:center;
	display:block;
	

}


#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;*/
	color:white;
}
.testoPrivacyRichiesta a
{
	color:white;
	}
/* fine menù della richiesta veloce */




































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

#pulsContatti
{
	width:200px;
	height:60px;
	margin:0px auto;
	background-color:rgba(255,255,255,0.7);
	border:1px solid#4d7399;
	border-radius:20px 20px 0px 0px;
}



#pulsantieraContatti img
{
	width:50px;
	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:#0c1444;
}

#bgBottom
{
	width:100%;
	float:left;
	background-color:#58585a;
	color:#fff;
}
#bgBottom a, hover, visited
{
	color:#FFF;
}
.bottom
{
	width:1200px;
	margin:10px 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;
}
.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) {
.corpo, .bottom, .corpoSpecial
{
	width:970px;
}
}




@media screen and (max-width: 1100px) {
#pulsantieraContatti
{
	display:inherit;
	visibility:visible;
}
#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.4em!important;
}
.sottotitolo5, h6
{
	font-size:1.1em!important;
}


#imgHeaderIndex img, #immagineHeader img, .slides img
{
	width:120%;
	margin-left:-10%
}
.payoff
{
	margin-top:24%;
}
#immagineHeader .payoff
{
	margin-top:20%;
}
.titolopayoff
{
	font-size:2.5em;
}
.sottotitopayoff
{
	font-size:1.4em;
}
.contenitoreParallax img
{
	width:140%;
	left:-20%;
	bottom:-30px;
}

.corpo, .bottom, .corpoSpecial
{
	width:97%;
}
.layer50percentoParallax
{
	top:10%;
	bottom:inherit;
	left:0px;
}
#formBooking
{
	width:710px;
}
#myform {
    margin: 8px 0px;
}
.pulsantebooking {
	background-image:url(grafiche/verifica_dispo_mobile.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 7px;
	padding:0px 0px 0px 45px;
	width:1px!important;
	height:37px;
	border:1px solid #d8d8d8;
	background-color:#a3a3a3;
	color:#a3a3a3;
	float:left;
	cursor:pointer;
	font-family: "Raleway",sans-serif;
	font-size: 15px;
	font-weight: 300;
}
.blocco
{
	margin:0px;
	font-size:13px;
	
}

}

@media screen and (max-width: 800px) {
#imgHeaderIndex img, #immagineHeader img, .slides img
{
	width:150%;
	margin-left:-25%
}
#immagineHeader .payoff
{
	margin-top:26%;
}
#richiestaVeloce
{
	width:98%;
	margin:0px auto;
	padding:20px 0px;
}
.navigationFooter
{
	width:65%;
	float:left;
}
.contattiFooter
{
	width:35%;
	float:left;
}
}

@media screen and (max-width: 768px) {
body {
	font-size:1.3em;
}
.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:1.4em!important;
}
.sottotitolo5
{
	font-size:1em!important;
}
#containerMenu
{
	min-width:350px;
	padding: 20px 0 0;
}
#menuPrincipale
{
	min-width:350px;
}
#imgHeaderIndex img, #immagineHeader img, .slides img
{
	width:180%;
	margin-left:-40%
}
.contenitoreParallax img
{
	width:160%;
	left:-30%;
	bottom:-20px;
}
.note, .paragrafoNote, .noteSx
{
	width:100%;
	margin:0px;

}
.layerParallaxSX
{
	width:100%;
	float:left;
	z-index:1;
	position:relative;
	left:0px;
	top:0px;
	height:inherit;
	background-color:#FFF;
	padding:0%;
}
.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:left;
}
}

@media screen and (max-width: 700px) {
.payoff, #immagineHeader .payoff
{
	margin-top:35%;
}
.paragrafoHomeRight,.paragrafoHomeLeft {
	padding-top:20px
	
	}
.layer50percento
{
	width:100%;
	margin:1% 0px;
	float:left;
}
.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) {
body {
	font-size:1.2em;
}
#pulanteApri
{
	left:0px;
}
.payoff, #immagineHeader .payoff
{
	margin-top:40%;
}

#imgHeaderIndex img, #immagineHeader img, .slides img
{
	width:280%;
	margin-left:-90%;
}
.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%;
}
.dataarrivobooking {
	background-image:none;
    width: 64px;
	text-align:center;
}
#richiestaVeloce .campoLungo {
	width:95%;
}
#codeCaptcha
{
	max-width:160px;
}
#containerMenu {
    min-width: 300px;
}
}


@media screen and (max-width: 500px) {
#containerMenu
{	
	background-color: rgba(78, 116, 154, 0.80);
	min-height:700px;
}
#menuPrincipale {
	width:100%!important
}
.titolopayoff
{
	font-size:1.8em;
}
.sottotitopayoff
{
	font-size:1.3em;
}
#imgHeaderIndex img
{
	width:240%;
	margin-left:-70%
}
.pannellodintorni
{
	width:48%;
	margin:1%;
}
#formBooking
{
	padding-left:40px;
}
}