/* 1- Menu Principal */

#menu-adm
{
    text-align: left;
    height: 30px;
    margin: 0 0 20px 0;
    background: #E76304;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E76304), to(#E76204));
    background: -webkit-linear-gradient(#F08507, #E76204);
    background: -moz-linear-gradient(#E76304, #E76204);
    background: -ms-linear-gradient(#E76304, #E76204);
    background: -o-linear-gradient(#E76304, #E76204);
    background: linear-gradient(#E76304, #E76204);
    -pie-background: linear-gradient(#E76304, #E76204);
    behavior: url(/PIE.htc);
    position: relative;
}
#menu-adm.conteudo-administrativo
{
    margin: 0 0 20px 0;
}
#menu-adm ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu-adm li
{
    line-height: 30px;
}
#menu-adm ul li ul li
{
    border-right: 0;
}
#menu-adm li a
{
    display: block;
    color: #fff;
    padding: 0 10px;
    text-decoration: none;
}
#menu-adm li a:hover
{
    text-decoration: underline;
}
#menu-adm li ul
{
    background: #636363;
    position: absolute;
    visibility: hidden;
}
#menu-adm li:hover ul, #menu-adm li.hover ul
{
    padding-top: 5px;
    visibility: visible;
    z-index: 1000;
}
#menu-adm li:hover ul ul, #menu-adm li.hover ul ul
{
    visibility: hidden;
}
#menu-adm li li:hover ul, #menu-adm li li.hover ul
{
    visibility: visible;
}
#menu-adm li li:hover ul ul, #menu-adm li li.hover ul ul
{
    visibility: hidden;
}

/* características horizontal-vertical */
#menu-adm li
{
    float: left;
}
#menu-adm li ul li
{
    float: none;
    width: 180px;
}
/* 1- Fim do Menu Principal */
/* 2- Calendário, Pedidos Não Liberados e Bilhetagem */
/* Calendário */
#box-calendario
{
    margin-top: 20px;
    float: left;
    width: 78%;
}
#box-calendario > .calendario
{
    background: #fff;
    border: 1px dashed #CCC !important;
    width: 100%;
    color: #000;
    font-size: 11px;
    height: 200px;
    line-height: 24px;
}
#box-calendario .next-prev a
{
    text-decoration: none;
    color: #FFF !important;
    padding: 0 10px;
}
#box-calendario .titulo
{
    background-color: #E76304 !important;
    color: #FFF !important;
    font-weight: bolder !important;
    height: 25px !important;
}
#box-calendario .next-prev a:hover
{
    text-decoration: underline;
}
#box-calendario .linha-semana
{
    background-color: #666;
    color: #CCC;
    height: 30px;
}
#box-calendario .dia-selecionado
{
    background-color: #E76304 !important;
    font-weight: bolder !important;
    color: #FFF !important;
}
#box-calendario .selecionar-dia
{
    background-color: #E76304 !important;
    color: #FFF !important;
    font-weight: bolder !important;
}
#box-calendario .dia-de-hoje
{
    background-color: #EEE !important;
}
#box-calendario .fim-de-semana
{
    background-color: #F5F5F5 !important;
}
/* Legenda do Calendário (Controle de Contatos) */
#legenda-calendario
{
    margin: 10px 0px 20px 10px;
}
#legenda-calendario ul
{
    font-size: 11px;
    margin: 0;
    padding-left: 20px;
}
#legenda-calendario ul li
{
    margin: 0px 0px 0px 0px;
}
#legenda-calendario ul li.verde
{
    list-style: url(../img/legenda-vermelha.gif);
}
#legenda-calendario ul li.branco
{
    list-style: url(../img/legenda-branca.gif);
}

/* Pedidos Não Liberados */
#pedidos-nao-liberados
{
    float: right;
    background-color: #F5F5F5;
    width: 200px;
    height: 198px;
    margin-left: 10px;
    margin-top: 20px;
    border: 1px dashed #CCC;
    text-align: center;
    width: 20%;
}

#pedidos-nao-liberados h3
{
    margin: 8px 8px;
    font-size: 10px;
    font-weight: bold;
    color: #333;
}
/* Bilhetagem */
#cc-bilhetagem
{
    width: 500px;
    background: #EEE;
    border: 1px dashed #CCC;
    margin: 15px auto;
    padding: 10px;
}
#cc-bilhetagem p
{
    margin: 10px 0;
    line-height: 24px;
}
/* 2- Fim do Calendário, Pedidos Não Liberados e Bilhetagem*/

/* 3- Controle de Contatos CRM, Grid Contatos, Interações e ACC */
/* CRM */
#controle-contato
{
    margin-top: 10px;
}
#controle-contato h1
{
    color: #1191D2;
}
#controle-contato #crm
{
    height: 65px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 13px;
    border: 1px solid #EAEAEA;
    font-size: 11px;
}
#controle-contato #crm .sub-item
{
    float: left;
    height: 65px;
    padding: 0px 15px;
    border-right: 1px solid #EAEAEA;
    line-height: 20px;
}
#controle-contato #crm .numero
{
    font-size: 16px;
}
#controle-contato #crm .contato-recebido
{
    color: #000;
    font-weight: bolder;
}
#controle-contato #crm .contato-recebido a
{
    color: #000;
}
#controle-contato #crm .nao-atendido
{
    color: #ff3333;
    font-weight: bolder;
}
#controle-contato #crm .nao-atendido a
{
    color: #ff3333;
}
#controle-contato #crm .muito-promissores
{
    color: #00bb30;
    font-weight: bolder;
}
#controle-contato #crm .muito-promissores a
{
    color: #00bb30;
}
#controle-contato #crm .promissores
{
    color: #6d9477;
    font-weight: bolder;
}
#controle-contato #crm .promissores a
{
    color: #6d9477;
}
#controle-contato #crm .pouco-promissores
{
    color: #e4d100;
    font-weight: bolder;
}
#controle-contato #crm .pouco-promissores a
{
    color: #e4d100;
}
#controle-contato #crm .convertido-em-venda
{
    color: #3790BD;
    font-weight: bolder;
}
#controle-contato #crm .convertido-em-venda a
{
    color: #3790BD;
}
/* Grid Contatos */
#grid-contatos
{
    margin: 20px 0;
}
/* Detalhe do Contato */
#detalhe-do-contato
{
}
#status-do-contato
{
    margin: 20px 0;
}

#desc_contatos
{
    background: #F5F5F5;
    margin: 20px 0;
    border: 1px dashed #CCC;
}
#desc_contatos ul.li_desc_contatos
{
    display: table;
}
#desc_contatos ul.li_desc_contatos
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#desc_contatos ul.li_desc_contatos li
{
    font-size: 14px;
    padding: 10px 0px;
}

#desc_contatos ul.li_desc_contatos li.titulo
{
    float: left;
    background-color: #CCC;
    width: 160px;
    padding-left: 8px;
}
#desc_contatos ul.li_desc_contatos li.descricao
{
    margin-left: 169px;
    width: 770px;
    padding-left: 8px;
}
/* Interações */
#interacoes
{
    margin: 20px 0;
}
/* ACC */
#acc
{
    margin: 20px 0;
}
#acc .logo
{
    border: 1px solid #DDD;
    padding: 5px;
    float: left;
    margin-right: 10px;
}

.acc-header, .acc-selected
{
    width: 100%;
    background-color: #FFF;
    margin-bottom: 2px;
    padding: 2px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
    line-height: 20px;
    height: 20px;
    border-bottom: 1px dotted;
}

.crm_interacoes
{
    width: 100%;
    background-color: #FFF;
    margin-bottom: 2px;
    padding: 2px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
    border-bottom: 1px dotted;
}

.acc-content
{
    margin-bottom: 2px;
    padding: 2px;
}
.acc-selected, .acc-content
{
    border: solid 1px #FFF;
}
/* 3- Fim do Controle de Contatos CRM, Grid Contatos, Interações e ACC */

/* 4- Produtos: Incuir Produtos, Produtos Cadastrados, Destaques e Compra Conjunta */
#adicional-do-produto
{
    border: 1px solid #CCC;
    margin: 10px 0;
}
#adicional-do-produto tr.cabecalho
{
    background-color: #CCC;
    color: #000;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
}
#adicional-do-produto tr.meio
{
    background-color: #F5F5F5;
}
#adicional-do-produto td
{
    text-align: left;
    padding: 3px;
}
/* Editar Produtos */
#imagem
{
    border: 5px solid #222;
    background-color: #FFF;
    float: right;
    margin: 10px 10px 0px 0px;
}
.produto-cadastrado-img
{
    border: 1px solid #CCC;
    background-color: #FFF;
    padding: 10px;
    margin: 10px;
}
/* 4- Fim de Produtos: Incuir Produtos, Produtos Cadastrados, Destaques e Compra Conjunta */
/* 5 - Checkboxlist */
.cbl-grande, #composicoes-ul
{
    background: #fff;
    border: 1px solid #DEDEDE;
    padding: 3px;
    width: 940px;
}
.cbl-grande li
{
    display: block;
    height: 23px;
    line-height: 23px;
    float: left;
    font-size: 11px;
    width: 134px;
}
.cbl-grande li:hover
{
    background: #eee;
}
.cbl-grande input[type="checkbox"]
{
    display: block;
    float: left;
    height: 13px;
    margin: 5px 0 5px 5px;
    padding: 0;
    width: 13px;
}
.cbl-grande label
{
    float: left;
    line-height: normal;
    margin: 0 0 0 -20px;
    padding: 5px 3px 5px 25px;
    width: 108px;
}
.ul-acabamento li
{
    width: 196px;
}
.ul-acabamento label
{
    width: 168px;
}
.ul-manutencao li
{
    width: 311px;
}
.ul-manutencao label
{
    width: 283px;
}
/* 5 - Fim Checkboxlist */
#composicoes-ul li
{
    display: block;
    height: 27px;
    line-height: 27px;
    float: left;
    font-size: 11px;
    margin-right: 30px;
    padding: 3px;
    width: 189px;
}
#composicoes-ul li:hover
{
    background: #eee;
}
#composicoes-ul label
{
    float: left;
    line-height: 17px;
    margin-top: 0;
    padding: 5px 5px 5px 5px;
    width: 96px;
}
#composicoes-ul input
{
    float: left;
    margin: 0 5px 5px 0;
}
.ver-imagem
{
    margin-left: 85px;
}
/* TABELA GALERIA */
.table-imagens
{
    width: 100%;
}
.table-imagens table div
{
    margin: 10px 10px 35px;
    position: relative;
}
.table-imagens table img
{
    border: 5px solid #fff;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
behavior: url(/PIE.htc);
    width: 99px;
}
.table-imagens table input
{
    border-radius: 0;
    bottom: 10px;
    font-family: Verdana !important;
    font-size: 0.9em;
    height: 18px;
    left: 8px;
    line-height: 18px;
    position: absolute;
    width: 93px !important;
}
/* SCROLLBAR */
.scroll-pane, .scroll-pane-arrows
{
    width: 948px;
    height: 220px;
    overflow: auto;
}
.horizontal-only
{
    height: auto;
    max-height: 240px;
}

/* Data Grid */
.gridView
{
    width: 100%;
    border: 1px dashed #CCC;
    line-height: 16px;
}
.gridView th, .gridView td
{
    text-align: left;
    padding: 10px;
}
.header
{
    background-color: #999;
    color: #fff;
}
.rowitem
{
    background-color: #f5f5f5;
}
.alternating
{
    background-color: #FFF;
}
.footer
{
    background-color: #999;
    font-weight: bold;
}
.footer td
{
    padding: 10px 5px;
}
.paginacao
{
    background-color: #999;
    color: #FFF;
}
.paginacao td
{
    padding: 10px 5px;
}
.paginacao a
{
    color: #000;
}
.subtotal
{
    margin: 15px 5px 12px 5px;
    text-align: right;
}
.subtotal span
{
    font-family: 'CastleTRegular';
    font-size: 24px;
    font-weight: bolder;
    color: #333;
}
.valor-frete
{
    float: right;
    font-family: 'CastleTRegular';
    font-size: 20px;
    color: #777;
}

.valor-total-da-compra
{
    margin: 15px 5px 12px 5px;
    font-family: 'CastleTRegular';
    font-size: 30px;
    text-align: right;
    font-weight: bolder;
    color: #333;
}
.valor-total-da-compra .total
{
    font-size: 20px;
}