﻿@import "Grid.css";
@import "Loader.css";
@import "Fields.css";
@import "Caixa.css";
@import "calendar.css";


/* CSS Document */
html
{
    height: 100%;
    min-height: 100%;
    overflow: auto;
}

body
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#fundo
{
    position: absolute;
    text-align: center;
    background: url(../images/bg_geral.jpg) #fff top no-repeat fixed;
    height: 100% !important;
    min-height: 100% !important;
    width: 100%;
    left: 0;
    top:0;
    z-index:-1;
}


a
{
    color: #097fc5;
    text-decoration: none;
    cursor: hand;
}
.Titulo
{
    border-style: none none outset none;
    border-width: thin;
    border-color: #339933;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFFFFF;
    text-align: left;
    background-color: #9ABC4D;
    padding: 5px;
    text-decoration: none; /*text-transform: capitalize;*/
    font-weight: bold;
    width: 95%;
}

/* XP IE7 theme - Backgrounds */
.CustomtabStyle .ajax__tab_header
{
    background: url('../images/tab/tab-line.gif');
    background-repeat: repeat-x;
    background-position: bottom;
}
.CustomtabStyle .ajax__tab_outer
{
    background: url('../images/tab/tab-right.gif');
    background-repeat: no-repeat;
    background-position: right;
}
.CustomtabStyle .ajax__tab_inner
{
    background: url('../images/tab/tab-left.gif');
    background-repeat: no-repeat;
}
.CustomtabStyle .ajax__tab_tab
{
    background: url('../images/tab/tab.gif');
    background-repeat: repeat-x;
}
.CustomtabStyle .ajax__tab_hover .ajax__tab_outer
{
    background: url('../images/tab/tab-hover-right.gif');
    background-repeat: no-repeat;
    background-position: right;
}
.CustomtabStyle .ajax__tab_hover .ajax__tab_inner
{
    background: url('../images/tab/tab-hover-left.gif');
    background-repeat: no-repeat;
}
.CustomtabStyle .ajax__tab_hover .ajax__tab_tab
{
    background: url('../images/tab/tab-hover.gif');
    background-repeat: repeat-x;
}
.CustomtabStyle .ajax__tab_active .ajax__tab_outer
{
    background: url('../images/tab/tab-active-right.gif');
    background-repeat: no-repeat;
    background-position: right;
}
.CustomtabStyle .ajax__tab_active .ajax__tab_inner
{
    background: url('../images/tab/tab-active-left.gif');
    background-repeat: no-repeat;
}
.CustomtabStyle .ajax__tab_active .ajax__tab_tab
{
    background: url('../images/tab/tab-active.gif');
    background-repeat: repeat-x;
}

/* XP IE7 theme - Other Styles */
.CustomtabStyle .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
}
.CustomtabStyle .ajax__tab_outer
{
    height: 29px;
}
.CustomtabStyle .ajax__tab_inner
{
    padding-left: 3px;
}
.CustomtabStyle .ajax__tab_tab
{
    padding: 8px 10px;
    margin: 0;
}
.CustomtabStyle .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 8pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #FFFFFF;
}



.tituloPainel
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small; /*color: #339933;*/
    color: #666666;
    text-align: left;
    background-color: #FFFFFF;
    padding: 0px 5px 5px 5px;
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
    top: -15px;
    z-index: 1;
    position: relative;
    width: auto;
}

.tituloPainelPequeno
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: smaller;
    color: #339933;
    text-align: left;
    background-color: #FFFFFF;
    padding: 0px 5px 5px 5px;
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
    top: -15px;
    z-index: 1;
    position: relative;
    width: auto;
}

.zsBotao
{
    font-family: Verdana, Arial, Helvetica, sans-serif; /*background-color:#05736D;*/
    background-image: url(../images/fundoBotao.gif);
    color: #61772D;
    font-weight: bold;
}

.Painel
{
    /*border:solid 2px #339933; */
    border-bottom: 2px solid #999999;
    border-right: 2px solid #999999;
    border-left: 2px solid #EEEEEE;
    border-top: 2px solid #EEEEEE;
    padding: 5px;
    height: auto;
    background-color: #FFFFFF;
    z-index: 0;
    position: relative;
}

.dCampo
{
    height: 35px;
    width: auto;
    margin-right: 15px;
    margin-bottom: 5px;
}

.ObsNegociacao
{
    overflow: auto;
    width: 200px;
    max-width: 200px;
}

.ObsContato
{
    overflow: auto;
    width: 375px;
    max-width: 375px;
    text-align: left;
}


/*Aviso topo - solicitações pendentes*/
.AvisoTopo
{
    color: #FF0000;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* ---- Tabela descrição ----- */

#table_descricao
{
    width: 100%;
}

#table_descricao td
{
    text-align: center;
    padding: 3px;
}

.table_titulo
{
    font-weight: bold;
    background: #339999;
    color: #FFF;
}

.tbl_rand
{
    background: #eee;
}

#sub_titulo
{
    background: url(../images/linha_baixo.jpg) repeat-x left bottom;
    font-size: 14px;
    padding-bottom: 2px;
    margin-bottom: 12px;
    color: #097fc5;
}

/* ---- Botões ---- */

#bt
{
    float: right;
    min-width:80px;
}

#bt.login
{
    position: absolute;
    right: 18px;
    bottom: 15px;
    float: none;
}

#bt_edit
{
    float: left;
}

#bt_edit a
{
    background: url(../images/bt_edit.gif) no-repeat;
    float: left;
    height: 18px;
    width: 17px;
    margin: 0px 3px;
}

#bt_atualizar a
{
    background: url(../images/bt_atualizar.jpg) no-repeat;
    float: left;
    height: 18px;
    width: 17px;
    margin: 0px 3px;
}

#bt_add a
{
    background: url(../images/bt_add.jpg) no-repeat;
    float: left;
    height: 18px;
    width: 17px;
    margin: 0px 3px;
}

#bt_marcarlido a
{
    background: url(../images/bt_marcarlido.jpg) no-repeat;
    float: left;
    height: 18px;
    width: 17px;
    margin: 0px 3px;
}

#bt_info a
{
    background: url(../images/bt_info.jpg) no-repeat;
    float: left;
    height: 18px;
    width: 17px;
    margin: 0px 3px;
}
#bt_remove
{
    float: left;
}

#bt_remove a
{
    background: url(../images/bt_remove.gif	) no-repeat;
    height: 18px;
    float: left;
    width: 17px;
    margin: 0px 3px;
}

#ctrl
{
    margin: 0px auto;
    width: 120px;
}

#ctrl_primeira a, #ctrl_ultima a
{
    height: 17px;
    width: 34px;
    float: left;
}

#ctrl_anterior a, #ctrl_proxima a
{
    height: 17px;
    width: 25px;
    float: left;
}

#ctrl_primeira a
{
    background: url(../images/primeira.jpg) no-repeat left;
}

#ctrl_primeira a.primeira_inativo
{
    background: url(../images/primeira_b.jpg) no-repeat left;
}

#ctrl_anterior a
{
    background: url(../images/anterior.jpg) no-repeat left;
}

#ctrl_anterior a.anterior_inativo
{
    background: url(../images/anterior_b.jpg) no-repeat left;
}

#ctrl_proxima a
{
    background: url(../images/proxima.jpg) no-repeat left;
}

#ctrl_proxima a.proxima_inativo
{
    background: url(../images/proxima_b.jpg) no-repeat left;
}

#ctrl_ultima a
{
    background: url(../images/ultima.jpg) no-repeat left;
}

#ctrl_ultima a.ultima_inativo
{
    background: url(../images/ultima_b.jpg) no-repeat left;
}



/* ---- Inputs ----- */

#inputs span
{
    clear: both;
    display: block;
    margin: 6px 0px;
}

#inputs input
{
    border: #51b748 solid 1px;
}

#inputs input:focus
{
    background: url(../images/bg_input.jpg) repeat-x;
    border: #aad4d0 solid 1px;
}

.desabilitado
{
    background: #DDD;
    cursor: not-allowed;
}

#inputs select
{
    border-bottom-color: #00F;
    border: none;
}

/* ---- Caixa Chanfrada ---- */

#caixa_c
{
    margin: 15px 0px;
}

.b, .t
{
    height: 16px;
    width: 100%;
}

.l, .r
{
    height: 100%;
    width: 16px;
}

.tl, .tr, .bl, .br
{
    display: block;
    height: 16px;
    width: 16px;
    margin: 0px;
    padding: 0px;
}

.b
{
    background: url(../images/b.jpg) repeat-x center;
}

.bl
{
    background: url(../images/bl.jpg) no-repeat center;
}

.br
{
    background: url(../images/br.jpg) no-repeat center;
}

.t
{
    background: url(../images/t.jpg) repeat-x center;
}

.tl
{
    background: url(../images/tl.jpg) no-repeat center;
}

.tr
{
    background: url(../images/tr.jpg) no-repeat center;
}

.l
{
    background: url(../images/l.jpg) repeat-y center;
}

.r
{
    background: url(../images/r.jpg) repeat-y center;
}



/* ---- Botão ---- */
#bt a
{
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
}

#bt
{
    display: block;
}

#bt_l
{
    background: url(../images/bg_bt_l.jpg) no-repeat left top;
    height: 27px;
    position: relative;
    float: left;
    padding: 6px 4px 0px 10px;
}

#bt_r
{
    height: 27px;
    width: 24px;
    float: left;
}

.bt_r
{
    background: url(../images/bg_bt_r.jpg) no-repeat -9px 0px;
}

.btr_pesquisar
{
    background: url(../images/bg_bt_r_pesquisar.jpg) no-repeat right top;
}

.btr_novo
{
    background: url(../images/bg_bt_r_add.jpg) no-repeat right top;
}

.btr_salvar
{
    background: url(../images/bg_bt_r_salvar.jpg) no-repeat right top;
}

.btr_login
{
    background: url(../images/bg_bt_r_login.jpg) no-repeat right top;
}

.btr_lido
{
    background: url(../images/bg_bt_r_ler.jpg) no-repeat right top;
}

.btr_voltar
{
    background: url(../images/bg_bt_r_voltar.jpg) no-repeat right top;
}

.btr_adicionar
{
    background: url(../images/bg_bt_r_add.jpg) no-repeat right top;
}

.btr_remover
{
    background: url(../images/bg_bt_r_delete.jpg) no-repeat right top;
}

.btr_email
{
    background: url(../images/bg_bt_r_e-mail.jpg) no-repeat right top;
}

.btr_imprimir
{
    background: url(../images/bg_bt_r_print.jpg) no-repeat right top;
}

.btr_negociacao
{
    background: url(../images/bg_bt_r_eco.jpg) no-repeat right top;
}

/* ---- Testeira ----- */
#testeira
{
    width: 940px;
    margin: 0px auto;
    height: 109px;
    /*background: url(../images/bg_topo.jpg) repeat-x center;*/
    /*background-color:#FFFFFF;*/
    position: relative;
    z-index: 15;
}

.logo_imagem
{
    margin: 0px auto;
    background: url(../images/logo.jpg) no-repeat center;
    height: 109px;
    width: 275px;
    position: absolute;
}

.logo_glow
{
    background: url(../images/logo_glow.jpg) no-repeat;
    position: absolute;
    left: 0px;
    top: 1px;
    width: 275px;
    height: 109px;
    display: none;
}

.logo_glow_externa
{
    background: url(../../images/logo_glow.jpg) no-repeat;
    position: absolute;
    left: 0px;
    top: 1px;
    width: 275px;
    height: 109px;
    display: none;
}

#page
{
    width: 940px;
    margin: 0px auto;
}

#conteudo
{
    clear: both;
    padding-top: 5px;
    display: table;
    width: 100%;
    padding-bottom: 37px;
}

#slide_l
{
    width: 29%;
    float: left;
}

#slide_r
{
    width: 70%;
    float: right;
}

#titulo
{
    background: url(../images/bg_table_l.jpg) no-repeat left;
    height: 25px;
    width: 100%;
}

#titulo .titulo_l
{
    background: url(../images/bg_table_r.jpg) no-repeat right;
    height: 100%;
}

.titulo_text
{
    padding: 5px 37px 6px 14px;
    color: #FFF;
    font-size: 12px;
}


/* ---- Footer ----- */
#footer
{
    position: fixed;
    bottom: 0px;
    background: url(../images/bg_footer.jpg) repeat-x;
    width: 100%;
    height: 45px;
    display: none;
}

#footer_externa
{
    position: fixed;
    bottom: 0px;
    background: url(../../images/bg_footer.jpg) repeat-x;
    width: 100%;
    height: 45px;
    display: none;
}

#f_centra
{
    position: relative;
    margin: 0px auto;
    width: 800px;
}

.f_texto
{
    color: #666;
    position: absolute;
    right: 200px;
    top: 10px;
    text-align: center;
}

#logo_footer
{
    width: 102px;
    height: 45px;
    background: url(../images/logo_footer.jpg) no-repeat;
    position: absolute;
    right: 0px;
}


/*---- Tabelas ----*/

#tabela_openclose
{
    background: url(../images/table/sinal_close.jpg) no-repeat center;
    float: left;
    padding: 2px 5px 2px 2px;
}

#tabela_openclose.t_open
{
    background: url(../images/table/sinal_open.jpg) no-repeat center;
}

#tabela_openclose.t_close
{
}

#tabela_openclose a
{
    width: 12px;
    height: 12px;
    display: block;
}

#tabela
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

#tabela li
{
    margin: 5px 0px 5px 35px;
}

#tabela a
{
    text-decoration: none;
    color: #000;
}


#tabela a:hover
{
    text-decoration: underline;
    color: #007e73;
}

/* ---- Menu ----- */
#div_menu
{
    display: block;
    width: 100%;
    margin: 0px auto;
    position: relative;
    z-index: 1;
    /*top: -5px;*/
}

#menu
{
    list-style: none;
    margin: 0px;
    padding: 7px;
    float: left;
}

#menu li
{
    display: inline;
    margin-left: 3px;
    position: relative;
}

#menu li.select
{
    top: 5px;
}

#menu li a
{
    color: #FFFFFF;
    background: url(../images/botao_bg_l.jpg) no-repeat left;
    text-decoration: none;
    padding: 9px 1px 9px 9px;
}

#menu li a:hover
{
    color: #CCCCCC;
}

#menu li a span
{
    background: url(../images/botao_bg_r.jpg) no-repeat right;
    padding: 9px 9px 9px 1px;
}

#menu li.select a
{
    color: #097fc5;
    background: url(../images/botao_bg_s_l.jpg) no-repeat left;
    font-weight: bold;
    padding: 9px 1px 9px 9px;
}

#menu li.select a:hover
{
    cursor: default;
    color: #007e73;
}

#menu li.select a span
{
    background: url(../images/botao_bg_s_r.jpg) no-repeat right;
    padding: 9px 9px 9px 0px;
}

/* ---- Menu Padrão----- */

#menu_padrao
{
    list-style: none;
    margin: 0px;
    float: left;
    padding: 0px;
    position: relative;
    top: 3px;
}

#menu_padrao li
{
    display: inline;
    float: left;
    margin: 0px 2px;
}

#menu_padrao div.close
{
    background: url(../images/close.jpg) no-repeat center;
    height: 22px;
    width: 20px;
    display: block;
}

#menu_padrao div.home
{
    background: url(../images/home.jpg) no-repeat center;
    height: 29px;
    width: 26px;
    display: block;
}

#menu_padrao a.close_select
{
    background: url(../images/close_select.jpg) no-repeat;
    height: 22px;
    width: 24px;
    display: none;
    position: absolute;
    top: 1px;
    left: 31px;
}
#menu_padrao a.home_select
{
    background: url(../images/home_select.jpg) no-repeat;
    height: 29px;
    width: 26px;
    display: none;
    position: absolute;
    top: 2px;
    left: 1px;
}

.clear
{
	clear: both;
}