.pano {
	 width: 100% ;
	 height: 100%
}
	   @font-face
			{
			font-family: gtpns;
			src: url('panoramapalace/fonts/Gotham-Book.otf') format('opentype'), url('panoramapalace/fonts/Gotham-Book.ttf') format('truetype');
			}

	   @font-face
			{
			font-family: gmpns;
			src: url('panoramapalace/fonts/Gotham-Medium.otf') format('opentype'), url('panoramapalace/fonts/Gotham-Medium.ttf') format('truetype');
			}

	   @font-face
			{
			font-family: tbpns;
			src: url('panoramapalace/fonts/Tautz.otf') format('opentype'), url('panoramapalace/fonts/Tautz.ttf') format('truetype');
			}
	   @font-face
			{
			font-family: tbpnsb;
			src: url('panoramapalace/fonts/Tautz-Bold.otf') format('opentype'), url('panoramapalace/fonts/Tautz-Bold.ttf') format('truetype');
			}
			@-ms-viewport { width:device-width; }
		@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
		html { height:100%; }
		body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
		
		.infodiv   { color:#FFFFFF;   font-size:18px ; text-align: left ; line-height: 1.4 ; padding: 0px 20px 0px 20px; margin-top:7%;}
		.infodiv p   { text-align: left ; line-height: 1.4 }
		.infodiv h1  { color:#FFFFFF;  font-weight:bold; font-size:30px ;  font-family:tbpns ; padding-bottom:20px}
		.infodiv h2  { color:#cccccc; font-weight:bold; font-size:22px ;  font-family:tbpns}
		.infodiv h3  { color:#cccccc; font-weight:bold; font-size:18px ;  font-family:tbpns}
		
		#informationtextdivvr { height:90%; width:100%; overflow:hidden; padding:0px;  ; font-family:gtpns , sans-serif; color:#FFFFFF;font-weight:600 ; margin: 5px 15px 20px 15px ;  }
		#infotitlevr { width:95%; font-size:1.6em; margin:0px;}
		#infotextvr { width:95% ;font-weight:200;margin-top: 5px ; font-size:1.2em; }


		
		
	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background: #f1f1f1; 
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: #888; 
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: #555; 
	}

			
	.maprooms {
		padding: 4px;
		margin: 0;
		padding: 5px;
		color:#FFFFFF;   
		font-family:gmpns;
		font-size:13px ; 
		text-transform:uppercase;
	   }
	
	.maprooms	span {
			text-align:right;
			padding-right: 10px;
			float: left;
			color:#ffff00; 
	   }
	
		
	.maprooms :hover {
		   color:#ffff00;   
	   }

	
	.maproomscurrent {
		text-transform:uppercase;
		font-size:13px ; 
		padding: 4px;
		margin: 0;
		padding: 5px;
		background-color: yellow;
		color: black;
		font-family:gmpns;
	   }
	   
	.maproomscurrent	span {
			color: black;
			background-color: yellow;
	   }
	   
	.callouttextstylecss {
	   }


	   
	.instrucoestitulocss div {
	   color:#FFFFFF;   
	   font-size:22px ; 
	   text-align:left;
	   font-family:tbpns;		
	}
	   
	.instrucoesbottomcss div {
	   color:#FFFFFF;   
	   font-size:12px ; 
	   text-align:left;
	   align:left;
	   font-family:gtpns;	
		font-weight: 500;
	}

	.instrucoestextocss div {
	   color:#FFFFFF;   
	   font-size:16px ; 
	   text-align:left;
	   align:left;
	   font-family:gtpns;
	}
	   
	
	@media screen and (max-width: 1350px) {
	 .instrucoesbottomcss  div {
		display:none;
	  }
	}

	@media screen and (max-width: 800px) {
	  .instrucoestextocss div {
		font-size:7px ; 
	  }
	  .instrucoestitulocss div {
		font-size:14px ; 
	  }
	}

	@media screen and (min-width: 800px) {
	  .instrucoestextocss div {
		font-size:8px ; 
	  }
	  .instrucoestitulocss div {
		font-size:18px ; 
	  }
	}
	
	@media screen and (min-width: 1000px) {
	  .instrucoestextocss div {
		font-size:10px ; 
	  }

	}

	@media screen and (min-width: 1300px) {
	  .instrucoestextocss div {
		font-size:12px ; 
	  }
	}

	@media screen and (min-width: 1650px) {
	  .instrucoestextocss div {
		font-size:16px ; 
	  }
	}

	@media screen and (min-width: 1920px) {
	  .instrucoestextocss div {
		font-size:20px ; 
	  }
	}

	@media screen and (min-width: 3840px) {
	  .instrucoestextocss div {
		font-size:25px ; 
	  }
	}
	
	@media screen and (min-width: 10000px) {
	  .instrucoestextocss div {
		font-size:25px ; 
	  }
	}
	
	   
	.unitlabelcss div {
	   color:#FFFFFF;   
	   font-size:5px ; 
	   text-align:center;
	   font-family:tbpns;		
	}
	
	@media screen and (min-width: 1100px) {
	  .unitlabelcss div {
		font-size:7px ; 
	  }
	}

	@media screen and (min-width: 1250px) {
	  .unitlabelcss div {
		font-size:09px ; 
	  }
	}

	@media screen and (min-width: 1300px) {
	  .unitlabelcss div {
		font-size:10px ; 
	  }
	}

	@media screen and (min-width: 1400px) {
	  .unitlabelcss div {
		font-size:11px ; 
	  }
	}

	@media screen and (min-width: 1480px) {
	  .unitlabelcss div {
		font-size:12px ; 
	  }
	}

	@media screen and (min-width: 1550px) {
	  .unitlabelcss div {
		font-size:13px ; 
	  }
	}

	@media screen and (min-width: 1680px) {
	  .unitlabelcss div {
		font-size:14px ; 
	  }
	}

	@media screen and (min-width: 1750px) {
	  .unitlabelcss div {
		font-size:15px ; 
	  }
	}