@charset "utf-8";

/* DOCUMENTO CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

address {
	font-style: initial;
}

a {
	color: inherit;
	text-decoration: none;
}

body, button {
	font-size: 62.5% /*onde 62.5% equivale a 12px*/;
}

button {
	cursor: pointer;
}

html, body {
   margin:0;
   padding:0;
   height:100%;
}

.tudo {
   min-height: 100%;
   position: relative;
   overflow: auto;
}

.conteudo{
	position: relative;
	display: block;
	width: 95%;
	max-width: 1200px;
	margin: auto;
	height: inherit;
}

#menu_responsivo {
	display: none;
}

hr {
	color: rgba(187, 187, 187, .5);
	width: 188px;
}

.menu_ativo {
	border-bottom: 4px #FFF solid;
}

.menu_inativo {
	border: none;
}

/*ESPAÇOS GERAIS*/

#espaco_rodape {
	position: relative;

	min-height: 70px;
}

/*TOPO*/

#topo_1 {
	position: fixed;
	display: block;

	width: 100%;
	min-height: 30px;
	height: auto;

	padding-top: 10px;

	background-color: #E7B961;
	z-index: 100;
}

#topo_1 #tabela_info_topo {
	position: absolute;

	right: 8%;
	top: 0;

	width: 45%;
}

#tabela_info_topo tr td{
	vertical-align: middle;
}

#tabela_info_topo tr td div{
	text-align: center
}

#topo_1 #bloco_redes_sociais {
	position: absolute;

	right: 0;
	top: 0;

	width: 5.5%;
}

#bloco_redes_sociais img[name="icone-instagran-topo"]{
	float: right;
}

#topo_2 {
	position: fixed;
	display: block;

	width: 100%;
	min-height: 100px;
	height: auto;

	z-index: 1005;
	margin-top: 40px;	

	background-color: rgba(0, 0, 0, .65);
}

#topo_2 #bloco_logo_topo {
	position: absolute;

	top: 25px;

	width: 26%;
	height: 134.5px;

	text-align: center;

	background: url("../img_site/baixo-bloco-logo.png") bottom center no-repeat;
}

#bloco_logo_topo img{
	position: relative;

	margin-top: 6.25%;
}

#topo_2 nav#menu {
	position: relative;

	float: right;

	top: 50px;

	width: 40%;
	height: 50px;
}

#menu ul {
	position: relative;
	display: flex;
	justify-content: space-between;

	list-style: none;

	height: inherit;
}

#menu ul li{
	position: relative;

	width: 20%;

	text-align: center;
}

/*A IMPERIAL*/

#topo-aimperial {
	position: relative;
	margin-top: -63px;
	width: 100%;
	height: 63px;
	z-index: 500;
	background: url("../img_site/barra-topo-aimperial.png") no-repeat center bottom;
	background-size: 100% 100%;

	border-radius: 1px red solid;
}

#aimperial {
	position: relative;
	overflow: hidden;
	z-index: 200;

	text-align: center;
}

#aimperial #aimperial-1 {
	position: relative;
	float: left;

	text-align: left;

	margin-top: 120px;

	max-width: 44%;
}

#aimperial-1 h3{
	position: relative;
	margin-bottom: 40px;
}

#aimperial-1 div#btt_saiba_mais_1{
	position: relative;

	cursor: pointer;

	width: 144px;
	height: 37px;
	line-height: 37px;

	margin-top: 20px;

	text-align: center;

	background-color: #E5B85F;
}

#aimperial-2 div#btt_saiba_mais_2 {
	display: none;
}

#aimperial-1 hr {
	position: relative;

	margin: 40px auto; 
}

#aimperial #aimperial-2 {
	position: relative;
	float: right;

	width: 53%;

	margin-top: 100px;
}

/*------------------------------------------------APLICAÇÃO CONJUNTA-----------------------------------*/
#aimperial-2 div#bloco_1_aimperial_2, #aimperial-2 div#bloco_3_aimperial_2{
	position: relative;

	max-width: 310px;
	max-height: 248px;
}

#aimperial-2 div#bloco_1_aimperial_2 img, #aimperial-2 div#bloco_3_aimperial_2 img{
	position: relative;

	max-width: 100%;
	max-height: auto;
}

#aimperial-2 div#bloco_2_aimperial_2, #aimperial-2 div#bloco_4_aimperial_2{
	position: relative;

	max-width: 310px;
	max-height: 370px;
}

#aimperial-2 div#bloco_2_aimperial_2 img, #aimperial-2 div#bloco_4_aimperial_2 img{
	position: relative;

	max-width: 100%;
	max-height: auto;
}
/*-----------------------------------------------------------------------------------*/

#aimperial-2 div#bloco_1_aimperial_2 {
	position: relative;
	float: left;
}

#aimperial-2 div#bloco_2_aimperial_2 {
	position: relative;
	float: right;
}

#aimperial-2 div#bloco_3_aimperial_2 {
	position: relative;
	float: right;
	clear: both;

	top: 20px;
}

#aimperial-2 div#bloco_4_aimperial_2 {
	position: relative;
	margin-top: 42.5%;
	clear: left;
}

#aimperial-3 {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;

	top: 25px;

	width: 44%;
	height: auto;
}

#aimperial-3 .aimperial-3-bloco {
	position: relative;

	max-width: 23%;
	height: auto;

	margin-bottom: 15px;
}

.aimperial-3-bloco img{
	position: relative;

	max-width: 100%;
	height: auto;
}

/*PROJETOS*/

#topo-projetos {
	position: relative;
	margin: 50px 0 -64px 0;
	width: 100%;
	height: 64px;
	z-index: 500;
	background: url("../img_site/barra-topo-projetos.png") no-repeat center bottom;
	background-size: 100% 100%;

	border-radius: 1px red solid;
}

#projetos {
	position: relative;
	overflow: hidden;

	background: url("../img_site/fundo-projetos.jpg") no-repeat center top;
	background-size: cover;

	min-height: 545px;

	text-align: center;
}

#container_geral_projetos {
	position: relative;

	margin-top: 130px;
}

#projetos h1 {
	color: #FFF;
}

#projetos hr {
	color: #FFF;
}

#projetos #container_flex_projetos {
	position: relative;
	display: flex;
	justify-content: space-between;

	width: 100%;
	height: auto;

	margin-top: 40px;
}

#projetos #container_flex_projetos #bloco_flex_projetos_1:hover .btt_bloco_flex_projetos{
	background-color: #FFF;
	border: 1px #E6B860 solid;
	color: #E6B860;
}

#projetos #container_flex_projetos #bloco_flex_projetos_2:hover .btt_bloco_flex_projetos{
	background-color: #FFF;
	border: 1px #E6B860 solid;
	color: #E6B860;
}

#projetos #container_flex_projetos #bloco_flex_projetos_3:hover .btt_bloco_flex_projetos{
	background-color: #FFF;
	border: 1px #E6B860 solid;
	color: #E6B860;
}

#projetos #container_flex_projetos #bloco_flex_projetos_4:hover .btt_bloco_flex_projetos{
	background-color: #FFF;
	border: 1px #E6B860 solid;
	color: #E6B860;
}

#projetos #container_flex_projetos #bloco_flex_projetos_5:hover .btt_bloco_flex_projetos{
	background-color: #FFF;
	border: 1px #E6B860 solid;
	color: #E6B860;
}

#projetos #container_flex_projetos #bloco_flex_projetos_6:hover .btt_bloco_flex_projetos{
	background-color: #FFF;
	border: 1px #E6B860 solid;
	color: #E6B860;
}

#container_flex_projetos .btt_bloco_flex_projetos {
	position: relative;

	cursor: pointer;

	max-width: 100%;
	height: 50px;
	line-height: 50px;

	margin-top: 20px;

	border: 1px #FFF solid;

	transition: .5s all ease-in-out;
}

.btt_bloco_flex_projetos:hover {
	background-color: #FFF;
	border: 1px #E6B860 solid;
	color: #E6B860;
}

/*CONTATO*/

#contato {
	position: relative;

	text-align: center;
}

#contato h1 {
	margin: 20px 0;
}

#contato hr {
	color: #BBBBBB;
}

#container_flex_contato {
	position: relative;
	display: flex;
	justify-content: space-between;


	margin-top: 70px;
}

#container_flex_contato .bloco_flex_contato {
	position: relative;
}

.bloco_flex_contato:nth-child(3) {
	line-height: 25px;
}

.bloco_flex_contato img{
	position: relative;

	max-width: 100%;
	height: auto;

	margin-bottom: 15px;
}

#form_contato {
	position: relative;
	overflow: hidden;

	max-width: 70%;
	height: 170px;

	margin: 50px auto 0 auto;
}

#form_contato form {
	position: relative;
	overflow: hidden;

	max-width: 100%;
	height: inherit;
}

#form_contato form input {
	position: relative;

	width: 403px;
	height: 35px;

	padding-left: 5px; 

	margin-bottom: 10px;

	border: 1px #DDDDDD solid;
}

#form_contato form input:nth-child(1) {
	float: left;
}

#form_contato form input:nth-child(2) {
	float: right;
}

#form_contato form input:nth-child(3) {
	float: left;
	clip: both;
}

#form_contato form input:nth-child(4) {
	float: right;
}

#form_contato form input[type="submit"] {
	position: absolute;

	cursor: pointer;

	width: 107px;
	height: 29px;

	margin-left: 50%;
	left: -53.5px;
	bottom: 0;

	background-color: #E6B860;
}

#form_contato form textarea {
	position: relative;
	float: right;

	padding: 5px 0 0 5px;

	width: 403px;
	height: 45px;

	border: 1px #DDDDDD solid;
}

/*CONTEUDO*/

footer {
	position: absolute;

	width: 100%;
	min-height: 60px;
	line-height: 60px;
	height: auto;

	bottom: 0;

	background-color: #333333;
}

footer img[name="logo-adaptweb"] {
	position: absolute;

	right: 0;
	top: 10px;
}