@import "fontes/fontes.css";
/*CSS Reset*/
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*FIM DO RESET*/

/*----------------------------------------------------------------------------*/

/*GERAL*/
*, html, body{ font: 0.98em 'UbuntuLight'; }

#topo{ padding: 2%; border-bottom: 3px solid #b43741; margin-bottom: 30px; }

#toggleMenu{ padding-bottom: 15px; font: 1.2em 'UbuntuBold'; border-bottom: 3px solid #b43741; margin-bottom: 15px; width: 32%; cursor: pointer; }

.clear{ clear: both; }

.linha_separacao{ border: 3px solid #b43741; width: 100%; clear: both; margin-bottom: 10px; }

select{ margin-right: 10px; }

h1{ font: 1.5em 'UbuntuRegular'; }

h2.tituloPagina{ font: 2em 'UbuntuRegular'; }

h2.subtitulo { font: 1.5em 'UbuntuRegular'; }

.box{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 6px solid #aea9ac; }

.campoLongo{ width: 100%; }

.content{ width: 68%; /*1300px*/ margin: 0 auto; }

.espaco{ clear: both; width: 100%; height: 15px; }

.content .loginPainel{ width: 200px; margin: 20px auto; }

.content .loginPainel h1{ text-align: center; padding: 10px; border-bottom: 3px solid #b43741; margin-bottom: 20px; }

#topo h1{ font: 2.5em 'UbuntuRegular'; }

#barraUsuario{ margin-bottom: 20px; }

#colEsquerda{ width: 24%; float: left; }

#colDireita{ width: 74%; float: right; }

.coluna-metade { width: 48%; margin-right: 2%; float: left; }

.campoPesquisa{ width: 100%;  border: 1px solid #cfcacd; }

.campoLado{ float: left; margin-right: 5px; }
.campo-100{ width: 100%; }
.campo-90{ width: 90%; }
.campo-80{ width: 80%; }
.campo-70{ width: 70%; }
.campo-60{ width: 60%; }
.campo-50{ width: 48%; }
.campo-40{ width: 40%; }
.campo-30{ width: 30%; }
.campo-20{ width: 20%; }
.campo-10{ width: 10%; }

.box-grupo{ border: 1px solid #e1dfe0; border-radius: 3px; padding: 10px; margin-bottom: 10px; }
.box-grupo:hover{ background-color: #f8f8f8; }

/*MNENU*/
#menu li a{ display: block; padding: 12px; border-bottom: 1px solid #f1e8f1; padding-left: 60px; text-decoration: none; color: #545153; }
#menu li:hover, menu li a:hover{ color: #b43741; font-weight: bold; border-left: 4px solid #b43741; cursor: pointer; }

.submenu{ margin-left: 5px; }

.imgIndicadores{ background: #f8f7fc url("../imagens/indicadores.png") no-repeat 15px 5px; background-size: 30px; }

.imgAcessoPainel{ background: #f8f7fc url("../imagens/acesso-painel.png") no-repeat 15px 5px; background-size: 30px; }
.imgUsuarios{ background: #ffffff url("../imagens/usuarios.png") no-repeat 15px 5px; background-size: 30px; }
.imgHistorico{ background: #ffffff url("../imagens/historico.png") no-repeat 15px; background-size: 30px; }


.imgMenusSubmenus{ background: #f8f7fc url("../imagens/menus-submenus.png") no-repeat 15px 5px; background-size: 30px; }
.imgMenus{ background: #ffffff url("../imagens/menus.png") no-repeat 15px 5px; background-size: 30px; }
.imgSubmenus{ background: #ffffff url("../imagens/submenus.png") no-repeat 15px 5px; background-size: 30px; }

.imgInfoCliente{ background: #f8f7fc url("../imagens/info-cliente.png") no-repeat 15px 5px; background-size: 30px; }
.imgPerguntasFrequentes{ background: #ffffff url("../imagens/perguntas_frequentes.png") no-repeat 15px 5px; background-size: 30px; }
.imgContatos{ background: #ffffff url("../imagens/contatos.png") no-repeat 15px 5px; background-size: 30px; }
.imgTiposContatos{ background: #ffffff url("../imagens/tipos_contatos.png") no-repeat 15px 5px; background-size: 30px; }
.imgOutrosContatos{ background: #ffffff url("../imagens/outros-contatos.png") no-repeat 15px 5px; background-size: 30px; }

.imgTransporte{ background: #f8f7fc url("../imagens/transporte.png") no-repeat 15px 5px; background-size: 30px; }
.imgEntregas{ background: #ffffff url("../imagens/entrega.png") no-repeat 15px 5px; background-size: 30px; }
.imgFrete{ background: #ffffff url("../imagens/frete.png") no-repeat 15px 5px; background-size: 30px; }
.imgPesos{ background: #ffffff url("../imagens/pesos.png") no-repeat 15px 5px; background-size: 30px; }

.imgProdutosMenu{ background: #f8f7fc url("../imagens/produtos-menu.png") no-repeat 15px 5px; background-size: 30px; }
.imgMarcas{ background: #ffffff url("../imagens/marcas.png") no-repeat 15px 5px; background-size: 30px; }
.imgTipos{ background: #ffffff url("../imagens/tipo_produto.png") no-repeat 15px 5px; background-size: 30px; }
.imgProdutos{ background: #ffffff url("../imagens/produtos.png") no-repeat 15px 5px; background-size: 30px; }
.imgLoteProdutos{ background: #ffffff url("../imagens/importar.png") no-repeat 15px 5px; background-size: 30px; }

.imgSobreEmpresa{ background: #f8f7fc url("../imagens/empresa.png") no-repeat 15px 5px; background-size: 30px; }

.imgBanners{ background: #f8f7fc url("../imagens/banners.png") no-repeat 15px 5px; background-size: 30px; }

.imgBannersLaterais{ background: #f8f7fc url("../imagens/banner_lateral.png") no-repeat 15px 5px; background-size: 30px; }

.imgCategorias{ background: #f8f7fc url("../imagens/categorias.png") no-repeat 15px 5px; background-size: 30px; }


.imgPedidos{ background: #f8f7fc url("../imagens/pedidos.png") no-repeat 15px 5px; background-size: 30px; }

.imgClientes{ background: #f8f7fc url("../imagens/clientes.png") no-repeat 15px 5px; background-size: 30px; }

.imgPacoteProdutos{ background: #f8f7fc url("../imagens/pacote_produtos.png") no-repeat 15px 5px; background-size: 30px; }

.imgComentarios{ background: #f8f7fc url("../imagens/comentarios.png") no-repeat 15px 5px; background-size: 30px; }

.imgPerguntasRespostas{ background: #f8f7fc url("../imagens/perguntas.png") no-repeat 15px 5px; background-size: 30px; }

.imgRedesSociais{ background: #f8f7fc url("../imagens/redes-sociais.png") no-repeat 15px 5px; background-size: 30px; }

.imgSeo{ background: #f8f7fc url("../imagens/seo.png") no-repeat 15px 5px; background-size: 30px; }

.imgSistemasPagamento{ background: #f8f7fc url("../imagens/sistemas_pagamento.png") no-repeat 15px 5px; background-size: 30px; }

.imgConfiguracoes{ background: #f8f7fc url("../imagens/configuracoes.png") no-repeat 15px 5px; background-size: 30px; }
/*FIM DO MENUS*/

.tabelaLimitada{ /*height: 500px;*/ overflow: scroll; }

.info{ background: #fceeec url('../imagens/site/fundo.png') ; border-radius: 5px; padding: 10px; }

.info .imgInfo{ float: left; max-width: 7%; }

.info .textoInfo{ float: left; width: 90%; margin-left: 10px; }

/*Indicadores*/

/*.indicador{ border-bottom: 1px solid #e8e3e7; }*/
.filtra-indicador{ border: 1px dashed #d7cec8; background-color: #f3f3f3; padding: 5px; border-radius: 3px; }

/*Relatórios*/

.tituloRelatorio{ font: 18px 'UbuntuBold'; }
.subtituloRelatorio{ font: 15px 'UbuntuBold'; }
.textoRelatorio{ font: 12px 'UbuntuLight'; }
.tabelaRelatorio th, .tabelaRelatorio tr, .tabelaRelatorio td{ padding: 2px !important; }

/*Fim Relatórios*/

@media (max-width: 440px){

    #topo h1{font: 2em 'UbuntuRegular' !important; }

}