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

header { z-index: 3; opacity: 0; padding: 33px 0px 35px; float: left; width: 100%; height: auto; position: absolute; top: 0px; left: 0px; background: transparent linear-gradient(180deg, #14502B 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box; }
header #logo { width: 288px; height: auto; float: left; position: relative; }

header #menu_contato_anpp { width: 627px; height: auto; float: right; position: relative; }
header #menu_contato_anpp #contato_anpp { width: 500px; height: auto; float: right; position: relative; padding-top: 2px; }
header #menu_contato_anpp #contato_anpp a.lk_anpp { width: auto; height: auto; float: right; position: relative; }
header #menu_contato_anpp #contato_anpp a.lk_telefone { margin: 0px 20px 0px 0px; font: normal normal normal 20px/20px var(--font-regular); padding-top: 10px; color: #FFFFFF; width: auto; height: auto; position: relative; float: left; padding-top: 11px; }
header #menu_contato_anpp #contato_anpp a.lk_telefone img { position: relative; float: left; margin-right: 15px; }

header #menu_contato_anpp #menu { padding-top: 17px; width: 100%; height: auto; float: right; position: relative; }
header #menu_contato_anpp #menu ul { float: right; width: 100%; height: auto; position: relative; margin: 0px; padding: 0px; list-style: none; }
header #menu_contato_anpp #menu ul li { float: left; width: auto; height: auto; padding: 0px; margin: 0px; }
header #menu_contato_anpp #menu ul li a { border-bottom: 7px solid transparent; position: relative; float: left; color: #FFFFFF; margin: 0px 16px; font: normal normal bold 20px/35px var(--font-regular); transition: 0.7s ease; -webkit-transition: 0.5s ease; }
header #menu_contato_anpp #menu ul li a:hover { border-color: var(--cor-destaque); }
header #menu_contato_anpp #menu ul li a.sel { border-color: var(--cor-destaque); }
header #menu_contato_anpp #menu ul li a.menu_primeiro { margin-left: 0px!important; }
header #menu_contato_anpp #menu ul li a.menu_ultimo { margin-right: 0px!important; }

#fundo_das_internas { background: none; }
#titulos_internos { padding: 190px 0px 0px; width: 100%; height: 365px; float: left; position: relative; background-color: transparent; background-position: center top; background-repeat: no-repeat; background-size: cover; }

#main section#conteudo #home_video { width: 100%; height: auto; float: left; position: relative; text-align: center; }
#main section#conteudo #home_video video { position: relative; z-index: 1; width: 100%; height: auto; float: left; top: 0px; left: 0px; }
#main section#conteudo #home_video a#video_link { opacity: 0; top: 45%; left: 50%; margin-left: -50px; position: absolute; width: auto; height: auto; animation: pulse 3.5s infinite; z-index: 2; }

@keyframes pulse{
    0%{
      transform: scale(0.85);
    }
    25%{
      transform: scale(1);
    }
    50%{
      transform: scale(0.85);
    }
    
    75%{
      transform: scale(1);
    }
    
    100%{
      transform: scale(0.85);
    }
}

#avatar-whats { opacity: 0; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; box-shadow: 0 0 0 var(--cor-destaque); animation: pulseWhats 2s infinite; background: url('../image/bg_ico_whatsapp.png') no-repeat scroll 0 0 transparent; bottom: 38px; display: block; height: 65px; position: fixed; right: 30px; width: 65px; z-index: 9400; }

/* rgb(234, 88, 12, 1) */
@keyframes pulseWhats {
  0% { -webkit-box-shadow: 0 0 0 0 rgb(50, 48, 12, 116); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(198, 53, 53, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);  }
}

/* Main */
#main section#conteudo { z-index: 2; opacity: 0; width: 100%; height: auto; float: left; position: relative; background-color: #FFFFFF; }

#home_tabelas .coluna_01 { width: 640px; height: auto; position: relative; float: left; }
#home_tabelas .coluna_02 { width: 420px; height: auto; position: relative; float: right; }
#home_tabelas .coluna_01 .card_tabela_espaco { margin: 0px 20px; }

a.card_tabela { text-align: center; padding: 40px 2px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid var(--cor-destaque); border-radius: 4px; -webkit-border-radius: 4px; color: #000000; width: 200px; height: 200px; float: left; position: relative; display: block; text-decoration: none; }
a.card_tabela svg { margin-bottom: 24px; }
a.card_tabela svg .ico_tabela_a { fill: var(--cor-destaque); transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_tabela:hover { color: #FFFFFF; background-color: var(--cor-destaque); }
a.card_tabela:hover svg .ico_tabela_a { fill: #FFFFFF; }

#home_servicos_frota { background-color: #F5F5F5; }
#home_servicos_frota a.link_saiba_mais { float: left; }

#home_servicos { padding-bottom: 40px; width: 100%; height: auto; float: left; position: relative; }
#home_servicos .coluna_01 { background-position: center top; background-repeat: no-repeat; width: 786px; height: 529px; position: relative; float: left; }
#home_servicos .coluna_02 { margin-left: 48px; padding-top: 70px; width: 464px; height: auto; position: relative; float: left; }

#home_frota { padding-top: 40px; width: 100%; height: auto; float: left; position: relative; }
#home_frota .coluna_01 { margin-right: 48px; padding-top: 70px; width: 464px; height: auto; position: relative; float: right; }
#home_frota .coluna_02 { background-position: center top; background-repeat: no-repeat; width: 786px; height: 528.3px; position: relative; float: right; }

#produtos .coluna_01 { width: 466px; height: auto; position: relative; float: left; }
#produtos .coluna_02 { width: 656px; height: auto; position: relative; float: right; }

#produtos .card_produto { padding: 40px 0px; width: 100%; height: auto; position: relative; float: left; }
#produtos .card_produto p.titulo { font: normal normal bold 16px/20px var(--font-bold); color: #000000; padding-bottom: 15px; }
#produtos .linha { border-bottom: 1px solid #9B9C9C; }

footer { text-align: center; float: left; height: auto; position: relative; width: 100%; padding-top: 80px; background: transparent linear-gradient(180deg, #EFEFEF 0%, #C9C9C9 46%, #14502B 100%) 0% 0% no-repeat padding-box; }
footer #rodape_slogan { font: normal normal bold 40px/40px var(--font-bold); text-align: center; }
footer .coluna_01 { margin-right: 59px; width: 278px; height: auto; position: relative; float: left; }
footer .coluna_02 { padding-top: 40px; width: 230px; height: auto; position: relative; float: left; }
footer .coluna_03 { padding-top: 40px; width: 480px; height: auto; position: relative; float: right; }
footer p.sub_titulos { padding-bottom: 17px; font: normal normal bold 20px/20px var(--font-bold); color: #000000; }

footer a { color: #000000; font: normal normal normal 20px/20px var(--font-regular); padding-bottom: 10px; float: left; }
footer a:hover { color: var(--cor-destaque); }
footer a svg .ico_rodape { fill: #000000; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer a:hover .ico_rodape { fill: var(--cor-destaque); }
footer a.lk_rodape_contato svg { margin: -7px 10px -7px 0px; } 
footer a.lk_rodape_contato_endereco svg { margin: 4px 8px 0px 0px; float: left; } 
footer a.lk_rodape_contato_icone { margin-right: 8px; }

footer #footer_direitos { background-color: #000000; width: 100%; height: auto; float: left; position: relative; padding: 16px 0px; }
footer #footer_direitos a { font: normal normal normal 16px/20px var(--font-regular); color: #FFFFFF; }

#fundo_das_internas { background: transparent linear-gradient(180deg, #14502B 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box; padding: 34px 0px 0px; height: 220px; }
#titulos_internos { padding: 0px; width: 100%; height: 220px; float: left; position: relative; background-color: transparent; background-position: center top; background-repeat: no-repeat; background-size: cover; }
#titulo_pagina_interna { padding: 80px 0px 0px; width: 100%; height: auto; float: left; position: relative; background-color: transparent; }
#titulo_pagina_interna #titulo_label { float: left; width: 100%; height: auto; position: relative; border-bottom: 1px solid #CACACA; }

.card_servicos { float: left; width: 100%; height: auto; position: relative; padding: 0px 0px; }
.card_servicos .coluna_01 { float: left; width: 30%; height: auto; position: relative; }
.card_servicos .coluna_02 { padding-top: 30px; float: right; width: 65%; height: auto; position: relative; }
.card_servicos { padding: 40px 0px; width: 100%; height: auto; position: relative; float: left; }
.card_servicos p.titulo { font: normal normal bold 16px/20px var(--font-bold); color: #000000; padding-bottom: 15px; }
.card_servicos.linha { border-bottom: 1px solid #9B9C9C; }

#frota_texto_foto .coluna_01 { float: left; width: 40%; height: auto; position: relative; }
#frota_texto_foto .coluna_02 { padding-top: 50px; float: right; width: 55%; height: auto; position: relative; }
#frota_texto_foto #lista_frota { padding-top: 80px; width: 100%; height: auto; position: relative; float: left; }
#frota_texto_foto .card_frota { margin: 0px 1% 22px; width: 31.33%; height: auto; position: relative; float: left; }
#frota_texto_foto .card_frota a.foto { background-size: auto 120%; background-repeat: no-repeat; background-position: center top; display: block; float: left; font-size: 0; height: 290px; position: relative; text-indent: -1500px; width: 100%; opacity: 1; text-decoration: none; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#frota_texto_foto .card_frota a.foto:hover { text-decoration: none; opacity: 0.5; }
#frota_texto_foto .card_frota .descricao { padding: 20px 1px; background-color: #F5F5F5; width: 100%; height: auto; position: relative; float: left; text-align: center; }
#frota_texto_foto .card_frota .descricao p.titulo { font: normal normal bold 16px/20px var(--font-bold); color: #000000; text-align: center; }

#quem_somos_texto_foto .coluna_01 { float: left; width: 40%; height: auto; position: relative; }
#quem_somos_texto_foto .coluna_02 { padding-top: 50px; float: right; width: 55%; height: auto; position: relative; }

#quem_somos_slogan { padding: 100px 0px 80px; width: 100%; height: auto; position: relative; float: left; background-size: cover; background: url('../image/quem_somos_slogan_fundo.jpg') no-repeat center top transparent; background-attachment: fixed; }
#quem_somos_slogan p { color: #FFFFFF; text-align: center; font: normal normal normal 30px/41px var(--font-regular); padding-bottom: 40px; }

#quem_somos_historia { border-left: 1px solid #9B9C9C; padding: 40px 0px; width: 100%; height: auto; position: relative; float: left; }
#quem_somos_historia .card_historico { padding: 0px 0px 40px; width: 100%; height: auto; position: relative; float: left; }
#quem_somos_historia .card_historico .coluna_01 { background: url(../image/historia_seta_lado.png) no-repeat left center transparent; width: 10%; height: auto; position: relative; float: left; margin-left: -3px; padding-left: 25px; }
#quem_somos_historia .card_historico .coluna_01 p.titulo { color: var(--cor-destaque); text-align: center; font: normal normal normal 30px/41px var(--font-regular); }
#quem_somos_historia .card_historico .coluna_02 { width: 88%; height: auto; position: relative; float: right; }

#responsivo_home_frota { display: none; }

.responsivo_servicos_foto { display: none; width: 100%; height: auto; float: left; position: relative; padding: 30px 0px!important; }