@import url(reset.css);
@import url(fonts.css);
@import url(responsivo.css);
@import url(padrao.css);

header { z-index: 3; left: 0px; top: -100px; opacity: 0; padding: 26px 0px; float: left; width: 100%; height: auto; position: fixed; background-color: #FFFFFF; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }

header #logo { width: 250px; height: auto; float: left; position: relative; }

header #menu { width: auto; height: auto; float: right; position: relative; padding-top: 32px; }
header #menu ul { float: left; width: 100%; height: auto; position: relative; margin: 0px; list-style: none; padding-right: 0px!important; }
header #menu ul li { float: left; width: auto; height: auto; padding: 0px; margin: 0px; }
header #menu ul li a { border-bottom: 3px solid #FFFFFF; padding: 0px 0px 2px; margin: 0px 11px; background-color: #FFFFFF; font: normal normal normal 20px/20px var(--font-regular); color: var(--cor-textos); float: left; position: relative; width: auto; height: auto; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
header #menu ul li a:hover { border-color: var(--cor-destaque); }
header #menu ul li a.sel { border-color: var(--cor-destaque); font-weight: bold; }
header #menu ul li a.lk_menu_primeiro { margin-left: 0px; }
header #menu ul li a.lk_menu_ultimo { margin-right: 0px; }

.header_baixo { padding: 10px 0px; } 
.header_baixo #logo { width: 150px; }
.header_baixo #menu { width: auto; height: auto; float: right; position: relative; padding-top: 14px; }

#main section#conteudo { margin-top: 136px; opacity: 0; width: 100%; height: auto; float: left; position: relative; padding: 0px; }

#home_quem_somos .coluna_01 { width: 49.4%; float: left; height: auto; position: relative; padding: 0px; }
#home_quem_somos .coluna_02 { width: 45.5%; float: right; height: auto; position: relative; padding: 20px 0px 0px 0px; text-align: left; }
#home_quem_somos .coluna_02 h2 { width: auto; float: none; display: inline-flex; }

#home_futuro_sustentavel { width: 100%; float: left; height: auto; position: relative; padding: 80px 0px; background: url('../image/fundo_cotacao.jpg') no-repeat center center transparent; background-size: cover; }
#home_futuro_sustentavel .coluna_01 { width: 410px; float: left; height: auto; position: relative; padding: 0px; }
#home_futuro_sustentavel .coluna_02 { width: 274px; float: left; height: auto; position: relative; padding: 0px; }
#home_futuro_sustentavel .coluna_03 { width: 355px; float: right; height: auto; position: relative; padding: 0px; }
#home_futuro_sustentavel h2 { background: none; color: #FFFFFF; font: normal normal normal 50px/50px var(--font-regular); }
#home_futuro_sustentavel h2 span { color: var(--cor-destaque); font: normal normal normal 50px/50px var(--font-black); margin-left: 5px; }
#home_futuro_sustentavel p { font: normal normal normal 28px/40px var(--font-regular); color: #FFFFFF; text-align: left; }
#home_futuro_sustentavel p img { float: left; margin: 8px 20px 20px 0px; }
#home_futuro_sustentavel a.link_saiba_mais { background-color: var(--cor-destaque); color: #FFFFFF; padding: 16px 42px; font: normal normal normal 20px/20px var(--font-regular); }
#home_futuro_sustentavel a.link_saiba_mais:hover { background-color: var(--cor-destaque-2); color: #FFFFFF; border-color: var(--cor-destaque-2); }

#home_energia_solar { width: 100%; float: left; height: auto; position: relative; padding: 80px 0px 50px; }
a.card_energia { width: 47%; height: auto; position: relative; float: left; min-height: 350px; margin: 0px 1.5% 30px; text-decoration: none; font-size: 0px; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: transparent; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_energia .sombra { width: 100%; height: 64px; bottom: 0px; left: 0px; position: absolute; z-index: 1; background: url('../image/degrade_energia_solar.png') no-repeat center bottom transparent; background-size: cover; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_energia .label_titulo { font: normal normal normal 20px/20px var(--font-regular); font-weight: bold; letter-spacing: 0px; color: #FFFFFF; text-align: center; z-index: 2; position: absolute; width: 100%; height: 64px; left: 0px; bottom: 0px; padding-top: 20px; }
a.card_energia:hover .sombra { height: 200px; }
a.card_energia:hover .label_titulo { color: var(--cor-destaque); }

#home_vantagens { width: 100%; float: left; height: auto; position: relative; padding: 80px 0px; background: url('../image/fundo_vantagens.jpg') no-repeat center center transparent; background-size: cover; }
#home_vantagens .coluna_01 { margin-left: 4%; width: 55%; float: left; height: auto; position: relative; padding: 0px; }
#home_vantagens .coluna_02 { width: 36%; float: right; height: auto; position: relative; }
#home_vantagens .coluna_02 p img { float: left; margin: -3px 20px 20px 0px; }
#home_vantagens .coluna_02 p { margin-bottom: 40px; text-align: left; }
#home_vantagens p { color: #FFFFFF; }
#home_vantagens h2 { color: #FFFFFF; }

#projetos_recentes { background-color: #F8F8F8; }
.card_projetos { margin: 0px 1% 15px; width: 31.33%; height: auto; float: left; position: relative; padding: 0px; }
.card_projetos a.projeto_foto { font-size: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 318px; float: left; position: relative; }
.card_projetos .descricao { background-color: #FFFFFF; padding: 20px 1px; width: 100%; height: auto; float: left; position: relative; }
.card_projetos .descricao p.label_servico { font: normal normal normal 12px/25px var(--font-regular); letter-spacing: 0px; color: #F1AB2D; text-align: center; }
.card_projetos .descricao p.label_projeto { line-height: 1.2em; min-height: 45px; font: normal normal normal 16px/25px var(--font-regular); font-weight: bold; letter-spacing: 0px; color: #000000; text-align: center; }
.card_projetos .descricao p.label_voltagem { font: normal normal normal 12px/25px var(--font-regular); letter-spacing: 0px; color: #000000;; text-align: center; }
.card_projetos .descricao p.label_voltagem img { margin: -3px 10px -3px 0px; }

#home_depoimentos { width: 100%; float: left; height: auto; position: relative; padding: 80px 0px; background: url('../image/fundo_depoimentos.jpg') no-repeat center center transparent; background-size: cover; }
#home_depoimentos h2 { color: #FFFFFF; }
#home_depoimentos p { color: #FFFFFF; }

#home_depoimentos .card_depoimento_linha { width: 100%; float: left; height: auto; position: relative; background: url('../image/divisoria_depoimentos.png') no-repeat center center transparent; }
#home_depoimentos .card_depoimento { width: 39.7%; height: auto; position: relative; float: left; }
#home_depoimentos .card_depoimento .coluna_foto { width: 20%; float: left; height: auto; position: relative; }
#home_depoimentos .card_depoimento .coluna_foto img { width: 100%; height: auto; position: relative; float: left; border: 1px solid var(--cor-destaque); -webkit-border-radius: 50%; border-radius: 50%; }
#home_depoimentos .card_depoimento .coluna_empresa_nome { width: 75%; float: right; height: auto; position: relative; padding-top: 15px; }
#home_depoimentos .card_depoimento .coluna_empresa_nome p.label_nome { font: normal normal normal 16px/25px var(--font-regular); font-weight: bold; color: var(--cor-destaque); text-align: left; }
#home_depoimentos .card_depoimento .coluna_empresa_nome p.label_empresa { font: normal normal normal 12px/25px var(--font-regular); font-weight: bold; color: #FFFFFF; }
#home_depoimentos .card_depoimento .label_texto { width: 100%; float: left; height: auto; position: relative; padding-top: 30px; }
#home_depoimentos .card_depoimento .label_texto p { text-align: left; }

.card_credito { display: inline-flex; width: auto; height: 60px; margin: 0px 24px 35px; }
.card_credito img { width: auto; height: 60px; position: relative; }

footer { opacity: 0; float: left; height: auto; position: relative; width: 100%; padding: 80px 0px 20px; background: url('../image/fundo_rodape.jpg') no-repeat center bottom #232E56; }
footer .coluna_01 { width: 32%; float: left; height: auto; position: relative; }
footer .coluna_02 { width: 26%; float: left; height: auto; position: relative; }
footer .coluna_03 { width: 23%; float: left; height: auto; position: relative; }
footer .coluna_04 { width: 13%; float: right; height: auto; position: relative; }

footer #rodape_dados_contato { width: 100%; height: auto; position: relative; float: left; padding-top: 20px; }
footer #rodape_dados_contato p.titulo { color: #FFFFFF; font: normal normal normal 16px/20px var(--font-regular); font-weight: bold; padding-bottom: 30px; }
footer #rodape_dados_contato a { color: #FFFFFF; font: normal normal normal 12px/20px var(--font-regular); padding-bottom: 15px; float: left; text-align: left; }
footer #rodape_dados_contato a:hover { color: var(--cor-destaque); }

footer #rodape_dados_contato a.lk_rodape_contato img { margin: 0px 15px 0px 0px; float: left; } 
footer #rodape_dados_contato a.lk_rodape_contato_endereco img { margin: 0px 15px 0px 0px; float: left; } 

footer #rodape_dados_contato a.icone_rodape_redes_sociais { width: auto; height: auto; position: relative; float: left; }
footer #rodape_dados_contato a.icone_rodape_redes_sociais.redes_primeiro { margin: 0px 30px 0px 0px; }

footer #rodape_dados_contato a.icone_rodape_redes_sociais svg .a { fill: #FFFFFF; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer #rodape_dados_contato a.icone_rodape_redes_sociais:hover .a { fill: var(--cor-destaque); }

footer #fundos_direitos { margin-top: 65px; border-top: 1px solid #FFFFFF; padding: 10px 0px 0px; float: left; height: auto; position: relative; width: 100%; }
footer #fundos_direitos p { font: normal normal normal 12px/30px var(--font-regular); text-align: left; color: #FFFFFF; }

#wpp_chat { opacity: 0; }

.bloco_branco { padding: 75px 0px; width: 100%; height: auto; position: relative; float: left; background-color: #FFFFFF; }
#titulo_content { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 80px 0px; width: 100%; height: auto; position: relative; float: left; background-color: #FFFFFF; }
#titulo_content .titulo_sombra { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0.8; background-color: #17285D; }

#atuacao_principal_lista .coluna_01 { width: 55%; height: auto; position: relative; float: left; }
#atuacao_principal_lista .coluna_02 { padding-top: 40px; width: 40%; height: auto; position: relative; float: right; }
#atuacao_principal .coluna_01 { width: 50%; height: auto; position: relative; float: left; }
#atuacao_principal .coluna_02 { padding-top: 40px; width: 45%; height: auto; position: relative; float: right; }
#atuacao_principal .coluna_02 p { text-align: left; }  

#quem_somos_missao_visao { padding: 80px 0px 80px 0px; background: url('../image/quem_somos_fundo_valores.jpg') no-repeat center center #232E56; background-size: cover; }
#quem_somos_missao_visao .coluna_direita { width: 78%; height: auto; position: relative; float: right; }
#quem_somos_missao_visao .coluna_direita .card_missao_visao { min-height: 285px; text-align: center; padding: 25px 20px; background-color: #FFFFFF; width: 29.33%; height: auto; position: relative; float: left; margin: 0px 2% 25px; }
#quem_somos_missao_visao .coluna_direita .card_missao_visao img { height: 60px; width: auto; }
#quem_somos_missao_visao .coluna_direita .card_missao_visao p { text-align: center; color: #17285D; font: normal normal normal 12px/20px var(--font-regular); }
#quem_somos_missao_visao .coluna_direita .card_missao_visao p.titulo { padding: 5px 0px; text-align: center; font: normal normal normal 16px/20px var(--font-black); }

#contato_interno .coluna_01 { width: 40%; height: auto; position: relative; float: left; }
#contato_interno .coluna_02 { width: 56.8%; height: auto; position: relative; float: right; }
#contato_interno p.titulo { padding-bottom: 30px; font: normal normal normal 20px/20px var(--font-regular); font-weight: bold; color: #17285D; }
#contato_interno p.titulo img { float: left; margin: -6px 15px 0px 0px; }
#contato_interno .card_contato { margin-bottom: 100px; width: 100%; height: auto; position: relative; float: left; }
#contato_interno .card_contato a { float: left; padding-left: 45px; font: normal normal normal 16px/20px var(--font-regular); text-align: left; }
#contato_interno .card_contato a img { margin: -5px 15px -5px 0px; }