@charset "utf-8";

/* Geral /////////////////////////////////// */
body { width: 100%; margin: 50px 0; padding: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #1B1B1B; color: #fff; font-family: 'Lota Grotesque'; }
a { color: inherit; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }

/*
.background-image: url("img.jpg");
.height: 50vh;
.style="background-image: url('img/foto1.jpg');"
.width: calc(100% - 150px);
.font-family: 'Open Sans', sans-serif;
.rgb(0, 0, 0, 0.2)
.rgb(255, 255, 255, 0.2)
*/
.geral { width: calc(100% - 100px); margin: 0 50px 100px 50px; display: table; padding: 0; }
.conteudo_geral { width: 94%; display: table; padding: 0 3% 0 3%; margin: 100px 0 0px 0; font-weight: 300; text-transform: none; line-height: 35px;  }






/* HOME /////////////////////////////////// */
.texto_topo_geral { width: 94%; display: table; padding: 200px 3%; margin: 0 auto; font-size: 65px; font-weight: bold; text-transform: uppercase; line-height: 60px; letter-spacing: 2px; text-align: left; }
.texto_topo_geral span { font-weight: 300; }

.projetos_destaques { width: 100%; display: table; padding: 50px 0; margin: 0; border: 0; position: relative; border-top: 1px solid #7A7A7A; border-bottom: 1px solid #7A7A7A; }
.projetos_destaques span { color: #fff; border-radius: 100px; border: 1px solid #fff; padding: 7px 30px 5px 30px; margin: 50px; position: absolute; top: 0; left: 0; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 300; }
.projetos_destaques img:hover { cursor: pointer; opacity: 0.5; }

.pd_menores { width: 100%; display: table; padding: 0; margin: -6px 0 0 0; border: 0; }
.pd_menores img { width: 50%; float: left; border: 0; }

.pd_grande { width: 100%; display: table; padding: 0; margin: 0; border: 0; position: relative; }
.pd_grande img { width: 100%; border: 0; }



/* SERVICOS /////////////////////////////////// */
.servicos_item { width: calc(27% - 1px); display: table; float: left; list-style: none; font-size: 18px; font-weight: 400; line-height: 23px; letter-spacing: 2px; margin: 0 10% 0 0; padding: 0 10% 30px 0; border-right: 1px solid #7A7A7A; }
.servicos_item span { display: table; font-size: 11px; margin: 30px 0 10px 0; border-bottom: 1px solid #7A7A7A; text-align: left; }
.servicos_texto { width: 53%; margin: 30px 0 0 0; padding: 0 0 0 0; display: table; float: left; font-size: 45px; line-height: 43px; letter-spacing: 2px; }
.servicos_bt { margin: 30px 0 0 0; border: 0.5px solid #ffffff; border-radius: 100px; padding: 17px 35px 14px 35px; display: table; font-weight: bold; text-transform: uppercase; position: relative; }
.servicos_bt:hover { border: 0.5px solid #ffffff; background-color: #fff; color: #1B1B1B; }
.servicos_bt img { margin: -1px 0 0 80px; position: absolute; }



/* MENU /////////////////////////////////// */
.menu_geral { width: 94%; display: table; padding: 0 3%; letter-spacing: 2px; font-size: 18px; }
.menu_bloco_a { width: 25%; display: block; float: left; text-align: left; }
.menu_bloco_b { width: 75%; display: block; float: left; text-align: right }
.menu_bloco_b a { margin: 0 0 0 20px; }
.menu_geral a:hover { text-decoration: none; font-weight: 900; }



/* RODAPE /////////////////////////////////// */
.rodape_geral { width: calc(94% - 100px); display: table; padding: 200px 3% 0 3%; margin: 0px 50px 0 50px; font-size: 35px; font-weight: 300; line-height: 35px; border-top: 1px solid #7A7A7A; }

.rodape_a { width: 60%; display: table; float: left; }
.rodape_a a { text-decoration: underline 1px; }
.rodape_a a:hover { text-decoration: none; font-weight: 600; }

.rodape_icons { width: 100%; display: table; margin: 70px 0 0 0; }
.rodape_icons img { width: 40px; margin: 0 10px 0 0; }
.rodape_icons img:hover { opacity: 0.6; }
.rodape_infos { width: 40%; display: table; float: left; margin: 0 0 0 0; }

.rodape_ds_cel { display: none; }
.rodape_ds_web { width: 100%; display: table; margin: 300px 0; }
.rodape_ds_web img { width: 100%; }






@media screen and (max-width:700px) {

	.servicos_item { width: 100%; display: table;  list-style: none; font-size: 18px; font-weight: 400; line-height: 23px; letter-spacing: 2px; margin: 0 10% 30px 0; padding: 0 10% 60px 0; border-right: 0px; border-bottom: 1px solid #7A7A7A; }

	.servicos_texto { width: 100%; margin: 30px 0 0 0; font-size: 25px; line-height: 25px;  }

	.servicos_bt img { display: none;}

	.pd_menores img { width: 100%; float: left; border: 0; }
	.projetos_destaques span { padding: 7px 30px 5px 30px; margin: 10px; position: absolute;  font-size: 13px;  }


	.rodape_geral { width: calc(94% - 100px); font-size: 30px; line-height: 35px; padding: 100px 3% 0 3%; margin: 0px 50px 0 50px; }
	.rodape_a { width: 100%;  }
	.rodape_infos { width: 100%; }

	.texto_topo_geral { font-size: 35px; line-height: 33px; letter-spacing: 2px; padding: 50px 3%; }

	.menu_bloco_a span { display: none; } 

	.conteudo_geral {  margin: 50px 0 0px 0;  }

	.rodape_icons { width: 100%; display: table; margin: 20px 0 70px 0; }

	.rodape_ds_web { display: none; }
	.rodape_ds_cel { width: 100%; display: table; margin: 300px 0; }
	.rodape_ds_cel img { width: 100%; }

}