*{margin:0;padding:0;font-family:'museo-sans',sans-serif;font-weight:100}
body{position:relative;overflow-x:hidden}
a,img{outline:none;border:0}
/*GENERIC*/
.transition{transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}
.transition25{transition:all .25s ease;-o-transition:all .25s ease;-ms-transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease}
/*NAV*/
#nav{position:fixed;height:100%;width:50px;background:#F2F2F2;top:0;left:0px;z-index:1000;overflow:hidden}
	#openMenu{position:absolute;top:0;right:0;width:40px;height:40px;cursor:pointer;background:#0072bb url(../layout/sprite-icons2.png) 0px 0px no-repeat;border:5px solid #0072bb;z-index:1000}
	#home{width:149px;height:50px;background:#0072bb;cursor:pointer;z-index:10;position:absolute;top:0px;left:0px;color:#ffffff;line-height:50px;text-align:center}
	#menu{width:200px;height:100%;margin-top:50px;border-bottom:50px solid rgba(242,242,242,0);box-sizing:border-box;position:relative;z-index:10}
		li.step{width:100%;height:11.11%;display:block;cursor:pointer;position:relative;color:#666666}
		li.step:hover{background:#ffffff;color:#000000}
		li.step.active{color:#000000}
			div.menulabel{position:absolute;top:50%;left:4px;margin-top:-23px;width:190px;height:46px;line-height:46px;font-size:14px;color:inherit;opacity:0}
				div.label{float:left;width:40px;height:40px;margin-right:14px;border-radius:50%;background:url(../layout/sprite-icons2.png)}
				#weather.passed .label,#weather:hover .label{background-position:0px -40px}
				#geo.passed .label,#geo:hover .label{background-position:0px -360px}
				#exotic.passed .label,#exotic:hover .label{background-position:0px -80px}
				#transfers.passed .label,#transfers:hover .label{background-position:0px -160px}
				#freetime.passed .label,#freetime:hover .label{background-position:0px -120px}
				#services.passed .label,#services:hover .label{background-position:0px -200px}
				#location.passed .label,#location:hover .label{background-position:0px -240px}
				#platinum.passed .label,#platinum:hover .label{background-position:0px -280px}
				#contacts.passed .label,#contacts:hover .label{background-position:0px -320px}
				#weather .label{background-position:-40px -40px}
				#geo .label{background-position:-40px -360px}
				#exotic .label{background-position:-40px -80px}
				#transfers .label{background-position:-40px -160px}
				#freetime .label{background-position:-40px -120px}
				#services .label{background-position:-40px -200px}
				#location .label{background-position:-40px -240px}
				#platinum .label{background-position:-40px -280px}
				#contacts .label{background-position:-40px -320px}
	#trail{width:6px;height:100%;border-bottom:50px solid rgba(242,242,242,0);box-sizing:border-box;position:absolute;top:50px;left:21px;z-index:15}
		li.cpoint{width:100%;height:11.11%;display:block;position:relative;cursor:pointer}
			div.point{position:absolute;top:50%;width:6px;height:6px;background:#999999;border-radius:50%;margin-top:-3px;margin-left:0;border:0px solid #f2f2f2}
			div.point.passed{background:#0072bb}
			li.cpoint.active div.point{margin-top:-8px;margin-left:-5px;border:5px solid #f2f2f2;box-shadow:0 0 0 1px #0072bb;background:#0072bb}
	#track{width:2px;height:2px;position:absolute;top:0px;left:23px;z-index:14;background:#cccccc}
		#progress{position:absolute;top:0;left:0;width:2px;height:0%;background:#0072bb}
/*NAV.opened*/
	#nav.opened{width:200px}
				#nav.opened div.menulabel{opacity:1}
	#nav.opened #trail{z-index:5;opacity:0}
	#nav.opened #track{z-index:4}
#firewall{position:fixed;top:0;left:0;bottom:0;width:0%;z-index:200;cursor:pointer}
#firewall.opened{width:100%}
/*CONTENT*/
#content{position:relative;z-index:100;height:1000%}
#content.opened{left:150px}
	#maskheadline{position:fixed;top:50px;left:50px;height:50px;width:800px;overflow:hidden;z-index:10}
		#content.opened #maskheadline{left:200px}
		#contentheadline{position:relative;margin-top:50px}
			.headline{height:50px;line-height:50px;font-size:24px;color:#0072bb;opacity:0.5}
			.headline.active{opacity:1}
				.htitle{padding:0 30px;background:#ffffff;float:left}
				#htitleContatti{width:220px}
				#htiglePlatinum{font-weight:300}
				.more,.gallery{width:50px;height:50px;float:left;margin-left:2px;background-image:url(../layout/button-sprite.png);background-position:0 0;text-indent:-99999px;cursor:pointer}
				.more.less{background-position:-50px 0}
				.gallery{background-position:0 -50px}
				.gallery.less{background-position:-50px -50px}
	div.page{position:relative;padding-left:50px;height:10%;background-size:cover;z-index:9}
		#cntIntro{position:absolute;top:50%;left:50%;width:274px;height:112px;margin:-56px 0 0 -112px;cursor:pointer}
		#cntIntro span{opacity:0;display:block;position:absolute;text-indent:-999999px}
			#i1{background:url(../layout/question.png) 0 -15px;top:15px;left:0px;width:36px;height:13px}
			#i2{background:url(../layout/question.png) -38px -11px;top:11px;left:38px;width:170px;height:21px}
			#i3{background:url(../layout/question.png) 0 -28px;top:28px;left:0px;width:36px;height:34px}
			#i4{background:url(../layout/question.png) -38px -33px;top:33px;left:38px;width:171px;height:35px}
			#i5{background:url(../layout/question.png) 0 -62px;top:62px;left:0px;width:26px;height:15px}
			#i6{background:url(../layout/question.png) 0 -80px;top:80px;left:0px;width:16px;height:35px}
			#i7{background:url(../layout/question.png) -17px -69px;top:69px;left:17px;width:192px;height:42px}
			#i8{background:url(../layout/question.png) -213px 0 no-repeat;top:0px;left:213px;width:62px;height:114px}
			
		.cntPage{position:absolute;top:100px;left:50px;overflow:hidden;padding:20px;background:#ffffff}
		.fadeInfo{position:absolute;overflow:hidden;}
		/*PAGE1*/
		#page1 .fadeInfo{/*background:url(../layout/infoclima.png) center no-repeat;*/width:850px;height:500px;margin:-200px 0 0 -400px;top:50%;left:50%}
			#graphMese{width:850px;height:220px;position:absolute;top:0;left:0}
			#graphStagioni{width:850px;height:220px;position:absolute;bottom:0;left:0}
				.bgTmaxMesi{background:#ffcc00;}
				.colorTmaxMesi{color:#ffffff;}
				.bgTminMesi{background:#ff6600;}
				.colorTminMesi{color:#ffffff;}
				.bgTmaxStagioni{background:#FBB03B;}
				.colorTmaxStagioni{color:#ffffff;}
				.bgTminStagioni{background:#F7DD33;}
				.colorTminStagioni{color:#ffffff;}
				.legenda{position:absolute;top:10px;left:130px;width:200px;height:20px;opacity:0;color:#ffffff}
					.legenda div{float:left;width:80px;line-height:20px;font-size:11px}
						.legenda div span{display:block;float:left;width:20px;height:20px;margin-right:5px}
					.Tmin{margin-right:40px}
				.grafico{position:absolute;bottom:30px;right:0;width:780px;height:170px;/*background:rgba(50,100,150,0.5)*/}
					.barre{float:left;width:60px;height:170px;margin:0 3px 0 2px;position:relative}
						.barre div{position:absolute;bottom:0;width:20px;height:0px}
						.barre .bl{right:27px;z-index:2}
						.barre .br{left:27px;z-index:1}
					#minStagione{position:absolute;bottom:-1px;left:22px;height:117px;width:0px;z-index:2;background:url(../layout/tminstagione.png) no-repeat}
					#maxStagione{position:absolute;bottom:-1px;left:22px;height:166px;width:0px;z-index:1;background:url(../layout/tmaxstagione.png) no-repeat}
						.labelStagioni{font-size:14px;color:#ffffff;position:absolute;opacity:0}
						#lmin1{top:49px;left:-4px;}
						#lmin2{top:30px;left:240px;}
						#lmin3{top:-20px;left:490px;}
						#lmin4{top:5px;right:-10px;}
						#lMax1{top:60px;left:0px;}
						#lMax2{top:35px;left:240px;}
						#lMax3{top:-20px;left:490px;}
						#lMax4{top:15px;right:-10px;}
				.ordinate{position:absolute;top:0;left:0;width:25px;height:200px;line-height:25px;font-size:18px;text-align:right;padding-right:35px;color:#ffffff;opacity:0}
				.ascisse{position:absolute;bottom:0;right:0px;color:#ffffff;font-size:12px;height:20px;line-height:20px;width:780px;opacity:0}
				.ascisse.mesi span{display:block;float:left;text-align:center;width:65px}
				.ascisse.stagioni span{display:block;float:left;width:250px}
				.ascisse.stagioni span:last-child{width:auto;margin-left:-20px}
		#page2 .cntPage{height:190px;width:290px}
		#page3 .cntPage{height:191px;width:468px}
		#page4 .cntPage{height:135px;width:434px}
		/*PAGE5*/
		#page5 .fadeInfo{width:850px;height:570px;margin:-250px 0 0 -400px;top:50%;left:50%}
			#page5 .fadeInfo div{position:absolute}
			#ita{width:81px;height:97px;background:url(../layout/infograph-sprite.png) -447px 0;top:100px;left:140px;opacity:0}
				#pin{width:110px;height:132px;background:url(../layout/infograph-sprite.png) -337px 0;top:-100px;left:-10px;opacity:0}
			#cntPasseggeri{width:300px;height:160px;top:220px;left:40px;position:relative !important}
				#cntCounter{width:300px;height:60px;position:relative !important}
					.cifra{width:38px;height:60px;float:left;overflow:hidden;margin:0 1px;background:#ffffff;color:#f7931e;line-height:60px;text-align:center;position:relative !important;font-size:50px;opacity:0}
						.cntSpan{position:absolute;top:0;left:0;width:100%}
						.cifra span{font-weight:500;display:block}
					#MilCount,#mCount{margin-right:11px}
				#countText{width:300px;height:40px;position:relative !important;text-align:center;color:#ffffff;font-size:28px;font-weight:300;line-height:40px;opacity:0}
				#passeggeri{width:0px;height:51px;left:50%;bottom:0;margin-left:-140px;background:url(../layout/infograph-sprite.png) 0 -193px}
			#cntBus{height:60px;width:390px;top:410px;left:40px}
				#bus{width:100px;height:60px;top:0;left:-20px;background:url(../layout/infograph-sprite.png) -5px -133px;opacity:0}
				#busText{font-size:18px;color:#f7931e;height:20px;line-height:20px;top:50%;margin-top:-10px;left:100px;opacity:0}
			#cntLowcost{height:50px;width:420px;top:500px;left:60px}
				#euro{background:url(../layout/infograph-sprite.png) -284px -195px;width:49px;height:49px;top:0;left:0;opacity:0}
				#lowcostText{top:50%;left:0px;height:30px;margin-top:-15px;line-height:30px;color:#f7931e;font-size:28px;font-weight:300;opacity:0}
			#cntRank{width:420px;height:280px;top:0;right:0}
				#aeroRank{width:340px;height:90px;background:url(../layout/infograph-sprite.png) 0px -244px;top:0;left:50%;margin-left:-130px;opacity:0}
				#sesto,#terzo{width:360px;height:64px;background:#f7931e;color:#ffffff;font-size:24px;line-height:64px;padding-left:60px;text-transform:uppercase;top:125px;left:0px;opacity:0}
					#sesto span,#terzo span{display:block;position:absolute;height:64px;width:75px;text-indent:-99999px;top:0;left:-35px;background:url(../layout/infograph-sprite.png) -560px 0}
				#terzo{top:215px}
					#terzo span{background:url(../layout/infograph-sprite.png) -560px -80px}
			#cntCompagnie{width:450px;height:100px;right:0;top:320px}
				#c30p{width:178px;height:61px;background:url(../layout/infograph-sprite.png) -337px -131px;top:0;left:0;text-indent:-999999px;opacity:0}
				#compagnieText{color:#ffffff;text-transform:uppercase;font-weight:500;font-size:24px;top:25px;left:190px;opacity:0}
				#a100,#a80,#a60,#a40,#a20{width:79px;height:27px;background:url(../layout/infograph-sprite.png) -448px -101px;bottom:0;right:320px;opacity:0}
			#lastAero{width:313px;height:77px;background:url(../layout/infograph-sprite.png) -343px -193px;right:30px;bottom:20px;opacity:0}
		#page6 .cntPage{height:155px;width:487px}
		/*PAGE7*/
		#page7 .cntPage{height:100px;width:186px}
		#playVideo{position:absolute;top:50%;left:50%;width:100px;height:50px;background:#0072bb;border-radius:20%;cursor:pointer;margin:-25px 0 0 -50px;text-align:center;color:#ffffff;font-size:26px;font-weight:300;line-height:50px}
		/*PAGE8*/
		#page8 .cntPage{height:135px;width:434px}
		#page8 .fadeInfo{width:850px;height:570px;margin:-250px 0 0 -400px;top:50%;left:50%}
			#page8 .fadeInfo div{position:absolute}
			#infoPlatinum{width:157px;height:81px;background:url(../layout/infograph-sprite.png) 0 0;top:20px;left:6px;text-indent:-999999px;opacity:0}
			#page8 .infolabel{font-size:22px;font-weight:300;color:#66a9d4;opacity:0}
			#page8 .serifLabel{font-family: "trajan-pro-3",sans-serif;font-size:18px;color:#dddddd;text-transform:uppercase;opacity:0}
			#labelCat{text-align:center;line-height:30px;height:30px;width:157px;top:110px;left:6px;text-shadow:0 0 20px rgba(255,255,255,0.5)}
			#cntStars{width:170px;height:70px;left:0;top:140px}
				.star{width:28px;height:28px;position:relative !important;float:left;margin:0 3px;background:url(../layout/infograph-sprite.png) -157px -37px;opacity:0}
				#deLuxe{width:120px;height:36px;background:url(../layout/infograph-sprite.png) -217px -1px;bottom:0;left:20px;text-indent:-999999px;opacity:0}
			#cntRooms{width:360px;height:125px;top:40px;left:50%;margin-left:-180px}
				#labelRooms{top:10px;left:0}
				#iconRooms{width:59px;height:37px;background:url(../layout/infograph-sprite.png) -158px 0;top:0;left:150px;opacity:0}
				#countRooms{width:0px;padding-left:10px;height:25px;line-height:25px;color:#ffffff;background:#66a9d4;top:50px;left:0;overflow:hidden;opacity:0}
				.liRooms{height:15px;border-left:15px solid #66a9d4;line-height:16px;font-size:12px;padding-left:5px;color:#66a9d4;opacity:0}
				#dus{top:85px;left:0px}
				#juniorSuite{top:85px;left:70px}
				#suite{top:85px;left:185px}
				#superiorSuite{top:85px;right:0px}
				#suiteDeluxe{top:110px;left:0px}
				#suitePresidenziale{top:110px;left:105px}
				#suitePiscina{top:110px;right:0px}
			#cntLifestyle{top:20px;right:0px;width:200px;height:200px}
				#labelLifestyle{}
				#cntLifestyle ul{top:30px;left:0;position:absolute}
				.liLF{position:relative !important;display:block;margin:8px 0;height:15px;border-left:15px solid #f7931e;padding-left:5px;line-height:16px;color:#f7931e;font-size:12px;opacity:0}
				#abpmsp{top:180px;right:80px}
			#cntMeetings{width:350px;height:250px;top:230px;left:0}
				#labelMeetings{top:10px;left:0}
				#iconMeetings{top:0px;left:230px;width:87px;height:44px;background:url(../layout/infograph-sprite.png) 0px -88px;opacity:0}
				#ab1{left:0;top:45px}
				#ulAB1{position:absolute;top:70px;left:0}
					#ulAB1 li,#ulMSP1 li{position:relative;display:block;height:35px;margin-bottom:5px;opacity:0}
						#ulAB1 li span,#ulMSP1 li span{position:relative;display:block;float:left;height:35px}
						.sala{line-height:35px;color:#66a9d4;width:80px;font-size:14px;clear:left}
						.posti{line-height:35px;color:#66a9d4;width:45px;font-size:18px;text-align:right}
						.sedute{width:22px;height:25px;margin:6px 15px 6px 6px;background:url(../layout/infograph-sprite.png) -186px -39px}
						.inpiedi{width:13px;height:34px;margin:1px 15px 0px 6px;background:url(../layout/infograph-sprite.png) -217px -38px}
						.terrazza{line-height:18px}
						.mq{line-height:35px;color:#66a9d4;font-size:12px;margin-left:6px}
				#msp1{top:220px}
				#ulMSP1{top:245px;position:absolute}
			#cntRestaurants{width:450px;height:200px;top:220px;right:0px}
				#labelRestaurant{top:10px;left:0}
				#iconRestaurant{width:34px;height:51px;background:url(../layout/infograph-sprite.png) -88px -81px;top:0;left:200px;opacity:0}
				#legendaRestaurants{top:80px;left:100px}
					#legendaRestaurants div{position:relative !important;height:15px;float:left;line-height:16px;font-size:9px;padding-left:10px;opacity:0}
					#dentro{border-left:15px solid #f7931e;color:#f7931e;margin-right:20px}
					#fuori{border-left:15px solid #66a9d4;color:#66a9d4}
				#ulAB2{position:absolute;top:50px;left:0;width:200px}
				#ulMSP2{position:absolute;top:119px;right:0px;width:200px}
					#ulAB2 li,#ulMSP2 li{display:block;width:0px;height:18px;line-height:18px;color:#ffffff;padding-left:5px;font-size:12px;margin-bottom:5px;opacity:0}
					.interno{background:#f7931e}
					.esterno{background:#66a9d4}
					.legendPosti{text-align:center;width:200px !important;padding:0 !important}
				#ab2{top:190px;left:50px;font-size:14px !important}
				#msp2{top:190px;left:265px;font-size:14px !important}
			#cntCharters{width:450px;height:105px;bottom:0;right:0}
				#iconCharters{width:199px;height:105px;background:url(../layout/infograph-sprite.png) -124px -79px;bottom:0;right:0;opacity:0}
				#textCharter{color:#66a9d4;font-size:14px;top:50px;left:30px;line-height:30px;opacity:0}
				#numCharters{display:block;position:absolute;font-size:26px;font-weight:300;top:-5px;left:-30px}
				
			
		.sipario{position:absolute;top:0;bottom:0;width:49.9%;background:rgba(0,0,0,0.9)}
		#atlantis{left:-50%}
		#mazzaro{right:-50%}
		#atlantis.in{left:0% !important}
		#mazzaro.in{right:0% !important}
			.logoHotel{position:absolute;top:50%;width:200px;height:200px;margin-top:-100px;background:#ffffff;cursor:pointer}
			#ab{right:0}
			#msp{left:0}
		/*PAGE9*/
		#page9 .cntPage{height:75px;width:240px}
		.cntPage.closed{height:0 !important;padding:0 20px !important}
		.fadeInfo.closed{opacity:0}
		span.emphatized{color:#0072bb;font-weight:300}
		a.extLink{color:#000000;text-decoration:none;border-bottom:1px dotted #000000}
		a.extLink:hover{color:#999999;border-bottom:1px dotted #999999}
		/*VIDEO*/
		#videoCnt{z-index:0;background:rgba(0,0,0,0.9);position:fixed;top:0;left:0;right:0;bottom:0;opacity:0}
			#videoCnt iframe{z-index:2;position:absolute;top:50%;left:50%;margin-top:-14px;margin-left:-25px}
			#closeVideo{width:100%;height:100%;position:absolute;cursor:pointer}
/*BACKGROUNDS*/
#backgrounds{position:fixed;top:0;left:50px;width:100%;height:100%;z-index:1;background:url(../layout/load.gif) center no-repeat}
#backgrounds.opened{left:200px}
	div.background, div.background div.blur{position:absolute;top:0;left:0;width:100%;height:120%;background-size:cover;background-position:center;opacity:0;background-repeat:no-repeat}
		div.background div.blur{height:100%}
		div.blur.active{opacity:1 !important}
	#b0{background-image:url(../img/00.jpg);z-index:1}
	#b1{background-image:url(../img/01.jpg);z-index:2}
		#b1 .blur{background-image:url(../img/01blur.jpg)}
	#b2{background-image:url(../img/02.jpg);z-index:3}
	#b3{background-image:url(../img/03.jpg);z-index:4}
	#b4{background-image:url(../img/04.jpg);z-index:5}
	#b5{background-image:url(../img/05.jpg);z-index:6}
		#b5 .blur{background-image:url(../img/05blur.jpg)}
	#b6{background-image:url(../img/06.jpg);z-index:7}
	#b7{background-image:url(../img/07.jpg);z-index:8}
	#b8{background-image:url(../img/08.jpg);z-index:9}
		#b8 .blur{background-image:url(../img/08blur.jpg)}
	#b9{background-image:url(../img/09.jpg);z-index:10}