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



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

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

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

.nav-logo{
float:none;
text-align: center;
width: 50%;
}


.nav-menu{
display:block;
text-align: center;
}

.nav-lista{
	float:left;
	width:100%;
	overflow:hidden;
	height:0;
	display:none;
}

.booking{
display:block;
}

.bookingprimo{
padding-left:0px;
padding-top:20px;
width:100%;
height:auto;
}

.bookingsecondo{
padding-left:0px;
padding-top:20px;
width:48%;
height:auto;
}

.bookingterzo{
padding-left:0px;
padding-top:20px;
width:48%;
height:auto;
}

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

.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;
}

.treprezzi {
width:48%;
}

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

.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;
}


}

@media screen and (max-width:640px) {
.bookingsecondo{
padding-left:0px;
padding-top:20px;
width:100%;
height:auto;
}

.bookingterzo{
padding-left:0px;
padding-top:20px;
width:100%;
height:auto;
}

.nav-menu{
padding:10px 10px;
text-align: center;
}

.nav-logo{
float:none;
text-align: center;
width: 90%;
}

.areabooking{
	padding:0px;
}



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

.duefoto{
display:block;
float:left;
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;
}



}