/*
verde   #67a822
arancio #ff7e4b
blu     #3155a6
*/

*{margin:0;padding:0}
a, img{border:0;outline:none}
h2{font-weight:300}
a.button, a.buttongo{border-radius:5px;width:161px;height:27px;line-height:27px;text-align:center;font-size:15px;font-weight:300;color:#000000;text-decoration:none;display:inline-block;background:url(../immagini/layout/globalsprite.png) -93px -31px}
.bigbutton{border-radius:10px;width:246px;height:41px;line-height:41px;text-align:center;font-size:18px;font-weight:300;color:#231f20;text-decoration:none;display:inline-block;background:url(../immagini/layout/globalsprite.png) -264px -8px;border:none;cursor:pointer}
.bigbutton:hover, .button:hover, .buttongo:hover{box-shadow:0 0 10px #ffffff}
html{overflow:hidden;background:#ff7e4b;font-family:'Open Sans',sans-serif}
	#loading{background:#ff7e4b;width:100%;height:100%;z-index:10000;position:fixed;top:0;left:0}
		#gif{background:url(../immagini/layout/loading.png) center no-repeat;width:80px;height:80px;position:relative;top:50%;left:50%;margin:-40px 0 0 -40px}
	#vignette{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:url(../immagini/layout/vignette2.png) center center}
	
		#menuprincipale{position:absolute;left:20px;top:100px;z-index:100;list-style:none}
			#menuprincipale li{cursor:pointer;position:relative;width:150px;height:27px;margin:8px 0}
			#menuprincipale a{text-decoration:none;font-size:14px;color:#ffffff;padding-left:34px;position:absolute;top:0px;left:0px;display:none;line-height:27px}
			#menuprincipale li .cerchietto, #menuprincipale li .cerchietton{float:left;background:#000000;height:27px;width:27px;border-radius:14px}
			#menuprincipale li .cerchietton{background:#ffffff}
			#menuprincipale li .iniziale, #menuprincipale li .inizialen{position:absolute;top:3px;left:3px;
										 width:21px;height:21px;border-radius:11px;
										 text-align:center;line-height:21px;font-size:15px;font-weight:bold;color:#000000;background:#ffffff;}
			#menuprincipale li .inizialen{color:#ffffff;background:#000000}
			#menuprincipale li .puntino{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:11px;background:#000000 url(../immagini/layout/puntino.png);display:none;}
		#menucolors{position:absolute;bottom:20px;left:100px;z-index:40;list-style:none}
			#menucolors li.colors{float:left;margin:0 4px;cursor:pointer;position:relative}
				#menucolors li.colors .bgcolor{width:27px;height:27px;border-radius:14px;background:#ffffff;position:relative;top:0;left:0}
					#verde, #arancio, #blu{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:11px}
					#verde{background:#67a822}
					#arancio{background:#ff7e4b}
					#blu{background:#3155a6}
			#sharebuttons{text-align:left;position:absolute;top:4px;left:35px;display:none}
				.fb-like{margin-bottom:10px}
			
	#content{position:relative;z-index:1}
		#logo{position:absolute;width:197px;height:282px;z-index:100;left:326px;top:0}
			#klogo{text-indent:-99999px;width:197px;height:180px;background:url(../immagini/layout/logo.png);cursor:pointer}
				#klogo img{display:block;position:absolute;top:38px;left:52px}
			#nlogo{text-indent:-99999px;width:197px;height:55px;background:url(../immagini/layout/logo.png) 0 -180px;cursor:pointer}
			#dlogo{text-indent:-99999px;width:197px;height:47px;background:url(../immagini/layout/logo.png) 0 -235px}
		.page{width:100%;height:100%}
		#home{}
			.pagecontent{width:850px;height:580px;margin:0 auto;background:rgba(255,255,255,0.0);position:relative;color:#ffffff;display:none}
			#homereserve, #homevt, #homenear{width:220px;height:220px;position:absolute;border-radius:180px;bottom:0;
											 background:rgba(0,0,0,0.15);cursor:pointer;
											 border:5px solid;
											 border-color:rgba(0,0,0,0)}
			#homereserve{left:0;}
			#homevt{left:310px}
			#homenear{right:0;}
				.homeborderhover{width:220px;height:220px;border:5px solid #ffffff;border-radius:180px;position:absolute;top:-5px;left:-5px;display:none}
				h3.hometitle{font-size:36px;line-height:33px;margin:40px 0 0 35px}
					h3.hometitle span{font-weight:300}
				.homedida{text-align:center;font-size:20px;font-weight:300;line-height:22px;position:absolute;left:0;bottom:30px;width:220px}
			
		#kalsetta{}
			#kalsetta .pagecontent{height:500px;overflow:hidden}
			#about, #services{float:left;width:425px;height:500px;font-weight:300}
			#services{padding-left:80px;width:345px}
				#about h2{font-size:52px;letter-spacing:-2px;line-height:39px}
					#about h2 span{font-weight:300}
				.aboutdida{font-size:20px;font-weight:300;line-height:24px;font-weight:300}
				#about p{margin:15px 0 60px;line-height:1.1;font-size:13px;width:340px}
				#about p:lst{margin-bottom:0}
				#services h2{margin:80px 0 50px 30px;font-size:52px;letter-spacing:-2px;line-height:39px}
				.blockservice{float:left;text-align:center;width:130px;height:80px;margin:2px;margin-bottom:10px;font-size:14px}
					.imgservice{width:55px;height:55px;border-radius:30px;margin:0 auto}
					#air{background:#000000 url(../immagini/layout/globalsprite.png) -264px -114px}
					#washer{background:#000000 url(../immagini/layout/globalsprite.png) -322px -114px}
					#tv{background:#000000 url(../immagini/layout/globalsprite.png) -379px -114px}
					#mp3{background:#000000 url(../immagini/layout/globalsprite.png) -264px -171px}
					#dvd{background:#000000 url(../immagini/layout/globalsprite.png) -322px -171px}
					#phon{background:#000000 url(../immagini/layout/globalsprite.png) -379px -171px}
		
		#location{}
			#location h2{font-size:52px;position:absolute;top:0;left:0;letter-spacing:-2px}
				#location h2 span{font-weight:300}
			#location h4{font-size:20px;position:absolute;top:54px;left:0;font-weight:300;letter-spacing:-1px}
			#map{display:block;position:absolute;top:67px;left:175px;width:500px;height:500px}
			#m1000, #m750, #m500, #m250{border:2px solid #ffffff;border-radius:500px;position:relative;background:rgba(255,255,255,0.1)}
			#m1000{width:476px;height:476px;margin:0 auto;top:75px}
				#m750{width:356px;height:356px;margin:60px auto 0}
					#m500{width:236px;height:236px;margin:60px auto 0}
						#m250{width:116px;height:116px;margin:60px auto 0}
							#kalsettahome{width:45px;height:45px;position:absolute;z-index:1;
										top:35px;left:35px;cursor:pointer;background:url(../immagini/layout/globalsprite.png) -107px -76px}
								#kalsettapulse{width:45px;height:45px;position:absolute;top:0;left:0;background:url(../immagini/layout/globalsprite.png) -56px -76px}
								#sfondo, #sfondohome{background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;display:none}
								#reachkalsetta{background:#ffffff;width:45px;height:45px;border-radius:250px;position:relative;top:0;left:0;z-index:1}
									#infokalsetta{color:#000000;display:none;text-align:center}
										#infokalsetta h3{font-size:35px;position:relative;top:25px;text-align:center}
											#infokalsetta h3 span{font-weight:300}
										#infokalsetta h4{color:#414042;font-size:20px;position:relative;text-align:center;top:0;font-weight:bold;line-heihgt:20px;margin-top:15px}
											#infokalsetta span{font-weight:300}
											#aereo{width:27px;height:26px;background:url(../immagini/layout/globalsprite.png) -56px -137px;display:block;position:absolute;top:0px;left:160px}
											#nave{width:18px;height:26px;background:url(../immagini/layout/globalsprite.png) -96px -137px;display:block;position:absolute;top:0px;left:180px}
											#treno{width:16px;height:26px;background:url(../immagini/layout/globalsprite.png) -129px -137px;display:block;position:absolute;top:0px;left:180px}
										#infokalsetta h5{color:#414042}
										#infokalsetta p{font-size:13px;line-height:15px;color:#818287}
										#gmap{margin:20px auto 0;background:#211f10;width:150px;padding:5px 0}
											#gmap a{color:#ffffff;text-decoration:none}
			.point{position:absolute;width:15px;height:15px;background:#000000;cursor:pointer;
				   border-radius:150px;text-align:left;color:#ffffff;overflow:hidden;z-index:10}
				.point div{opacity:0}
				.point .close{height:15px;width:25px;position:absolute;top:10px;left:103px;background:url(../immagini/layout/globalsprite.png) -56px 0px;
							  font-size:8px;padding-left:20px;line-height:15px}
				.point .locationdist{padding-left:45px;font-weight:bold;margin-top:40px;font-size:34px;line-height:30px}
				.point .locationtitle{padding-left:45px;font-weight:bold;font-size:20px;line-height:22px}
				.point .locationvia{padding-left:45px;font-weight:300;font-size:16px;margin-bottom:10px}
				.point .locationdesc{padding-left:0px;text-align:center;font-weight:300;font-size:13px}
				.point .locationtype{position:absolute;bottom:10px;text-align:center;font-size:12px;width:250px}
				
				#villagiulia{top:218px;left:161px}
				#ortobotanico{top:170px;left:214px}
				#rosanero{top:106px;left:70px}
				#focacceriasanfrancesco{top:165px;left:0px}
				#chioscodellafrutta{top:-3px;left:185px}
				#assisi{top:250px;left:-7px}
				#kalesa{top:25px;left:103px}
				#kue{top:30px;left:100px}
				#chiavettieri{top:88px;left:40px}
				#mikalsa{top:49px;left:-8px}
				#marionette{top:0px;left:68px}
				#magione{top:155px;left:0px}
				#abatellis{top:75px;left:-3px}
				#butera{top:0px;left:152px}
				#steri{top:55px;left:35px}
				#vucciria{top:335px;left:15px}
				#teresa{top:95px;left:11px}
				#spasimo{top:210px;left:42px}
				#gancia{top:110px;left:230px}
			
			#mapfiltri{position:absolute;right:0;top:85px;text-align:right}
				#mapfiltri ul{list-style:none;font-size:13px;font-weight:bold}
					#mapfiltri a{color:#ffffff;text-decoration:none}
					#mapfiltri a[href=all]{color:#000000}
						#mapfiltri a span{font-weight:400}
			#meter{width:56px;height:243px;background:url(../immagini/layout/globalsprite.png);position:absolute;top:315px;right:50px}
			#legend{width:400px;height:40px;position:absolute;bottom:-20px;left:225px}
				#howtoreach{position:absolute;left:0;top:0;width:200px;height:40px;background:url(../immagini/layout/globalsprite.png) -56px -203px}
				#howtofilter{position:absolute;right:0;top:0;width:200px;height:40px;background:url(../immagini/layout/globalsprite.png) -56px -163px}
			
		#pricing{}
			#pricing h2{font-size:52px;letter-spacing:-2px;line-height:39px;padding-top:50px}
			#pricing p{margin-top:30px;line-height:1;font-size:15px}
			#pricing .button{margin-top:10px;margin-right:15px}
			.classprice{width:220px;height:220px;position:absolute;border-radius:180px;bottom:90px;background:rgba(255,255,255,0.15);cursor:default}
				#primo{left:0}
				#secondo{left:315px}
				#ultimo{right:0}
				.classprice h3{padding:40px 0 0 60px;font-size:25px;font-weight:bold;line-height:25px}
					.classprice h3 span{font-weight:300}
					.mesi{padding-left:60px;font-size:25px;font-weight:300;color:#211f21}
					.price{font-weight:bold;font-size:40px;color:#ffffff;padding-left:60px;}
					.last{font-weight:300;font-size:15px;color:#ffffff;padding-left:70px;margin-top:-10px}
			#note{position:absolute;top:500px;left:0}
					
		#booking{}
			#booking h2{font-size:52px;letter-spacing:-2px;line-height:39px;padding-top:50px}
				#booking h2 span{font-weight:300}
			#booking p{margin-top:30px;line-height:1;font-size:15px}
			#booking table{border-collapse:collapse;width:100%;margin-top:60px}
				#booking .label{float:left;height:43px;line-height:16px;font-size:15px;color:#231f20;text-align:right;margin-right:10px;width:110px;margin-top:5px}
				#booking span.underlabel{font-size:12px;display:block;color:#ffffff}
				#booking .bigbutton{margin:35px auto 0}
				input[type=text]{font-size:25px}
				.datibooking{width:240px;height:43px;line-height:43px;padding-left:8px;border-radius:8px;border:0;margin-bottom:15px}
				.databooking{width:35px;height:43px;line-height:43px;padding-left:8px;border-radius:8px;border:0;margin:0 10px 15px 0}
				.datibooking:focus, #booking .databooking:focus{box-shadow:0 0 5px #ffffff}
				#booking span.twenty{font-size:25px;color:#211f21;font-weight:bold;margin-right:5px}
		
		#vt{}
			#vt h2{font-size:52px;letter-spacing:-2px;line-height:39px;padding-top:150px}
				#vt h2 span{font-weight:300}
			#vt p{margin-top:30px;line-height:1;font-size:20px}
			#vt .button{display:block;margin:50px auto}
			#planimetria{background:rgba(0,0,0,0.8);width:100%;height:320px;position:fixed;z-index:60;top:-320px}
				#contplanimetria{width:850px;margin:0 auto;height:280px;position:relative;cursor:default}
					#piantina{width:245px;height:207px;background:url(../immagini/layout/globalsprite.png) -440px -55px;position:absolute;left:100px;top:30px}
						.aprifoto{width:10px;height:10px;border-radius:15px;background:#00aeef;position:absolute;cursor:pointer}
						.aprifoto[rel=afactive]{background:#ffffff}
						#cucinaa{top:24px;left:102px}
						#cucinab{top:35px;left:46px}
						#lettoa{top:115px;left:40px}
						#lettob{top:180px;left:58px}
						#soggiornoa{top:50px;left:123px}
						#soggiornob{top:135px;left:215px}
						#soggiornoc{top:80px;left:220px}
						#soggiornod{top:21px;left:226px}
						#soggiornoe{top:13px;left:125px}
						#soggiornof{top:88px;left:140px}
						#sorry{top:124px;left:109px}
					#goto{font-size:51px;position:absolute;top:70px;left:450px;color:#ffffff;line-height:48px;letter-spacing:-3px}
						#gotoplace{font-weight:300}
				#planifooter{background:#000000;width:100%;position:absolute;bottom:0;height:50px;color:#ffffff;cursor:pointer}
					#contplanifooter{width:850px;margin:0 auto;height:50px;position:relative}
						#infoshow{font-size:14px;line-height:50px;float:left;padding-left:20px}
						#planilegend{height:50px;position:absolute;top:0;left:415px;line-height:50px;font-size:24px;font-weight:300;padding-left:30px}
							#planilegend span{font-weight:normal}
							#planilegend div{width:15px;height:15px;border-radius:10px;background:#ffffff;position:absolute;top:20px;left:0}
			.virtualfoto{position:absolute;top:0;left:0;display:none;z-index:50}
				img[rel=sorry]{left:0;top:0;width:363px;height:375px}
					
				
		#contacts{}
			#contacts .pagecontent{padding-top:110px}
			#address, #contact{float:left;width:425px;height:360px;position:relative}
				#contacts h2{font-size:52px;letter-spacing:-2px;line-height:39px}
					#contacts h2 span{font-weight:300}
				#contacts table{margin-top:40px}
				#contacts .label{float:right;height:43px;line-height:16px;font-size:15px;color:#231f20;text-align:left;margin-left:10px;width:100px;margin-top:5px}
				#contacts span.underlabel{font-size:12px;display:block;color:#ffffff}
				#contacts textarea{height:90px;width:238px}
				#contacts input{width:238px}
				#address p{color:#ffffff;font-size:14px;margin-top:40px;line-height:18px}
					#address p strong{font-size:18px;color:#000000;font-weight:normal;line-height:1}
					#address .button, #address .buttongo{margin-top:10px}
					#powalcolica{position:absolute;display:block;bottom:11px;left:0;background:url(../immagini/layout/powAlcolica.png);text-indent:-99999px;width:110px;height:34px}