@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/Angelina.eot');
    src: url('/fonts/Angelina?#iefix') format('embedded-opentype'),
         url('/fonts/Angelina.woff2') format('woff2'),
         url('/fonts/Angelina.woff') format('woff'),
         url('/fonts/Angelina.ttf') format('truetype'),
         url('/fonts/Angelina.svg#Angelina') format('svg');
    font-weight: normal;
    font-style: normal;    
}


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


/* MENU RESPONSIVE */

.nav-bar{
width:100%;
background-color: #2E365B;
position:fixed;
margin-top:50px;
z-index:16777271;
opacity: 0.8;
box-shadow: 0px 4px 10px #8E8E8E;
-moz-box-shadow:0 0 5px #333;
-webkit-box-shadow:0 0 5px #333;
}

.barrarecapiti{
width:100%;
background-color: #F0F1F4;
position:fixed;
z-index:16777271;
}

.boxtelalto{
float:left;
display:block;
width: 32%;
padding-top:15px;
padding-bottom:15px;
margin:0 auto;
}

.boxtelalto1{
float:left;
display:block;
width: 50%;
padding-top:15px;
padding-bottom:15px;
margin:0 auto;
text-align:right;
}

.telalto {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #212121;}
A.telalto {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #212121; text-decoration:none;}
A.telalto:hover {color: #212121; text-decoration:underline;}
A.telalto:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px;}


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

.nav-bar2{
width:100%;
background-color: #7AC5ED;
}

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

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


.nav-lista{
float:right;
display:block;
text-align:right;
display:block;
width: 70%;
padding-top:70px;
}

.menu {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px; color: #fff}
A.menu {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px; color: #fff; text-decoration:none;}
A.menu:hover {color: #7AC5ED; text-decoration:none;}
A.menu:visited {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px;}



/* 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:#7AC5ED;
	text-align:center;
	width:100%;
	border-style:solid;
	border-width:0px;
	border-color:#141433;
	background-color:#ffffff;
	padding-left:5px;
}


/* FINE MENU RESPONSIVE */


/* BOOKING ENGINE */

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

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

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

.bookingsecondo{
float:left;
display:block;
padding-left:10px;
text-align:center;
padding-top:20px;
width:28%;
height:55px;
	background : url(/img/bgformprenota.gif) ;
}

.formbooking{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#AAB8CA;
	width:100px;
	border-style:solid;
	border-width:1px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #475362;
	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:10px;
	color:#AAB8CA;
	width:85px;
	border-style:solid;
	border-width:1px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #475362;
	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:10px;
	color:#AAB8CA;
	width:150px;
	border-style:solid;
	border-width:1px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #475362;
	background-color:#313A45;
	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: Personal1, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#2E365B;
	cursor:pointer;
	border-style:solid;
	border-width:0px;
	font-weight:bold;
	border-color:#ffffff;
	background-color:#7AC5ED;
	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 */


.spaziohome{
display:block;
margin-top:50px;
}

.chiudihome{
width: 100%;
height:2px;
display:block;
background-color:#2E365B;
margin-top:-4px;
}


.sfondogrigio{
width:100%;
}

.sfondo{
width:100%;
}

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

.trefotop{
display:inline-block;
float:left;
width:31%;
margin-right:5px;
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: 18px; color:#195F93;}
A.titolicelle {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px; color: #195F93; text-decoration:none;}
A.titolicelle:hover {color: #000000; text-decoration:none;}
A.titolicelle:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 18px;}


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


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


hr {
    border: 0;
    height: 32px;
    background : url(/img/hr.png);
	width:300px;  
}
	   
.duefoto{
display:block;
float:left;
width:45%;
}

	   
.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:23%;
text-align: left;
margin:5px;
padding-bottom:10px;
text-align:center;
}


.titolihome {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 70px; color: #195F93;}
.titoli {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 45px; color: #195F93;}
.payoff {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 36px; color: #990000; }
.payoff2 {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 40px; color: #195F93; }
.errore {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 20px; color: #ff0000;}


.areanews{
background-color:#EBEBEB;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
font-family: Personal, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;
}

.titolilato {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px; color: #990000; font-weight:bold;}
A.titolilato {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px; color: #2E365B; text-decoration:none;}
A.titolilato:hover {color: #000000; text-decoration:none;}
A.titolilato:visited {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px;}


.boxnews {
background-color:#A3CDFF;
padding:10px;
}

.titolinews {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 22px; color: #2E365B}
A.titolinews {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 22px; color: #2E365B; text-decoration:none; font-weight:bold;}
A.titolinews:hover {color: #000000; text-decoration: none;}
A.titolinews:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 22px;}

.continua {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px; color: #990000}
A.continua {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px; color: #990000; text-decoration:none; font-weight:bold;}
A.continua:hover {color: #000000; text-decoration: none;}
A.continua:visited {font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px;}

.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: Personal, Arial, Helvetica, sans-serif; font-size: 14px; color: #686868}
A.testo {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 14px; color: #686868; 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 {
	border: 2px solid #2E365B;
	box-shadow: 0px 4px 10px #8E8E8E;
	-moz-box-shadow:0 0 5px #333;
	-webkit-box-shadow:0 0 5px #333;
}


.bottomareadati,
.contenitore{
width:90%;
max-width:1200px;
margin:0 auto;
}
	
.bottom{
width:100%;
background-color:#2E365B; 
height:200px;
}

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


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

.aziendabottom {  font-family: Personal1, Arial, Helvetica, sans-serif; font-size: 30px; color: #ff9900;}
.linkbottom {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff;}
A.linkbottom {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; text-decoration:none;}
A.linkbottom:hover {color: #ff9900; text-decoration: none}
A.linkbottom:visited {font-family: Personal, Arial, Helvetica, sans-serif; font-size: 16px;}
.powered {  font-family: Personal, Arial, Helvetica, sans-serif; font-size: 12px; color: #ff9900;}

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

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


.form{
	font-family: Personal, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ACACAC;
	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:20px;
	color:#ffffff;
	cursor:pointer;
	width:150px;
	height:50px;
	border-style:none;
	border-width:1px;
	border-color:#E0E1E5;
	background-color:#195F93;
  -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 */