@font-face {
    font-family: 'Personal';
    src: url('/fonts/Roboto-Regular.woff2') format('woff2'),
        url('/fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}


@font-face {
    font-family: 'Personal1';
    src: url('/fonts/Oswald-Regular.woff2') format('woff2'),
        url('/fonts/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

body { 
margin:0;
background-color: #ffffff;
}


/* MENU RESPONSIVE */

.nav-bartel{
width:100%;
background-color: #fff;
padding-bottom:15px;
z-index:200;
}

.nav-contenutotel,
.contenitore{
width:95%;
max-width:1200px;
margin:0 auto;
text-align:center;
overflow:hidden;
border-bottom: 1px solid #e7e7e7;
}


.teldentro{
display:block;
float:left;
width:50%;
text-align:left;
}

.telsx{
display:block;
float:left;
width:60%;
text-align:left;
font-family: Personal, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #aaa;
padding-top:20px;
padding-bottom:20px;
}

.teldx{
display:block;
float:left;
width:40%;
text-align:right;
font-family: Personal, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
padding-top:20px;
padding-bottom:20px;
}

.tel {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px; color: #000}
A.tel {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px; color: #000; text-decoration:none;}
A.tel:hover {color: #bba37e; text-decoration:none;}
A.tel:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px;}

.telbig {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 14px; color: #bba37e}
A.telbig {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px; color: #bba37e; text-decoration:none;}
A.telbig:hover {color: #bba37e; text-decoration:none;}
A.telbig:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px;}

.nav-bar{
display:block;
float:left;
width:100%;
background-color: #ffffff;
z-index:200;
}

.chiudimenu{
width: 100%;
height:1px;
display:block;
background-color:#683638;
}

.cuneo{
display:none;
width: 100%;
height:150px;
}

.sfondo{
background-image:url(/img/bgalto.jpg);
background-position: center top;
-webkit-box-shadow: 0px 13px 17px 3px rgba(155,155,155,0.30); 
box-shadow: 0px 13px 17px 3px rgba(155,155,155,0.30);
position:relative;
z-index:200;
}

.sfondodati{
background-color:#f4f4f4;
}

.nav-contenuto,
.contenitore{
width:95%;
max-width:1200px;
margin:0 auto;
text-align:center;
overflow:hidden;
}

.nav-bar2{
float:right;
width:20%;
background-color: #4A2427;
}

.nav-contenuto2,
.contenitore{
width:95%;
max-width:1200px;
margin:0 auto;
text-align:center;
overflow:hidden;
}

.nav-logo{
float:left;
display:block;
width: 15%;
padding-top:20px;
padding-bottom:20px;
margin:0 auto;
text-align:left;
}


.nav-lista{
float:right;
display:block;
width: 85%;
padding-top:40px;
font-family: Personal, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #9CAB39;
text-align:right;
}


.menu {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 14px; color: #000; }
A.menu {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 14px; color: #000; text-decoration:none;}
A.menu:hover {color: #bba37e; text-decoration:none; transition-property: color, border; transition-duration: 0.3s; -webkit-transition-property: color /*Safari e Chrome */ -webkit-transition-duration: 0.3s; -o-transition-property: color, padding-left; /*Opera*/ -o-transition-duration: 0.3s; -moz-transition-property: color, padding-left; /*Firefox*/ -moz-transition-duration: 0.5s; border-bottom: 3px solid #bba37e; line-height: 5px; padding-bottom: 10px; border-radius: 10px; }
A.menu:visited {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 14px;}


A.menuprenota{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	border: 1px solid #BBA37E;
	border-radius: 5px 50px 5px 50px;
	background-color:#BBA37E;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:30px;
	padding-right:30px;
}
A.menuprenota:hover {color: #BBA37E; background-color: #FFF; text-decoration:none; transition-property: background-color, color; transition-duration: 0.3s; -webkit-transition-property: color /*Safari e Chrome */ -webkit-transition-duration: 0.3s; -o-transition-property: color, padding-left; /*Opera*/ -o-transition-duration: 0.3s; -moz-transition-property: color, padding-left; /*Firefox*/ -moz-transition-duration: 0.5s; }

.lang {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #9CAB39}
A.lang {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #9CAB39; text-decoration:none;}
A.lang:hover {color: #49565D; text-decoration:none; font-weight:bold;}
A.lang:visited {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}

.langw {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff}
A.langw {font-family: Arial, Helvetica, sans-serif; font-size: px; color: #ffffff; text-decoration:none;}
A.langw:hover {color: #000; text-decoration:none;}
A.langw:visited {font-family: Arial, Helvetica, sans-serif; font-size: px;}


/* questa è la tendina del menu mobile*/
.nav-menu{
display:none;
}


.stilemenu{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:40px;
	text-align:center;
	padding:0px;
	padding-left:12px;
	color:#000;
	text-align:center;
	width:60px;
	height:60px;
	border-bottom: 2px solid #bba37e;
	border-top: 2px solid #bba37e;
	border-left: none;
	border-right: none;
	background-color:#fff;
	border-radius: 10px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* FINE MENU RESPONSIVE */

/* BOOKING ENGINE */

.booking{
position:relative;
width:98%;
max-width:1200px;
margin:0 auto;
background-color:#222;
height:auto;
margin-top:-100px;
z-index:100;
opacity: 0.9;
border-radius: 10px;
box-shadow: 0px 10px 10px #8E8E8E;
-moz-box-shadow:0 0 10px #333;
-webkit-box-shadow:0 0 10px #333;
}

.bookingprimo{
float:left;
display:block;
padding-top:25px;
width:20%;
height:55px;
}

.prenota {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #bba37e; text-align:center;}

.bookingsecondo{
float:left;
display:block;
text-align:center;
padding-top:24px;
width:20%;
height:55px;
}

.formbooking{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;
	width:100px;
	padding-left:10px;
	border-style:none;
	background-color:#fff;
	height:38px;
	width:148px;
	border-radius: 5px;
	background : url(/img/bgform.png) ;
}

.bookingterzo{
float:left;
display:block;
text-align:center;
padding-top:24px;
width:20%;
height:55px;
}

.formbookingpicc{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#114A7B;
	width:85px;
	border-style:solid;
	border-width:1px;
	border-color: #e1e1e1;
	background-color:#fff;
	height:30px;
	background : url(/img/bgformpicc.png) ;
	-moz-appearance: none;
    -webkit-appearance:none;
}

.formbookingrande{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;
	width:160px;
	padding-left:10px;
	border-style:none;
	background-color:#fff;
	height:40px;
	border-radius: 5px;
	background : url(/img/bgformgr.png) ;
	-moz-appearance: none;
    -webkit-appearance:none;
}

.bookingquarto{
float:left;
display:block;
text-align:center;
padding-top:24px;
width:20%;
height:55px;
}

.bookingquinto{
float:left;
display:block;
text-align:center;
padding-top:24px;
width:20%;
height:55px;
}

.prenotasubmit{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	border-style:none;
	background-image:url(/img/ticket.png);
	padding-top:7px;
	padding-bottom:7px;
	padding-left:30px;
	padding-right:30px;
	height:40px;
	width: 160px;
	border-radius: 5px;
}

/* FINE BOOKING ENGINE */

.dati,
.contenitore{
width:95%;
max-width:1200px;
margin:0 auto;
height:auto;
font-family: Personal, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 14px;
}

.trefoto{
display:inline-block;
float:left;
width:33%;
}

.trefotop{
display:inline-block;
float:left;
width:32%;
margin-right:3px;
text-align:center;
}

.fototonda{
box-shadow: 0px 4px 10px #8E8E8E;
-moz-box-shadow:0 0 5px #333;
-webkit-box-shadow:0 0 5px #333;
}

.fototondalta{
border-radius: 5px 50px 5px 50px;
box-shadow: 0px 4px 10px #8E8E8E;
-moz-box-shadow:0 0 5px #333;
-webkit-box-shadow:0 0 5px #333;
}

A.fotoeffetto:hover {opacity: 0.5;}

.titolicelle {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px; color:#222;}
A.titolicelle {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px; color: #222; text-decoration:none;}
A.titolicelle:hover {color: #bba37e; text-decoration:none;}
A.titolicelle:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px;}

.areadati{
display:block;
float:left;
padding-right:10px;
padding-left:10px;
width:70%;
font-family: Personal, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#222;
text-align:justify;
}

.arealato{
display:block;
float:right;
width:27%;
}

hr {
       border : 0;
       height : 5px;
	   width:100%;	 
       background : url(/img/hr.png);   
}

.areabooking{
	width:95%;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#21211B;
	padding:5px;
}
.avvisolat {  font-family: Personal, Arial Narrow, Helvetica, sans-serif; font-size: 30px; color: #21211B}

.duefoto{
display:block;
float:left;
width:50%;
}
	   
.duecolonnesx{
display:block;
float:left;
width:49%;
}

.duecolonnedx{
display:block;
float:right;
width:49%;
}

.fotometti{
display:block;
float:left;
width:32%;
margin:5px auto;
padding-left:10px;
}

.quattrofoto{
display:block;
float:left;
width:25%;
text-align: left;
padding-bottom:10px;
text-align:center;
}

.icoservizi{
display:block;
float:left;
width:16.66%;
text-align: center;
padding-bottom:10px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:100;
  line-height: 0,5;
}

.titolihome {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 36px; color: #bba37e;}
.titoli {  font-family: Personal11, Arial, Helvetica, sans-serif; font-size: 22px; color: #bba37e;}
.payoff {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 22px; color: #000;}
.errore {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 20px; color: #ff0000}


.areanews{
width:300px;
font-family: Personal, Arial, Helvetica, sans-serif; 
font-size: 16px;
color: #000;
background-color: #bba37f;
padding-top: 50px;
padding-bottom: 50px;
border-radius: 10px;
}

.areanews1{
width:300px;
font-family: Personal, Arial, Helvetica, sans-serif; 
font-size: 16px;
color: #222;
background-color: #fff;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 2px solid #bba37e;
border-top: 2px solid #bba37e;
border-left: none;
border-right: none;
background-color:#fff;
border-radius: 10px;
min-height:300px;
}

.areanewsdentro{
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
height:auto;
}

.titolilato {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 22px; color: #bba37e;}
A.titolilato {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 22px; color: #bba37e; text-decoration:none;}
A.titolilato:hover {color: #bba37e; text-decoration:none;}
A.titolilato:visited {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 22px;}

.titolinews {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px; color: #222; font-weight:bold;}
A.titolinews {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px; color: #222; text-decoration:none;}
A.titolinews:hover {color: #49565D; text-decoration: none;}
A.titolinews:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px;}

.continua {
font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	background-color:#bba37e;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	border-radius: 5px;
}

A.continua {
font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-decoration: none;
	background-color:#bba37e;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	border-radius: 5px;
	border: 1px solid #bba37e;
	transition-property: background-color, color, border;
	transition-duration: 0.8s; 
	-webkit-transition-property: background-color, color, border; /*Safari e Chrome */ 
	-webkit-transition-duration: 0.8s; 
	-o-transition-property: background-color, color, border; /*Opera*/ 
	-o-transition-duration: 0.8s; 
	-moz-transition-property: background-color, color, border; /*Firefox*/ 
	-moz-transition-duration: 0.8s; 
}
A.continua:hover {background-color: #fff; color:#bba37e; text-decoration:none; transition-property: background-color, color; transition-duration: 0.3s; -webkit-transition-property: color /*Safari e Chrome */ -webkit-transition-duration: 0.3s; -o-transition-property: color, padding-left; /*Opera*/ -o-transition-duration: 0.3s; -moz-transition-property: color, padding-left; /*Firefox*/ -moz-transition-duration: 0.5s; }

.didascalie {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px; color: #9CAB39;}
A.didascalie {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px; color: #698800; text-decoration:none;}
A.didascalie:hover {color: #A2D100; text-decoration:none;}
A.didascalie:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px;}

.testo {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #777777}
A.testo {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #777777; text-decoration:none;}
A.testo:hover {color: #000000; text-decoration: underline;}
A.testo:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px;}

.testopicc {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #777777}


.fotobordo {
	border: 1px solid #AEAEAE;
}

.chiudibottom{
width: 100%;
height:30px;
display:block;
background-color:#000;
position: relative;
z-index: 1000;
}

.bottomareadati,
.contenitore{
width:90%;
max-width:1200px;
margin:0 auto;
}
	
.bottom{
width:100%;
background:#181818;
position: relative;
z-index: 1000;
}

.bottomsx{
float:left;
width:70%;
padding-top:10px;
}


.bottomdx{
float:right;
width:27%;
text-align:right;
padding-top:10px;
}


.linkbottom {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 13px; color: #fff;}
A.linkbottom {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; text-decoration:none;}
A.linkbottom:hover {color: #bba37e; text-decoration: none}
A.linkbottom:visited {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 13px;}

.aziendabottom {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 16px; color: #bba37e;}
A.aziendabottom {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 16px; color: #bba37e; text-decoration:none;}
A.aziendabottom:hover {color: #fff; text-decoration: none}
A.aziendabottom:visited {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 16px;}

.areacontatti{
display:block;
float:left;
width:98%;
}

.fotocornice{
	border-style:solid;
	border-width:1px;
	border-color:#D5D1CF;
	padding:10px;
	background-color:#FFFFFF;
}


.email {  font-family: Personal, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #222222;}
A.email {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px; color: #222222; text-decoration:none;}
A.email:hover {color: #bba37e; text-decoration: underline}
A.email:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px;}

.contattinome {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 25px; color: #8E8E8E}


.form{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#49565D;
	width:80%;
	height:40px;
	border-style:solid;
	border-width:1px;
	border-color:#d6d6d6;
	background-color:#ffffff;
	padding-left:5px;
}

.formnote{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#49565D;
	width:80%;
	height:200px;
	border-style:solid;
	border-width:1px;
	border-color:#d6d6d6;
	background-color:#ffffff;
	padding-left:5px;
}

.invia{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#bba37e;
	cursor:pointer;
	border: 1px solid #bba37e;
	border-radius: 5px;
	background-color:#fff;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:30px;
	padding-right:30px;
}
.invia:hover {color: #fff; text-decoration:none; transition-property: background-color, color; transition-duration: 0.3s; -webkit-transition-property: color /*Safari e Chrome */ -webkit-transition-duration: 0.3s; -o-transition-property: color, padding-left; /*Opera*/ -o-transition-duration: 0.3s; -moz-transition-property: color, padding-left; /*Firefox*/ -moz-transition-duration: 0.5s; background-color: #bba37e; color:#FFFFFF; }



/* FOTO ZOOM */	
.fotozoom{
	width: 100%;
	height: 100%;
    overflow: hidden;
}

.grow img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 3s ease;
     -moz-transition: all 3s ease;
       -o-transition: all 3s ease;
      -ms-transition: all 3s ease;
          transition: all 3s ease;
}
 
.grow img:hover {
  width: 130%;
  height: 130%;
}
/* FINE FOTO ZOOM */	


/* VIDEO */	
.videoWrapper {
	margin-left:5px;
	margin-top:-5px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 99%;
	height: 99%;
}
/* FINE VIDEO */	

.sipc-nomobile{
display:block;
z-index:10;
}

.simobile-nopc{
display:none;
}

.sitablet-nopc{
display:none;
}

.tornasu
{
right: 10px;
bottom: 10px;
position: fixed;
z-index:10000000;
}

/* FOTO TUTTE DELLA STESSA GRANDEZZA */
.boxfoto {
 width: 90%;
 height: 245px;
 position: relative;
 overflow: hidden;
box-shadow: 0px 4px 10px #8E8E8E;
-moz-box-shadow:0 0 5px #333;
-webkit-box-shadow:0 0 5px #333;
}
.boxfoto img {
 margin: auto;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}