html {
	height:100%;
}
body {
	min-width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	background: #A28B65;
}
p, a, form, input, select, textarea, h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
	line-height: 12px;
	font-size: 10px;
}
.maiusculas {
	text-transform: uppercase;
}
#global {
	width: 100%;
	box-sizing: border-box;
}
/* Home */
#home {
	float: left;
	width: 100%;
	height: 600px;
	background: url(/img/homeBg.gif);
}
#home h1 {
	display: none;
}
#homeBg {
	float: left;
	width: 1200px;
	height: 600px;
}
#home p {
	margin: 0 0 15px 0;
}
#home a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
#home .idiomas {
	padding: 50px 0 0 400px;
}
#abrir-menu {
	display: none;
}
h3.mobile-only {
	display: none;
}
/* Fim da Home */
/* Alerta */
#alerta {
	padding: 10px;
}
#alerta h3 {
	margin: 0 0 15px 0;
	color: #FFF;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 10px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
}
#alerta p {
	margin: 0 0 10px 0;
}
#alerta a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
/* Fim do Alerta */
/* Menu */
#menu {
	float:left;
	width: 100%;
	height: 75px;
	background: #6D665E;
}
#menu #fechar {
	display: none;
}
#menu #idiomas {
	float: left;
	width: 390px;
	padding: 15px 0 0 15px;
}
#menu #idiomas p {
	margin: 0 0 7px 0;
	font-size: 12px;
}
#menu #idiomas a {
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
}
#menu #idiomas a.selecionado {
	color: #CCC;
}
#menu #secoes {
	float: left;
	margin: 25px 0 0 0;
}
#menu #secoes h1 {
	height: 12px;
	margin: 0 0 15px 0;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
#menu #secoes h1 a {
	color: #999;
	text-transform: uppercase;
}
#menu #secoes a {
	float: left;
	margin: 0 45px 0 0;
	color: #CCC;
	font-size: 12px;
	text-decoration: none;
	text-transform: lowercase;
}
#menu #secoes a.selecionado {
	color: #999;
}
/* Fim do Menu */
/* Obra da Esquerda */
#obrasEsquerda {
	float: left;
	width: 405px;
	height: 851px;
}
/* Fim da Obra da Esquerda */
/* Obras */
#obras {
	float: left;
	width: calc( 100% - 405px);
	box-sizing: border-box; 
	padding: 45px 40px 0 40px;
}
#obras p {
	width: 100%;
	max-width: 350px;
	margin: 0 0 15px 0;
	color: #CCC;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 26px;
	font-family: Georgia, Times New Roman;
}
#obras a {
	color: #FFF;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 24px;
	font-family: Georgia, Times New Roman;
	text-decoration: none;
}
#obras h3 {
	margin: 0 0 25px 0;
	color: #FFF;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 10px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
}
#obras h3.formBusca {
	margin: 45px 0 25px 0;
}
#obras p.tecnicaParagrafo {
	display: block;
	width: 460px;
}
#obras input.tecnicaCheckbox {
	float: left;
	margin: 0 10px 0 0;
}
#obras label.tecnica {
	float: left;
	display: block;
	width: 180px;
	font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
	line-height: 28px;
	font-size: 24px;
	letter-spacing: 0px;
}
#obras label.ajuda {
	margin: 0 0 0 10px;
}
#obras label.periodo {
	float: left;
	display: block;
	width: 38px;
	font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	letter-spacing: normal;
}
#obras input.mes {
	width: 22px;
	border: none;
}
#obras input.ano {
	width: 52px;
	margin: 0 0 0 3px;
	border: none;
}
#obras textarea {
	width: 255px;
	height: 72px;
	margin: 0 0 0 20px;
	font-size: 12px;
}
#obras input.botao {
	display: flex;
	margin: 0 0 0 20px;
	background: #FFF;
	border: none;
	color: #000;
	font-size: 10px;
}
/* Fim das Obras */
/* Resultados */
#resultados {
	display: flex;
	padding: 25px 0 0 45px;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	box-sizing: border-box;
}
#resultados .obra {
	display: block;
	width: 80px;
	/* height: 120px; */
	margin: 0 13px 10px 0;
	position: relative;
}
#resultados .obra .imagem {
	/* position: absolute;
	top: 0;
	left: 0; */
	width: 100%;
	margin: 0 0 5px 0;
	height: 120px;
	overflow: hidden;
}
#resultados .obra .imagem a {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	display: block;
}
#resultados .obra .imagem a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #CCC;
}
#resultados .obra .imagem img.horizontal {
	margin-top: 60px;
	border: none;
}
#resultados .obra .imagem img.vertical {
	border: none;
}
#resultados .obra .image-pages {
	display: none;
}
#resultados .obra .info {
	margin: 0;
}
#resultados .obra .info p {
	margin: 0 0 5px 0;
	color: #CCC;
	font-size: 10px;
}
/* Carregar Mais */
#loadMore {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 0;
}
#loadMore button {
	cursor: pointer;
	margin-top: 20px;
	padding: 5px;
	border: none;
	font-size: 12px;
	text-transform: lowercase;
}
#loadSpinner {
	display: none;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 40px;
	padding: 20px;
	color: #CCC;
	font-size: 20px;
	opacity: .25;
}
/* Nova busca */
#novaBusca {
	float: left;
	padding: 25px 0 0 45px;
}
#novaBusca a {
	padding: 1px 2px;
	background: #FFF;
	color: #000;
	text-decoration: none;
}
/* Fim de Resultados */
/* Coluna da Esquerda */
#colunaEsquerda {
	float: left;
	width: 185px;
	padding: 50px 0 0 220px;
}
#colunaEsquerda a, #conteudo .entry a {
	float: left;
	display: block;
	width: 165px;
	margin: 0 0 15px 0;
	color: #CCC;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
}
#conteudo.clipping .entry a, #conteudo.clipping .entry .iconeContainer {
	display: none;
}
#colunaEsquerda a.selecionado {
	color: #666;
}
#colunaEsquerda .iconeContainer {
	float: left;
	display: block;
	width: 20px;
	color: #CCC;
}
#colunaEsquerda .iconeContainer.selecionado {
	color:  #666;
}
#colunaEsquerda img.icone {
	float: left;
	display: block;
	margin: 2px 10px 0 0;
}
/* Fim da Coluna da Esquerda */
/* Conteúdo */
#conteudo {
	float: left;
	width: calc( 100% - 405px );
	padding: 45px 0 0 0;
}
#conteudo p {
	width: 400px;
	margin: 0 0 20px 0;
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	font-family: Georgia, Times New Roman, Serif;
}
#conteudo p img {
	max-width: 100%;
}
#conteudo blockquote {
	width: 355px;
	margin: 0 0 20px 0;
	padding: 0 0 0 45px;
	color: #CCC;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	font-style: italic;
}
#conteudo p.assinatura {
	color: #CCC;
	text-align: right;
}
#conteudo p.imagem {
	margin: 0;
}
#conteudo p.legenda {
	color: #6D5D43;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	line-height: 20px;
	letter-spacing: 1px;
}
#conteudo p.titulo {
	margin: 0;
	color: #666;
	font-size: 14px;
	font-family: Georgia, Times New Roman, Serif;
	line-height: 20px;
}
#conteudo p.topo {
	text-align: right;
	text-decoration: none;
}
#conteudo p.topo a {
	color: #6D5D43;
	text-decoration: none;
}
#conteudo strong.titulo {
	margin: 0;
	color: #666;
	font-size: 14px;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: normal;
	line-height: 20px;
}
#conteudo .midia {
	width: 100%;
	height: 800px;
	padding: 0 20px;
	box-sizing: border-box;
	border: none;
}
#conteudo img.midia {
	width: 100%;
	max-width: 700px;
	height: auto;
}
/* Fim do Conteúdo */
/* Contato Esquerda */
#contatoEsquerda {
	float: left;
	width: 350px;
	height: 806px;
	padding: 45px 0 0 135px;
	background: #6D665E url(/img/contatoBg.gif) no-repeat;
	box-sizing: border-box;
}
#contatoEsquerda h3 {
	margin: 0 0 30px 0;
	color: #666;
	font-size: 14px;
	font-family: Georgia;
	font-weight: bold;
}
#contatoEsquerda p {
	margin: 0 0 20px 0;
	color: #CCC;
	font-size: 14px;
	font-family: Georgia;
	font-weight: normal;
	line-height: 20px;
}
#contatoEsquerda p a {
	font-family: Georgia;
	color: #CCC;
	font-size: 14px;
}
/* Fim do Contato Esquerda */
/* Contato */
.contato {
	display: flex;
	flex-direction: column;
	padding: 45px 40px 0 40px;
	box-sizing: border-box;
}
.contato h3 {
	margin: 0 0 30px 0;
	color: #666;
	font-size: 14px;
	font-family: Georgia;
	font-weight: bold;
	text-transform: uppercase;
}
.contato p {
	margin: 0 0 20px 0;
	color: #CCC;
	font-size: 14px;
	font-family: Georgia;
	font-weight: normal;
	line-height: 20px;
}
.contato b.pequeno {
	font-size: 12px;
}
#buscaFormulario {
	display: flex;
	flex-direction: column;
}
/* Fim do Contato */
/* Obra Ampliada */
#obraAmpliada {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 5;
}
#obraAmpliada p {
	margin: 0 0 20px 15px;
	color: #CCC;
	font-size: 12px;
	font-family: Arial, Verdana;
	line-height: 20px;
}
#obraAmpliada a {
	color: #CCC;
	font-size: 12px;
	font-family: Arial, Verdana;
	text-decoration: underline;
}
#obraAmpliada a:hover {
	color: #FFF;
}
#obraAmpliada .fundo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .9;
	z-index: 1;
}
#obraAmpliada .conteudo {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 11;
}
#obraAmpliada .conteudo .carregando {
	position: absolute;
	color: #fff;
	width: 100%;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}
#obraAmpliada .conteudo .container {
	position: relative;
	width: 80%;
	height: 80%;
	border: none;
	z-index: 19;
	overflow: hidden;
}
#obraAmpliada .conteudo img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#obraAmpliada .conteudo .navigation.hidden {
	display: none;
}
#obraAmpliada .conteudo .navigation {
	position: absolute;
	display: flex;
	justify-content: space-between;
	width: 90%;
	height: 50px;
}
#obraAmpliada .conteudo .navigation button {
	cursor: pointer;
	border: none;
	width: 50px;
	background: #444;
	color: #fff;
}
#obraAmpliada .conteudo .navigation button i {
	pointer-events: none;
}
#obraAmpliada .conteudo .navigation button.disabled {
	cursor: default;
	opacity: .25;
}
#obraAmpliada .conteudo .info {
	position: absolute;
	bottom: 50px;
	right: 50px;
	display: block;
	padding: 15px;
	width: 200px;
	z-index: 22;
	background: #000;
}
#obraAmpliada .conteudo .info p {
	margin: 0;
}
#carregando {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 18;
}
#carregando i {
	color: #FFF;
}
/* Fim da Obra Ampliada */
@media ( max-width: 800px ) {
	body {
		min-width: auto;
	}
	#global {
		display: flex;
		flex-direction: column;
	}
	#home {
		position: fixed;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		background: none;
	}
	#home h1 {
		display: flex;
		color: white;
		font-family: Georgia, Times New Roman;
		text-transform: uppercase;
		font-weight: lighter;
		position: relative;
		z-index: 2;
		line-height: normal;
		top: 150px;
		font-size: 5vw;
		width: 90%;
		align-items: baseline;
		justify-content: center;
		gap: 10px;
	}
	#home h1 .last {
		font-size: 150%;
	}
	#homeBg {
		position: fixed !important;
		background-position: right !important;
		height: 80%;
  		background-size: cover !important;
	}
	#abrir-menu {
		display: block;
		position: fixed;
		top: 40px;
		z-index: 3;
	}
	#abrir-menu a {
		color: #FFF;
		background: #6D5D43;
		padding: 15px;
		border: solid 1px #A28B65;
		border-left: none;
		font-size: 15px;
		text-decoration: none;
	}
	#menu {
		display: none;
		position: fixed;
		z-index: 4;
		top: 0;
		left: 0;
		float: none;
		flex-direction: column-reverse;
		justify-content: space-between;
		height: 100%;
	}
	#menu.aberto {
		display: flex;
	}
	#menu #fechar {
		position: absolute;
		top: 32px;
		right: 20px;
		display: block;
	}
	#menu #fechar a {
		color: #FFF;
		font-size: 20px;
		text-decoration: none;
	}
	#menu #idiomas {
		display: flex;
		justify-content: space-around;
		box-sizing: border-box;
		width: 100%;
		padding: 20px 20px 40px;
	}
	#menu #idiomas a {
		padding-bottom: 10px;
		font-size: 16px;
	}
	#menu #idiomas a.selecionado {
		border-bottom: solid 1px #CCC;
	}
	#menu #secoes {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
	#menu #secoes h1 {
		width: 100%;
		height: auto;
		margin-bottom: 30px;
		padding: 0 20px;
		line-height: normal;
	}
	#menu #secoes h1 a {
		width: 100%;
		margin: 0;
		padding: 0;
		border: none;
	}
	#menu #secoes a {
		margin: 0;
		padding: 10px 20px;
		border-bottom: solid 1px #A28B65	;
		font-size: 30px;
		line-height: normal;
	}
	#homeBg {
		width: 100%;
	}
	#obrasEsquerda {
		width: 100%;
		height: 200px;
		background-size: cover !important;
		z-index: 1;
	}
	#obras {
		float: none;
		width: 100%;
    	box-sizing: border-box;
	}
	#resultados {
		display: flex;
		flex-direction: row;
		width: 100%;
		box-sizing: border-box;
		padding: 100px 5px 5px 5px;
		gap: 5px;
	}
	#resultados .obra {
		display: flex;
		flex-direction: column;
		width: calc( 33.333333% - 4px );
		height: calc( 33.333333vw - 4px );
		margin: 0;
		padding: 0;
    	box-sizing: border-box;
	}
	#resultados .obra .imagem {
		display: flex;
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0;
	}
	#resultados .obra .imagem a {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background: #ccc;
	}
	#resultados .obra .imagem a img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#resultados .obra .imagem a img.bg {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
		filter: blur( 10px ) opacity( .5 );
	}
	#resultados .obra .info {
		display: none;
	}
	#resultados .obra .info p {
		font-size: 24px;
		line-height: normal;
	}
	#resultados.zoom {
		padding: 0;
		background: #000;
	}
	#resultados.zoom .obra {
		display: flex;
  		justify-content: space-between;
		width: 100%;
		height: 100vh;
		touch-action: none;
	}
	#resultados.zoom .obra .imagem {
		flex-grow: 1;
	}
	#resultados.zoom .obra .imagem a img {
		transition: left .5s;
		object-fit: contain;
	}
	#resultados.zoom .obra .image-pages {
		display: flex;
		gap: 5px;
		background: #CCC;
		height: 40px;
		justify-content: center;
		align-items: center;
		font-size: 10px;
	}
	#resultados.zoom .obra .image-pages i {
		color: #fff;
		transition: filter .5s;
		filter: brightness( 25% );
	}
	#resultados.zoom .obra .image-pages i.selected {
		filter: brightness( 100% );
	}
	#resultados.zoom .obra .info {
		display: block;
		padding: 20px 20px 60px 20px;
	}
	#resultados.zoom .obra .info p:last-child {
		margin-bottom: 0;
	}
	#loadMore {
		display: none;
	}
	#loadMore span {
		font-size: 16px;
	}
	#loadMore button {
		margin: 20px 0;
		padding: 10px;
		font-size: 16px;
	}
	#loadSpinner {
		display: flex;
	}
	#obraAmpliada .conteudo img {
		width: calc( 100% - 20px );
  		height: calc( 100% - 20px );
		object-fit: contain;
	}
	#obraAmpliada .conteudo .info {
		bottom: 0;
		right: 0;
		box-sizing: border-box;
		width: 100%;
	}
	#buscaFormulario {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		width: 100%;
	}
	#obras p.tecnicaParagrafo {
		display: flex;
		width: 100%;
	}
	#obras p.data {
		display: flex;
		align-items: center;
	}
	#obras textarea {
		margin: 0;
	}
	#obras label.periodo {
		font-size: 24px;
	}
	#obras input.mes {
		padding: 10px;
		font-size: 15px;
	}
	#obras input.ano {
		padding: 10px;
		font-size: 15px;
	}
	#obras label.ajuda {
		font-size: 24px;
	}
	#obras input.botao {
		margin: 0;
		padding: 10px;
		color: #6D5D43;
		font-size: 15px;
	}
	#colunaEsquerda {
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		padding: 100px 20px 20px 20px;
	}
	#colunaEsquerda.no-mobile {
		display: none;
	}
	#colunaEsquerda a {
		width: 100%;
		font-size: 15px;
		line-height: normal;
	}
	#colunaEsquerda .entry {
		display: flex;
		margin-bottom: 20px;
	}
	#conteudo {
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
	}
	#conteudo.clipping {
		padding: 100px 0 0 0;
	}
	#conteudo.clipping h3 {
		padding: 0 20px;
	}
	#conteudo.clipping embed {
		width: 100%;
		margin: 0;
	}
	#conteudo.clipping .entry .iconeContainer {
		display: flex;
		margin-bottom: 10px;
		padding: 0 20px;
		color: #CCC;
		font-size: 20px;
	}
	#conteudo.clipping .entry .iconeContainer.selecionado {
		color: #666;
	}
	#conteudo.clipping a {
		display: block;
		width: 100%;
		padding: 0;
		font-size: 18px;
	}
	#conteudo.clipping a.selecionado {
		color: #666;
	}
	#conteudo.clipping a img {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
	}
	#conteudo.clipping .entry a.link {
		display: flex;
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding: 0 20px;
		line-height: normal;
	}
	#conteudo.clipping .entry {
		margin-bottom: 30px;
	}
	#conteudo.solo {
		padding-top: 100px;
	}
	#conteudo p, #conteudo blockquote {
		width: 100%;
		box-sizing: border-box;
	}
	#conteudo iframe {
		width: 100%;
		margin-bottom: 20px;
	}
	#conteudo p.titulo {
		font-size: 18px;
		line-height: normal;
	}
	#conteudo p.imagem {
		width: 100%;
		box-sizing: border-box;
	}
	#conteudo p.imagem img {
		max-width: 100%;
	}
	#obras h3.mobile-only, h3.mobile-only, #contatoEsquerda h3.mobile-only {
		display: block;
		margin-bottom: 20px;
		color: #666;
		font-size: 32px;
		font-family: Georgia, Times New Roman;
		font-weight: lighter;
		line-height: normal;
	}
	#resultados h3 {
		width: 100%;
		padding: 0 20px;
	}
	#resultados p.no-results {
		padding: 0 20px;
	}
	#contatoEsquerda {
		display: flex;
		width: 100%;
		flex-direction: column;
		height: auto;
		padding-top: 100px;
		background: none;
		padding: 100px 20px 20px 20px;
	}
	.contato {
		padding: 20px;
		width: 100%;
	}
	#contatoBg {
		background: url(/img/contatoBg.gif) no-repeat bottom;
		background-size: contain;
		min-height: 100%;
		height: 100%;
		position: fixed;
		width: 100%;
		background-size: contain;
		overflow-y: auto;
	}
}
#zoomOriginal {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: white;
	border: none;
	padding: 1em;
	cursor: pointer;
	&.mobile {
		position: fixed;
	}
}
aside#cookie-consent {
	&::before {
		background: #333;
	}
	.cookie-boolean {
		background: #ddd !important;
		&::before {
			background: #fff !important;
		}
		&.selected {
			background: green !important;
		}
	}
	h3 {
		font-size: 1em;
	}
	#cookie-main {
		gap: 0;
		background: #fff;
		.cookie-buttons {
			padding: 0;
			button {
				background: #ddd;
				color: #333;
			}
		}
	}
	#cookie-customize {
		background: #fff !important;
		h3 {
			line-height: 1;
		}
		.cookie-buttons {
			padding: 0;
			button {
				background: #ddd;
				color: #333;
			}
		}
	}
}
@media (max-width: 600px) {
	aside#cookie-consent {
		width: 100%;
		padding: 0 !important;
	}
	#zoomOriginal {
		display: none;
		&.visible {
			display: block;
		}
	}
}