@import url("https://fonts.googleapis.com/css?family=Pontano+Sans");


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}/* HTML5 */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}body,html{line-height:1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}/* Rules from Bootstrap */audio,canvas,video{display:inline-block;display:inline;zoom:1;}audio:not([controls]){display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted #333;outline:5px auto 0;outline-offset:-2px;}a:hover,a:active{outline:0;}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{margin-bottom:0;/* Responsive images (ensure images don't scale beyond their parents) */max-width:100%;/* Part 1: Set a maxium relative to the parent */width:auto\9;/* IE7-8 need help adjusting responsive images */height:auto;/* Part 2: Scale the height according to the width, otherwise you get stretching */vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}button,input{overflow:visible;line-height:normal;}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}label,select,button,input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox]{cursor:pointer;}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}


/*======================================== GENERAL ========================================*/
html { font-size: 100%; }
body{	font-family: 'Pontano Sans', sans-serif;margin:0;padding:0;font-size:16px;color:#666;background:#EEE url(/img/bg.jpg) repeat-x;}
h1, h2, h3, h4, h5, h6,p{ margin: 0;  line-height: 1.5em; text-rendering: optimizeLegibility;  word-spacing: 0; font-weight: normal;  }
.clear{clear:both;height:0;font-size:0;}
.nascosto{display:none;}
a.link:link,a.link:visited{color:#4A3929;text-decoration:none;}
a.link:hover,a.link:active{color:#4A3929;text-decoration:underline;}
a.but{display:inline-block;background:#397E95;color:#FFF;padding:5px 10px;text-decoration:none;}
a.but:link,a.but:visited{background:#397E95;}
a.but:hover,a.but:active{background:#4C4042;}
input[type=submit]{ font-size:0.8em }


/*======================================== STRUCTURE ========================================*/
/* header */
#header{display:block;position:relative;width:980px;height:120px;margin:0 auto; z-index:1}
#logo{display:block;position:absolute;left:20px;top:5px;height:100px;width:260px;padding:0;z-index:2;}
#logo img{border:0;}
#logo .language{position:absolute;top:68px;left:73px;z-index:3;}
#info-social{display:block;position:absolute;right:0;top:10px;height:40px;width:auto;line-height:40px;z-index:9999;}
.info-tel,.info-mail{float:left;height:40px;background:url(/img/info-ico.jpg) no-repeat;padding:0 4px 0 34px;margin-left:2px; font-size:0.75em;}
.info-tel{width:110px;}
.info-mail{width:140px;background-position:bottom left;}
.fb-like{float:left;height:22px;padding:10px 0;margin-right:10px;width:110px;z-index:9999;}
#info-social-group .fb_iframe_widget span{ display:inline}
.gplus{float:left;height:24px;padding:8px 0;width:75px;text-align:right;overflow:hidden;}

/* menu */
.menu_block{}
.menu_open_close{display:none;width:auto;height:40px;line-height:40px;text-align:left;color:#FFF;background:#000 url(../img/sprite.png) no-repeat;padding:0 50px;cursor:pointer;}
nav{display:block;max-width:980px;height:auto;margin:0 auto;padding:0;font-size:1em;position:absolute;right:0;top:60px;height:40px;}
.menu{display:block;height:3em;width:auto;padding:0;margin:0;}
.menu li{float:left;display:block;position:relative;margin:0;padding:0;}
.menu li:last-child{background:none;}
.menu a{display:block;padding:0 0.6em;line-height:3em;}
.menu a:link,.menu a:visited{color:#333;text-decoration:none;}
.menu a:hover,.menu a:active{color:#4A3929;text-decoration:none;}
.menu a.selected{color:#4A3929;font-weight:700;}

/* boxes */
#boxes{display:block;width:100%;height:auto;padding:20px 0;margin-bottom:20px;background:#4C4042;}
.box_left,.box_right{float:left;position:relative;width:448px;height:160px;margin:0.9em;background:url(/img/bg-box.jpg) no-repeat;}
.box_eti_1,.box_eti_2{display:block;position:absolute;top:40px;height:80px;width:100px;background:url(/img/box-eti.jpg) no-repeat;}
.box_left .box_eti_1{right:20px;background-position:left top;}
.box_left .box_eti_2{right:20px;background-position:right top;}
.box_right .box_eti_1,.box_right .box_eti_2{left:20px;background-position:left bottom;}

/* box evento */
#box-evento{position:absolute;top:0.9em;left:20px;width:auto;height:auto;color:#FFF;}
.event-data,.event-img{display:table-cell;vertical-align:middle;}
.event-img{width:24%;}
.event-img img{width:100%;}
.event-data{width:72%;padding-left:4%; font-size:0.8em}
.event-txt h4{font-size:0.75em;margin:.8em 0;display:block;}
.but_explode a{display:inline-block;height:24px;margin:0;padding:0 10px;line-height:24px;font-size:0.8em;background:#397E95;color:#fff;border:0;text-decoration:none;cursor:pointer;}
.but_explode a:hover{background:#4C4042;}

/* box booking */
#b_editDates{color:#CCC;width:418px;height:130px;padding:0.9em;}
#b_editDates h3{font-size:1em;text-align:right;width:418px;margin-bottom:0.9em;color:#FFF;}
#b_editDates form{display:block!important;}
.b_availFormInner,#b_editDates form{}
.b_availFormInner{overflow:hidden;}
.b_availDatesInner{float:left;width:416px;padding:2px 0;margin-bottom:2px;}
.b_availDatesInner #b_availCheckIn,.b_availDatesInner #b_availCheckOut{float:right;width:48%;text-align:right;}
.b_availDatesInner h4{float:right;font-size:0.75em;width:50%; text-align:right;padding:2px 2% 2px 0;}
.b_availDatesInner select{background:#FFF;border:1px solid #CCC;color:#666;font-size:100%;padding:2px;}
#b_availSubmit{clear:none;float:right;margin-top:8px;}
#b_availSubmit input{width:140px;height:24px;margin:0;padding:0;line-height:24px;background:#397E95;color:#fff;border:0;cursor:pointer;}
#b_availSubmit input:hover{background:#4C4042;}

/* contenuto */
#contenuto{display:block;height:0 auto;width:956px;margin:0 auto;padding:0.75em 0.75em 30px;-webkit-border-top-left-radius:12px;-moz-border-radius-topleft:12px;border-top-left-radius:12px;-webkit-border-top-right-radius:12px;-moz-border-radius-topright:12px;border-top-right-radius:12px;background:#FFF;}
#briciole{display:block;margin-bottom:20px;}

/* corpo */
#corpo{float:left;width:68%;height:auto;}
.title{font-size:1.4em;color:#4A3929;border-bottom:1px solid #EBEBEB;padding-bottom:8px;margin-bottom:0.9em;}
.txt{font-size:1em;line-height:150%;}
.txt a:link,.txt a:visited{color:#4A3929;text-decoration:underline;}
.txt a:hover,.txt a:active{color:#4A3929;text-decoration:none;}

/* sidebar */
#sidebar{float:left;width:28%;height:auto;margin:0 0 0 4%;}

/* video */
.box-video{position:relative;}
.box-video a{width:100%;height:auto;}
.box-video img{width:100%;}
.box-video a{position:absolute;top:0;left:0;bottom:0;right:0;background:url(/img/video_but.png) no-repeat;background-size:cover;z-index:1;}

/* footer */
#footer-block{display:block;background:#CCC;}
#footer{display:block;padding:30px 0;margin:0 auto;width:980px;height:0 auto;}
#footer .foot_sx{float:left;width:36%; font-size:0.8em }
#footer .foot_dx{float:right;width:64%;}

.foot_sx strong{display:block;font-size:1em;color:#4A3929;margin-bottom:10px;}
.foot_dx{text-align:right;padding:10px 0;}
.foot_dx img{border:0;}
.foot_dx a{margin-left:5px;}
.triplaw{margin-top:10px;font-size:0.75em;}


/*======================================== PAGES GENERAL ========================================*/

#map_canvas{width:100%;height:396px;}

/* eventi home */
.home-event{ padding:1em 0 }
.home-event-img{ float:left; width:24%; margin-right:4%; }
.home-event-img img{ width:100%; border:1px solid EBEBEB}
.home-event-txt{ float:left; width:62%; }
.home-event h4{font-size:1em;margin:0;padding:4px 0;}
.home-event div{font-size:0.75em;font-style:italic;margin-bottom:10px;}
.home-event h6{font-size:0.75em;margin-bottom:10px;}

/* room */
.box-room{display:block;position:relative;float:left;width:100%;height:0 auto;margin-bottom:10px;padding:10px 0;border-bottom:1px dotted #EBEBEB;}
.box-room h4{font-size:1em;}
.box-room h5,.box-room h6{font-size:0.75em;}
.box-room a img{border:0;margin:10px 10px 10px 0;}
.box-room .price{position:absolute;top:20px;right:0;height:70px;width:70px;font-size:1.2em;color:#FFF;text-align:center;line-height:70px;background:url(/img/bg-price.jpg) no-repeat;}

/* news */
.box_news{display:block;margin:0 0 10px;padding:20px;border:1px solid #EEE;}
.box_news .tit{font-size:0.9em;}
.box_news p{font-size:0.75em;}


/* box-link */
.box-link{float:left;width:42%;height:102px;margin:2%;padding:2%;overflow:hidden;}
.no-border-link{border:0;}
.link-img{float:left;width:24%;padding-right:4%;}
.link-img img{border:1px solid #F0F0F0;width:100%;}
.link-txt{float:left;width:72%;font-size:0.75em;}
.link-txt a{;margin-bottom:10px;}
.link-txt a:link,.link-txt a:visited{color:#4A3929;text-decoration:underline;}
.link-txt a:hover,.link-txt a:active{color:#4A3929;text-decoration:none;}
.link-txt div{margin-top:10px;line-height:110%;}

/* news */
ul#news{float:left;width:auto;margin:10px 0 0;padding:10px 0;}
ul#news li{float:left;width:46%;height:120px;list-style:none;margin:1% 2%;overflow:hidden;text-align:left;}
.news-img{float:left;width:20%;padding-right:4%;}
.news-img img{border:1px solid #EEE;}
.news-txt{float:left;width:76%;text-align:left;}
.news-txt h4{font-size:0.9em;margin-bottom:5px;}
.news-txt p{margin:0 0 5px;padding:0;font-size:0.75em;}
.news-txt h6{font-size:0.75em;margin-bottom:10px;color:#999;}

/* paginazione */
.pagination{clear:both;width:100%;display:block;margin-top:10px;}
.pagination a,.pagination span{display:inline-block;padding:5px;margin:2px;border:1px solid #CCC;text-decoration:none;}
.pagination a:link,.pagination a:visited{color:#4A3929;text-decoration:underline;}
.pagination a:hover,.pagination a:active{color:#397E95;text-decoration:none;}

/* contact*/
.formcontact td{ padding:2px 0 }
.formcontact input[type=text], .formcontact textarea{ min-width:97%; max-width:500px }
.formcontact input[type=text].smallinput{ text-align:center; min-width:50px}

/*======================================== REDAZIONALE DETTAGLIO ========================================*/

/* titolo news con logo */
#title_news{display:block; border-bottom:1px solid #EBEBEB; padding:1em 0; margin-bottom:2em }
#title_news .logo_title, #title_news .title{ display:table-cell; vertical-align:middle }
#title_news .logo_title{ max-height:100px; padding-right:1em }
#title_news .logo_title img{ border:1px solid #EBEBEB }
#title_news .title{ border-bottom:0}

/* foto e allegati notizia */
.news_foto,.news_allegati{ display:block; clear:both; height:0 auto;margin-top:20px;}
.news_foto{margin-right:10px;}
.news_foto a{margin:3px;width:78px;float:left;}
.news_foto a img{border:0;}
.news_allegati{margin-left:10px;}
.news_allegati ul{margin:0 20px;padding:0;list-style:none;}
.news_allegati ul li{margin:3px 0;padding:0;}
.news_allegati ul li span{color:#397E95;margin-right:6px;}



/*======================================== RESPONSIVE LAYOUTS ========================================*/

body{min-width:980px;}

@media only screen and (max-width: 980px) {

	body{min-width:740px; font-size:15px }

	/* contenuto */
	#contenuto{width:720px; webkit-border-top-right-radius: 0;-moz-border-radius-topright: 0;border-top-right-radius: 0;webkit-border-top-left-radius: 0;-moz-border-radius-topleft: 0;border-top-left-radius: 0;}

	/* header */
	#header{width:744px; padding:0; height:auto}
	#logo{ float:left; position:inherit;top:auto;  height:auto; left:auto; margin:.8em 0; max-width:200px }
	#info-social{ float:right; position:inherit; top:auto; right:auto; width:auto; margin-top:2em }
	#info-social-group{ display:none}

	/* menu */
	.menu_open_close{ display:block; }
	nav{ clear:both; float:none; position:inherit; top:auto; right:auto; display:block; width:100%; height:auto; margin:0px; padding:0px  }
	.menu{ display:none;  width:100%; height:auto; background:#706768  }
	.menu li{ position:inherit; float:none; width:100%; height:auto;  }
	.menu a{ line-height:2.4emp;  padding:0 1em   }
	.menu a:link, .menu a:visited {color:#FFF;}
	.menu a:hover, .menu a:active {color:#000;}
	.show_menu{ display:block }
	.hide_menu{ display:none }

	/* boxes */
	#boxes{width:100%;}
	.box_left,.box_right{width:45%;margin:0 2.5%;background:#706768;-webkit-border-radius:12px;-moz-border-radius:12px;border--radius:12px;;}
	.box_eti_1,.box_eti_2{display:none;}
	.b_availDatesInner h4,#b_editDates h3,#b_editDates{width:auto;}
	.b_availDatesInner{width:100%;}
	.b_availDatesInner #b_availCheckIn,.b_availDatesInner #b_availCheckOut{width:70%;}
	.b_availDatesInner h4{width:28%; }

	/* footer */
	#footer{width:720px}
	#footer img{ max-height: 48px; }

}

@media only screen and (max-width: 767px) {
	body{min-width:460px; font-size:14px }

	#map_canvas{height:320px;}

	/* contenuto */
	#contenuto{width:420px;}
	#logo{ float:none; margin:0px auto; max-width:100%; width:100% }
	#logo img{ max-width:120px }
	#logo .language{ top:10px; right:10px; left:auto }
	#info-social{ float:none; margin:0px auto; width:332px }

	/* header */
	#header{width:444px; }

	/* boxes */
	#boxes{ padding:10px 0 }
	.box_left,.box_right{width:90%; height:148px; margin:1.5% 5%;}
	.box_left{ display:none}
	#b_editDates h3{text-align:left;}
	.b_availDatesInner #b_availCheckIn,.b_availDatesInner #b_availCheckOut{width:60%;}
	.b_availDatesInner h4{width:38%; }

	/* corpo */
	#corpo,#sidebar{width:100%;margin:0.8em 0;}

	/* link */
	.box-link{float:none;display:block;width:auto;height:auto;border-bottom:1px solid #EEE;}

	/* news */
	ul#news li{float:none;display:block;width:auto;height:auto;border-bottom:1px solid #EEE; padding:1em 0}

	/* video */
	.box-video{max-width:32%;}

	/* footer */
	#footer{ width:420px }
	#footer .foot_sx, #footer .foot_dx {float:none; display:block; width:auto; margin:auto }
	#footer .foot_dx{ text-align:center; margin-bottom:2em }


	.home-event div{font-size:1em;}
	.home-event h6{font-size:1em;}
	.box-room h5,.box-room h6{font-size:1em;}
	.box_news p{font-size:1em;}
	.link-txt{font-size:1em;}
	.link-txt div{font-size:1em;}
	.news-txt p{font-size:1em;}
}

@media only screen and (max-width: 479px) {

	body{min-width:340px; font-size:13px}

	#map_canvas{height:320px;}

	/* contenuto */
	#contenuto{width:320px;padding:6px;background:#FFF;}

		/* header */
	#header{width:332px; }

	/* boxes */
	#box-evento{left:10px;}
	.b_availDatesInner #b_availCheckIn,.b_availDatesInner #b_availCheckOut{width:76%;}
	.b_availDatesInner h4{width:22%; }

	/* footer */
	#footer{ width:320px }
	#footer img {max-height: 36px;}
}

/*home*/

.split_home{float:left;margin-top:2em}
.split_home.sh1{width:33%; margin-right:1%}
.split_home.sh2{width:25%; margin-right:1%}
.split_home.sh3{width:18%; margin-right:1%}
.split_home.sh4{width:16%}
.split_home.sh5, .split_home.sh6{ float:right;width:40%;}
.split_home.sh6{  margin-top:1em}
.bt_tour{display:block;padding:.8em 1em;font-size:1.2em; margin-top:1em;border-radius:10px;text-align:center;text-transform:uppercase;border-width:1px;border-style:solid;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.bt_tour:before{    display: inline-block;
width: 56px;
height: 56px;
margin-right: 10px;
vertical-align: middle;
/* margin: 0 auto 20px; */
background: url(/img/vtour.png) no-repeat;
background-size: contain;
content: "";}
a.bt_tour:link,a.bt_tour:visited{background:#397E95;color:#FFF;text-decoration:none}
a.bt_tour:active,a.bt_tour:hover{background:#706768;color:#FFF;text-decoration:none}

@media only screen and (max-width: 980px) {

.split_home.sh1{width:49%}
.split_home.sh2{width:50%; margin-right:0}
.split_home.sh3{width:33%;    clear: left;}
.split_home.sh4{width:33%}
.split_home.sh5,.split_home.sh6{width:50%}
}
@media only screen and (max-width: 767px) {
.split_home.sh1, .split_home.sh2{ float:none; width:auto; margin:0 0 1em 0; }
.split_home.sh3, .split_home.sh4{ width:50%; margin-right:0 }
.split_home.sh5{ margin-top:1em}
.split_home.sh5,.split_home.sh6{width:100%}
}
@media only screen and (max-width: 479px) {
}


.whatsapp{
padding-left:80px; min-height:64px;
background-image:url(/img/whatsapp.png);
background-repeat:no-repeat;
margin-bottom: 1em 0;
}
.whatsapp div{  display:block;line-height:36px; font-size:1.25em; font-weight:bold}
.whatsapp span{ display:block; line-height:16px}

.energia_tuv{ margin-top:20px; padding:10px 10px; border:1px solid #EEE; text-align:center}
.energia_tuv img{ max-width:150px;}
.energia_tuv p{ color:#395F23 }