/* IE10+ VIEWPORT FIX */
@-ms-viewport { width:device-width;}
@viewport { width:device-width;}


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

A.menu {font-size: 13px;}
A.menu:visited {font-size: 13px;}

A.prenota{	
	font-size: 13px;
}


.booking{
top: 200px;
}

.postit{
height: 210px;
}

.postitlungo{
height: 350px;
}


}

/* IPHONE 767px  */
@media screen and (max-width:1175px) {

/* BOOKING ENGINE */

.booking{
	top:200px;
	width: 40%;
}

.bookingprimo{
	height:40px;
}

.bookingsecondo{
	height:60px;
}

.formbooking{
	height:40px;
}

.bookingterzo{
	height:60px;
}

.formbookingrande{
	height:40px;
}


.bookingquarto{
	height:60px;
}


.bookingquinto{
	height:50px;
}


.prenotasubmit{
	height:40px;
}

/* FINE BOOKING ENGINE */


.nav-contenutotel,
.contenitore{
text-align:center;
}

.telsx{
width:20%;
}

.telcx{
width:80%;
}

.teldx{
display:none;
}

.nav-bar{
position:static;
margin-top:0px;
}

.blocco{
display:none;
}

.menu {  display:none;}

.spaziovuoto{  display:none;}


.nav-logo{
text-align: left;
width: 45%;
margin-left:30px;
}


.nav-menu{
float:left;
display:block;
width: 45%;
padding-top:40px;
margin-right:30px;
text-align: right;
}

.nav-lista{
	display:none;
}



.fotometti{
display:block;
float:left;
width:100%;
}

.areadati{
width:45%;
}

.arealato{
width:45%;
}

.duefoto{
display:block;
float:left;
width:100%;
text-align:center;
}

.duefotosx{
display:block;
float:left;
width:100%;
text-align:center;
}

.duefotodx{
display:block;
float:left;
width:100%;
text-align:center;
}

.trefotoservizi{
display:block;
float:left;
width:100%;
}

.treprezzi {
width:48%;
}

.quattrofoto{
width:49%;
margin:0px;
padding-left:0px;
padding-right:0px;
margin-bottom:30px;
}

.hrfinto{
display:block;
width:95%;
height: 1px;
background : url(/img/hrfinto.gif) ;
}

.bottomsx{
float:left;
width:100%;
text-align:center;
padding-top:20px;
}


.bottomdx{
float:left;
width:100%;
text-align:center;
padding-top:20px;
}

.postit{
height: auto;
}

.postitlungo{
height: auto;
}


}

@media screen and (max-width:1000px) {
A.tel {font-size: 14px;}

/* BOOKING ENGINE */

.booking{
	top:170px;
}

.bookingprimo{
	height:40px;
}

.bookingsecondo{
	height:50px;
}

.formbooking{
	height:40px;
}

.bookingterzo{
	height:50px;
}

.formbookingrande{
	height:40px;
}


.bookingquarto{
	height:50px;
}


.bookingquinto{
	height:50px;
}


.prenotasubmit{
	height:40px;
}

/* FINE BOOKING ENGINE */

.areacamere{
width:90%;
}
}


@media screen and (max-width:800px) {
A.tel {font-size: 12px;}

/* BOOKING ENGINE */

.booking{
position:relative;
display:block;
float:left;
left:0px;
top: 0px;
width: 100%;
border-radius: 0px;
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

.bookingprimo{
float:left;
display:block;
padding-top:23px;
width:100%;
height:45px;
text-align:center;
}

.prenota {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 24px; color: #000; text-align:center;}

.bookingsecondo{
float:left;
display:block;
padding-top:15px;
width:100%;
height:80px;
text-align:center;
}

.formbooking{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding-left:20px;
	width:87%;
	height:60px;
	border-style:none;
	border-radius: 50px;
}

.bookingterzo{
float:left;
display:block;
padding-top:15px;
width:100%;
height:80px;
text-align:center;
}

.formbookingpicc{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#bfbfbf;
	width:45%;
	border-style:solid;
	border-width:1px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #fff;
	background-color:#313A45;
	height:30px;
	background : url(/img/bgformpicc.png) ;
	-moz-appearance: none;
    -webkit-appearance:none;
}

.formbookingrande{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding-left:20px;
	width:90%;
	height:60px;
	border-style:none;
	border-radius: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-overflow:'';
	text-indent: 0.01px;
	text-overflow: "";
}


.bookingquarto{
float:left;
display:block;
padding-top:15px;
width:100%;
height:80px;
text-align:center;
}


.bookingquinto{
float:left;
display:block;
padding-top:15px;
width:100%;
height:80px;
text-align:center;
}


.prenotasubmit{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:90%;
	height:60px;
	color:#fff;
	cursor:pointer;
	border-style:none;
	font-weight:bold;
	background-color:#AD9463;
	border-radius: 50px;
}

/* FINE BOOKING ENGINE */

}



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

.nav-logo{
width: 75%;
margin-left:0px;
padding-top:0px;
}


.nav-menu{
float:left;
width: 20%;
padding-top:10px;
margin-right:0px;
}

.nav-bartel{
display:none;
}

.bookingsecondo{
padding-top:20px;
width:50%;
height:auto;
}

.bookingterzo{
padding-top:20px;
width:50%;
height:auto;
}

.bookingquarto{
padding-top:20px;
padding-bottom:50px;
width:50%;
height:auto;
}

.bookingquinto{
padding-top:20px;
padding-bottom:50px;
width:50%;
height:auto;
}

.formbooking{
	width:85%;
}

.areacamere{
width:85%;
}

.areabooking{
	padding:0px;
}

.trefoto{
width:98%;
margin-right:0px;
}

.trefotop{
width:95%;
margin-right:0px;
}

.duefoto{
display:block;
float:left;
width:95%;
}

.quattrofoto{
width:95%;
}


.contenitore p{
	line-height:1,55em;
	.columns:1;
	-webkit-columns:1;
	-moz-columns:1;
	-ms-columns:1;
	-o-columns:1;
	
}

.areadati{
width:98%;
padding-right:0px;
padding-left:10px;
}

.arealato{
width:98%;
padding-right:0px;
padding-left:10px;
}

.bottomsx{
width:100%;
text-align:center;
}

.bottomdx{
width:100%;
text-align:center;
}

.sipc-nomobile{
display:none;
}

.simobile-nopc{
display:block;
}

}