body{
  margin:10px 9px;
  padding:0;
  font-family:arial, verdana, "times new roman", helvetica, sans-serif;
  color:black;
}

table{
  font-size:10pt;
}

ul, ol, sup, hr, span, .red{ 
  color:#CC0000;
}

.preto{ 
  color:black;
}

span.primeiraletra { 
  font-size:xx-large; 
  color:black;
}

sup.big{
}

h1{font-size:34pt;}
h2{font-size:24pt;}
h3{font-size:20pt;}
h4{font-size:18pt;}
h5{font-size:15pt;}
h6{font-size:13pt;}

h1, h2, h3, h4, h5, h6{ 
  margin: 15px 0;
  color:black;
}

h3.centro {
}

form{
  margin:0;
  padding:0;
}

/* -------------------------------------------------- Controle de Ambiente ------------------------------------------------------------------ */

.parametros_imagem{
  border:none;
  width:130px;
  height:130px;
}

/* -------------------------------------------------------- Controle de Links ------------------------------------------------------------------ */

a:link, a:visited, a:active{
  font-size:8pt;
  text-decoration:underline;
}

a:link{
  color: #000099;
}

a:hover{
  font-size:8pt;
  color:#CC0000;
  text-decoration:none;
}

a.linkcabecalho:link, a.linkcabecalho:visited, a.linkcabecalho:hover{ 
  font:9pt verdana, arial, helvetica, "times new roman", sans-serif; 
  text-decoration:none;
}

a.linkcabecalho:link{ 
  color:white;
}

a.linkcabecalho:visited{
  color:#cccccc;
}

a.linkcabecalho:hover{
  color:black;
  text-decoration:underline
}

a.linktitulo:link, a.linktitulo:visited, a.linktitulo:hover{ 
  font-size:9pt;
  font-weight:bold;
  color:black;
  text-decoration:none;
}

a.linktitulo:hover{
   text-decoration:underline
}

a.link_texto:link, a.link_texto:visited, a.link_texto:hover{ 
  font-size:10pt;
  text-decoration:underline
}

a.link_texto:hover{
  text-decoration:none;
}

/* -------------------------------------------------------- Estrutura dos textos ------------------------------------------------------------------ */

.centro{
  text-align:center;
}

.left{
  text-align:left;
}

.big{
  font-weight:bold;
}

/* ------------------------------------------------------------- Fundos de Tela  ------------------------------------------------------------------ */

.fundo_tabela, .fundo_curvas, .tabela_pagamentos{
  background:#fff0f0;
}

.fundo_tabela{
  border:solid 1px black;
}

.tabela_pagamentos{
  border:thin outset;
}

.painel_espaco{
  padding-left:30px;
}

.ebit{
  font-size:10pt;
  color: white;
}

.resolucao{
  font-size: 9pt;
  color: black;
}

.caixa_publicidade_quadrado{
  width:824px;
  margin:0;
  padding:0;
}

.texto_principal{
  width:615px;
  margin:0;
  padding:0;
  float:left;
}

.publicidade_quadrado{
  width:200px;
  float:right;
  text-align: right;
}

.linha_divisao{
  border:thin solid #CC0000;
}

.requisitos{
  font-size: 12pt;
  font-weight:bold;
  color:#CC0000;
}

.titulopagamento, .rodape, .esquerda, .titulotrecho{ 
  color:#CC0000;
}

.titulopagamento{
  font:bold 10pt verdana, arial, helvetica, "times new roman", sans-serif;
}

.pergunta{
  background:#CC0000;
  font-size:10pt;
  color:white;
}

.beneficio{
  font-size:11pt;
  color:black;
  background:#fafafa;
  text-align:center
}

.rotuloform{
  font:10pt verdana, arial, helvetica, "times new roman", sans-serif; 
  text-align: right;
  color: black;
}

.titulo, .subtitulo{
  font-size:10pt;
  font-weight:bold;
  color:#CC0000;
}

.botaosite{
  background:#CC0000;
  font-size:10pt; 
  color:white;
}

.textos{
  font-size:11pt;
  color:black;
}

.textopropaganda{
  font-size:10pt;
  font-weight: bold;
  color: black;
  text-align: center;
}

.etapaanterior, .etapaatual, .etapaposterior{
  width:164px;
  font-size:9pt;
  text-align:center;
  float:left;
}

.etapaatual, .etapaposterior{
  font-weight:bold;
}

.etapaatual{
  color:#CC0000;
}

.coluna_imagem{
  width:60px;
  border:thin solid black;
  text-align:center;
  float:left;
}

.texto_pagamento{
  color:black;
  font-weight:bold;
}

.texto_desconto{
  vertical-align:top; 
  text-align:right;
}

.textotabela{
  font:normal 10px verdana, arial, helvetica, "times new roman", sans-serif;
  color: white;
}

.rodapecoluna{
  border-bottom:solid 1px white;
}

.rodape{
  font-size:10pt;
  font-weight:bold;
}

.cabecalhotabela{
  background:#CC0000;
  font-size:8pt;
  font-weight:bold;
  color: white;
  text-align:center;
  border-bottom:double thin black;
}

.rodapetabela, borda{
  background:#EEEEEE; 
  border-top-style:double; 
  border-top-color:#CC0000;
}

.cabecalho{
  background-color:#CC0000;
  font:8pt verdana, arial, helvetica, "times new roman", sans-serif;
  text-align:center;
  border:thin solid black;
  color:white;
}

.corpo{
  font-size:10pt;
  color:black;
  background:#fff0f0;
}

.especificacoes{
  font-size:9pt;
  color:#000033;
}

.manchete{
  font-size:13pt;
  font-weight:bold;
  color: black;
  text-align: center;
}

.codigo, .descricao, .disponibilidade, .garantia, .valor{
  font-size:9pt;
  color:black;
}

.descricao{
  font-weight:normal;
  text-align:left;
} 

.disponibilidade, .garantia, .acao{
  text-align:center;
} 

.valor{
  text-align:right;
}

.pagamento {
  font-size:9pt; 
  color: black;
}

.pagina{
  font-size:8pt;
  color:gray;
}

.paragrafo{
  padding:4px;
  font-size:10pt;
  font-weight:bold;
  color:black;
  text-align:center;
}

.perguntas, .etiqueta, .esquerda, .dados, .rotulo{
  font-size:11pt;
  font-weight:bold;
}

.perguntas, .etiqueta, .rotulo{
  color:black;
}

.dados{
  color:#CC0000;
}

.rotulo, .perguntas{
  text-align:right;
}

.inicioparagrafo{
  text-indent:1.25cm;
  margin-bottom:0cm;
}

.interesse, .ofertas{
  font-size:10pt;
  color:black;
}

.ofertas{
  text-align:center;
}

.indicar{
  font:8pt arial, verdana, helvetica, "times new roman", sans-serif;
  color:black;
  text-align:center;
}

.topicos{
  background:#cccccc;
  font:bold 10pt arial, verdana, helvetica, "times new roman", sans-serif;
  color:#CC0000;
  border-style:outset;
  text-align:center;
}

.totais {
  font-size:10pt;
  text-align:right;
  color:#CC0000;
}

.aviso{
  font-size:9pt;
  color:black;
}

.bancos{
  background:#333;
  font-size:10pt;
  color: #CC0000;
}

.nestapagina{
  font-size:10pt;
  font-weight:bold;
}

.titulotrecho{
  font-size:12pt;
  font-weight:bold;
  text-decoration:overline;
}

/*---------------------------------------------------------------- Tabelas --------------------------------------------------------------------------- */

.ticado_center{
  background: url(imagens/genericas/ticado.gif) no-repeat center;
}

.cinza_ticado_center{
  background:#EEE url(imagens/genericas/ticado.gif) no-repeat center;
}

.amarelo_ticado_center{
  background:#FED501 url(imagens/genericas/ticado.gif) no-repeat center;
}

.fundo_amarelo{
  background:#FED501;
}

.fundo_cinza{
  background:#EEE;
  text-align:left;
}

.borda_relacionados{
  border:thin dotted black;
}

.altura{
  height:30px;
}

/*------------------------------------------------------------------ Fim --------------------------------------------------------------------------- */

.slogam{
  font:9pt verdana, arial, helvetica, "times new roman", sans-serif;
  color:white;
}

.titulopedido, .textospedido{
  font-size:12pt;
}

.titulopedido{
  color:#CC0000;
}

.textospedido{
  color:black;
}

.jogos{
 font-family: "monotype corsiva", verdana, arial, helvetica, "times new roman", sans-serif;
}

.texto_jogos{
 font: 12pt "Century Gothic", verdana, arial, helvetica, "times new roman", sans-serif;
}

/* --------------------------------------------------------- Cantos Arredondados -------------------------------------------------------------------------- */

div.curvas{
  background: #FFF0F0 url(imagens/genericas/cantosuperiordireito.gif) no-repeat top right;
}

div.curvas div{
  background:transparent url(imagens/genericas/cantosuperioresquerdo.gif) no-repeat top left;
}

div.curvas div div{
  background:transparent url(imagens/genericas/cantoinferiordireito.gif) no-repeat bottom right;
}

div.curvas div div div{
  background:transparent url(imagens/genericas/cantoinferioresquerdo.gif) no-repeat bottom left;
  padding:15px;
}

div.cantos{
  background: #CC0000 url(imagens/genericas/cantosuperiordireitocabecalho.gif) no-repeat top right;
}

div.cantos div{
  background:transparent url(imagens/genericas/cantosuperioresquerdocabecalho.gif) no-repeat top left;
}

div.cantos div div{
  background:transparent url(imagens/genericas/cantoinferiordireitocabecalho.gif) no-repeat bottom right;
}

div.cantos div div div{
  background:transparent url(imagens/genericas/cantoinferioresquerdocabecalho.gif) no-repeat bottom left;
  padding:15px;
}

/* ------------------------------------------------------------ inicio do novo menu -------------------------------------------------------------------------- */

ul.menubar{
  margin:0px;
  padding:0px;
  background:white;
  font-size:100%;
}
 
ul.menubar .submenu{
  margin:0px;
  padding:0px;
  list-style:none;
  background-color:#CC0000;
  float:left;
}

.submenu{
  width:120px;
}

ul.menubar ul.menu{
  display:none;
  position:absolute;
  margin:0px;
}
 
ul.menubar a{
  padding:5px;
  display:block;
  text-decoration:none;
  color:white;
}
 
ul.menu, ul.menu ul{
  margin:0;
  padding:0;
  border:1px solid white;
  width:160px;
  text-align:left;
  background:black;
}
 
ul.menu li{
  position:relative;
  list-style:none;
  border:0px;
}
 
ul.menu li a{
  display:block;
  text-decoration:none;
  color:white;
  padding:5px 0px 5px 10px;
  z-index:1;
}
 
ul.menu li sup{
  font-weight:bold;
  font-size:7px;
  color:#CC0000;
}
 
/* fix ie. hide from ie mac \*/
* html ul.menu li{ float: left; height: 1%; }
* html ul.menu li a{ height: 1%; }
/* end */
 
ul.menu ul{
  position: absolute;
  display:none;
  left:159px; 
  top:0px;
}
 
ul.menu li.submenu ul{
  display:none;
}
 
ul.menu li.submenu{
  background:transparent url(arrow.gif) right center no-repeat;
}
 
ul.menu li a:hover{
  color:#CC0000;
  text-decoration:underline;
}

/* ------------------------------------------------------------------------------------- fim do novo menu --------------------------------------------------------------- */

#caixaglobal{
  width:984px;
}

#fundo_cabecalho{
  width:984px;
  margin:0px auto;
  display:table;
  background:#CC0000;
  font-size:9pt; 
  color:white;
  text-align:center;
}

#banner, #colunadireita{
  font:9pt arial, verdana, helvetica, "times new roman", sans-serif; 
}

#colunaesquerda, #colunadireita, #banner{
  float:left;
  clear:none;
}

#colunaesquerda{
  width:200px;
  margin-top:10px;
  margin-left:10px;
  text-align:center;
}

#colunadireita{
  width:90px;
  height:80px;
  margin-top:10px;
  margin-left:90px;
  text-align:center;
}

#banner{
  width:478px;
  margin-top:10px;
  margin-left:48px;
  text-align:center;
} 

#busca{
  width:984px;
  display:block;
  padding-top:10px;
  border:thin dashed;
  text-align:center;
}

#rodapecabecalho{
  width:984px;
  height:30px;
  padding-top:10px;
  text-align:center;
}

#pagina{
  background:white;
  width:984px;
  height:30px;
  font-size:9pt;
}

#menulateral{
  background:black;
  padding:0;
  width:140px;
  font-size:8pt;
  float:left;
}

#menulateral ul{
  margin:0.2em;
  padding:0;
  border:0.1em white;
}

#menulateral li{ 
  margin:0.2em 0 0.2em 0.2em;
  height:20px;
  padding-left:5px;
  list-style:none;
  font-size:9pt;
  border-bottom:1px solid white;
}

#menulateral li a:link{
  color:white;
  text-decoration:none;
}

#menulateral li a:visited{
  color:#CC0000;
  text-decoration:none;
}

#menulateral li a:hover{
  color:orange;
  text-decoration:underline
}

.lista{
  color:#CC0000;
}

.lista li span{
  color:black;
}

#conteudo{
  width:834px;
  padding:0 5px;
  float:right;
}

.publicidade{
  margin:0;
  padding-left:51px;
  font-size:9pt;
  text-align: left;
}

#rodapelayout{
  width:984px;
  text-align:center;
  clear:both;
}

#rodapelayout, .limpar{
  clear:both;
}

#espaco_branco{
  width:705px;
  height:30px;
  padding:0;
  background-color: white;
}

#blog{
  margin-left:705px;
  padding:0;
  width:279px;
  background:#CC0000;
  font: 10pt verdana, arial, 'times new roman', helvetica, sans-serif;
  text-align:center;
 }

#caixa_esquerda{
  position:absolute;
  left:160px;
  width:190px;
  margin:0;
  padding:0;
  float:left;
}

#caixa_central{
  margin-left:210px;
  width:390px;
  padding:0;
  float:left;
}

#caixa_direita{
  width:234px;
  margin:0;
  padding:0;
  float:right;
}

.primeira_coluna{
  width:692px;
  float:left;
}

.segunda_coluna{
  width:132px;
  float:right;
}

.preco_principal{
  font-size: 14pt;
}
