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

header { background-color: #FFFFFF; padding: 47px 65px; min-height: 127px; height: auto; position: relative; float: left; -webkit-box-shadow: 0px 4px 12px #0000004D; box-shadow: 0px 4px 12px #0000004D; }
header p { color: #3A3A3A; font-size: 20px; }
header p b {  font-family: 'Righteous-Regular'; }


#topo_sem_login { border-bottom: 3px solid var(--cor-principal); width: 100%; height: auto; float: left; position: relative; padding: 30px 60px; background-color: #FFFFFF; }
#topo_sem_login h2 { font-size: 32px; padding: 22px 0px 0px; letter-spacing: 0px; }

#tela_login { width: 100%; height: auto; float: left; position: relative; padding: 90px 0px; background-color: #FFFFFF; background-position: center top; background-repeat: no-repeat; }
#tela_login #form_login { padding: 60px; width: 100%; height: auto; position: relative; float: left; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 20px 40px #0000004D; border-radius: 15px; -webkit-box-shadow: 15px; -webkit-border-radius: 15px; opacity: 1; }

#tela_login #form_login a#btEsqueciSenha { float: right; position: relative; width: auto; height: auto; padding: 22px 0px; color: var(--cor-principal); transition: all 0.7s ease; -webkit-transition: all 0.7s ease; text-decoration: none; }
#tela_login #form_login a#btEsqueciSenha:hover { text-decoration: none; color: var(--cor-secundaria); }
#tela_login #form_login #linha_separadora { width: 100%; height: 1px; position: relative; float: left; margin: 30px 0px; background-color: #AEAEAE; }

#tela_login #form_login a#lk_cadastro { border: 1px solid #42BC39; background-color: #42BC39; font-size: 14px; color: #FFFFFF; text-decoration: none; opacity: 1; width: 100%; height: auto; position: relative; float: left; text-align: center; padding:15px 0px; border: 1px solid #AEAEAE; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -webkit-border-radius: 16px 16px 16px 16px; border-radius: 16px 16px 16px 16px; }
#tela_login #form_login a#lk_cadastro:hover { border: 1px solid #42BC39; background-color: #FFFFFF; color: #42BC39; text-decoration: none; }

#tela_login #form_login a#lk_vagas { border: 1px solid #42BC39; background-color: #FFFFFF; font-size: 14px; color: #575757; text-decoration: none; opacity: 1; width: 100%; height: auto; position: relative; float: left; text-align: center; padding:15px 0px; border: 1px solid #AEAEAE; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -webkit-border-radius: 16px 16px 16px 16px; border-radius: 16px 16px 16px 16px; }
#tela_login #form_login a#lk_vagas:hover { border: 1px solid #42BC39; color: #42BC39; text-decoration: none; }

#tela_login #form_oportunidades { padding: 32px 26px 23px; width: 100%; height: auto; position: relative; float: left; background: #F7F7F7; border-radius: 15px; -webkit-box-shadow: 15px; -webkit-border-radius: 15px; opacity: 1; }
#tela_login #form_oportunidades h2 { font-size: 40px; padding-bottom: 13px; }
#tela_login #form_oportunidades p span { color: #AEAEAE; }
#tela_login #form_oportunidades form label { padding: 10px 7px; }
.vagas_disponiveis p span { color: #AEAEAE; }
.vagas_disponiveis { width: 100%; height: auto; position: relative; float: left; box-shadow: 0px 0px 16px #00000029; background-color: #FFFFFF; border-radius: 16px; padding: 19px 32px; margin: 7px 0px; }
.vagas_disponiveis .coluna_vagas_1 { width: 250px; height: auto; position: relative; float: left; }

.selecao_de_vaga { background-color: #F7F7F7; border-radius: 16px; padding: 30px 0px; margin: 60px 0px 50px; }
.selecao_de_vaga .saiba_mais { min-width: 264px; }
.selecao_de_vaga .saiba_mais_transparente { min-width: 272px; }

#tela_vagas { width: 100%; height: auto; float: left; position: relative; padding: 90px 0px; background-color: #FFFFFF; background-position: center top; background-repeat: no-repeat; }
#tela_vagas p span { color: #AEAEAE; }

#main section#conteudo { height: auto; position: relative; float: left; }

footer { width: 100%; height: auto; position: relative; float: left; background-color: var(--cor-principal); padding: 30px 0px; }
footer p { color: #FFFFFF; font-size: 14px; font-family: 'WorkSans-Regular'; text-align: left; }
footer a { color: #FFFFFF; font-size: 14px; font-family: 'WorkSans-Regular'; text-align: left; text-decoration: none; opacity: 1; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
footer a:hover { text-decoration: none; opacity: 0.8; }
footer #footer_site_termos { border-bottom: 1px solid #FFFFFF; width: 100%; height: auto; position: relative; float: left; padding-bottom: 12px; margin-bottom: 10px; }


#menu_lateral { z-index: 2; width: 14%; height: auto; position: relative; float: left; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 4px 12px #0000004D; }

#menu_lateral #logo { text-align: center; padding: 26px 5px; min-height: 127px; width: 100%; height: auto; position: relative; float: left; -webkit-box-shadow: 0px 4px 12px #0000004D; box-shadow: 0px 4px 12px #0000004D; }
#menu_lateral #logo img { width: 135px; height: 64px; }

a.menu_modulos { font-size: 16px; color: #707070; text-decoration: none; }
a.menu_modulos svg { margin: -5px 5px -5px 0px; }
.margin_links { margin-right: 50px; }
a.menu_modulos:hover { text-decoration: none; }
 
.margin_section_conteudo { padding: 50px 65px; }

.ico_home { margin: 4px 10px 6px 0px; float: left; width: auto; height: auto; position: relative; }

#menu_lateral #menu_raiz { padding: 0px!important; display: inline-block; position: relative; width: 95%; height: auto; float: right; }
#menu_lateral #menu_raiz .lk_menu_lateral { cursor: pointer; text-align: left; border-right: 10px #fff solid; border-bottom: none; color: #C0C5CC; float: left; font-size: 16px; height: auto; padding: 15px 35px; position: relative; text-decoration: none; transition: all 0.7s ease 0s; width: 100%; background-color: #fff; border-radius: 250px 0px 0px 250px; -webkit-border-radius: 250px 0px 0px 250px; }
#menu_lateral #menu_raiz .lk_menu_lateral svg { margin: -2px 5px -2px 0px; }
#menu_lateral #menu_raiz .lk_menu_lateral svg .rodape_ico_menu { fill: #C0C5CC; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#menu_lateral #menu_raiz .lk_menu_lateral:hover { border-right: 10px var(--cor-principal) solid; background-color: #e5ffdd; text-decoration: none; color: var(--cor-principal); }
#menu_lateral #menu_raiz .lk_menu_lateral:hover svg .rodape_ico_menu { fill: var(--cor-principal); }
#menu_lateral #menu_raiz .lk_menu_lateral.sel { border-right: 10px var(--cor-principal) solid; background-color: #e5ffdd; text-decoration: none; color: var(--cor-principal); }
#menu_lateral #menu_raiz .lk_menu_lateral.sel svg .rodape_ico_menu { fill: var(--cor-principal); }

.coluna_conteudo_com_login { width: 100%; }
.coluna_conteudo_sem_login { width: 86%; }

.linha { width: 100%; height: 1px; background-color: #707070; float: left; position: relative; }

#f_pesquisa { background-color: transparent; }

.observacoes { width: 100%; height: auto; position: relative; float: left; padding: 25px; background-color: #FFF; border-bottom: 1px solid #CACACA; } 

.quadrado_cinza { width: 100%; height: auto; position: relative; float: left; padding: 25px; background-color: #F9F9F9; border: 1px solid #CACACA; }

.resumo_interessados { width: 24%; margin: 0px 0.5%; height: auto; position: relative; float: left; padding: 10px; background-color: #FFF; border-bottom: 1px solid #CACACA; }

.linha_tracejada { width: 100%; height: 1px; position: relative; float: left; border-bottom: 1px dotted #000; padding: 10px 0px; margin: 0px 0px 20px; }

a.card_home { font-size: 16px; text-align: center; padding: 25px; margin: 10px 1%; width: 23%; height: auto; position: relative; float: left; background-color: #FFFFFF; border: 1px solid #F1F1F1; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; text-decoration: none; display: block; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
a.card_home svg { fill: #3A3A3A; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
a.card_home:hover { border: 1px solid var(--cor-principal); color: var(--cor-principal); text-decoration: none; } 
a.card_home:hover svg { fill: var(--cor-principal); }

#foto_perfil { width: 100%; height: auto; position: relative; float: left; padding: 30px 50px 20px; }
#foto_perfil img { border: 1px var(--cor-principal) solid; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }

a.botao_visualizar_curriculo { font-size: 16px; text-align: center; padding: 50px 25px; margin: 0px; width: 100%; height: auto; position: relative; float: left; background-color: #FFFFFF; border: 1px solid #F1F1F1; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; text-decoration: none; display: block; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
a.botao_visualizar_curriculo svg.icone { fill: #3A3A3A; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
a.botao_visualizar_curriculo:hover { border: 1px solid var(--cor-principal); color: var(--cor-principal); text-decoration: none; } 
a.botao_visualizar_curriculo:hover svg.icone { fill: var(--cor-principal); }
span.icone_ok { font-size: 14px; color: var(--cor-principal); font-weight: bold; margin-top: 10px; width: 100%; height: auto; position: relative; float: left; }
span.icone_ok svg { fill: var(--cor-principal); margin: -3px 5px -3px 0px; }
span.icone_falta { font-size: 14px; color: #ff0000; font-weight: bold; margin-top: 10px; width: 100%; height: auto; position: relative; float: left; }
span.icone_falta svg { fill: #ff0000; margin: -3px 5px -3px 0px; }


#loading_home { margin: 30px 0px 10px; padding: 25px; width: 100%; height: auto; position: relative; float: left; background-color: var(--cor-principal); border: 1px solid #71BE44; }
#loading_home #loading_numero { height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background-color: #71BE44; }
#loading_home p { font-size: 16px; font-weight: normal; color: #FFFFFF; z-index: 2; position: relative; }
#loading_home p span { font-size: 18px; font-weight: bold; color: #FFFFFF; }

#btExcluirCurriculo { background-color: #ff0000; }
#btExcluirCurriculo:hover { background-color: #bc1414; }

#logo_responsivo { display: none; width: 100%; height: auto; position: relative; float: left; padding: 0px 15px; text-align: center; }
#logo_responsivo img { width: 250px; height: auto; position: relative; }

.topo_vagas_internas { width: 100%; height: auto; position: relative; float: left; border-bottom: 1px solid #AEAEAE; padding-bottom: 26px; margin-bottom: 26px; }
.topo_vagas_internas h2 { font-size: 40px; }

.cor_azul { color: #3366FF; font-size: 14px; }