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

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
* { margin: 0px; padding: 0px; }
body{
  background: url(imagens/lay_fundo_topo.jpg) repeat-x center top;
}
div#body{
  background: url(imagens/lay_fundo_baixo.jpg) repeat-x center bottom;
}
body,td,th {
  color: #000; 
  font-size:13px; 
  line-height:150%;
  font-family:  Arial, Verdana, Tahoma, sans-serif;
} 
a,
a:link,
a:visited{ color:#3e3c65; text-decoration:none; }
a:hover  { color:#5D88C1; 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;
}
.active, .active *{
  cursor:pointer;
  background-color:#CCFFCC;
}

/*------------------------------------------------------------*
**  Cabeýalho Seýýes
**------------------------------------------------------------*/
#cabec_sessao{
  font-size:15px;
  font-weight:bold;
  width:98%;
  padding:6px 0px 2px 30px;
  margin-bottom:15px;
  text-decoration:none;
  border-bottom: 0px dashed #fff;
  background: url(imagens/favicon.gif) no-repeat left bottom;
}
#cabec_sessao span.tit,
#cabec_sessao span.tit *{
  color:#000;
  margin-right:5px;
  text-decoration:none;
}
#cabec_sessao span.sub,
#cabec_sessao span.sub *{
  color:#403e66;
  font-size:17px;
  text-decoration:none;
  padding-left:10px;
}
#cabec_sessao span.sub { background: url(imagens/seta.gif) no-repeat left;}


/*------------------------------------------------------------*
**  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: #af140b;    
}
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 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;}

/*------------------------------------------------------------*
**  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,
#prod_det #arquivos h3{
  color:#D70108;
  font-size:18px;
  text-align:center;
  font-weight:bold;
  margin-bottom:5px;
  padding:0px 35px 5px 30px;
  text-decoration:none;
  border-bottom: 1px dotted #ff0000;
  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: 0px dotted #2369B2;
  text-align:center;
}
#prod_det #imgs #big h3{
  text-align:center;
  margin-bottom:0px;
}
#prod_det #imgs #peq{
  float:left;
  width:130px;
}
#prod_det #imgs #peq a{
  float: left;
  display:block;
  width:100px;
  height:75px;
  border: 0px 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 #arquivos h3,
#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:13px;
  font-weight:bold;
  text-align:left;
  background-position:left;
}

#prod_det #detalhes p{ margin-top:15px}
#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:300px;
  text-align:center
}

#prod_det #derivacao td{
   text-align:left;
}

#prod_det #derivacao h3{
  font-size:15px;
  color:#D70108;
  font-weight:bold;
}

#prod_det #comprar #preco h4{ 
  font-size:12px;
}
#prod_det #comprar #preco h3{
  font-size:16px;
  color:#D70108;
  font-weight:bold;
  display:block;
}
#prod_det #comprar small#juros{display:none}

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

#prod_det #arquivos a{
  float:left;
  display: block;
  width:49%;
  font-weight:bold;
  overflow:hidden; 
}


/*------------------------------------------------------------*
**  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:14px;
  font-weight:bold;
}

#prod_itens .descr{ 
  font-size:13px;
  display:block;
  color: #666;
}

#prod_itens a:hover {
  text-decoration: none;
}
#prod_itens .valor{
  font-size:16px;
  color:#D70108;
  font-weight:bold;
  display:block;
}
#prod_itens .grupo{
  display:none;
}
#prod_itens img.prod {
  border: 0px 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 td{ font-size:13px; }         


#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: #539ce8;
}
#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:#ffa12d;
  line-height:115%;
  float:left;
  display:block;
  height:45px;
  width:95%;
  padding:5px;   
  margin:5px;
  /*text-align:justify;*/
  border: 2px solid #ffa12d;
  overflow:hidden;
  -moz-border-radius:10px;  
}

#cont_itens a:hover {
  border-color: #5D88C1;
  background-color: #f7f7f7;
  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: #666666;
}
#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{
  text-transform:uppercase;
  color:#ffa12d;
  font-size:14px;
  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 .conteudo p{
  /*text-indent: 25px;*/
  margin: 15px 0px;
}
#cont_detalhes .conteudo ol li,
#cont_detalhes .conteudo ul li{
  list-style: inside url(imagens/ico_ok.gif);
  margin-left:25px; 
}

#cont_detalhes span.icon{
  float:left;
  margin:0px;
  padding-right:10px;  
  padding-bottom:10px;  
}
#cont_detalhes span.icon img{
  padding:7px;
  border:0px 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:5px auto;
  width:510px;
  background:#ffa12d;
  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 .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: 342px;
  margin:0px auto;
}

#formFale fieldset{
  padding: 10px;
  border: 2px solid #5D88C1;
  -moz-border-radius:6px;  
  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;
}

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