*{ margin:0; padding:0; font-family: "Roboto", sans-serif; }
a{ text-decoration:none; font-size:18px; outline:none; }
li{ list-style-type:none; }
.conteudo{ margin:0 auto; max-width:1000px; width:100%; }


.link_whatsapp{ padding-right:30px; background-image:url(../img/whatsapp-logo.webp); background-repeat:no-repeat; background-position:right center; height:100px; line-height:100px; display:inline-block; }


.padrao_whatsapp{ margin:50px 0; display:inline-block; }
.padrao_whatsapp .btn_whatsapp{ background-color:#00cf4b; background-image:url(../img/whatsapp-logo.webp); background-repeat:no-repeat; background-position: center left 25px; padding: 0 25px 0 60px; height: 50px; line-height: 50px; display: inline-block; border-radius: 25px; font-size:18px; font-weight: 900; color:#fefefe; letter-spacing:0.9px; }
.padrao_whatsapp .txt_whatsapp{ display:inline-block; margin-left:20px; color:#fefefe; font-size:18px; letter-spacing:0.9px; }
.padrao_whatsapp .txt_whatsapp .link_ligacao{ color:#fefefe; }

.titulo_sessao{ font-size:48px; font-weight:900; letter-spacing:2.4px; }
.subtitulo_sessao{ font-size:18px; font-weight:900; letter-spacing:1.8px; }

#banner{ background-image: url(../img/banner.webp); background-size:cover; }

#banner #contato-topo{ background-color: rgba(255, 255, 255, 0.5); height:100px; width:100%; text-align:right; }
#banner #contato-topo .link_whatsapp{ color:#081420; font-weight:900; letter-spacing:0.9px; }

#banner #menu-logo{ height:100px; background:#fff; }
#banner #menu-logo h1{ background-image:url(../img/logo.webp); background-repeat:no-repeat; height:175px; width:175px; text-indent:-3000px; margin-top:-37.5px; display:inline-block; vertical-align:top; }
#banner #menu-logo ul{ display:inline-block; text-align:right; width:calc(100% - 175px); }
#banner #menu-logo ul li{ height: 100px; line-height: 100px; display:inline-block; margin-left:20px; color:#081420; vertical-align:top; }
#banner #menu-logo ul li a{ color:#081420; }
#banner #menu-logo ul li a:hover{ border-bottom:5px solid  #ffcf0f; }

#banner #texto-banner{ margin:70px 0 0 0; }
#banner #texto-banner .conteudo{ text-align:center; }
#banner #texto-banner .conteudo .span_destaque{ background:#00cf4b; background-image:url(../img/icone_check.webp); border-radius:25px; height:50px; line-height:50px; display:inline-block; background-repeat:no-repeat; background-position:center right 20px; padding-right:60px; padding-left:20px; color:#fefefe; font-weight:900; font-size:20px; letter-spacing:1px; }
#banner #texto-banner .conteudo #titulo_banner{ font-size:48px; color:#fefefe; font-weight:900; font-style:italic; text-align:center; letter-spacing:2.4px; text-transform:uppercase; margin:40px 0; }
#banner #texto-banner .conteudo #subtitulo_banner{ font-size:18px; font-weight:900; text-transform:uppercase; color:#fefefe; letter-spacing:0.9px; }

#sobre-nos{ margin-top:30px; }
#sobre-nos #texto-sobre{ display:inline-block; width:485px; vertical-align:top; }
#sobre-nos #texto-sobre .subtitulo_sessao{ margin-top:60px; color:#ffcd09; }
#sobre-nos #texto-sobre .titulo_sobre{ color:#081420; font-size:48px; font-weight:900; letter-spacing:2.4px; margin-top:30px; }
#sobre-nos #texto-sobre .descritivo_sobre{ color:#6a7386; font-size:18px; line-height: 30px; letter-spacing:0.324px; margin-top:30px; }
#sobre-nos #texto-sobre .link_sobre{ background:#ffcd09; font-size:18px; font-weight:900; letter-spacing:0.9px; height:50px; line-height:50px; padding:0 40px; color:#fefefe; display:inline-block; border-radius:25px; margin-top:30px; }
#sobre-nos #imagem_sobre{ display:inline-block; width:calc( 100% - 485px ); background-image:url(../img/detalhe-sobre.webp); background-repeat:no-repeat; height:526px; vertical-align:top; background-position:right top; }


#noticia_interna{ margin-top:30px; }
#noticia_interna .subtitulo_sessao{ margin-top:60px; color:#ffcd09; text-align:center; }
#noticia_interna .titulo_sobre{ color:#081420; font-size:48px; font-weight:900; letter-spacing:2.4px; margin-top:30px; text-align:center; }
#noticia_interna .descritivo_sobre{ color:#6a7386; font-size:18px; line-height: 30px; letter-spacing:0.324px; margin-top:30px;}
#noticia_interna .descritivo_sobre img{ width: 100%; max-width:400px; float: left; margin-right:10px; margin-bottom:10px; border-radius:5px; }
#noticia_interna .link_sobre{ background:#ffcd09; font-size:18px; font-weight:900; letter-spacing:0.9px; height:50px; line-height:50px; padding:0 40px; color:#fefefe; display:inline-block; border-radius:25px; margin-top:30px; }
#sobre-nos #imagem_sobre{ display:inline-block; width:calc( 100% - 485px ); background-image:url(../img/detalhe-sobre.webp); background-repeat:no-repeat; height:526px; vertical-align:top; background-position:right top; }



#servicos{ margin:30px 0 0 0; }
#servicos .subtitulo_sessao{ color:#0e47c0; text-align:center; }
#servicos .titulo_sessao{ text-align:center; margin-bottom:30px; }

#servicos .lista_servicos{}
#servicos .lista_servicos .item_servico{ background:#f1f6f9; border-radius:5px; width:calc( (100% - 30px) / 3 ); display:inline-block; margin-left:15px; margin-bottom:15px; padding:30px 0; }
#servicos .lista_servicos .item_servico:nth-child(3n+1){ margin-left:0px; }
#servicos .lista_servicos .item_servico p{ color:#1d2433; font-size:18px; text-transform:uppercase; width:calc(100% - 40px); padding:0 20px 10px 20px; }
#servicos .lista_servicos .item_servico a{ color:#0e47c0; font-size: 16px; width:calc(100% - 40px); padding:0 20px 10px 20px; }

#noticias{}
#noticias .subtitulo_sessao{ text-align: center; color:#ffcd09; }
#noticias .titulo_sessao{ text-align:center; }

#noticias #lista_noticias{ margin-top:30px; margin-bottom:30px; }
#base_noticia_principal{ width:100%; height:180px; display:flex; position:relative; }
#noticias #lista_noticias #noticia_principal{ width:calc( ( 100% - 10px ) / 2 ); height:180px; display:inline-block; border-radius:5px;  }
#noticias #lista_noticias #noticia_principal .conteudo_noticia{ background-color: #0a0a0a; background-image:url(../img/hover-noticia.webp), url(../img/foto-noticia.webp); background-size:cover, cover; background-repeat:no-repeat, no-repeat;  background-position: center, center;  width:100%; height:180px; display:flex; border-radius:5px; align-items: flex-end; flex: 2; }
#noticias #lista_noticias #noticia_principal p.titulo_noticia{ color:#fff; font-size:16px; font-weight:900; margin-bottom:10px; margin-left:10px; width:calc( 100% - 107px ); }
#noticias #lista_noticias #noticia_principal a{ color:#fff; background: #ffcd09; height:30px; padding:0 15px; border-radius:15px; font-size:16px; float:right; line-height:30px; vertical-align:bottom; margin-bottom: 10px; margin-right: 10px;  }

#noticias #lista_noticias .noticia_secundaria{ width:calc( ( ( ( 100% - 10px ) / 2 ) - 10px ) / 2  ); display:inline-block; vertical-align:top; background:#f1f6f9; margin-left:10px; height:180px; position:relative; margin-bottom:10px; }
#noticias #lista_noticias .noticia_secundaria p{ color:#1d2433; font-size:16px; font-weight:900; margin-bottom:10px; margin-left:10px; width:100%; }
#noticias #lista_noticias .noticia_secundaria a{ color:#fff; background: #ffcd09; height:30px; padding:0 15px; border-radius:15px; font-size:16px; line-height:30px; vertical-align:bottom; margin-bottom: 10px; margin-left: 10px; display:inline-block; }

#noticias #lista_noticias .conteudo_noticia{ width:100%; position:absolute; bottom:0px; left:0px; }
#noticias #link_todas_noticias{ color:#0e47c0; text-align:center; width:100%; display:inline-block; }

#noticias .noticias_internas .noticia_secundaria{ idth:calc( (100% - 30px) / 4 ) !important; }
#noticias .noticias_internas .noticia_secundaria:nth-child(4n + 1){ margin-left:0px !important; }

#agua_potavel{ background:url(../img/fundo_caminhao_pipa.webp); background-repeat: repeat-x; padding:60px 0 0 0; overflow:hidden; }
#agua_potavel #texto_agua_potavel{ width:420px; display:inline-block; vertical-align:top; }
#agua_potavel #texto_agua_potavel .subtitulo_sessao{ color:#0e47c0; }
#agua_potavel #lista_servicos{ background:#fff; -webkit-box-shadow: 0px 0px 15px -4px rgba(3,41,64,0.8); box-shadow: 0px 0px 15px -4px rgba(3,41,64,0.8); border-radius:10px; margin-top:20px; padding:15px 15px 0 15px; }
#agua_potavel #lista_servicos ul li{ padding-bottom:15px; background:url(../img/check.webp); background-repeat:no-repeat; padding-left:20px; }
#agua_potavel #imagem_agua_potavel{ display:inline-block; width:520px; margin-left:20px; vertical-align:top; margin-top:-120px; }


#precos_justos{ margin-top:30px; }
#precos_justos .conteudo{ background:#0e47c0; border-radius:10px; padding:60px 0; }
#precos_justos .conteudo #titulo_precos{ color:#fff; font-size:40px; padding-left:40px; width:calc(50% - 40px); display:inline-block; }
#precos_justos .conteudo #condicoes_precos{ padding-right:40px; width:calc(50% - 40px); display:inline-block;vertical-align:top; }
#precos_justos .conteudo #condicoes_precos #texto_precos{ color:#fff; font-size:18px; letter-spacing:0.9px; }
#precos_justos .conteudo #condicoes_precos a{ color:#fff; background: #ffcd09; height:30px; padding:0 15px; border-radius:15px; font-size:16px; line-height:30px; vertical-align:bottom; margin-bottom: 10px; margin-top: 20px; display:inline-block; }

#rodape{ margin-top:30px; }
#rodape #logo_rodape{ height:50px; width:50px; display:inline-block; vertical-align:top; margin-right:40px; }
#rodape #logo_rodape h1{ height:50px; width:50px; background-image:url(../img/logo.webp); background-repeat:no-repeat; background-size:cover;  text-indent:-3000px; overflow:hidden; }
#rodape ul{ display:inline-block; vertical-align:top; border-left:2px solid #abafc7; padding-left:20px; }
#rodape ul li{ height: 50px; line-height: 50px; display:inline-block; margin-left:20px; color:#081420; }
#rodape ul li a{ color:#081420; }
#rodape ul li a:hover{ border-bottom:5px solid  #ffcf0f; }
#rodape .padrao_whatsapp{ float:right; vertical-align:top; margin-top:0px; margin-bottom:0px; }
#rodape #direitos_redes{ width:100%; border-top:2px solid #abafc7; margin-top:20px; padding:20px 0; display:flow-root; }
#rodape #direitos_redes p{ color:#6a7386; letter-spacing:0.324px; display:inline-block; vertical-align:top; }
#rodape #direitos_redes a{ color:#6a7386; float: right; display: inline-block; width: unset; vertical-align:top; text-align:right;  background:url(../img/instagram.webp); background-repeat:no-repeat; padding-right:42px; background-position:center right; }

.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: 960px){

	#banner #contato-topo{ display:none; }
	#banner #menu-logo{ text-align:center; }
	#banner #menu-logo h1{ height:80px; width: 100%; margin-top:10px;  background-size:contain; background-position:center; }
	#banner #menu-logo ul{ display:none; }

	.padrao_whatsapp{ position:relative; }
	.padrao_whatsapp .btn_whatsapp{ width:calc(100% - 85px); }
	.padrao_whatsapp .txt_whatsapp{ margin-left:0px; margin-top:10px; }

	#sobre-nos #texto-sobre{ width:calc(100% - 20px); margin-left:10px; text-align:center; }
	#sobre-nos #imagem_sobre{ display:none; }
	#sobre-nos #texto-sobre .subtitulo_sessao{ margin-top:20px; }

	#servicos .lista_servicos .item_servico{ width:calc( (100% - 34px) / 2 ); border:1px solid #0e47c0; padding:15px 0; margin-left: 10px !important; margin-bottom:10px !important; vertical-align: top; }

	#agua_potavel #texto_agua_potavel{ width:calc(100% - 20px); margin-left:10px; text-align:center; }
	#agua_potavel #texto_agua_potavel .padrao_whatsapp{  margin: 20px 0; }
	#agua_potavel #imagem_agua_potavel{ display:none; }

	#noticias #lista_noticias #noticia_principal{ width:calc(100% - 20px); margin-left:10px; margin-bottom:10px; }
	#noticias #lista_noticias .noticia_secundaria{ width:calc( (100% - 34px) / 2 ); margin-left:10px; border:1px solid #0e47c0; border-radius:5px; }

	#precos_justos .conteudo{ border-radius:15px 15px 0 0; padding:30px 0; }
	#precos_justos .conteudo #titulo_precos{ width:calc(100% - 20px); margin-left:10px; padding-left:0px; text-align:center; }
	#precos_justos .conteudo #condicoes_precos{ padding-right:0px; width:calc(100% - 20px); margin-left:10px;margin-top:30px;text-align:center; }

	#rodape{ padding-bottom:60px; }
	#rodape #logo_rodape{ margin-right:0px; margin-left:10px; }
	#rodape .padrao_whatsapp{ margin-right:10px; }
	#rodape ul{ display:none; }
	#rodape #direitos_redes{ width:calc(100% - 20px); margin-left:10px; }


	#noticia_interna .descritivo_sobre{ width:calc(100% - 20px); margin-left:10px; }
	#noticia_interna .link_sobre{ margin-left:10px; }
	#noticia_interna .descritivo_sobre img{ float:none; max-width:unset; width:calc(100% ); }

	.whatsapp-celular{ display: block !important; }
	.add-telefone-safe{ display: block !important; }
	.link-telefone{ display: block !important; }

}