#preload-01 { background: url(layout/cartazentrada.svg); }
#preload-02 { background: url(layout/portadireita.svg); }
#preload-03 { background: url(layout/portaesquerda.svg); }
#preload-04 { background: url(layout/textointroleft.svg); }
#preload-05 { background: url(layout/textointroright.svg); }

	* { box-sizing: border-box; }


*{
  -webkit-font-smoothing:antialiased;
}

body {  font-family: sans-serif;  text-align: center;  background-color: #DCCF80;  padding: 0;    width:600px; margin:0px 20px;}

hr{		color:black;		background: #000;		margin:0px;		padding:0px; 		margin-top:8px;		margin-bottom:8px;	/*	margin-bottom:5px; */	/*	padding-top:0px; */		border:0px;		height: 1px;	}

.sitenavigatorcontent {
	
}

.gallerytop {
  display:table;
  position: relative;
  width: 600px;  
 margin-left: auto;
  margin-right: auto;
 /* padding-left:20px;
  margin-left: auto;
  margin-right: auto;
  /* margin-right: auto; */
  /* lcells[mem_underelemid].style.willChange = 'opacity'; */
}
  
.gallery {
  display:block;
/*  padding: 0px;*/
  position: relative;
  width: 600px;
  height: 600px;
  /*margin-left: 20px;*/
  
   margin-left: auto;
  margin-right: auto;
   overflow: hidden;
 /* margin-right: auto; */
 /* background-image: url("../layout/fundo.jpg");*/
  
 
}

.gallerybackground { 
	background-image: url("../layout/fundo.jpg"); 
}

/* a gallerybackground backup copy */
.gallerybg_siteloaded { 
	 background-image: url("../layout/fundo.jpg");
}

.gallerybg_siteloading {
	background-image: linear-gradient(to bottom, rgba(220,207,128,1) 100%,rgba(220,207,128,1) 100%), url("../layout/fundo.jpg");
}


.carousel { margin-left: auto; margin-right: auto;  width: 142px; height: 120px;  z-index:100; position: relative;  top: -100px;  transform-style: preserve-3d; transform-style: -webkit-preserve-3d; transform-style: -moz-preserve-3d;}



.galleryviewer {
	display:block;
  padding: 0px;
  position: relative;
  width: 600px;
 /* margin-left: 10px;*/
   margin-left: auto;
  margin-right: auto;
  /* margin-right: auto; */
  /* background-image: url("../layout/fundo.jpg"); */
  overflow: hidden;
  color:white;

}

.scene {
 /* border: 0px solid #CCC;*/
  position: relative;
  top:190px;
/*  left:0px;*/
  width: 600px;
  height: 600px;
  perspective: 550px;
  /* -webkit-perspective: 250px;
  -moz-perspective:250px; */
  opacity:0;
  
  margin-left: auto;
  margin-right: auto;
  
}





.carousel__cell {
  /* cursor: pointer; */
  position: absolute;
  /* width: 100px;
  height: 160px; */
  /* left: 0px; */
  width: 100%;
  height: 100%;
 /* padding-top:0px; /*pic_cel padding */ 
 /* padding-left:0px; */
  top: 0px;
  /* transition: transform 0s; */
  
 /* image-rendering: optimizeSpeed; */
  
 /* offbackground-color:green; */
 /* background-size: 100% 100%; */
  
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  
 /* filter: blur(0px); */
  opacity:0.6; 
  /* -moz-opacity: 0.6; */
  /* filter: opacity(60%); */
  /*
  filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url(); */
 
}
/*
.carousel__cell:hover{
 opacity:1;
  }
*/

.room{	position:absolute;	/* offbackground-color:green; */	bottom:5px;	right:5px;	color:white;	font-size:10pt;}
.room a{	color:white;	text-decoration:underline;}.room p{	margin:0px;	float:left;}

.displayelemnt {
	-webkit-user-select: none;  
	-moz-user-select: none;     
	-ms-user-select: none;     
	user-select: none;        
	caret-color: transparent;
	/*text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important; */
	 /*text-shadow: 1px 1px #808080	;
	/* -webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;*/
}



/* Microsoft Edge Browser 14 */
@supports (-ms-ime-align:auto){
  .carousel__cell {
	  opacity:1;
	  
  }
  .carousel__cell:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(100, 0, 0, 0.1);
  display: none;
	}
	
  .carousel__cell:hover:after {
  display: block;
  }
  
  .displayelemnt{
	-webkit-user-select: none;  
	-moz-user-select: none;     
	-ms-user-select: none;     
	user-select: none;        
	caret-color: transparent;
	clip:rect(0px 600px 20px 0px);
}
  
  
}

/* https://designtheway.com/css-background-image-color/ */


/*
.carousel__cell img {
	width: 100%; 
	height: 100%;
}
*/

.displayelemnt {
	-webkit-user-select: none;  
	-moz-user-select: none;     
	-ms-user-select: none;     
	user-select: none;        
	caret-color: transparent;
	/*text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important; */
	 /*text-shadow: 1px 1px #808080	;
	/* -webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;*/
}


/*
@font-face {
  font-family: "TextaBold";
  src: url("../fonts/TextaNarrowAlt-Bold.otf");
  }*/


.picdescription{
	width:90%;
	display:table;
	/* position:relative; real setting */
	position: absolute;
	/*height:106px;
	line-height: 106px;*/
	/*background-color:red; */
	/* left:50%;
	/* transform: translate(-50%, 0); */
	/* top:70px; */
	bottom:30px; /* real setting */
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	color:white;
	font-weight: bold;
	font-size:10pt;
	
	/* text-shadow: 1px 1px #808080	;
	font-family: TextaBold; */
	
}

.picdescription p {
	margin:0px;
	/*background-color:orange; */
	line-height: 1.4;
  display: inline-block;
  vertical-align: middle;
}

.picnum {
	/* width:200px; */
	width:80%;
	display:block;
	position:relative;
	/* offbackground-color:green; */
	bottom:80px;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	
	color:white;
	font-size:12pt;
	font-weight: bold;
	/*text-shadow: 1px 1px #808080;
	/*font-family: TextaBold;*/
	
}
	

/*
.carousel-options {
  position:relative;
  text-align: center;
  z-index: 2;
  background: hsla(0, 0%, 100%, 0.8);
  margin-left:auto;
  top:0px;
  display:none;
}
*/

.pointer {
  position: absolute;
  border-radius: 50%;
  top:300px; left:300px;
  width: 5px;
  height: 5px; 
  background-color:red;
  z-index:0000;
  display:none;
}
/*
#coords {
	display:none;
}
*/
.clonedThumb {
	width: 100%; height: 100%;	
	
	backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.handle {background: none; height: 0px; position: absolute; width: 0px; }   
.handle.nw {left: 0;top: 0;} .handle.ne {right: 0;top: 0;} 
.handle.se {right: 0;bottom: 0;} .handle.sw {left: 0;bottom: 0;}   




.doors {
		position:absolute;
		/* background-color:yellow; */
		height:600px;
		width:600px;
		margin: auto;
		overflow: hidden;
		/* background-image: url("common/introfundo.jpg"); */
	}
	
		.door {		z-index:10;		position:absolute;		/* top:90px; */		height:600px;		width: 298px;		cursor: pointer;				font-family:Verdana ;		font-weight:bold;		font-size:8pt;		color:white;				text-align:left;				padding-left:10px;		padding:10px;				 text-shadow: 2px 2px #000000;		 		 text-align:justify;		 line-height:16px;		background-color:yellow;	}
	
	
	.door p{margin-bottom:17px;}
	
	.door .doortitle {
		margin-top:94px;
		font-family:Verdana ;
		font-weight:bold;
		font-size:9pt;
	}
	
	.door .doortitle2 {
		font-family:Verdana ;
		font-weight:bold;
		font-size:9pt;
	}
	
	.door .doortitleFT {
		margin-top:160px;
		font-family:Verdana ;
		font-weight:bold;
		font-size:9pt;
		margin-bottom:40px;		
	}
	
	.rightdoortilte {
		
		text-align:right;
	}
	
	.door .doortext {
		margin-top:6px;
	
		
	}
	
	.door .textfooter {
		width: 280px;
		/* off-background-color:yellow; */
		position:absolute;
		z-index:5;
		bottom:6px;
	
	}
	
	.door .brand {
		position:absolute;
		z-index:5;
		display:inline-block;
		right:0px;
		text-align:right;
	}
	
	.door .assinatura {
	
		display:inline-block;
		float:left;
	}
	
	.door .fichatecnica {
		font-size:9px;
	}
	
	
		.left {		left:-300px;			background-color:rgba(80,80,80,0.5);				}			.right {		right:-300px;		/* width:50%; */				background-color:rgba(80,80,80,0.5);		/* background-image: url("common/portafundo.png"); */			}    
	
	.ileft {		left:0px;		/* background-color:rgba(55,53,53,0.4); */		 background: linear-gradient(0deg, rgba(80,80,80,0.5) 85%, rgba(80,80,80,0.15));	}			.iright {		right:0px;		/* width:50%; */			background-color:rgba(55,53,53,0.4);		 background: linear-gradient(0deg, rgba(80,80,80,0.5) 85%, rgba(80,80,80,0.15));		/* background-image: url("common/portafundo.png"); */			}     
	
	
	.textintro {
		
		background: linear-gradient(0deg, rgba(110,110,110,0.85) 74%, rgba(200,200,200,0.25));
	}
	
.indexlink {	position:absolute;	top:5px;	left:220px;	height:160px;	width:160px;	/* offbackground-color:green; */	cursor:pointer;	z-index:8;}
	
	.textolink {
		position:absolute;
		bottom:3px;
		left:296px;
		height:40px;
		width:134px;
		/*background-color:rgba(200,200,200,0.5);*/
		cursor:pointer;
		z-index:8;
		color:#fff;
		font-family:"Arial";
		font-weight:bold;
		font-size:10px;
	}
	
	.textintroleft{
		width:100%;
		/*background-color:green;*/	
		
		margin-left:-3px;
	}
	
	.initialdoor {
		
		background-color:rgba(255,255,255,0.9);
	}
	
	.picloader {
		display:none;
	}
	
	
.cartazentrada{
	position:absolute;
	z-index:2000;
	
}
	
#selectedpic {cursor: pointer;}