@import url(reset.css);
@import url(font.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: 'Gilroy-ExtraBold'; }

#login_painel { padding: 80px 0px 160px; width: 100%; height: auto; position: relative; float: left; background: url(../../image/painel/bg_login_fundo.jpg) no-repeat center top transparent; }
#login_painel #form_login { padding: 75px; 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; }

#login_painel_vendedor { padding: 80px 0px 160px; width: 100%; height: auto; position: relative; float: left; background: url(../../image/painel/bg_login_fundo_vendedor.jpg) no-repeat center top transparent; }
#login_painel_vendedor #form_login { padding: 75px; 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; }

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

footer { height: auto; position: relative; float: left; background-color: #F2F2F2; padding: 25px 0; }
footer a svg { margin: -5px 5px -5px 0px; }
footer #logo_i9 { margin: -5px 0px -5px 0px; }

#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: auto; 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; float: right; width: 95%; height: auto; }
#menu_lateral #menu_raiz .lk_menu_lateral { font-weight: bold; cursor: pointer; text-align: left; border-right: 10px #fff solid; border-bottom: none; color: #C0C5CC; float: left; font-size: 16px; height: auto; padding: 20px 50px; 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:hover { border-right: 10px #053F91 solid; background-color: #ddebff; text-decoration: none; color: #053F91; }
#menu_lateral #menu_raiz .lk_menu_lateral.sel { border-right: 10px #053F91 solid; background-color: #ddebff; text-decoration: none; color: #053F91; }

#menu_lateral #menu_raiz ul.sub_menu { margin: 10px 0px; display: none; padding: 0px!important; position: relative; float: right; width: 90%; height: auto; }
#menu_lateral #menu_raiz ul.sub_menu>li { list-style-type:none; margin:0px; padding:0px!important; }
#menu_lateral #menu_raiz ul.sub_menu>li>a { font-weight: bold; text-align: left; border-right: 5px #fff solid; border-bottom: none; color: #3A3A3A; float: left; font-size: 16px; height: auto; padding: 10px 30px 10px 40px; position: relative; text-decoration: none; transition: all 0.7s ease 0s; width: 100%; background-color: #fff; border-radius: 0px; -webkit-border-radius: 0px; }
#menu_lateral #menu_raiz ul.sub_menu>li>a:hover { border-right: 5px #053F91 solid; text-decoration: none; color: #053F91; }
#menu_lateral #menu_raiz ul.sub_menu>li>a.sel { border-right: 5px #053F91 solid; text-decoration: none; color: #053F91; }

#menu_lateral #menu_raiz .icon_mais { background: url('../../image/painel/bg_seta_baixo.png') no-repeat 92% 27px transparent; }
#menu_lateral #menu_raiz .icon_menos { background: url('../../image/painel/bg_seta_cima.png') no-repeat 92% 27px transparent; }

.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; }


#menu_lateral #menu_raiz .lk_menu_lateral_corretor { cursor: pointer; text-align: left; border-right: 10px #fff solid; border-bottom: none; color: #C0C5CC; float: left; font-size: 16px; height: auto; padding: 20px 50px; 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_corretor:hover { border-right: 10px #053F91 solid; background-color: #f4f7fd; text-decoration: none; color: #053F91; }
#menu_lateral #menu_raiz .lk_menu_lateral_corretor.sel { border-right: 10px #053F91 solid; background-color: #f4f7fd; text-decoration: none; color: #053F91; }

#caixa_de_aviso { margin-bottom: 10px; width: 100%; height: auto; position: relative; float: left; padding: 20px 30px; background-color: #F8F8F8; border-top: 1px solid #053F91; border-bottom: 1px solid #053F91; border-right: 1px solid #053F91; border-left: 10px #053F91 solid; border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; }

#anima_icone { display: none; width: 100%; height: auto; min-height: 50px; position: relative; float: left; margin: 0px 0px 30px; }
#anima_icone img { animation: mymove 5s infinite; width: auto; height: 50px; position: absolute; left: 0px; top: 0px; }

@keyframes mymove {
    from { left: 0px; }
    to { left: 100px; }
}

.textos_minusculos { text-transform: lowercase!important; }
.label_observacao { font-size: 12px; color: #FF0000; }

.cor_vermelho_destaque { color: #FF0000; }

.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; }


/* css somente para o painel das empreas */
#painel_empresa_topo { width: 100%; height: auto; position: relative; float: left; }
#painel_empresa_logo { width: 15%; height: auto; position: relative; float: left; }
#painel_empresa_logo img { width: 100%; height: auto; position: relative; }
#painel_empresa_saudacao_menu { width: 75%; height: auto; position: relative; float: right; }

.painel_empresa_coluna_conteudo_sem_login { width: 100%; }