* { margin:0; padding:0; border:0 none; outline:0; vertical-align:baseline; background:transparent; text-decoration:none; font:inherit; list-style:none; quotes:none; border-collapse:collapse; border-spacing:0; resize:none; box-sizing:border-box; letter-spacing:0px; color:inherit; text-align:inherit; }	
@font-face {
    font-family: 'giz';
    src: url('fonts/djb_chalk_it_up-webfont.woff2') format('woff2'),
         url('fonts/djb_chalk_it_up-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html { height: 100%; --cor:#f2c600; }
body{ font-size: 12.6px; font-family: "ARIAL"; height: 	100%}
	.padrao figure { float:left; width:33%; margin:0 1em 0.5em 0; }
		.padrao img { width:100%; }
		.padrao figcaption { font-size:0.75em; }
	.padrao p { margin:0 0 1em; text-align:justify; }
	.padrao strong, .padrao b { font-weight:bold; }
	.padrao em, .padrao i { font-style:italic; }
	.padrao hr { border-top:1px solid var(--cor); margin-bottom:1em; }
	.padrao a { color:var(--cor); text-decoration:underline; }
	.padrao s { text-decoration:line-through; }
	.padrao blockquote { font-style:italic; padding-left:1em; border-left:2px solid var(--cor); display:table-cell; border-bottom:1em solid transparent; font-family:serif; font-size:1.2em; text-indent:-0.5em; }
		.padrao blockquote p:last-child { margin-bottom:0; }		
		.padrao blockquote strong { font-style:normal; font-size:0.7em; font-family:"arial"; }
			.padrao blockquote strong:before { content:''; display:block; height:0.66em; }
	.padrao ul, .padrao ol { padding-bottom:1em; counter-reset:li; }
		.padrao li { padding:0 0 0.5em 1em; position:relative; display:flow-root; text-align:justify; }
		.padrao ul>li:before { content:'\2022'; position:absolute; left:0.25em; top:0; color:var(--cor); }
		.padrao ol>li:before { content:counters(li,'.')' '; counter-increment:li; font-weight:bold; color:var(--cor); text-align:right; position:absolute; right:calc(100% - 0.75em); }
			.padrao li>ol, .padrao li>ul { margin:0.5em 0 0; padding-bottom:0; }
 button{ color: #f2c600; font-size: 35px; position:absolute; top:-4px; right:-2px; z-index: 90}
 button:hover { cursor: pointer;  }
iframe {width:100%; min-width:800px; height:90%; min-height:500px;  display:block; background:#d1d1d1 url(imagens/loading.gif) center no-repeat;  }
	.padrao iframe { width:100%; min-width:0; height:80px; min-height:0; background:none transparent; }
html.noscroll { overflow-y:hidden; }
	html.noscroll body { overflow:hidden; xposition:fixed; }
		.overlay { background:rgba(0,0,0,0.4); position:fixed; z-index:7; left:0; top:0; width:100%; height:100%; overflow-y:auto; overflow-x:hidden; text-align:center; display:none; padding:30px; }
		.overlay:before { content:'\200B'; display:inline-block; height:100%; vertical-align: middle; }
			.popup { max-width:891px; position:relative; padding:30px; background:#fff; overflow:hidden; display:none; text-align:left; vertical-align:middle; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.25); }
				.popup h1 { font-size:1.47em; font-weight:500; text-align: center; margin-bottom:1em; }
				.popup h1:before { width:100%; height:5px; position:absolute; left:0; top:2em; }
				.popup h1 a { position:absolute; top:5px; right:10px; font-size:1.3em; text-decoration:none; }
				.popup footer { padding-top:30px; margin-top:30px; border-top:2px solid #ececec; clear:both; }
				.popup_close:hover {cursor: pointer; }
				footer a.cancel { color:#0088cc; font-size:1.25em; line-height:2em; margin-left:60px; }
.divContato{	position: relative; float: left; width: 25%; height: 50%; background: white; padding: 1.5%}
	.divContato div { position: absolute; bottom: 4%; width: 88%;}
		.divContato p{ text-align: justify; font-family: 'Oswald', sans-serif; color:#504f51; font-size: 1em}
		.divContato p:after{ line-height:0; content:''; width: 100%;}
		.divContato strong { color:#f2c600;}
		.divContato p img{ margin-right: 5px; height: 1.2em; fill: red}
.divProjetos{	float: left;width: 50%;	height: 25%; background:#666; position: relative; overflow: hidden; cursor:pointer;}
	.divProjetos div {  width: 10%;  height: 33.33%;  position:relative;  float:left;}
	.divProjetos div:before { content:'';  position:absolute;  width:100%;  height:100%;  transition: transform 0.6s; background: url(imagens/azulejo_a.png);  background-size: 100% 100%; 	  transform-origin:left;    transition: all 1s;}
	.divProjetos>div:hover:before, .divProjetos div.ativo:before { transform:perspective(100px) rotateY(90deg); cursor: pointer;}
	.divProjetos div.inativo:before { display: none; }
		.divProjetos h2 { text-indent: -100%; position: absolute; width: 30%; height: 33.33%; background: url(imagens/projetos_tit.gif); background-size: 100% 100%; left:10%; top: 0; overflow: hidden }
		.divProjetos img { position: absolute; width: 30%; height:calc(100% / 3 * 2); object-fit: contain; background: white;}
		.divProjetos span { content: ''; position: absolute; width: 100%; height:100%;  left:0; top: 0; box-shadow: inset 0px 0px 10px rgba(0,0,0,1); }
		.divProjetos li {width: 30%; height: 66.68%}
		.divProjetos .projetoL { left:60%; object-fit: cover; }
		.divProjetos .projetoF { left:40%; top:33.33%; object-fit:cover;}
		.divProjetos .shadowL { left:60%; box-shadow: inset 0px 0px 55px rgba(0,0,0,1); position: absolute;}
		.divProjetos .shadowL~.shadowL { left:40%; top:33.33%; }
		
.projetos { background-color: #777; }
	.projetos h1 a { right: 10px; top:0; }
	.projetos>ul {    overflow-y: auto;   height: 90%;    margin: 4% 0% 4% 4%;    padding-right: 4%; }
		.projetos>ul>li {cursor:pointer; font: normal 1em/1.5 Arial; background: rgba(0,0,0,0.1);  float: left;  left: 5px;  margin: 0 0 20px;  width: 100%;}
		.projetos>ul>li:hover { color:#FFFFFF; cursor: pointer; }
			.projetos>ul>li>img { float: left; width: 100px; height: 100px; margin-right: 15px;object-fit: cover;}
			.projetos>ul>li>h3 { padding:10px;}
			.projetos>ul>li>iframe {display: none; background:#d1d1d1 url(imagens/loading.gif) center no-repeat; height: 900px;  }
.divCinema{	float: left;width: 25%;	height: 25%; position: relative; overflow: hidden;}
	.divCinema img.fundo3 {height: calc(100% + 10px); width:calc(100% + 10px); object-fit: cover;}
	.divCinema img.logo3 {position: absolute; left:0; top:0; object-fit: contain; height: 100%; width: 100%; }
		.divCinema img.iconeIG {position: absolute; right: 7%; bottom: 15%; width: 11%; height: 11%}
	.divCinema img.iconeFB {position: absolute; right: 7%; bottom: 35%; width: 11%; height: 11%}
.divLousa{	float: left;width: 25%;	height: 25%; background: url(imagens/quadro.png); align-items: center; background-size: 100% 100%; font: 1.8em/1.1 'giz'; color:white; text-align: center; display: table; position: relative; }
	.divLousa p {text-align: center;  display: table-cell; vertical-align: middle; padding: 0 10%; }
		.divLousa em { font-size: 0.5em; position: absolute; bottom: 9%; right: 5%;  }
.divTextos{	float: left;width: 50%;	height: 75%; background: url(imagens/textos_mesa.jpg); position: relative; background-size: 100% 100%;  }
		.divTextos img { position: absolute; left:13.45%; height: 24.6%; width: 11.4%; top: 9.3%;object-fit: cover; }
		.divTextos img~img {  top: 52.25%; }
		.divTextos .shadowBG { position: absolute; left:13.45%; height: 24.6%; width: 11.4%; top: 9.3%; box-shadow: inset 0px 0px 10px rgba(0,0,0,1);}
		.divTextos .shadowBG~.shadowBG { top: 52.25%; }
		.divTextos .shadowBG:hover {cursor: pointer;} 
		.divTextos h3 {position: absolute; background: rgba(0,0,0,0.1); max-width: 43%; left: 29.7%; top: 15%; padding: 1%;font: bold 1em/1.5 Arial; }
		.divTextos .shadowBG:hover+h3, .divTextos h3:hover { cursor:pointer; color:#fff; }
		.divTextos h3~h3 { top: 47%; }
		.divTextos button { height: 13%; right: 40.7%;position: absolute; bottom: 16.7%;top: auto; overflow: hidden; width: 14%; opacity: -1; z-index:1;}
		.divTextos button:hover { opacity: 100; cursor: pointer; }
		.texto_rodape { font-size:0.7em; display: auto }
		.texto_rodape h2 { text-align:left; }
	p.quote { margin:2em; padding:3em 0; text-align:center; font:italic 1.2em/1 Times, Georgia, serif; clear:both; overflow:hidden; position:relative; }
	.home p.quote { margin:0 14em 2em; padding:0; }
	p.quote em { font-weight:bold; font-size:1.5em; line-height:0.001em; position:relative; top:0.15em; margin:0 -0.1em 0 -0.2em; color:#C0E490; }
	p.quote span { position:absolute; right:0; bottom:0; color:#C0E490; font:bold 0.75em/1 Verdana, Georgia, serif; }
		.texto p.quote { font-size:1.2em; line-height:1.2em; padding:0 0 1em; margin-bottom:1em; }
		.texto sup { vertical-align:baseline; position:relative; bottom:0.7em; font-size:0.7em; }		
.textos{ overflow: hidden; position: absolute; height:75%; right: 50%; bottom: 0; width: 0%; background: url(imagens/textos_repete.jpg); background-size: 100% 100%; z-index:1; }
.textos>ul { overflow-y:auto; height:90%; margin:0 0% 4% 4%; padding-left:4%; direction:rtl; }
	.textos ::placeholder { color:#fff; }
		.textos>ul>li {font: normal 1em/1.5 Arial; background: rgba(0,0,0,0.1);  float: left;  left: 5px;  margin: 0 0 20px; width: 100%; direction:ltr; }
		.textos>ul>li>h3 { padding:10px; font-weight:bold; height:100px;}
		.textos h3 em, .divTextos h3 em { display:block; font-size:0.9em; font-weight:normal; }
		.textos>ul>li:hover { color:#FFFFFF; cursor: pointer; }
		.textos>ul>li>img { float: left; width: 100px; height: 100px; margin-right: 15px;object-fit: cover;}
		.textos .textoBG { background: white; clear: both; display: none; }	
.divAuguri{	overflow: hidden;position: absolute;top: 50%;float: left; padding:3% 0; width: 50%;height: 50%;  background-size: cover; cursor:pointer;}
		.divAuguri p { position: absolute; top:0; left: 0;width:100%;height: 100%; background: url(imagens/augurifundo.jpg) center center;  background-size: cover; filter: blur(20px); -webkit-mask-image:url(imagens/auguriblur.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; }
		.divAuguri p~p { display:none; }
		.divAuguri img.fundo {position: absolute;object-fit: cover; height: 100%;width: 100%;top: 0;left: 0}
		.divAuguri img.fundo {position: absolute;object-fit: cover; height: 100%;width: 100%;top: 0;left: 0}
		.divAuguri .blurlogo {object-fit: contain; width: 100%;position: relative;height: 100%;}
		.divAuguri.ativo button {color:white; text-shadow: 0px 0px 10px rgba(0,0,0,0.6); font-size: 50px; right:20px; display: block;}
		.divAuguri button {display: none;}
.auguri { overflow: hidden;position: absolute; bottom: 0; width: 100%; height: 0%; background: white; color: black; font-size: 1em;}
	.auguri>img { float: left; padding-bottom: 36px;} 
	.divE {	border-right: 1px solid black; padding-right: 40px; float:left; clear: left;	position: relative;;}
	.divM { left: 100%;width: 109%; position: absolute; bottom: 0; padding-left: 40px;}
		.auguri strong {font: 900 20px/1.5 'Oswald', sans-serif; text-transform: uppercase; }
		.auguri div img { vertical-align: bottom; height: 1.1em; margin: 3px 5px 5px 0;}
		.auguri h4 { font: normal 14px/1.5em "Arial";}
		.auguri a { font:normal 17px/1.5em "Arial";}
	.divD { padding-right: 40px; float:right;border-right: 1px solid black;max-width: 500px; text-align: right; font-size: 22px; font-family: "Oswald"; position: relative; margin-right: 50px;}
		.divD:after { background: url(imagens/quote.gif) no-repeat; width:50px; height:50px; position: absolute; left:101%; top:0; margin-left: 15px;content:''; }

/* www.augurihumanamente.com.br */
.siteauguri>div, .siteauguri .divAuguri.ativo button { display:none;  }
.siteauguri>.divAuguri { display:block; pointer-events:none; width:100%; height:33%; top:0px; padding:0px; }
.siteauguri>.auguri { display:block; height: 67%; padding: 40px; }

@media screen and (max-width: 1024px) 
{
	body>div {position: absolute; font-size:2em;}
 
 .divContato {  width: 50%; height: 33.33%; top: 0; left: 0;}
 .divProjetos {  left: 0; top: 33.33%; height: 10%; width: 50%; position: absolute;}
 .divCinema {  right: 0; top: 0; width: 50%; height: 16.67% }
 .divLousa {  left: 0; top: 43.3%; width: 50.51%; height: 23.34%; position: absolute; font: 3.1em/1.1 'giz';}
 .divLousa em {font-size:  0.9em}
 .divTextos {  bottom: 0; width: 100%; height: 33.33%; position: absolute;}
 .divAuguri {  right: 0; height: 50%; top:16.67%;}
 .popup h1 a { font-size: 2.5em; }
 .textos { right: 0; height: 100%; } 
 .textos>ul { margin: 20% 2% 4%; direction:ltr; }
 .textos>ul>li {font: normal 1.2em/1.5 Arial; }
 .textos>button {font-size: 90px; right: 4%}
 .auguri .divE { position: absolute; top: 63%; left: 7% }
 .auguri .divD { font-size: 30px; max-width: 580px }
 .auguri .divD>strong { font-size: 30px  }
 .auguri img { left: 10%;  }
 .auguri .psicoimg { position: absolute; left: 5%; top: 46%; height: 15% }
 		.auguri strong {font: 900 23px/1.5 'Oswald', sans-serif; text-transform: uppercase; }
		.auguri div img { vertical-align: bottom; height: 1.1em; margin: 3px 5px 5px 0;}
		.auguri h4 { font: normal 16px/1.5em "Arial";}
		.auguri a { font:normal 21px/1.5em "Arial";}
 }