*{ margin:0; padding:0; font-family:"Roboto"; } a{ text-decoration:none; } li{ list-style-type:none; letter-spacing:1.05px; font-size:16px }

body{ overflow-x:hidden; }

.conteudo{ width:100%; max-width:1000px; margin:0 auto; }

.btn_ligacao{ background:#38c25f; border-radius:0 15px 15px 15px; padding:0 80px; color:#fff; height:40px; line-height:40px; display:inline-block; }

h2.titulo_padrao{ font-size:18px; font-style:italic; color:#161616; margin-left:20px; font-weight:normal; letter-spacing:1px; }
h2.titulo_padrao a{ color:#161616; }

#topo{ background:url(../img/bg_banner.webp); width:100%; background-size:cover; background-position:top center; padding-bottom:120px; z-index:1; position:relative; }
#topo .conteudo{ position:relative; z-index:2; }
#topo #telefone_topo{ text-align:right; margin-right: 20px; height:60px; line-height:60px; }
#topo #telefone_topo a{ color:#fff; font-size:16px; }

#topo #logo_menu{ background:#fff; height:100px; border-radius:0px 0px 10px 10px; }
#topo #logo_menu a{ margin-left: 20px; display:inline-block;  }
#topo #logo_menu a h1{ width:221px; height:80px; margin-top: 10px; background-size: contain; background-position:center left;display:inline-block; background-image:url(../img/logo.webp?v=1); background-repeat:no-repeat; text-indent:-3000px; }
#topo #logo_menu ul{ float:right; margin-right:20px; }
#topo #logo_menu ul a{ color:#161616; font-size:16px; }
#topo #logo_menu ul a:hover{ color:#015246; }
#topo #logo_menu ul a li{ line-height:100px; }

#topo p#texto_banner{ color:#eeeccc; font-size:30px; font-family:"FuturaStd-Bold"; text-align:center; margin-top:60px; margin-bottom:60px; }

#topo #acao_banner{ text-align: center; }

#topo h2.titulo_padrao{ color:#fff; margin-top:20px; }

#topo #areas_atuacao{ margin-top:10px; width:calc(100% - 40px); margin-left:20px; }

#topo #areas_atuacao a{ width:calc( ( 100% - 60px ) / 4 ); margin-right: 20px; border-radius:0px 15px 15px 15px; display:inline-block; background:#fff; padding:40px 0; text-align:center; margin-bottom:20px; color:#015246; text-transform:uppercase; font-weight:bold; font-size:16px; letter-spacing:2px; -webkit-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); }
#topo #areas_atuacao a:last-child{ margin-right:0px; }


#projetos_destaque{ margin-top:-80px; position:relative; z-index:2 }

#projetos_destaque h2.titulo_padrao{ color:#fff; }

#projetos_destaque #lista_projetos{ width:calc(100% - 20px); margin-left:20px; margin-top:10px; }

#projetos_destaque #lista_projetos .link_item_projeto{ width:calc( ( 100% - 40px ) / 3 ); display: inline-block; margin-bottom:20px; vertical-align:top; margin-right:20px; }
#projetos_destaque #lista_projetos .link_item_projeto:nth-child(3n+3){ margin-right:0px;}

#projetos_destaque #lista_projetos .item_projeto{width: 100%; border-radius:0px 15px 15px 15px; display:inline-block; background:#fff; overflow:hidden; -webkit-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); }
#projetos_destaque #lista_projetos .item_projeto .foto_projeto{ height:210px; width:100%; display:inline-block; background-image:url(../img/img_projeto.webp); background-size:cover; background-position:center; }
#projetos_destaque #lista_projetos .item_projeto .titulo_projeto{ background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(249,252,255,1) 20%, rgba(249,252,255,1) 100%); padding:40px 20px 20px 20px; width: calc(100% - 40px); margin-top:-30px; z-index:2; position:relative; font-size:16px; color:#161616; font-weight:bold; line-height:24px; text-transform:uppercase; }
#projetos_destaque #lista_projetos .item_projeto .titulo_projeto span{ font-weight:normal; display:block; font-size:14px; text-transform:none; }

#projetos_destaque #link_projetos{ text-align:center; margin:40px 0 60px 0; }
#projetos_destaque #link_projetos a{ background:#eeeccc; border-radius:0 15px 15px 15px; padding:0 80px; color:#161616; height:40px; line-height:40px; display:inline-block; }

#sobre_nos p{ color:#161616; width:calc(100% - 40px); margin-left:20px; margin:30px 0 60px 20px; font-size:16px; letter-spacing: 1.1px; line-height:30px; }

#clientes #lista_clientes{ width:calc(100%); border-radius:0 15px 15px 15px; background:#fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); text-align: center; box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); position:relative; z-index:2; }
#clientes #lista_clientes img{ margin-right:40px; padding:25px 0; }
#clientes #lista_clientes img:last-child{ margin-right:0px; }

#expertises{background: #f8f8f8; padding-top: 112px; margin-top: -52px; padding-bottom: 60px; }
#expertises .conteudo{ position:relative; }
#expertises #texto_expertises p{ font-size:16px; color:#161616; line-height:30px; margin-left:20px; margin-top:20px; width:calc( (((100% - 60px) / 3) * 2) - 60px ); }
#expertises #texto_expertises ul{ margin-top:20px; margin-left:20px; position:relative; z-index:2; }
#expertises #texto_expertises ul li{ display:inline-block; width:calc( (100% - 60px) / 4 ); background:#fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); text-align: center; box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); color:#161616;  text-transform:uppercase; text-align:center; border-radius:0 15px 15px 15px; margin-right:20px; height:40px; line-height:40px; margin-bottom:20px; font-size:14px; }
#expertises #texto_expertises a{ background:#38c25f; color:#fff; width:calc( (100% - 60px) / 4 ); margin-left:20px; display:inline-block; height:40px; line-height:40px; border-radius:0 15px 15px 15px; text-align:center; }

#expertises #detalhe_direita{ background:#015246; padding-bottom:100px; position:absolute; right:0; top:-80px; padding-top: 20px; border-radius:0  0 50px 50px; padding-bottom:170px; width:400px; }
#expertises #detalhe_direita p{ color:#eeeccc; font-family:"FuturaStd-Bold"; font-size:30px; text-transform:uppercase; padding-top:50px; text-align:center; letter-spacing:1.2px; }
#expertises #detalhe_direita img{ position:	absolute; right:-140px; top:130px; }

#rodape{ padding:60px 0; }
#rodape a#logo_rodape{width:52px; height:46px; display:inline-block; background-image:url(../img/logo_rodape.webp); background-repeat:no-repeat; background-position:center; background-size: contain; text-indent:-3000px; margin-left: 20px; }
#rodape #textos_rodape .item_texto_rodape{ width:calc( (100% - 80px) / 3 ); display:inline-block; vertical-align:top; margin-left:20px; }
#rodape #textos_rodape .item_texto_rodape p.titulo_rodape{  font-size:18px; font-style:italic; color:#161616; margin-top: 30px; font-weight:normal; letter-spacing:1px;  }
#rodape #textos_rodape .item_texto_rodape p.texto_rodape{ color:#161616; line-height:30px; }
#rodape #textos_rodape .item_texto_rodape a{ color:#161616; line-height:30px; }

#faixa_rodape{ height:60px; background:#015246; }
#faixa_rodape p{ font-size:16px; color:#fff; line-height:60px; display:inline-block; margin-left:20px; }
#faixa_rodape a{ font-size:16px; color:#fff; line-height:60px; display:inline-block; float:right; margin-right:20px; }

#projeto_interna{ margin-top:-380px; position:relative; z-index:2; }
#projeto_interna .conteudo{ border-radius:0px 15px 15px 15px; overflow:hidden; -webkit-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(9,9,9,0.35); }
#projeto_interna #foto_atual{ height:440px; width:100%; background-image:url(../img/teste-foto-projeto.jpg); background-size:cover; background-position:center; position:relative; }
#projeto_interna #foto_atual #miniaturas_fotos{ position:absolute; bottom:20px; left:20px; }
#projeto_interna #foto_atual #miniaturas_fotos .miniatura{ height:60px; width:60px; background:#015246; color:#fff; text-align:center; line-height:60px; font-size:16px; display:inline-block; margin-right:20px; border-radius:0px 15px 15px 15px; cursor:pointer; }
#projeto_interna #foto_atual #miniaturas_fotos .miniatura_atual{ background:#fff; color:#161616; }
#projeto_interna #texto_projeto{ padding:30px 0; margin-left:20px; width:calc(100% - 40px); }
#projeto_interna #texto_projeto h2.titulo_padrao{ margin-left:0px; }
#projeto_interna #texto_projeto p#nome_projeto{ color:#161616; font-family:"FuturaStd-Bold"; font-size:30px; padding-top:10px; letter-spacing:1.2px; }
#projeto_interna #texto_projeto p#descritivo_projeto{ color:#161616; width:calc(100%); margin:20px 0 20px 0px; font-size:16px; letter-spacing: 1.1px; line-height:30px; }


#bg_foto_banner{ position:absolute; top:0; left:0; bottom:0; right:0; position:absolute; transition:0.8s; background-size:cover; background-repeat:no-repeat; background-blend-mode:luminosity; opacity:0.15; z-index:1; }

#menu_mobile{ display:none; }
.menu_completo_mobile{ display:none; }

.add-telefone-safe{ display: none; background:url(../img/telefone-celular.png); background-repeat:no-repeat; background-position:center; position:fixed; z-index: 999999; left:10px; background-size: contain; bottom: 10px; width: 60px; height: 60px; }
.whatsapp-celular{ display: none; background:url(../img/whatsapp-celular.png); background-repeat:no-repeat; background-position:center; position:fixed; z-index: 999999; right:10px; background-size: contain; bottom: 10px; width: 60px; height: 60px; }
.link-telefone{ background-color: #77b3d4; background-image: url(../img/telefone-celular.png); height: 60px; width: 60px ; background-size: contain; background-repeat: no-repeat; display: block; position: fixed; bottom: 10px; left: 10px; z-index: 999999999; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius: 60px; display: none; }


@media (max-width: 999px){

	.whatsapp-celular{ display: block !important; }
    .add-telefone-safe{ display: block !important; }
    .link-telefone{ display: block !important; }
	
	.conteudo{ width:calc(100% - 40px); margin-left:20px; }
	h2.titulo_padrao{ margin-left:0px; }
	.btn_ligacao{ padding:0; width:calc(100%); font-size:14px; text-align:center; }

	#topo h2.titulo_padrao{ margin-left:0px; }
	#topo #areas_atuacao{ margin-left:0px; width:calc(100%); }
	#topo #telefone_topo{ text-align:center; margin-right:0px; }
	#topo #logo_menu ul{ display:none; }
	#topo p#texto_banner{ margin-top:30px; margin-bottom:30px; font-size:30px; }

	#topo #areas_atuacao a{ width:calc((100% - 20px) / 2); padding:20px 0; }
	#topo #areas_atuacao a:nth-child(2n+2){ margin-right:0px; }

	#projetos_destaque{ margin-top:-110px; }
	#projetos_destaque #lista_projetos{ width:100%; margin-left:0px; vertical-align:top; }
	#projetos_destaque #lista_projetos .link_item_projeto{ width:calc((100% - 20px) / 2); margin-right:20px !important; }
	#projetos_destaque #lista_projetos .link_item_projeto:nth-child(2n+2){ margin-right:0px !important; }

	#projetos_destaque #link_projetos{margin: 10px 0 30px 0}
	#projetos_destaque #link_projetos a{ padding:0; width:100%; }

	#sobre_nos p{ margin:20px 0px 30px 0px; width:100%; }
	#clientes #lista_clientes{ padding:15px 0; }
	#clientes #lista_clientes img{ margin-right:20px; padding:15px 0; }

	#expertises{ margin-top:0px; padding-bottom:30px; padding-top:30px; }
	#expertises #detalhe_direita{ display:none; }
	#expertises #texto_expertises p{ margin-left: 0px; width:100%; }
	#expertises #texto_expertises ul{ margin-left:0px; }
	#expertises #texto_expertises ul li{ width:calc(100%); margin-right:20px !important; }
	#expertises #texto_expertises a{ width:100%; margin-left:0px; }

	#rodape{ text-align:center; padding:30px 0; }
	#rodape a#logo_rodape{ margin-left:0px; }
	#rodape #textos_rodape .item_texto_rodape{ text-align:left; width:calc((100% - 20px) / 2); margin-left:20px; }
	#rodape #textos_rodape .item_texto_rodape:nth-child(2n+1){ margin-left:0px; vertical-align:top; }
	#rodape #textos_rodape .item_texto_rodape:last-child{ width:calc(100%); margin-left:0px; }

	#faixa_rodape p{ margin-left:0px; font-size:14px; }
	#faixa_rodape a{ margin-right:0px; font-size:14px; }

	#projeto_aberto{ background:#fff; }
	#projeto_interna #foto_atual{ height:290px; }

	#menu_mobile{ background-image:url(../img/icone_menu_celular.webp); height:24px; width:24px; display:inline-block; float:right; margin-top:40px; margin-right:20px; cursor:pointer; }

	
	.menu_completo_mobile #fechar_menu{ display:inline-block; position: fixed; top: 30px; right: 20px; cursor: pointer; width:24px; height:24px; background-image:url(../img/fechar-menu.webp); background-repeat:no-repeat; cursor:pointer; }
	.menu_completo_mobile{ position:fixed; left:0; top:0; width:100%; height:100vh; background:#f6f6f6; z-index:9999999; }
	.menu_completo_mobile p{ color:#343338; font-size:24px; font-weight:900; letter-spacing:2px; padding:30px 20px 0px 20px; }

	.menu_completo_mobile ul li{ border:1px solid #dadada; border-radius: 10px; padding:0 20px; width:calc(100% - 80px); margin-left: 20px; display:block; margin-top:20px; height:53px; background:#fff; }
	.menu_completo_mobile ul a{ color:#343338; font-size:16px; font-weight:400; display:inline-block; line-height:53px; width:100%; }
}