html, body { height:100%; margin:0; padding:0; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:13px; color:#333; overflow-y:hidden; }
img { border:0; }
#tudo { position: relative; width:100%; min-height:100%; }

a:link { color: #00558D; }
a:visited { color: #00558D; }
a:hover { color: #C1272D; }
a:active { color: #00558D; }

form, hr, p { margin:0; padding:0; }
hr { height:1px; color:#CD5257; background-color:#CD5257; border:0; }
.recuo_esquerda{ padding-left:5px; }

/* --- Resumo do Mês --- */
#barraPercentual { float:left; width:958px; height:30px; background:url(imagens/vinhetas/bgBarraCinza.png) repeat-x; border:1px solid #666; position:relative; }
#barraPercentual #atingido { float:left; height:30px; line-height:30px; color:#FFF; font-weight:bold; text-align:right; border-right:1px solid #666; }
#barraPercentual #atingido.verde { background:#A1C63F url(imagens/vinhetas/bgBarraVerde.png) repeat-x; }
#barraPercentual #atingido.amarela { background:#FCD921 url(imagens/vinhetas/bgBarraAmarelo.png) repeat-x; }
#barraPercentual #atingido.vermelha { background:#C1272D url(imagens/vinhetas/bgBarraVermelha.png) repeat-x; }
#barraPercentual #linhaMeta { position:absolute; width:150px; z-index:9999; top:0; padding:45px 0 0 3px; border-left:1px solid #999; font-size:11px; color:#999; }

#detalhesMes { float:left; width:938px; padding:10px; background:#F2F2F2; border:1px solid #CCC; }
#detalhesMes:hover { background:#E8F4D9; }

/* --- Vendas por dia da semana --- */
#diaGeral { float:left; width:405px; height:150px; position:relative; background:#f2f2f2; }
#diaGeral .blocoBarra { width:50px; float:left; bottom:0; position:absolute; }
#diaGeral .blocoBarra .barra { width:30px; float:left; background:#3376A3 url(imagens/vinhetas/bgAzulVertical.png) center repeat-y; border:1px solid #333; margin-left:9px; }
#diaGeral .blocoBarra .descricao { float:left; width:100%; text-align:center; }

.blocoPercentual { float:left; text-align:right; margin-right:10px; }
.blocoPercentual span { color:#999; font-size:16px; }

.fonte60 { font-size:56px; }
.fonteHoje { color:#999; font-size:46px; }
.fonteVendeu { color:#999; font-size:16px; }
.fontePercentualHoje { font-size:82px; }
.fonteValorHoje { font-size:20px; }

/* --- Acessos --- */
.acessos { position:relative; float:right; margin-right:10px; }
.acessos .mediaVendas { position:absolute; top:-8px; right:-14px; padding:0 2px 0 0; font-size:9px; font-weight:bold; color:#FFF; background:#D70000; }

/* --- Login --- */
#login { width:310px; padding:20px; background:#f7f7f7; border:1px solid #999; margin:0 auto; }
#login input { width:299px; padding:5px; background:#fff; border:1px solid #ccc; color:#666; font-size:25px; font-weight:bold; }
#login button { width:80px; height:30px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#FFF; background:#EA8826; border:1px solid #934900; }
#erro_login { width:336px; padding:8px; background:#FFCCCC; border:1px solid #D17171; margin:0 auto 10px auto;}
.fonte_empresa_login { font-family:"Times New Roman", Times, serif; font-size:25px; font-weight:bold; }

/* --- Topo --- */
#topo { color:#CCC; font-size:12px; border-bottom:1px solid #000; }
#topo a { color:#CCC; text-decoration:underline; }
#topo a:hover { color:#FFF; }
#detalheTopo { height:15px; background:url(imagens/vinhetas/bg_detalhe_topo.png); }
#meioTopo { padding:10px; background:#333; }
.nomeEmpresa { color:#F7931E; font-weight:bold; }
.carregando { position:absolute; left:0; top:0; z-index:999; background-color: #FFFF99; padding:5px 10px; color:#000; font-size:12px; font-weight:bold; }

/* --- Menu --- */
#menu_topo { height:25px; font-size:12px; margin:0; padding:0; float:left; }
#menu_topo li { height:25px; line-height:25px; float:left; list-style:none; }
#menu_topo li a { color:#FFF; text-decoration:none; display:block; padding:0 7px; border:#333 1px solid; }
#menu_topo li a:hover { background: #3C3C3C url(imagens/vinhetas/bg_menu_topo.png) repeat-x; border:#757575 1px solid; }

/* --- Conteúdo --- */
#divConteudo { padding:6px; overflow-y:scroll; position:relative; }
#rodape { text-indent:10px; height:29px; line-height:29px; color:#FFF; background:#333; border-top:1px solid #000; font-size:11px; }
#rodape a { color:#FFF; text-decoration:underline; }

hr.separador_titulo { background:#ccc; color:#ccc; height:4px; border:0; }
.box_instrucoes { background:#FEFCDB; border:1px solid #ccc; padding: 5px; margin-bottom:5px; }
.box_erro { padding:5px; background:#FFCCCC; border:1px solid #D17171; margin-bottom:5px; }
.box_conteudo { padding:10px; background:#EEE; border:1px solid #999; }

.bg_cinza_semAnimacao { background:#F7F7F7; }
.bg_cinza { background:#F7F7F7; }
.bg_cinza:hover{ background:#E8F4D9; }
.bg_cinza td { text-indent:2px; }

.bg_branco { background:#FFF; }
.bg_branco:hover { background:#E8F4D9; }
.bg_vermelho_semAnimacao { background:#FFB7B7; }
.bg_vermelho { background:#FFB7B7; }
.bg_vermelho:hover{ background:#FFB7B7; }

.bg_topoLista { font-weight:bold; background:#E2E2E2; }
.bg_topoLista td { text-indent:2px; }

.bg_topoListaAzul { font-weight:bold; background:#2B658B; color:#FFF; }
.bg_topoListaAzul td { text-indent:2px; }

.floatLeft240 { float:left; width:230px; padding:5px; margin:0 10px 10px 0; background:#F7F7F7; }
.floatLeft240:hover { background:#E8F4D9; }

/* Listas de ordenação */
td.item_aSelecionar { background:#E2E2E2; text-decoration:underline; cursor:pointer; }
td.item_aSelecionar:hover { cursor:pointer; background:#B1B1B1; }
td.item_selecionado { background:#B1B1B1; cursor:pointer; }
td.item_selecionado:hover { text-decoration:underline; }
td.item_lista_cor1 { background:#DFDFDF; }
td.item_lista_cor2 { background:#F1F1F1; }

/* --- Fontes Diversas --- */
.fonte10 { font-size:10px; }
.fonte11 { font-size:11px; }
.fonte12 { font-size:12px; }
.fonte26 { font-size:26px; }
.fonte_branca { color:#fff; }
.fonte_vermelha { color: #CC0000; }
.fonte_verde { color: #009245; }
.fonte_cinza { color:#999; }
.fonte_titulo_conteudo { font-family:"Times New Roman", Times, serif; font-size:22px; }
.fonte_subtitulo_conteudo { font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#00C; }

/* --- Textos Diversos --- */
.texto_identacao20{ text-indent:20px; }

/* --- Caixas --- */
.caixaPaginacao {	color:#333333; background:#f7f7f7; width:62px; height:11px; border:1px solid #999; font-size:11px; text-align:center;}
.caixaPaginacao:focus { background:#E0EBF1; }

.caixa50 {	color:#333333; background:#f7f7f7; width:42px;	border:1px solid #999; padding:2px; }
.caixa50:focus { background:#E0EBF1; }

.caixa70 {	color:#333333; background:#f7f7f7; width:62px;	border:1px solid #999; padding:2px; }
.caixa70:focus { background:#E0EBF1; }

.caixa140 {	color:#333333; background:#f7f7f7; width:132px;	border:1px solid #999; padding:2px; }
.caixa140:focus { background:#E0EBF1; }

.caixa220 {	color:#333333; background:#f7f7f7; width:212px;	border:1px solid #999; padding:2px; }
.caixa220:focus { background:#E0EBF1; }

.caixa300 {	color:#333333; background:#f7f7f7; width:292px;	border:1px solid #999; padding:2px; }
.caixa300:focus { background:#E0EBF1; }

.caixa350 {	color:#333333; background:#f7f7f7; width:342px;	border:1px solid #999; padding:2px; }
.caixa350:focus { background:#E0EBF1; }

.caixa470 {	color:#333333; background:#f7f7f7; width:465px;	border:1px solid #999; padding:2px; }
.caixa470:focus { background:#E0EBF1; }

.caixa220Sel {	color:#333333; background:#f7f7f7; width:220px;	border:1px solid #999; padding:2px; }
.caixa220Sel:focus { background:#E0EBF1; }

.caixa350Sel {	color:#333333; background:#f7f7f7; width:350px;	border:1px solid #999; padding:2px; }
.caixa350Sel:focus { background:#E0EBF1; }

.caixa350x60 {	color:#333333; background:#f7f7f7; width:342px; height:52px; border:1px solid #999; padding:2px; }
.caixa350x60:focus { background:#E0EBF1; }

.caixa350x120 {	color:#333333; background:#f7f7f7; width:342px; height:122px; border:1px solid #999; padding:2px; }
.caixa350x120:focus { background:#E0EBF1; }

.caixa470x120 {	color:#333333; background:#f7f7f7; width:465px; height:122px; border:1px solid #999; padding:2px; }
.caixa470x120:focus { background:#E0EBF1; }

/* --- Paginação --- */
a.paginacao { width:25px; height:25px; background:#FFF; display:block; float:left; line-height:25px; text-align:center; border:1px solid #D4D4D4; color:#3377A4; margin:0 5px 5px 0; text-decoration:none; }
a:hover.paginacao, a.paginacao_selecao { width:25px; height:25px; background:#D6E4ED; display:block; float:left; line-height:25px; text-align:center; border:1px solid #3377A4; color:#3377A4; margin:0 5px 5px 0; text-decoration:none; }
a.letras { width:22px; height:22px; background:#FFF; display:block; float:left; line-height:22px; text-align:center; border:1px solid #D4D4D4; color:#3377A4; margin:0 3px 3px 0; text-decoration:none; }
a:hover.letras, a.letras_selecao { width:22px; height:22px; background:#D6E4ED; display:block; float:left; line-height:23px; text-align:center; border:1px solid #3377A4; color:#3377A4; margin:0 3px 3px 0; text-decoration:none; }

/* --- Botões --- */
.botao40 { width:40px; height:23px; font-weight:bold; color:#FFF; background:url(imagens/vinhetas/bg_botoes.png) repeat-x; border:1px solid #083654; cursor:pointer; }
.botao80 { width:80px; height:24px; color:#FFF; background:url(imagens/vinhetas/bg_botoes.png) repeat-x; border:1px solid #083654; cursor:pointer; }
.botao80:hover, .botao80:focus  { background:url(imagens/vinhetas/bg_botoes_hover.png) repeat-x; cursor:pointer; }
.botao140 { width:140px; height:30px; font-weight:bold; color:#FFF; background:#3377A4; border:1px solid #083654; cursor:pointer; }

.botaoVerdeG { width:150px; height:43px; font-size:18px; color:#FFF; background:url(imagens/vinhetas/bg_botaoVerde.png) repeat-x; border:1px solid #73A234; cursor:pointer; }

.divMedalha img { border:0; }