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

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
* { margin: 0px; padding: 0px; }
body{
  text-align:center;
  background: #A51300 url(imagens/lay_fundo.gif) repeat-x;   
}
body,td,th,p {
  color: #333; 
  font-size:13px; 
  line-height:150%;
  font-family: Arial, Verdana, Tahoma, sans-serif;
} 

a,
a:link,
a:visited{ color:#8F4B21; text-decoration:none; }
a:hover  { color:#833E1A; text-decoration:underline; }

html,body{ height:100%; }
input,img{ vertical-align: middle;}
img  { border:0;}
form { display:inline; }
input,
select,
textarea{
  color:#333;
  font-size:11px;
  font-family: 'Trebuchet MS', Arial, Verdana, Tahoma, sans-serif;;
  margin: 0px;
  padding: 2px 4px;
  outline:none;
  overflow:hidden;
  border:1px solid #D4D4D4;
  -moz-border-radius:6px;  
}
input:type(radio),
input:type(checkbox) {border:0;}

.focus,
.focus * {
  cursor:pointer;
  background-color:#D9ECFF;
  font-weight:bold;
}

/*------------------------------------------------------------*
**  Cabeýalho Seýýes
**------------------------------------------------------------*/
#cabec_sessao{
  font-size:15px;
  font-weight:bold;
  width:95%;
  padding:0px 0px 0px 23px;
  margin-bottom:15px;
  text-decoration:none;
  border-bottom: 2px solid #C13030;
  background: url(imagens/favicon.gif) no-repeat left 60%;
}
#cabec_sessao span.tit,
#cabec_sessao span.tit *{
  color:#C13030;
  margin-right:5px;
  text-decoration:none;
}
#cabec_sessao span.sub,
#cabec_sessao span.sub *{
  color:#82AB50;
  font-size:16px;
  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}*/


/*------------------------------------------------------------*
**  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{
  text-align:center;
  background: #ffa235 url(imagens/lay_menu_baixo_fundo.gif) 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; }
table .Linha3 { background-color: #FFDDDD; }


/*------------------------------------------------------------*
**  Intro Flash
**------------------------------------------------------------*/
#intro p a{
  color: #00CCFF;
  font-family: Arial;
  font-size: 11px;
  font-weight: bolder;
  margin: 10px;
  text-align: center;
}
#intro a:hover{ color: #00CCFF; text-decoration: underline;}

#frete_info{
  color: #333; 
  line-height:135%;
}

#agenda table{ margin: 0 auto}
#agenda table #bt_info{ float: right;}  
#agenda #bt_continuar{ margin:15px auto; display: block; text-align: center;}


/*------------------------------------------------------------*
**  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 10px;
}

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

#prod_det #imgs{
  display:block;
  margin: 0px 10px;
  *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{
  display:none;
  float:left;
  width:380px;
  *width:390px;  
}
#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 h2,
#prod_det #detalhes h2,
#prod_det #composicao form h2,
#prod_det #composicao_resumo h2{
  clear:both;
  display:block;
  padding-top:4px;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  margin:10px auto;
  background-position:left;
}
#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 #formas_pgto, 
#prod_det #composicao {
  float:right;
  width:310px;
}


#prod_det #descricao,
#prod_det #detalhes,
#prod_det #composicao_resumo{
  float:left;
  width:100%;
}


#prod_det #comprar{
  float:right;
  margin:2px;
  margin-bottom:15px;
  width:350px;
  text-align:center
}
#prod_det #derivacao td.MERC_DERIVACAO_01{
  text-align:left;
}


#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:120%;
  float:left;
  text-align:center;
  display:block;
  height:162px;
  width:29%;
  padding:6px;   
  margin:7px;
  border: 2px solid #D9D9D9;
  background-color:#F7F7F7;
  overflow:hidden;
}
/*#prod_itens.vitrine a {
  margin:6px;
  padding:0px;   
  width:300px;
  height:275px;
}*/
#prod_itens .nome{
  font-size:14px;
  font-weight:bold;
}
#prod_itens .descr{ 
  font-size:13px;
  display:block;
  color: #0000ff;
}
#prod_itens .principal, 
#prod_itens a:hover {
  border-color: #D7A5A7;
  text-decoration: none;
  background-color:#FFF6F6;
}
#prod_itens .valor{
  color:#D70108;
  font-size:17px;
  font-weight:bold;
  display:block;
}
#prod_itens .grupo{
  display:none;
}
#prod_itens img.prod {
  border: 1px solid #AD3136;
  background-color:#fff;
  padding: 7px;
  display:block;
  margin:0px auto;
}
/*#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; }

#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 .qtd a{ color:red; font-size:11px}
#carrinho table#itens .qtd span{ display:inline !important;}
#carrinho table#itens .qtd input,
#carrinho table#itens tr.frete,
#carrinho table#itens tr.subtotal .label,
#carrinho table#itens tr.subtotal .valor{
  display:none;
}

#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:#fff;
  background-color: #8F4B21;
}
#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 {
  line-height:115%;
  float:left;
  display:block;
  height:60px;
  *height:70px;
  width:95%;
  padding:5px;   
  margin:3px;
  border: 2px solid #D93331;
  overflow:hidden;
  -moz-border-radius:6px;
}

#cont_itens a:hover {
  border-color: #C13030;
  background-color: #f7f7f7;
  text-decoration: none;
}
#cont_itens .data{
  display:block;
  color:#ccc;
  font-size:11px;
}
#cont_itens .titulo{
  display:block;
  color:#C13030;
  font-size:15px;
  font-weight:bold;
}
#cont_itens img.icon{
  float:left;
  width:70px;
  height:50px;
  margin-top:3px;
  margin-right:5px;
  border:2px solid #4e6370;
  -moz-border-radius:6px; 
}
#cont_itens .resumo{
  display:block;
  color:#666666;
  font-size:11px;
}


/*------------------------------------------------------------*
**  Conteudos Detalhes
**------------------------------------------------------------*/
#cont_detalhes{
  margin:10px 10px 15px 20px;
  /*text-align:justify;*/
}
#cont_detalhes h2,
#cont_detalhes h3{
  text-transform:uppercase;
  color:#C13030;
  font-size:15px;
  font-weight:bold;
  padding:5px;
  margin:10px auto;
  text-decoration:none;
  border-bottom: 1px dotted #CCCCCC;
  background: url(imagens/favicon.gif)  no-repeat right ;
}
#cont_detalhes h3{
  clear:both;
  font-size:13px;
  padding-left:20px;
  background-position: left; 
}

#cont_detalhes .conteudo p{
  /*text-indent: 25px;*/
  margin: 15px 0px;
}
#cont_detalhes .conteudo ul li{
  margin:0 30px;
  list-style: url(imagens/ico_ok.gif)
}
#cont_detalhes span.icon{
  float:left;
  text-align:center;
  display:block; 
  padding-right:10px;  
  padding-bottom:10px; 
}
#cont_detalhes span.icon img{
  padding:7px;
  border:1px solid #ccc;
  background-color: #fff;
}

#cont_detalhes #arquivos a{
  float:left;
  display:block;
  padding:3px 8px;
  width:22%;
}
#cont_detalhes #arquivos a:hover{
  color:#3E6335;
  text-decoration:none;
  background-color:#EFFFEA;
}
#cont_detalhes address a{  margin:0px 15px; }

#cont_detalhes a.voltar{
  float:right;
  margin:10px;
  font-weight:bold;
  text-transform:uppercase;
}
#cont_detalhes div#swf_galeria{
  margin:0 auto;
  width:510px;
  background-color:#D93331;
  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: #833E1A;
  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 .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;
}

/*------------------------------------------------------------*
**  Tela de Finalizaýýo
**------------------------------------------------------------*/	
#carrinho_final #dados h4{
  text-transform:uppercase;
  color:#FF6600;
  font-size:12px;
}

#carrinho_final .cep p,
#carrinho_final #dados.obs,
#carrinho_final #entrega{ display:none }

#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 #D00108;
}
#formFale {
  clear:both;
  width: 342px;
  margin:0px auto;
  background-color:#fff;
}

#formFale fieldset{
  padding: 10px;
  border: 2px solid #D00108;
  width: 340px;
}
#formFale legend{
  color:#333;
  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{
  display: block;
  width: 100px;
  float: left;
  color: #000;
  padding-top:2px;
  border-bottom: 1px solid #f1f1f1;
}
#formFale #CLI_UF{ 
  width: 150px;
}
#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;
}