@import url(menu.css);
@import url(template.css);

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
* { margin: 0px; padding: 0px; }
body{
  background-color: #000;
  text-align:center; /* hack para o IE */	
}
body,td,th {
  color: #d2b465; 
  font-size:13px; 
  line-height:150%;
  font-family:  Arial, Verdana, Tahoma, sans-serif;
} 
a,
a:link,
a:visited{ color:#ccc; text-decoration:none; }
a:hover  { color:#fff; text-decoration:underline; }

html,body{ height:100%; }
input,img{ vertical-align: middle;}
img  { border:0;}
form { display:inline; }
input,
select,
textarea{
  color:#d2b465;
  font-size:11px;
  font-family: Arial, Verdana, Tahoma, sans-serif;;
  margin: 0px;
  padding: 4px 4px;
  outline:none;
  border:1px solid #999;
  -moz-border-radius:6px;  
  background:none; 
}
textarea{ overflow:auto; }
select{ padding: 3px 1px; }
select option{ padding: 1px 4px; }
input:type(radio),
input:type(checkbox){ border:0;}

.focus, .focus * {
  color:#fff;
  cursor:pointer;
  border-color:#ccc;
  background-color:#666;
  font-weight:bold;
}

.active, .active *{
  cursor:pointer;
  background-color:#CCFFCC;
}

/*------------------------------------------------------------*
**  Cabeýalho Seýýes
**------------------------------------------------------------*/
#cabec_sessao{
  font-size:16px;
  font-weight:bold;
  width:98%;
  padding:4px 0px 0px 38px;
  margin-bottom:15px;
  text-decoration:none;
  border-bottom: 1px solid #666;
  background: url(imagens/favicon.gif) no-repeat 7px center ;
}
#cabec_sessao span.tit,
#cabec_sessao span.tit *{
  color:#d2b465;
  margin-right:5px;
  text-decoration:none;
}
#cabec_sessao span.sub,
#cabec_sessao span.sub *{
  color:#CCC;
  text-decoration:none;
  padding-left:10px;
}
#cabec_sessao span.sub { background: url(imagens/seta.gif) no-repeat left;}
/*#cabec_sessao span.sub img{ display:none}*/

.titulo_secao {
  color:#CC0000;
  font-size:11px;
  font-weight:bold;
  text-transform: uppercase;
  border-bottom: 1px dotted #CCCCCC
}
.titulo_grupo {
  color:#1F86DE;
  font-size:12px;
  font-weight:bold;
}

/*------------------------------------------------------------*
**  Tabelas
**------------------------------------------------------------*/
table.bordasimples { border-collapse: collapse;}
table.bordasimples tr th,
table.bordasimples tr td {
  border:1px solid #c0c0c0;
  padding: 3px;
}
table.simples{
  border: 1px solid #EAEAEA;
  background-color:#FBFBFB;
}
table.simples td,
table.simples th{
  font-size:12px;
  padding:4px 5px;
  border-bottom: 1px solid #EAEAEA;
}

table .head{
  background: #8F4B21 url(imagens/lay_menu_baixo_fundo.gif) repeat-x left;    
}
table .head td,
table .head th{
  padding:2px 5px !important;
  color:#fff;
  font-size:11px;  !important;
  font-weight:bold;
  text-transform:uppercase;
}
table .foot td,
table .foot th{ background-color: #F7F7F7; }

table .Linha1 { background-color: #FFFFFF; }
table .Linha2 { background-color: #F7F7F7; }


/*------------------------------------------------------------*
**  Intro Flash
**------------------------------------------------------------*/
#intro,
#intro embed,
#intro object{
  width:  100%;
  height: 99%;
}
#intro p{
  font-weight: bolder;
  text-align: center;
  margin: 10px;
  display:none;
}

/*------------------------------------------------------------*
**  Bordas
**------------------------------------------------------------*/
/*
#bordas *{display:inline;margin: 0;padding: 0}
#bordas {
  margin: 0; 
  padding: 0;
  background: url(imagens/canto-inf-dir.gif) no-repeat 100% 100%;
}
#bordas .titulo {
  background: url(imagens/canto-sup-dir.gif) no-repeat 100% 0;
  margin: 0;
  padding: 0;
}
#bordas .titulo h6 { 
  background: url(imagens/canto-sup-esq.gif) no-repeat 0 0;
  margin: 0;
  padding: 3px 0px 10px ;
  color: #333; 
  font-size: 0px; 
  line-height: 0px;
}
#bordas .conteudo {
  background: url(imagens/canto-inf-esq.gif) no-repeat  0px 100%;
  margin: 0;
  padding: 1px 15px 15px;
}*/


/*------------------------------------------------------------*
**  Produtos Detalhes
**------------------------------------------------------------*/
#prod_det{
  padding:0px 5px;
}

#prod_det h1,
#prod_det h2{
  color:#2369B2;
  font-size:18px;
  text-align:center;
  font-weight:bold;
  margin-bottom:5px;
  padding:0px 35px 5px 30px;
  text-decoration:none;
  border-bottom: 1px dotted #CCCCCC;
  background: url(imagens/favicon.gif)  no-repeat right ;
  clear:both;
}

#prod_det h3{
  color:#000; 
  font-size:14px;
  text-align:center;
  margin-bottom:5px;
  clear:both;
}

#prod_det #imgs{
  display:block;
  margin: 0px 0px;
  *cursor: url(imagens/zoom.cur);
}
#prod_det #imgs #big {
  width:340px;
  float:left;
}
#prod_det #imgs #big li{
  list-style:none;
}
#prod_det #imgs #big li a{
  padding: 5px;
  margin: 5px;
  display:block;
  border: 1px dotted #2369B2;
  text-align:center;
}
#prod_det #imgs #big h3{
  text-align:center;
  margin-bottom:0px;
}
#prod_det #imgs #peq{
  float:left;
  width:250px;
}
#prod_det #imgs #peq a{
  float: left;
  display:block;
  width:100px;
  height:100px;
  border: 1px dotted #0079C0;
  padding: 6px;
  margin: 5px;
  background: no-repeat center;
}
#prod_det #imgs #peq a.active{ border-color: #D71920; }
#prod_det #imgs #peq a img{ display:none; }

#prod_det #descricao{ clear:both; }
#prod_det #descricao h2,
#prod_det #detalhes h2,
#prod_det #composicao form h2,
#prod_det #composicao_resumo h2{
  clear:both;
  display:block;
  margin-top:18px;
  padding-top:4px;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  background-position:left;
}

#prod_det #detalhes p{ margin-top:10px}
#prod_det #detalhes ul li{
  list-style: inside url(imagens/ico_ok.gif);
  margin-left:25px; 
}

#prod_det #composicao{
  border: 1px solid #EAEAEA;
  background-color:#fff;
  padding:10px;
  clear:both;
}
#prod_det #composicao .prod{
  width:60px;
  float:left;
}
#prod_det #composicao label{
  font-size:11px;
  display:block;
  margin-left: 70px;
}

#prod_det #comprar{
  float:right;
  margin:2px;
  margin-bottom:15px;
  width:220px;
  text-align:center
}
#prod_det #comprar #preco h4{ 
  font-size:12px;
}
#prod_det #comprar #preco h3{
  font-size:17px;
  color:#2369B2;
  font-weight:bold;
  display:block;
}
#prod_det #comprar small#juros{display:none}

#prod_det #bt_carrinho,
#prod_det #bt_top {
  display:none;
 }

/*------------------------------------------------------------*
**  Produtos Itens
**------------------------------------------------------------*/	
#prod_itens a {
  color:#000;
  line-height:110%;
  float:left;
  text-align:center;
  display:block;
  height:198px;
  width:185px;
  padding:6px;   
  margin:0px;
  overflow:hidden;
}
#prod_itens.vitrine a {
  margin:6px;
  padding:0px;   
  width:300px;
  height:275px;
}

#prod_itens .nome{
  font-size:12px;
  font-weight:bold;
}

#prod_itens .descr{ 
  font-size:11px;
  display:block;
  color: #666666;
}

#prod_itens a:hover {
  text-decoration: none;
  /*background-color:#F9F9F9;*/
}
#prod_itens .valor{
  color:#ffa12d;
  font-size:15px;
  font-weight:bold;
  display:block;
}
#prod_itens .grupo{
  display:none;
}
#prod_itens img.prod {
  border: 1px solid #f1f1f1;
  padding: 9px;
  display:block;
  margin:0px auto;
  /*background-color:#F9F9F9;*/
  background-color:#fff;
}
#prod_itens.vitrine img.prod{
  padding: 0px;
  margin:-1px -1px 2px -1px;
}

#prod_itens a .bot{
  display:none;
}
/*#prod_itens a:hover .bot{
  display:inline;
  position:absolute;
  margin-top:124px;
  margin-left:35px;
}*/

/*------------------------------------------------------------*
**  Carrinho
**------------------------------------------------------------*/	
#carrinho_fases{
  margin-bottom:10px; 
}

#carrinho table *{ font-size:12px; }

#carrinho table#itens { border: 1px solid #EAEAEA; }
#carrinho table#itens td{
  padding:5px;  
}

#carrinho table#itens tr.produto td{ border-bottom: 1px solid #EAEAEA; }
#carrinho table#itens td.borda{ border-left: 1px solid #EAEAEA; }
#pedidos #peditens ul,
#carrinho table#itens ul{
  color:#999;
  font-size:12px;
  padding-left:15px;
  line-height:120%;
}

#carrinho table#itens * a{ color:#333; }
#carrinho table#itens td.qtd a:hover{ color:#ff0000; }
#carrinho table#itens td.vunit,
#carrinho table#itens td.valor{ font-weight:bold;}

#carrinho table#itens td.cep{
  background-color: #F7F7F7;
}
#carrinho table#itens tr.frete,
#carrinho table#itens tr.subtotal{
  background-color: #EAEAEA;
}
#carrinho table#itens td.cep strong{
    font-size:11px;
}

#carrinho table#itens tr.totalped td{
  color:#333;
  background-color: #ffa12d;
}
#carrinho table#itens #bt_calcfrete{
  border:none;
}

#carrinho table#frete_tipo tr td{
  cursor:pointer;
  border-bottom: 1px solid #EAEAEA;
}
#carrinho #vazio,
#carrinho #vazio *{
  text-align:center;
  margin-top:25px;
}




/*------------------------------------------------------------*
**  Conteudos Lista
**------------------------------------------------------------*/	

#cont_itens a {
  color:#d2b465;
  line-height:115%;
  float:left;
  display:block;
  height:45px;
  width:96%;
  padding:5px;   
  margin:5px;
  /*text-align:justify;*/
  border: 2px solid #c0c0c0;
  overflow:hidden;
  -moz-border-radius:10px;  
}

#cont_itens a:hover {
  border-color: #d2b465;
  background-color: #000;
  text-decoration: none;
}
#cont_itens.N h2{ display:none; }

#cont_itens .data{
  float:right;
}
#cont_itens .titulo{
  margin-left:110px;
  font-size:14px;
  font-weight:bold;
}
#cont_itens img.icon{
  position:absolute;
  clip:rect(0px 100px 45px 0px);
}
#cont_itens .resumo{
  margin-left:110px;
  font-size:11px;
  display:block;
  color: #ccc;
}
#cont_itens a.mais:hover {
  border:none;
  background:none;
}


/*------------------------------------------------------------*
**  Conteudos Detalhes
**------------------------------------------------------------*/
#cont_detalhes{
  margin:10px 10px 15px 20px;
  /*text-align:justify;*/
}
#cont_detalhes h2,
#cont_detalhes h3{
  clear:both;
  color:#c0c0c0;
  font-size:16px;
  font-weight:bold;
  padding:4px 38px 0px 0px;
  margin:10px auto;
  text-decoration:none;
  border-bottom: 1px dotted #c0c0c0;
  background: url(imagens/favicon.gif)  no-repeat right ;
}

#cont_detalhes .conteudo p{
  /*text-indent: 25px;*/
  margin: 15px 0px;
}
#cont_detalhes .conteudo ul li{
  margin:0 30px;
}
#cont_detalhes span.icon{
  float:left;
  margin:0px;
  padding-right:10px;  
  padding-bottom:10px;  
}
#cont_detalhes span.icon img{
  padding:6px;
  border:1px solid #ccc;
  background-color: #fff;
}

#cont_detalhes #arquivos a{
  float:left;
  display:block;
  margin:3px 0px;
  width:33%;
}

#cont_detalhes address { display: block; clear: both;}
#cont_detalhes address a{  margin:0px 15px; }

#cont_detalhes a.voltar{
  float:right;
}
#cont_detalhes div#swf_galeria{
  margin:5px auto;
  width:510px;
  background:none;
  text-align:center;
}

#cont_detalhes #linksrel{  margin-bottom:15px; }
#cont_detalhes #linksrel a{
  margin-left:25px;
  display:block;
}

#cont_detalhes #coments li{
  list-style:none;
  color:#8F4B21;
  display:block;
  width:95%;
  padding:5px;   
  margin:5px;
  border: 2px solid #CFA278;
  -moz-border-radius:10px; 
}
#cont_detalhes #coments li:hover{
  border-color: #5D88C1;
  background-color: #f7f7f7;
}
#cont_detalhes #coments h5 {
  font-size:14px;
  padding-left:25px;
  padding-top:10px;
  margin-bottom:5px;
  text-decoration:none;
  border-bottom: 1px dotted #CCCCCC;
  background: url(imagens/favicon.gif)  no-repeat left;
}
#cont_detalhes #coments small{
  color:#CFA278;
  font-size:11px;
  font-weight:normal;
  margin-left:5px;
}
#cont_detalhes #coments img{ float:right; }
#cont_detalhes p{
  margin-left:25px;
  line-height:115%;
}

/*------------------------------------------------------------*
**  Formulýrio de indicaýýo
**------------------------------------------------------------*/	
#indicar{ background: #fff;}
#indicar img{margin-right:10px;}
#indicar h3{ color:#8F4B21; }


/*------------------------------------------------------------*
**  Formulýrio de login
**------------------------------------------------------------*/	
#login table{
  text-align:left;
}
#login h4 font{
  font-size:12px;
  padding-left:40px;
  background: url(imagens/ico_atencao.gif) no-repeat 10px;  
}
#login h4,
#login p{
  padding:5px;
}
#login #bt_enviar{
  text-align:center;
  border:none;
}


/*------------------------------------------------------------*
**  Cadastro
**------------------------------------------------------------*/	

#cadastro #dados th{
  text-transform:uppercase;
  text-align:right;
  border-right: 1px solid #EAEAEA;
}
#cadastro #dados{ margin:0 auto; background:none;}
#cadastro #dados,
#cadastro #dados td,
#cadastro #dados th{ border-color:#666;}
#cadastro .dica{color: #c0c0c0; cursor:help}
#cadastro .dica:hover{color: #666;}

/*------------------------------------------------------------*
**  Tela de Pagamento
**------------------------------------------------------------*/	
#carrinho_pgto #deposito td{ padding:1px 5px; }
#carrinho_pgto #valortotal h4{ 
  display:inline;
  color:#FF6600;
}

#carrinho_pgto .juros{ color:red; }


#formas_pgto{ margin:5px;}
#formas_pgto h3{
  color:#ffa12d;
  font-size:15px;
  margin-top:20px;
  padding-top:10px;
  border-top:1px solid #c0c0c0; 
  clear:both;
}
#formas_pgto h4{
  color:#921d73;
  font-size:14px;
  border-bottom:1px dashed #c0c0c0;
  text-align:right;
}
#formas_pgto ul{ list-style:none; width:100%; }
#formas_pgto li{
  font-size:12px;
  float:left;
  width:130px;
  text-align:center;
}
#formas_pgto small{ float:left; display:block; clear:both; }

/*------------------------------------------------------------*
**  Tela de Finalizaýýo
**------------------------------------------------------------*/	
#carrinho_final #dados h4{
  text-transform:uppercase;
  color:#FF6600;
  font-size:12px;
}
#carrinho_final #nropedido{  }
#carrinho_final #dados p{ font-weight:bold;}
#carrinho_final #carrinho table#itens td{ padding:1px 5px; }
#carrinho_final #entrega{ background-color:#FFB7B7; }
#carrinho_final #entrega td{ font-size:13px; }
#carrinho_final #entrega .head td{ font-size:11px !important; }
#carrinho_final #entrega ul{ padding:10px 40px; }
#carrinho_final #nropedido h4 b{ font-size:18px; }
#carrinho_final #nropedido h4,
#carrinho_final #formas h4{
  color:#FF6600;
  text-transform:uppercase;
}
#carrinho_final #formas #deposito td{ padding:1px 5px; }

/*------------------------------------------------------------*
**  Meus Pedidos
**------------------------------------------------------------*/	
#pedidos #peditens td{
  padding:0px 5px;
}

/*------------------------------------------------------------*
**  Formulýrio de contato
**------------------------------------------------------------*/	
#fale_obrigado{
  clear:both;
  width: 342px;
  margin:0px auto;
  padding:15px;
  text-align:center;
  border:2px solid #5D88C1;
  -moz-border-radius:6px;  
}
#formFale {
  clear:both;
  width: 362px;
  margin:0px auto;
}

#formFale fieldset{
  padding: 10px;
  border: 2px solid #ccc;
  -moz-border-radius:6px;  
  width: 100%;
}
#formFale legend{
  color: #d2b465; 
  font-size:14px;
  font-weight: bold;
  letter-spacing: 1px;
}
/* HACK PARA CORRIGIR O MARGIN-BOTTOM*/
html>body #formFale legend{
  margin-bottom: 0px;
}
#formFale input,
#formFale select,
#formFale textarea{
  margin-bottom: 10px;
}
#formFale label{
  color: #d2b465; 
  display: block;
  width: 100px;
  float: left;
  padding-top:2px;
  border-bottom: 1px solid #666;
}
#formFale #CLI_FONE,
#formFale #CLI_FONE2{ width: 105px }
#formFale #CLI_UF{ width: 235px !important; }
#formFale #CLICON_TEXTO{
  width: 225px !important;
  height:70px;
  overflow:auto;
}
#formFale #L_CLI_NEWS{
  width: 100%;
  margin-bottom: 10px;
}
#formFale #CLI_NEWS{margin:-2px 0px 0px 3px; }
#formFale #bt_submit{
  float:right;
  margin:0px 100px;
  border:none;
}

/*------------------------------------------------------------*
**  Impresso da pagina
**------------------------------------------------------------*/	 
@media print{
  #prod_det #imgs #peq a{ background-image:none;}
  #prod_det #imgs #peq a img{ display:inline;}
}