#preload-01 {
	background: url('layout/cartazentrada.png');
}

#preload-02 {
	background: url('layout/portadireita.png');
}

#preload-03 {
	background: url('layout/portaesquerda.png');
}

#preload-04 {
	background: url('layout/portadireita_i.png');
}

#preload-05 {
	background: url('layout/portaesquerda_i.png');
}

#preload-06 {
	background: url('layout/texto_i.png');
}

#preload-07 {
	background: url('layout/texto.png');
}

#preload-08 {
	background: url('layout/menu.png');
}

#preload-09 {
	background: url('layout/temaprincipal.png');
}

#preload-10 {
	background: url('layout/temalivre.png');
}

#preload-11 {
	background: url('layout/chicobuarque.png');
}

#preload-12 {
	background: url('layout/alberteinstein.png');
}

* {
	box-sizing: border-box;
}

body {
	font-family: sans-serif;
	text-align: center;
	background-color:  #DCCF80;
	padding: 0;
	width: 600px;
	margin: 0px 20px;
}
hr {
	color: #000;
	background: #000;
	margin: 0px;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	/*	margin-bottom:5px; */
	/*	padding-top:0px; */
	border: 0px;
	height: 1px;
}
.sitenavigatorcontent {}
.gallerytop {
	
	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;
	z-index:3;
	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.png?u=99"), linear-gradient(to bottom, rgba(220, 207, 128, 1) 100%, rgba(220, 207, 128, 1) 100%);
}
/* a gallerybackground backup copy */
.gallerybg_siteloaded {
	background-image: url("../layout/fundo.png?u=99"), linear-gradient(to bottom, rgba(220, 207, 128, 1) 100%, rgba(220, 207, 128, 1) 100%);
}
.gallerybg_siteloading {
	background-image: linear-gradient(to bottom, rgba(220, 207, 128, 1) 100%, rgba(220, 207, 128, 1) 100%);
}

.scene {
	/* border: 0px solid #CCC;*/
	position: relative;
	top: 150px;
	
	/*  left:0px;*/
	width: 600px;
	height: 600px;
	/*perspective: 640px;*/
	/* -webkit-perspective: 250px;  -moz-perspective:250px; */
	opacity: 0;
	margin-left: auto;
	margin-right: auto;
	/* background-color: rgba(255, 0, 255, 0.5); */
}


.carousel {
	position: relative;
	z-index:0;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	height: 180px;
	position: relative;
	transform-style: preserve-3d;
/*	background-color: rgba(255, 255, 255, 0.5); */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	caret-color: transparent;
}

.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;
}


.reflection {
	background-position: bottom;
	/*box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);*/
}
.reflection::after {
	content: "";
	background-image: inherit;
	background-position: bottom;
	background-size: cover;
	transform: scaleY(-1) translate(0px, -2px);
	width: inherit;
	height: 60%;
	position: absolute;
	z-index:10;
	left: 0px;
	bottom: -60%;
	opacity: 0.6;
	pointer-events: none;
	-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), to(rgba(0, 0, 0, 0)))
}


/*.galcover{
	position:absolute;
	left:0px;
	top:490px;
	width:600px;
	height:67px;
	
	z-index:2;
	caret-color: transparent;
}

.galcover2 {
	position:absolute;
	left:70px;
	top:484px;
	width:460px;
	height:5px;
	
	z-index:2;
	caret-color: transparent;
}
*/


.carousel__cell {
	/* cursor: pointer; */
	position: absolute;
	z-index:2;
	/* width: 100px;  height: 160px; */
	/* left: 0px; */
	width: 100%;
	height: 100%;
	/* padding-top:0px; /*pic_cel padding */
	/* padding-left:0px; */
	top: 100px;
	/* 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.8;
	caret-color: transparent;
	/* -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;
	/* background-color:green; */
	bottom: 10px;
	right: 18px;
	
	color: white;
	font-size: 11.6pt;
}
.room a {
	color: white;
	text-decoration: underline;
}
.room p {
	margin: 0px;
	float: left;
}

.roomleg{
	bottom: 28px;
	left: 486px;
	position: absolute;
	color: white;
	font-size: 12.6pt;
	font-weight:bold;
}

.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;*/
}


.mni{
	bottom: 8px;
	left: 10px;
	position: absolute;
	color: white;
	font-size: 8pt;
	font-weight:bold;
	z-index:100;
	
}

.itemimage {
	caret-color: transparent;
	position:absolute;
	left: 300px;
	bottom: 440px;
	width: 300px;
	height:300px;
	z-index:-1;
	/*background-color: rgba(255, 255, 255, 0.5);*/
	/* background-image: url("../layout/temaprincipal.png"); */
}	


.hiddenElem {
	visibility:hidden;
}

.invisiblefooter{
	bottom:0px;
	position:relative;
	height:30px;
	width:600px;
	
}

/* 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 {
		transform:translateY(-15px);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		caret-color: transparent;
		clip: rect(0px 600px 100px 0px);
	}
	
	.room{
		transform:translateY(0px); /* Dhu! MS browser !!! */
	}
	
}
/* 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: 96%;
	
	/* position:relative; real setting */
	position: absolute;
	/*height:106px;	line-height: 106px;*/
	/*background-color:white;*/
	/* left:50%;	/* transform: translate(-50%, 0); */
	/* top:70px; */
	top: 500px;
	/* real setting */
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: white;
	
	line-height: 12px;
	
	/* 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;
}
*/

.viewerpicdescription {
	width: 100%;
	display: table;
	/* position:relative; real setting */
	/*height:106px;	line-height: 106px;*/
	/* background-color:red; */
	/* left:50%;	/* transform: translate(-50%, 0); */
	/* top:70px; */
	text-align: center;
	color: #fff;
	font-size: 9pt;
	font-family: sans-serif;
	
	/* text-shadow: 1px 1px #808080	;	font-family: TextaBold; */
}
.picnum {
	/* width:200px; */
	width: 80%;
	display: block;
	position: relative;
	/* offbackground-color:green; */
	bottom: 80px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: black;
	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"); */
}
.alldoor {
	z-index: 10;
	position: absolute;
	/* top:90px; */
	height: 600px;
	width: 600px;
	cursor: pointer;
}
.door {
	z-index: 10;
	position: absolute;
	/* top:90px; */
	height: 600px;
	width: 298px;
	cursor: pointer;
	
	
	font-size: 11.5px;
	color: black;
	/*text-shadow: 1px 0px #fff;*/
	
	
	line-height:18.5px;
	
	font-weight:700;
	letter-spacing: 0px;
	
	text-align: left;
	
	text-align: justify;
	
	

}

@supports ( -moz-appearance:none ){
 .door {line-height:17px;}
}


.door p {
	margin-bottom: 17px;
}
.door .doortitle {
	margin-top: 94px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 7pt;
}
.door .doortitle2 {
	font-family: Verdana;
	font-weight: bold;
	font-size: 7pt;
}
.door .doortitleFT {
	margin-top: 160px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 7pt;
	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;
}

.ptdoor{
	background-color: rgba(110, 110, 110, 0);
	position:absolute;
	top:0px;
	left:305px;
	width:100px;
	height:40px;
	z-index:8000;
	caret-color: transparent;
	cursor:pointer;
}

.ingdoor{
	background-color: rgba(110, 110, 110, 0);
	position:absolute;
	top:0px;
	left:425px;
	width:100px;
	height:40px;
	z-index:8000;
	caret-color: transparent;
	cursor:pointer;
}

.left {
	left: -300px;
	background-color: rgba(110, 110, 110, 0.4);
}
.right {
	right: -300px;
	/* width:50%; */
	background-color: rgba(110, 110, 110, 0.4); 
	/* background-image: url("common/portafundo.png"); */
}
.ileft {
	left: -1px;
	top:1px;
	/*background-color: rgba(211, 221,118, 0.6);*/

	/*background-color: rgba(255, 255, 255, 0.9);*/
	/* background: linear-gradient(0deg, rgba(80,80,80,0.5) 85%, rgba(80,80,80,0.15));*/
}
.iright {
	right: 0px;
	top:1px;
	/*background-color: rgba(211, 221,118,0.6);*/
	/* width:50%; */
	/*background-color: rgba(255, 255, 255, 0.9);*/
	/* background: linear-gradient(0deg, rgba(80,80,80,0.5) 85%, rgba(80,80,80,0.15));*/
	/* background-image: url("common/portafundo.png"); */
}

.fichatecnica_full {
	
}

.opendoors{
	/*background: linear-gradient(0deg, rgba(200,200,200,0.4) 65%, rgba(200,200,200,0));*/
	height:100%;
}

.opendoors_left{
	margin-left:10px;
}

.opendoors_right{
	margin-right:10px;
	
}



.minimize_href { display:inline-block;
			
			width:20px; float:left; text-align:left; margin:0px; /*offbackground-color:yellow;*/
}
.minimize_href a { 
			text-align:left; text-decoration:underline; color:black; font-size:10pt; font-family:Arial black;
}

.maximize_href { display:inline-block;
			position:absolute; z-index:10000;
			width:20px; right:0px; text-align:right; margin:0px; /*offbackground-color:yellow;*/ height:20px;
}
.maximize_href a {
			text-decoration:underline; color:black; font-size:10pt; font-family:Arial black;
			width:20px; height:20px;
}

.maximizerule { display:inline-block;
	width:580px; float:left; margin:0px; /*offbackground-color:green; */
}

.minimize_rule{ display:inline-block;
	width:580px; float:right; margin:0px; /*offbackground-color:green; */
}



.blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.portatexto {
	font-family: Arial, Helvetica, sans-serif;
	padding-top:120px; 
	margin-left:12px; 
	margin-right:12px; 
	
	text-rendering: optimizeLegibility;;
	
	/*text-shadow: 1px 1px #fff;*/
	
	/* font-size:11px;
	line-height:13px;
	color:#FFFFFF; 
	font-weight:550;
	letter-spacing: 0.2px; */
	caret-color: transparent;
}

.porta_tit{
	
	font-size:8.6pt;
	font-weight:Tahoma, Helvetica, Arial;
	font-weight:900;
	padding-top:10px; 
	caret-color: transparent;
}

@supports ( -moz-appearance:none ){
 .portatexto {letter-spacing: 0.2px;}
}

.assinatura {
	
	position:absolute;
	bottom:88px;
}

.textintro {/*background-color: rgba(211, 221,118, 0.3);
	background: linear-gradient(0deg, rgba(40, 40, 40, 0.5) 80%, rgba(90, 90, 90, 0.4));*/
	
}

.introslidedoors{
	position:absolute;
	z-index:400;
}

.menudoors{
	position:absolute;
	z-index:600;
} 


.blinkcover {
	position: absolute;
	top: 26px;
	left: 10px;
	height: 52px;
	width: 145px;
	/* background-color:rgba(200,200,200,0.5); */
	cursor: pointer;
	z-index: 8;
	caret-color: transparent;
	
	user-select: none;
}

.indexlink {
	position: absolute;
	top: 30px;
	left: 48px;
	height: 64px;
	width: 480px;
	/* background-color:rgba(200,200,200,0.5); */
	cursor: pointer;
	z-index: 8;
	caret-color: transparent;
}

.indexlinkondoors {
	
	z-index: 10;
	
}

.navtexts {
	caret-color: transparent;
	position: absolute;
	bottom: 5px;
	height: 50px;
	 background-color:rgba(200,200,200,0.5);
	cursor: pointer;
	z-index: 28;
}

.navitems{
	visibility:hidden;
}

.navitem{
	caret-color: transparent;
	position: absolute;
	z-index:300;
	/* background-color:rgba(200,200,200,0.5); */
}
/*
div.navitems :hover {
	border-left: 6px solid #86B599;
}*/

div.navitems .selnavitem {
	border-left: 6px solid white;
}



.chicobuarque {	
	bottom: 0px;
	height: 42px;
	left:410px;
	width: 71px;
	cursor: pointer;
/* 	background-color:rgba(200,200,200,0.5); */
}

.einstein {	
	bottom: 0px;
	height: 42px;
	left:481px;
	width:83px;
	cursor: pointer;
/*	background-color:rgba(200,200,200,0.5); */
}

.menu {	
	bottom: 0px;
	height: 42px;
	left:100px;
	width:52px;
	cursor: pointer;
	/* background-color:rgba(200,200,200,0.5); */
}


	.menu_tp {
		top: 134px;
		height: 216px;
		left:56px;
		width:220px;
		position:absolute; z-index:610;
		cursor: pointer;
		/* background-color:rgba(200,200,200,0.5); */
	}

	.menu_ae {
		top: 328px;
		height: 180px;
		left:26px;
		width:220px;
		position:absolute; z-index:610;
		cursor: pointer;
		/* background-color:rgba(200,200,200,0.5); */
	}

	.menu_tl {
		top: 358px;
		height: 150px;
		left:56px;
		width:220px;
		position:absolute; z-index:610;
		cursor: pointer;
		/* background-color:rgba(200,200,200,0.5);*/
	}


	.menu_cb {
		top: 134px;
		height: 184px;
		left:26px;
		width:220px;
		position:absolute; z-index:610;
		cursor: pointer;
		
		/* background-color:rgba(200,200,200,0.5);	*/
	}

.texto {	
	bottom: 0px;
	height: 42px;
	left:152px;
	width:56px;
	cursor: pointer;
	 /* background-color:rgba(200,200,200,0.5); */
}

.inicio {	
	bottom: 0px;
	height: 42px;
	left:44px;
	width:46px;
	cursor: pointer;
	/*background-color:rgba(200,200,200,0.5);*/
}

.temaprinc {	
	bottom: 0px;
	height: 42px;
	left:208px;
	width:106px;
	cursor: pointer;

	 /* background-color:rgba(200,200,200,0.5); */
}
.temalivre {	
	bottom: 0px;
	height: 42px;
	left:314px;
	width:96px;
	cursor: pointer;

	/* background-color:rgba(200,200,200,0.5); */
}



.fichatecnica {
	background-color:rgba(200,200,200,0.5); 
	left: 8px;
	width: 40px;
	height:20px;
}
.galerialink {
	bottom: 10px;
	left: 514px;
	height: 37px;
	width: 50px;
}
.textintroleft {
	width: 100%;
	/*background-color:green;*/
	margin-left: -3px;
}
.initialdoor {
	top:100px;
	font-size: 11pt;
	caret-color: transparent;
	color: #FFFFFF;
	/*text-align: left;*/
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-left:10px;
	margin-right:10px;
}

.initialdoor hr {
	color:#fff;
	background:#fff;
}


.initialdoor ul {
  
    padding: 10px;
}

.initialdoor li {

	margin-left: 10px;
	margin-top: 5px;

}

@supports ( -moz-appearance:none ){.initialdoor li {margin-top: 2px;}}

.picloader {
	display: none;
}
.cartazentrada {
	position: absolute;
	z-index: 2000;
}
.premio {
	 text-transform: uppercase;
	display:inline-block;
	
	font-size: 8pt;
	font-weight: 700;
	
}

.premioing {
	display:inline-block;
	
	font-size: 8pt;


}

.nome {
	text-transform: uppercase;
	display:inline-block;

	font-size: 8pt;
	font-weight: 900;
/*	background-color: cyan; */
	margin:0px;
	padding:0px;
	
	
}

.pais {
	

	display:inline-block;
	
	font-size: 8pt;
	font-weight: 700;
line-height: 7pt; 
margin:0px;
/* background-color: yellow; */
}

.paising {
	display:inline-block;
	
	font-size: 8pt;
	
	line-height: 7pt;
margin:0px;
}

.viewerpicdescription .premio {
	color: #000; margin-right:1px;
}

.viewerpicdescription .premioing {
	color: #000; margin-left:1px;
}
.viewerpicdescription .pais {
	color: #000; margin-right:1px;
}

.viewerpicdescription .paising {
	color: #000; margin-left:1px;
}
.viewerpicdescription .nome {
	color: #000; 
}


#selectedpic {
	cursor: pointer;
}





.loadinganim {
	
  position:absolute;
  margin-left:140px;
  margin-top:140px;
  border: 80px solid #f3f3f3;
  border-radius: 80%;
  border-top:80px solid #3498db;
  width: 320px;
  height: 320px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  opacity:0.6;
}


/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}