body{ font-family: 'Quicksand', sans-serif; color: #111; font-weight: 300 }
.wrap{ max-width: 1090px  ;width: 100%; margin: 0px auto; }
 
#header{ position: absolute; width: 100%;z-index: 900 }

#menu ul{ margin: 0px; padding: 0px 0px 30px 0px; list-style: none; text-align: center;   }
#menu ul li{ display: inline-block; margin-right: -4px;line-height: 25px; position: relative; }
#menu ul li a{ font-size: 16px; display: block; padding: 0px 20px; color: #FFF; position: relative; text-decoration: none; text-transform: uppercase; }
#menu ul li a:hover{ text-decoration: underline; }
#menu ul li:last-child a{ font-weight: 400; }
#menu ul li:last-child a:before{ content: "\f107"; font-family: "FontAwesome"; color: #FFF; position: absolute; bottom:-15px; left: 50% ;margin-left: -5px }
#menu .logo-fixed{ display: none }

#menu.menuscroll{top:0px; left:0px; ; position: fixed; height: 100px ; background: #FFF; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3); box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.3); }
#menu.menuscroll a{ color: #111; line-height: 100px; font-weight: 400 }
#menu.menuscroll ul{ padding: 0px 30px 0px 0px; text-align: right; }
#menu.menuscroll .logo-fixed{ display: block; position: absolute; top: 15px; left: 30px}
#menu .dedo{background: url('/web/struttura/dedo-responsive.png') center center no-repeat; background-size:contain; height: 80px; margin: 10px }
#menu .dedo a{ display: block; height: 100%}
#menu.menuscroll li:last-child a:before{ color: #111; }

#menu.menuscroll #menu-prenota{ top:80px; left:-100px; }

#menu-prenota{ width: 220px ; position: absolute; background: rgba(0,0,0,0.7); left: calc(50% - 110px); top: 50px; padding: 10px; font-size: 14px; color: #FFF; line-height: 30px; text-align: right;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); }
#menu-prenota .wrapper{ position: relative; }
#menu-prenota input[type="text"],#menu-prenota input[type="date"]{ background: url('/web/struttura/bg-date.png') right 0px no-repeat ; line-height: 20px; ;  border: 0px; text-decoration: underline; width: 110px; color: #FFF; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px }
#menu-prenota select{ text-decoration: underline; width: 47px; text-align: left; background:transparent; color: #FFF; border: 0px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/web/struttura/bg-sel.png') right 6px no-repeat  }
#menu-prenota input[type="submit"]{text-transform: uppercase ;display: block; background: transparent; font-weight: 700px; font-size: 16px; text-decoration: underline; color: #FFF; border: 0px ; width: 100%; margin: 10px 0px 0px 0px }

#menu-prenota-reverse{ width: 100% ; font-size: 14px; color: #111; line-height: 30px; text-align: right; font-weight: 400  }
#menu-prenota-reverse input[type="text"],#menu-prenota-reverse input[type="date"]{ background: url('/web/struttura/r-bg-date.png') right 0px no-repeat ; line-height: 20px; ;  border: 0px; text-decoration: underline; width: 110px; color: #111; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px }
#menu-prenota-reverse select{ text-decoration: underline; width: 47px; text-align: left; background:transparent; color: #111; border: 0px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/web/struttura/r-bg-sel.png') right 6px no-repeat  }
#menu-prenota-reverse input[type="submit"]{text-transform: uppercase ;display: block; background: transparent; font-weight: 700px; font-size: 16px; text-decoration: underline; color: #111; border: 0px ; width: 100%; margin: 10px 0px 0px 0px }

.pagina-album{ position: relative; }
.pagina-album .bg-hover{ background: url('/web/struttura/bg-nero.png') top center repeat-x  rgba(0,0,0,0.15) ; z-index: 800; position: absolute;	width:100%; height: 100%   }
.pagina-album h1, .pagina-album h2{ font-size: 53px; color: #FFF; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7); }
.pagina-album .testo{ position: absolute; bottom: 100px; text-align: center; width: 100%; text-transform: uppercase; }

.standard { position: relative; }
.standard h1,
.standard h2{ font-size: 40px; margin: 0xp ; padding: 0px 0px 30px 0px; text-transform: uppercase; }

.standard h1 a:hover, 
.standard h2 a:hover{ text-decoration: underline; }

.standard p{ font-size: 14px; padding: 0px ; margin: 0px; line-height: 24px; font-weight: 400 }
.standard h3{ font-size: 24px; line-height: 36px; padding: 0px 0px 25px 0px; text-transform: uppercase; }
.standard form{  padding: 25px 0px 0px 0px }
.standard form .moduloGU{ position: relative; }
.standard form .moduloGU input[type="text"], .standard form .moduloGU textarea{ background: #e5e5e5; border:1px solid transparent; width: 100%; font-size: 14px; color:#111; padding: 10px; }
.standard form .moduloGU textarea{ min-height: 102px;}
.standard form .moduloGU .riga{ padding: 0px 0px 5px 0px }
.standard form .moduloGU .accetto{ font-size: 12px; font-weight: 400; margin: 25px 0px }
.standard form .moduloGU .accetto input{ display: none; }
.standard form .moduloGU .accetto label{ vertical-align: bottom; display: inline-block;}
.standard form .moduloGU .accetto label:before{vertical-align: middle; content: " "; position: relative; display: inline-block; width: 20px; height: 20px; background: #e5e5e5; margin-top: -2px; border:1px solid transparent; }
.standard form .moduloGU .accetto input[type=checkbox]:checked + label:before{ line-height: 18px; text-align: center;  background:#000; content:"\f00c"; font-family: "Fontawesome"; color: #FFF }
.standard form .moduloGU .accetto input[type=checkbox].errore + label:before{  border:1px solid #CC0000; color: #FFF }
.standard form .moduloGU .submit{ padding: 0px 0px 0px 0px }
.standard form .moduloGU img{ max-height: 36px }
.standard form .moduloGU .accetto a{ text-decoration: underline !important ; }
.standard form .moduloGU input[type="submit"]{ width: 100%; font-size: 20px; text-align: center; color: #FFF; line-height: 65px; background: #000; border:0px; text-transform: uppercase; padding: 5px 0 0 0   }
.standard form .moduloGU .errore{ border: 1px solid #CC0000 !important;  }

.news-evidenza{ position: relative; }
.news-evidenza > div >div{ position: relative; }
.news-evidenza .sfondo{display: block; z-index: 100; position: relative;}
.news-evidenza .col60 .sfondo{ min-height: 340px; margin: 0px 30px 0px 0px }
.news-evidenza .col60 a{min-height: 340px; width: calc(100% - 30px); display: block; position: absolute;   background: rgba(0,0,0,0.3); z-index: 800; left: 0px ; top: 0px }
.news-evidenza .col60 h3{ font-size: 34px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 40px }
.news-evidenza .col60 p{ font-size: 14px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 16px; font-weight: bold; }
.news-evidenza .blocco-news{ display: block; position: relative; }
.news-evidenza .blocco-news:first-child{margin:0px 0px 30px 0px; }
.news-evidenza .col40 .sfondo{ min-height: 155px; }
.news-evidenza .col40 a{min-height: 155px; width: 100% ;display: block; position: absolute;   background: rgba(0,0,0,0.3); z-index: 800; left: 0px ; top: 0px }
.news-evidenza .col40 h3{ font-size: 22px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 35px }
.news-evidenza .col40 p{ font-size: 14px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 16px; font-weight: bold; }


.news{ position: relative; }
.news > div >div{ position: relative; }
.news .sfondo{display: block; z-index: 100; position: relative;}

.news > div > .notizia{ width: 33%; margin-right: -4px; display: inline-block; }

.news > div > .notizia .sfondo{ min-height: 155px;z-index: 0 }
.news > div > .notizia a{min-height: 155px; width: calc(100% - 20px) ;display: block; position: absolute;   background: rgba(0,0,0,0.3); z-index: 800; left: 0px ; top: 25px }
.news > div > .notizia h3{ font-size: 20px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 35px }
.news > div > .notizia p{ font-size: 12px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 16px; font-weight: bold; }


.news > div > .notizia:first-child{ width: 60%; margin-right: -4px; display: inline-block; }
.news > div > .notizia:first-child .sfondo{ min-height: 340px; margin: 0px 30px 0px 0px }
.news > div > .notizia:first-child a{min-height: 340px; width: calc(100% - 30px); display: block; position: absolute;   background: rgba(0,0,0,0.3); z-index: 800; left: 0px ; top: 0px }
.news > div > .notizia:first-child h3{ font-size: 34px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 40px }
.news > div > .notizia:first-child p{ font-size: 14px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 16px; font-weight: bold; }

.news > div > div > .notizia{ width: 100%; margin-right: 0px; display: block; vertical-align: top; position: relative; }
.news > div > div > .notizia:first-child{ margin:0px 0px 30px 0px; }
.news > div > div > .notizia .sfondo{ min-height: 155px;z-index: 0;width: 100%; }
.news > div > div > .notizia a{min-height: 155px; width: 100% ;display: block; position: absolute;   background: rgba(0,0,0,0.3); z-index: 800; left: 0px ; top: 0px }
.news > div > div > .notizia h3{ font-size: 22px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 35px }
.news > div > div > .notizia p{ font-size: 14px; text-transform: uppercase; color: #FFF; position: absolute;left: 15px; bottom: 16px; font-weight: bold; }


.news > div > .normali:nth-child(3n) { padding: 25px 20px 0px 0px }
.news > div > .normali:nth-child(3n + 1 ) { padding: 25px 10px 0px 10px }
.news > div > .normali:nth-child(3n + 1 ) a{ left:10px ; }
.news > div > .normali:nth-child(3n + 2 ) { padding: 25px 0px 0px 20px }
.news > div > .normali:nth-child(3n + 2 ) a{ left:20px ; }

.pagina-menu{ position: relative; margin: 0px 0px  }
.pagina-menu .col33{ margin: 0px !important }
.pagina-menu .standard{ position: relative; bottom:0px; background: rgba(255,255,255,0.7); padding: 25px; margin:175px 0px 0px 0px;  }
.pagina-menu ul{ padding: 15px 0px 0px 0px; margin: 0px; text-align: center; }
.pagina-menu ul li a{ font-weight: bold; font-size: 14px }

#uso_dei_cookie{ position: fixed; z-index: 991; font-size: 15px; bottom: 0px; width: 100%; padding:10px 5px; line-height:150%; background: #f5f5f5; text-align: justify !important; color: #111; box-shadow: 0 0 10px #999; }
#uso_dei_cookie .wrapping{ padding: 5px;}
#uso_dei_cookie a{ color:#111; text-decoration:underline}
#uso_dei_cookie .wrap{ width:1090px; margin:0px auto;}
#uso_dei_cookie .cookie_btn{ color:#111; padding:0 10px; display: inline-block;}
#uso_dei_cookie .cookie_btn.moreinfo{ text-decoration: underline; background: none; text-decoration: underline; color: #111; }
#uso_dei_cookie .cookie_btn.accettaevai{ background:#000; display:inline-block; padding:1px 5px; border-radius:5px; text-decoration:none; color: #FFF; }

.bottone-section{ font-size: 80px; color: #FFF }
.bottone-nero{ background: #000; display: block; margin: 40px 0px 0px 0px; color: #FFF; text-decoration: none; padding: 20px; font-size: 34px; text-transform: uppercase; }
.bottone-nero small{display: block; font-size: 14px; line-height: 24px; text-transform: none;}

#mappa{ height: 400px; width: 100% }
#mappa label { width: auto; display:inline; }
#mappa img { max-height: none; max-width: none; }
#mappa .gm-style-iw { top: 2px !important; left: 10px !important; background-color: #fff; color:#111 !important; }
#mappa .gm-style-iw h3{ font-weight: bold; line-height: 20px; font-size: 14px; padding: 10px 0px 0px 0px }
#mappa .gm-style-iw p{ color:#111 !important; line-height: 20px; font-size: 14px; }

.pagina-quote{ position: relative; overflow: hidden; }
.pagina-quote p{ font-size: 24px; line-height: 36px; padding: 0px 15px }
.pagina-quote .col33{ padding: 30px }
.pagina-quote span{ display: block; position: relative; }
.pagina-quote span:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -15px; top: -15px; color: #666; }
.pagina-quote span:after { display: block; content: "\201D"; font-size: 80px; position: absolute; right: 15px; bottom: -60px; color: #666; }

.anteprima-camere{ position: relative; }
.anteprima-camere .camera{ position: relative; overflow: hidden; }
.anteprima-camere .camera:nth-child(1n){ padding: 0px 10px 20px 0px }
.anteprima-camere .camera:nth-child(2n){ padding: 0px 0px 20px 10px }
.anteprima-camere .camera .anteprima{ height: 300px ; position: relative;}
.anteprima-camere .camera .anteprima a{ background: rgba(0,0,0,0.6); display: block; height: 100%; position: relative; text-decoration: none; opacity: 0; font-weight: 300 }
.anteprima-camere .camera .anteprima:hover a{ opacity: 1  }
.anteprima-camere .camera .anteprima .bg-sopra{ background: url('/web/struttura/bg-camere.png') bottom center repeat-x  ; position: absolute; z-index: 900; top: 0px; width: 100%; height: 100%}
.anteprima-camere .camera .anteprima .bg-sopra h2{position: absolute; bottom: 15px; margin: 0px; padding: 0px; color: #FFF; font-size: 30px; text-transform: uppercase; width: 100%; opacity: 1; }
.anteprima-camere .camera .anteprima:hover .bg-sopra h2{opacity: 0; white-space: nowrap; margin-bottom:-10%;}

.anteprima-camere .camera .anteprima a h2{position: absolute; bottom: 15px; margin: 0px; padding: 0px; color: #FFF; font-size: 30px; text-transform: uppercase; width: 100%; opacity: 1; }
.anteprima-camere .camera .anteprima a:hover h2{ opacity: 1 }


.anteprima-camere .camera .nascosto{ position: absolute; text-transform: uppercase; font-weight: 400; width: 100%; color: #FFF; top: 50%; margin-top: -35px; opacity: 1;}
.anteprima-camere .camera:hover .nascosto{ opacity: 1 }

.anteprima-camere a .nascosto > * {display: block;}
.anteprima-camere a .nascosto span{ font-size: 30px; line-height: 35px }
.anteprima-camere a .nascosto i{ font-size: 40px;  line-height: 35px  }

.anteprima-camere a .nascosto .dot{ position: absolute; width: 100%; text-align: center; bottom: -30px;
	 opacity: 1;
	 
 }

.anteprima-camere .camera h2,
.anteprima-camere .camera:hover h2{
	 -webkit-transition: all 0.5s ease-out;
	 -moz-transition: all 0.5s ease-out;
	 -ms-transition: all 0.5s ease-out;
	 -o-transition: all 0.5s ease-out;
	 transition: all 0.5s ease-out;
}
.anteprima-camere .camera a,
.anteprima-camere .camera:hover a{
	-webkit-transition: all 0.5s ease-out;
	 -moz-transition: all 0.5s ease-out;
	 -ms-transition: all 0.5s ease-out;
	 -o-transition: all 0.5s ease-out;
	 transition: all 0.5s ease-out;
}

.anteprima-camere .camera .nascosto .dot i:after{ margin:0 -4px; display: block; content: " "; width: 16px ;height: 16px; background: #FFF; display: inline-block;}
.anteprima-camere .camera:hover .nascosto .dot i:after{ margin:0 5px; border-radius: 10px; }
.anteprima-camere .camera .nascosto .dot i:after,
.anteprima-camere .camera .nascosto .dot i:after{
		-webkit-transition: all 0.5s ease-out;
	 -moz-transition: all 0.5s ease-out;
	 -ms-transition: all 0.5s ease-out;
	 -o-transition: all 0.5s ease-out;
	 transition: all 0.5s ease-out;
}

.camera{ position: relative; }
.camera .immagine{ height:700px ; display:block ;width:100% }
.camera .immagine .immagini{position: absolute; bottom: 30px}
.camera .immagine .immagini .anteprima{ display: block; height: 100%; margin: 0px 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); }
.camera .immagine i{ font-size: 60px; color: #FFF }
.camera .immagine .prev{ position: absolute; left: 0px; top:20px; }
.camera .immagine .next{ position: absolute; right: 0px; top:20px; }
.iosslider { position: relative; top: 0; left: 0px; overflow: hidden; width: 970px; height: 105px; margin:0px 60px;  }
.iosslider .slider { width: 100%; height: 100%; }
.iosslider .slider .slide {float: left; width: 140px; height: 105px;  padding: 15px 0px    }
.camera ul{ padding: 0px; margin: 0px;}
.camera ul li{ display:  block; line-height: 24px }
.camera ul li a{ font-size: 14px; line-height: 24px; font-weight: 400; text-decoration: none; }
.camera ul li a:hover{ text-decoration: underline; }

.calcola-percorso ul{ padding: 0px; margin: 0px; display: block; list-style: none }
.calcola-percorso ul li{ padding: 0px 0px 15px 75px }
.calcola-percorso ul li:first-child{background: url('/web/struttura/ul-1.png') top left no-repeat;   }
.calcola-percorso ul li:nth-child(2){background: url('/web/struttura/ul-2.png') top left no-repeat;   }
.calcola-percorso ul li:nth-child(3){background: url('/web/struttura/ul-3.png') top left no-repeat;   }
.calcola-percorso ul li h3{ padding:  0px ; margin: 0px; text-transform: uppercase;}

.album{ position: relative; }
.album > div{ padding: 0px 5px }
.album .contienifoto{ height:150px; }
.album .contienifoto a { display: block; height: 100%} 

#fotogallery{ position: relative; margin: 15px 0px 0px 0px  }
#fotogallery.blocco{ padding: 0px }
#fotogallery .foto-menu{ }
#fotogallery .foto-menu ul{  list-style: none; padding: 10px 10px 10px 0; width: 100%}
#fotogallery .foto-menu ul li{ font-size: 18px; line-height: 40px; color: #111; display: block; padding: 5px 0; overflow: none; position: relative; }
#fotogallery .foto-menu ul li a{ display: block; padding: 0px 20px 0px 10px; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
#fotogallery .foto-menu ul li a:hover{ text-decoration: underline; }
#fotogallery .foto-menu ul li.sel a { position: relative; background: #000 ; color: #FFF;  ;width: 100% }

#fotogallery .foto-menu ul li.sel:after,
#fotogallery .foto-menu ul li.sel:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#fotogallery .foto-menu ul li.sel:after { border-color: rgba(242, 241, 233, 0); border-left-color: #000; border-width: 20px; margin-top: -20px; }
#fotogallery .foto-album{ position: relative;overflow: hidden; padding: 15px 15px 55px 15px }
#fotogallery .foto-album .foto{ overflow: hidden; margin: 15px 15px 10px 15px; display: block;}
#fotogallery .foto-album .contienifoto{-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease; 
  -ms-transition: all 1s ease; 
  -o-transition: all 1s ease; 
  transition: all 1s ease;
  transform-origin: center center 0 !important;
  box-shadow: 0 0 15px rgba(0,0,0,0.6) inset;
}
#fotogallery .foto-album .contienifoto:hover{-webkit-transform:scale(1.3,1.2); /* Safari and Chrome */
-moz-transform:scale(1.2,1.2); /* Firefox */
-ms-transform:scale(1.2,1.2); /* IE 9 */
-o-transform:scale(1.2,1.2); /* Opera */
 transform:scale(1.2,1.2);}
#fotogallery .foto-album .contienifoto a{ display: block; width: 100%; min-height: 150px}
#fotogallery .foto-album .contienifoto a .aprifoto{ width: 100%; display: block; min-height: 150px; background: rgba(0,0,0,0.3); opacity: 0; color: #FFF; text-align: center; line-height: 150px; font-size: 200%; text-shadow:0 0 10px #000;}
#fotogallery .foto-album .contienifoto a:hover .aprifoto{ opacity: 1;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease; 
  -ms-transition: all 1s ease; 
  -o-transition: all 1s ease; 
  transition: all 1s ease;}
#fotogallery .foto-album span{ position: relative; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 14px; color: #111; padding: 0px 15px 25px 15px  }

.prezzi{margin:50px 0px;}
.prezzi th,
.prezzi td{ padding: 5px; font-size: 100%; text-align: center; border-bottom: 1px style}
.prezzi td:first-child,
.prezzi th:first-child{ text-align: left;}
.prezzi th { background: #E5E5E5;}


footer{ position: relative; }
footer .nero{ background: #000; color: #FFF }
footer .social{ font-size: 40px }
footer .social a{ margin: 0px 2px }
footer .lingue{ position: relative; }
footer .lingue a{ text-decoration: none; margin: 0px 5px }
footer .lingue a:hover{ text-decoration: underline; }

.responsive{ position: absolute; background: rgba(255,255,255,0.9); top: 100px; display: none; right: 0px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3); box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.3); }
.responsive ul{ padding: 0 30px 0 0 !important ; }
.responsive ul li{ width: 100%; display: block;  }
.responsive ul li a{ line-height: 36px !important }
.responsive ul li:last-child a:before{ content: "" !important }

/* ANIMAZIONE RESPONSIVE */
.o-grid {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around}
.o-grid__item {padding: 15px 0px 0px 0px ; position: absolute; top: 0px; right: 0px}
.o-header {margin: 0;padding: 0}
.o-header-nav {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;background-color: #111}
.o-header-nav__link {padding: 12px;color: #fff}
.o-header-nav__link:hover {color: #fff;background-color: #080808}
.o-header__title {margin: 24px;padding: 0;color: #818181;font-size: 28px;font-weight: 300;text-align: center}
.o-sub-nav {margin: 0 0 24px;padding: 0}
.o-sub-nav__items {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;list-style: none;margin: 0;padding: 0}
.o-sub-nav__item {margin: 0;padding: 4px}
.o-sub-nav__link {display: block;margin: 0;padding: 4px 24px;border: 2px solid #111}
.o-sub-nav__item.active .o-sub-nav__link,
.o-sub-nav__link:hover {color: #fff;background-color: #111}
.o-footer {padding: 12px 0;text-align: center}
.c-hamburger {display: block;position: relative;overflow: hidden;margin: 0;padding: 0;width: 70px;height: 60px;font-size: 0;text-indent: -9999px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;-webkit-transition: background .3s;transition: background .3s}
.c-hamburger:focus {outline: 0}
.c-hamburger span {display: block;position: absolute;/*top: 44px;*/left: 18px;right: 18px;height: 6px;background: #111}
.c-hamburger span::after,
.c-hamburger span::before {position: absolute;display: block;left: 0;width: 100%;height: 6px;background-color: #111;content: ""}
.c-hamburger--htla.is-active span::after,
.c-hamburger--htla.is-active span::before,
.c-hamburger--htra.is-active span::after,
.c-hamburger--htra.is-active span::before {width: 50%}
.c-hamburger span::before {top: -12px}
.c-hamburger span::after {bottom: -12px}
.c-hamburger--rot {background-color: #28aadc}
.c-hamburger--rot span {-webkit-transition: -webkit-transform .3s;transition: transform .3s}
.c-hamburger--rot.is-active {background-color: #166888}
.c-hamburger--rot.is-active span {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg)}
.c-hamburger--htx {background-color: transparent;/*ff3264*/}
.c-hamburger--htx span {-webkit-transition: background 0s .3s;transition: background 0s .3s}
.c-hamburger--htx span::after,
.c-hamburger--htx span::before {-webkit-transition-duration: .3s, .3s;transition-duration: .3s, .3s;-webkit-transition-delay: .3s, 0s;transition-delay: .3s, 0s}
.c-hamburger--htx span::before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform}
.c-hamburger--htx span::after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform}
.c-hamburger--htx.is-active {background-color: transparent;/*cb0032*/}
.c-hamburger--htx.is-active span {background: 0 0}
.c-hamburger--htx.is-active span::before {top: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.c-hamburger--htx.is-active span::after {bottom: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg)}
.c-hamburger--htx.is-active span::after,
.c-hamburger--htx.is-active span::before {-webkit-transition-delay: 0s, .3s;transition-delay: 0s, .3s}
.c-hamburger--htla {background-color: #32dc64}
.c-hamburger--htla span {-webkit-transition: -webkit-transform .3s;transition: transform .3s}
.c-hamburger--htla span::before {-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;-webkit-transition: -webkit-transform .3s, width .3s, top .3s;transition: transform .3s, width .3s, top .3s}
.c-hamburger--htla span::after {-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;-webkit-transition: -webkit-transform .3s, width .3s, bottom .3s;transition: transform .3s, width .3s, bottom .3s}
.c-hamburger--htla.is-active {background-color: #18903c}
.c-hamburger--htla.is-active span {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
.c-hamburger--htla.is-active span::before {top: 0;-webkit-transform: translateX(38px)translateY(4px)rotate(45deg);-ms-transform: translateX(38px)translateY(4px)rotate(45deg);transform: translateX(38px)translateY(4px)rotate(45deg)}
.c-hamburger--htla.is-active span::after {bottom: 0;-webkit-transform: translateX(38px)translateY(-4px)rotate(-45deg);-ms-transform: translateX(38px)translateY(-4px)rotate(-45deg);transform: translateX(38px)translateY(-4px)rotate(-45deg)}
.c-hamburger--htra {background-color: #ff9650}
.c-hamburger--htra span {-webkit-transition: -webkit-transform .3s;transition: transform .3s}
.c-hamburger--htra span::before {-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-transition: -webkit-transform .3s, width .3s, top .3s;transition: transform .3s, width .3s, top .3s}
.c-hamburger--htra span::after {-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;-webkit-transition: -webkit-transform .3s, width .3s, bottom .3s;transition: transform .3s, width .3s, bottom .3s}
.c-hamburger--htra.is-active {background-color: #e95d00}
.c-hamburger--htra.is-active span {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
.c-hamburger--htra.is-active span::before {top: 0;-webkit-transform: translateX(-8px)translateY(4px)rotate(-45deg);-ms-transform: translateX(-8px)translateY(4px)rotate(-45deg);transform: translateX(-8px)translateY(4px)rotate(-45deg)}
.c-hamburger--htra.is-active span::after {bottom: 0;-webkit-transform: translateX(-8px)translateY(-4px)rotate(45deg);-ms-transform: translateX(-8px)translateY(-4px)rotate(45deg);transform: translateX(-8px)translateY(-4px)rotate(45deg)}
#carbonads {position: fixed;bottom: 12px;right: 12px;z-index: 1000;padding: 24px 12px 12px;width: 154px;background-color: #fff;line-height: 1.1;border: 1px solid #e7e7e7}
.carbon-wrap {display: block;margin: 0 0 4px}
.carbon-img {display: block;margin: 0 0 4px;padding: 0;width: 130px;height: 100px}
.carbon-text {color: #818181;font-size: 12px}
.carbon-poweredby {font-size: 10px}

@media only screen and (max-width: 1090px) {
	.wrap{  overflow: hidden; padding: 0px 15px  }
	#header .wrap{ overflow: unset; }

	.pagina-quote span:before { font-size: 50px; }
	.pagina-quote span:after {font-size: 50px; }

	#menu ul li a{ padding: 0px 8px; font-size: 15px }
	#menu.menuscroll #menu-prenota{ left: -118px }

	.camera .immagine .immagini{ left:5px; }
	.iosslider{ width: calc( 100% - 125px ) }
}
@media only screen and (max-width: 990px) {
	.pagina-quote .col33{ width: 100%; margin: 0px; display: block;  }

	.news-evidenza a{ position: relative !important; z-index: 200; min-height: 340px; display: block;  white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
	.news-evidenza .sfondo{position: absolute; z-index: 100; width: 100%}
	.news-evidenza .col60 .sfondo{ width: calc(100% - 30px ) }
	.news-evidenza h3{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;  width: 100%; padding: 0px 15px 0px 0px }
	.news-evidenza p{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;  width: 100%; padding: 0px 15px 0px 0px }

	.news h3{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;  width: 100%; padding: 0px 20px 0px 0px }
	.news p{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;  width: 100%; padding: 0px 20px 0px 0px }
	.news > div > .notizia{ width: 50% }

	.news > div > .notizia a{ width: calc(100% - 15px) }
	.news > div > .normali:nth-child(3n +2) { padding: 25px 15px 0px 0px }
	.news > div > .normali:nth-child(3n +2) a{left:0; }
	.news > div > .normali:nth-child(3n + 1 ) { padding: 25px 0px 0px 15px }
	.news > div > .normali:nth-child(3n + 1 ) a{ left:15px ; }

	.fancybox-outer .fancybox-next span{ right: 10px !important }
	.fancybox-outer .fancybox-prev span{ left: 10px !important }

	.camere-footer .col45{width: 40%;}
	.camere-footer .col20{width: 25%;}

	#fotogallery .foto-album .foto{ margin: 5px }
	#fotogallery .foto-album .contienifoto a{ min-height: 120px }

  	#fotogallery .foto-menu ul li.sel:after, #fotogallery .foto-menu ul li.sel:before{ border:0px; }
	#fotogallery .foto-menu{ box-shadow: none; width: 100% !important ;  }
	#fotogallery .foto-menu ul{ margin: 0px }
	#fotogallery .foto-menu ul li{ display: inline-block; }
  	#fotogallery .foto-menu ul li a{ padding: 0px 20px }
	#fotogallery .foto-album{ width: 100% !important; padding: 15px 0px 55px 0px }
 	#fotogallery .foto-album .foto{ margin: 15px 5px 10px }
	
	#menu-prenota-reverse{ font-size: 14px }
	#menu-prenota-reverse input[type="submit"]{ margin:0px; text-decoration: none; width: 100%; font-size: 20px; text-align: center; color: #FFF; line-height: 65px; background: #000; border:0px; text-transform: uppercase; padding: 5px 0 0 0   }
	#menu-prenota-reverse .spacer5{ background: #e5e5e5 none repeat scroll 0 0; border: 1px solid transparent; color: #757575; font-size: 14px; padding: 2px 5px 0px 0px; width: 100%; margin:5px 0px ; line-height: 33px  }
}

@media only screen and (max-width: 768px) {
	#menu.menuscroll{ height: 70px }
	#menu .dedo{ height: 50px }

	#menu.menuscroll img{ max-height: 55px }
	#menu.menuscroll .logo-fixed{ top: 7px; left: 10px }
	.responsive{ top: 70px; }
	.responsive ul{  padding: 0 15px 5px 0 !important }
	.o-grid__item {padding: 0px }

	.news-evidenza > div > div{ width: 100% }
	.news-evidenza .col60 .sfondo{ width: 100%; min-height:250px }
	.news-evidenza .col60 a{ width: 100%; min-height:250px}
	.news-evidenza a, .news-evidenza .sfondo{ min-height:250px }
	.news-evidenza .col40{ margin-top: 30px }

	.news > div > .notizia:first-child{ width: 100% }
	.news .col40{ width: 100%; }
	.news > div > .notizia:first-child .sfondo{ width: 100%; min-height: 250px }
	.news > div > .notizia:first-child a{ min-height: 250px }
	.news > div > .notizia:first-child a{ width: 100% }
	.news > div > div > .notizia:first-child{ margin: 20px 0px 25px}
	.news > div > .notizia a{ width: calc(100% - 10px) }
	.news > div > .normali:nth-child(3n +2) { padding: 25px 10px 0px 0px }
	.news > div > .normali:nth-child(3n +2) a{left:0; }
	.news > div > .normali:nth-child(3n + 1 ) { padding: 25px 0px 0px 10px }
	.news > div > .normali:nth-child(3n + 1 ) a{ left:10px ; }

	.pagina-menu .col50{  width: 80% }
	.pagina-menu .standard{ margin: 75px 0 0 }

	.standard .col45{ width: 100% } 
	.standard .col50{ width: 100% } 

	.anteprima-camere .col50{ width: 100% }
	.anteprima-camere .camera .anteprima{ height: 250px }
	.anteprima-camere .camera:nth-child(1n){padding: 0px 0px 30px 0px}
	.anteprima-camere .camera:nth-child(2n){padding: 0px 0px 30px 0px}

	.camere-footer > div > div{width: 100% }
	.camere-footer .col20{width: 100% }
	.camera ul li a{ font-size: 16px; line-height: 32px }

	.prezzi{ width: 80% }
}

@media only screen and (max-width: 600px){
	.news > div > .notizia{ width: 100% }
	.news > div > .normali{ padding: 25px 0px 0px 0px !important }
	.news > div > .notizia a{ width: 100% }
	.album > div{ width: 50%; padding: 5px }
}


@media only screen and (max-width: 480px){
	.banner > div{ max-height: 320px !important }

	#fotogallery .foto-menu ul{ padding: 15px }
	#fotogallery .foto-album{padding: 10px 10px 55px 10px}
	#fotogallery .foto-album .col33{width: 50%; }

	.prezzi{ width: 100% }
	.standard form .moduloGU .accetto{ margin: 10px 0px }
	#menu-prenota-reverse input[type="submit"]{ line-height: 30px;  }
	.standard form .moduloGU input[type="submit"]{ line-height: 30px; }

	.bottone-nero{ font-size: 32px; padding:20px 10px }
	.col45 .bottone-nero{ font-size: 25px;}
}

@media only screen and (max-width: 340px){
	.banner > div{ max-height: 340px !important }

	.pagina-album .testo{ bottom: 0px }
	.pagina-album h1, .pagina-album h2{ font-size: 35px }

	.news-evidenza .col60 a{ min-height: 200px }
	.news-evidenza .col60 .sfondo{  min-height: 200px }
	.news-evidenza h3{ padding: 0px 25px 0px 0px }
	.news-evidenza p{ padding: 0px 25px 0px 0px }

	.standard h1, .standard h2{ font-size: 30px }

	.camera .immagine{ height: 400px }
	.pagina-menu .col50{ width: 100% }
	.col90{ width: 100% }

	#fotogallery .foto-album{ padding: 15px 0px 55px 0px }
  	#fotogallery .foto-album .col33{width: 100%; }
	#fotogallery .foto-album .foto{ margin: 0px 0px 15px 0px }
	#fotogallery .foto-album .contienifoto a{ min-height: 150px }
  	#fotogallery .foto-menu ul{ padding: 15px 0px }

	.album > div{ width: 100%; padding: 10px 0px }

	.anteprima-camere .camera .anteprima{ height: 200px }
	.anteprima-camere .camera{ padding: 0px 0px 15px 0px  !important}
}