@font-face {
    font-family: 'Personal';
    src: url('/fonts/OpenSans.eot');
    src: url('/fonts/OpenSans?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans.woff2') format('woff2'),
         url('/fonts/OpenSans.woff') format('woff'),
         url('/fonts/OpenSans.ttf') format('truetype'),
         url('/fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Personal1';
    src: url('/fonts/EdwardianScriptITC.eot');
    src: url('/fonts/EdwardianScriptITC.eot?#iefix') format('embedded-opentype'),
         url('/fonts/EdwardianScriptITC.woff2') format('woff2'),
         url('/EdwardianScriptITC.woff') format('woff'),
         url('/fonts/EdwardianScriptITC.ttf') format('truetype'),
         url('/fonts/EdwardianScriptITC.svg#EdwardianScriptITC') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


/* MENU RESPONSIVE */

.nav-bar{
width:100%;
background-color: #ffffff;
position:fixed;
z-index:16777271;
box-shadow: 0px 4px 10px #8E8E8E;
-moz-box-shadow:0 0 5px #333;
-webkit-box-shadow:0 0 5px #333;
}

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

.sfondo{
background-color:#E0E0E0;
}

.sfondodati{
background-image:url(/img/bg.jpg);
}

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

.nav-bar2{
width:100%;
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: 20%;
padding-top:5px;
padding-bottom:5px;
margin:0 auto;
text-align:left;
}


.nav-lista{
float:right;
display:block;
text-align:right;
display:block;
width: 75%;
padding-top:75px;
padding-bottom:5px;
font-family: Personal, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #683638}



.menu {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #4F4F4F}
A.menu {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #4F4F4F; text-decoration:none;}
A.menu:hover {color: #683638; text-decoration:none;}
A.menu:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px;}

.lang {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #683638}
A.lang {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #683638; text-decoration:none;}
A.lang:hover {color: #4F4F4F; text-decoration:none;}
A.lang:visited {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}

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


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


.stilemenu{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:36px;
	margin-top:10px;
	margin-bottom:20px;
	padding:10px;
	color:#70363C;
	text-align:center;
	width:100%;
	border-style:solid;
	border-width:0px;
	border-color:#141433;
	background-color:#fff;
	padding-left:5px;
}

/* FINE MENU RESPONSIVE */

/* BOOKING ENGINE */

.booking{
width:98%;
max-width:1200px;
margin:0 auto;
background-color:#fff;
height:auto;
margin-top:-5px;
}

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

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

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

.formbooking{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#622D28;
	width:100px;
	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/bgform.png) ;
}

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

.formbookingpicc{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#114A7B;
	width:85px;
	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:12px;
	color:#622D28;
	width:150px;
	border-style:solid;
	border-width:1px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #fff;
	background-color:#000;
	height:30px;
	background : url(/img/bgformgr.png) ;
	-moz-appearance: none;
    -webkit-appearance:none;
}

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

.prenotasubmit{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	cursor:pointer;
	border-style:solid;
	border-width:0px;
	font-weight:bold;
	border-color:#fff;
	background-color:#683638;
	padding:7px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* 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:31%;
margin-right:5px;
text-align:center;
}

.treprezzirosso {
display:inline-block;
float:left;
width:97%;
margin-right:3px;
margin-bottom:3px;
padding-top:10px;
background-color:#F1F1F1;
text-align:center;
font-family: Personal, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 14px;
}

.treprezzi {
display:inline-block;
float:left;
width:32%;
margin-right:3px;
margin-bottom:3px;
padding-top:10px;
background-color:#F1F1F1;
text-align:center;
font-family: Personal, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 14px;
}

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

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

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


.areadati{
display:block;
float:left;
width:65%;
margin:5px auto;
font-family: Personal, Arial, Helvetica, sans-serif;
font-size: 16px;
padding:10px;
color:#686868;
}


.arealato{
display:block;
float:left;
width:27%;
margin:5px auto;
padding:10px;
}



hr {
       border : 0;
       height : 1px;
       background : url(/img/hr.png);
	   background-position:center;
       margin : 1em 0;
	   width:94%	   
}

.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:49%;
}

	   
.duefotosx{
display:block;
float:left;
width:50%;
text-align:left;
font-family: Personal, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#333333;
}

.duefotodx{
display:block;
float:left;
width:50%;
text-align:center;
font-family: Personal, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#333333;
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight:100;
}

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

.nomepiatto{
display:block;
float:left;
width:65%;
margin:5px;
padding-bottom:5px;
}

.prezzopiatto{
display:block;
float:left;
width:25%;
margin:5px;
padding-bottom:5px;
text-align:right;
}

.areanews{
width:95%;
border-radius: 2px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
color: #777777;
box-shadow: 0px 3px 10px #8E8E8E;
-moz-box-shadow:0 0 3px #333;
-webkit-box-shadow:0 0 3px #333;
background-color: #F1F1F1;
padding-top: 10px;
padding-bottom: 10px;
}

.areanewsdentro{
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color:#ffffff;
height:auto;
min-height:450px;
}

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

.titolinews {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px; color: #663537}
A.titolinews {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px; color: #663537; text-decoration:none;}
A.titolinews:hover {color: #000; 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: #663537}
A.continua {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #663537; text-decoration:none;}
A.continua:hover {color: #000; text-decoration: none;}
A.continua:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px;}

.didascalie {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px; color: #698800; font-weight:normal;}
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;}


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

.chiudibottom{
width: 100%;
height:5px;
display:block;
background-color:#663537;
}

.bottomareadati,
.contenitore{
width:90%;
max-width:1200px;
margin:0 auto;
}
	
.bottom{
width:100%;
background:#E0E0E0;
}

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


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


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

.aziendabottom {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #000;}
A.aziendabottom {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #000; text-decoration:none;}
A.aziendabottom:hover {color: #663537; text-decoration: none}
A.aziendabottom:visited {font-family: Personal, 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: 24px; color: #663537;}
A.email {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 24px; color: #663537; text-decoration:none;}
A.email:hover {color: #000; text-decoration: underline}
A.email:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 24px;}

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


.form{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#663537;
	width:80%;
	height:40px;
	border-style:solid;
	border-width:1px;
	border-color:#E0E1E5;
	background-color:#ffffff;
	padding-left:5px;
  -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.45s, box-shadow ease-in-out 0.45s;
          transition: border-color ease-in-out 0.45s, box-shadow ease-in-out 0.45s;
}

.invia{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ffffff;
	cursor:pointer;
	width:150px;
	height:50px;
	border-style:none;
	border-width:1px;
	border-color:#E0E1E5;
	background-color:#663537;
  -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.45s, box-shadow ease-in-out 0.45s;
          transition: border-color ease-in-out 0.45s, box-shadow ease-in-out 0.45s;
}

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