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

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
* { margin: 0px; padding: 0px; }
body{
  background: #fff url(imagens/lay_fundo_topo.gif) repeat-x top;
}
body,td,th {
  color: #333;
  font-size:13px;
  line-height:150%;
  font-family: Arial, sans-serif;
}
a,
a:link,
a:visited{ color:#16518b; text-decoration:none; }
a:hover  { color:#0f365f; 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;
  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:13px;
  font-weight:bold;
  padding:5px 0px 0px 25px;
  margin-bottom:15px;
  text-decoration:none;
  border-bottom: 1px solid #ccc;
  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:#ac0006;
  text-decoration:none;
  padding-left:8px;
}
#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: #15508a url(imagens/lay_fundo_topo.gif) repeat-x 0px -80px;
}
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; }


/*------------------------------------------------------------*
**  Produtos Detalhes
**------------------------------------------------------------*/
#prod_det{
  padding:0px 5px;
}
#prod_det h1,
#prod_det h2{
  color:#2369B2;
  font-size:17px;
  text-align:center;
  font-weight:bold;
  margin-bottom:5px;
  padding:0px 25px 0px 25px;
  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 #ccc;
  text-align:center;
}
#prod_det #imgs #big h3{
  text-align:center;
  margin-bottom:0px;
}
#prod_det #imgs #peq{
  float:left;
  width:215px;
}
#prod_det #imgs #peq a{
  float: left;
  display:block;
  width:89px;
  height:80px;
  border: 1px dotted #ccc;
  padding: 6px;
  margin: 2px;
  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{
  clear:both;
  color:#ba0107;
  display:block;
  margin-top:17px;
  padding-top:4px;
  font-size:13px;
  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:210px;
  text-align:center
}
#prod_det #comprar #preco h5{
  font-size:13px;
  color:#bf9b0b;
}
#prod_det #comprar #preco h4{
  font-size:12px;
}
#prod_det #comprar #preco h3{
  font-size:16px;
  color:#c83416;
  font-weight:bold;
  display:block;
}
#prod_det #comprar #preco h4.tdesc,
#prod_det #comprar #preco h3.desconto{
  color: green;
}

#prod_det #comprar small#juros{display:none}

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

#prod_det #relacionados h2,
#prod_det #comprejunto h2{
  text-align:left;
  font-size:14px;
  background-position: left;
  margin-top:15px;
}
#prod_det #comprejunto h4{ font-size:13px; }
#prod_det #comprejunto h5{ font-size:11px; }
#prod_det #comprejunto .descr{ 
  color: #666;
  font-weight:normal;
}
#prod_det #comprejunto h4 b{ color:#c83416; }
#prod_det #comprejunto h5 b{ color:green; }

/*------------------------------------------------------------*
**  Produtos Itens
**------------------------------------------------------------*/
#prod_itens a {
  color:#333;
  line-height:130%;
  float:left;
  text-align:center;
  display:block;
  height:205px;
  width:192px;
  padding:0px;
  margin:2px;
  overflow:hidden;
  border-right:1px solid #e1dfdf;
  border-bottom:1px solid #e1dfdf;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
#prod_itens a:hover{
  color:#000;
  text-decoration: none;
  background-color:#F9F9F9;
}
#prod_itens .nome{
  font-size:12px;
  /*font-weight:bold;*/
  display:block;
  clear:both;
}
#prod_itens .descr{
  font-size:11px;
  color: #666;
  display:block;
  clear:both;
}
#prod_itens h3{
  color:#bf9b0b;
  font-size:13px;
  f-loat:left;
  m-argin-left:5px;
}
#prod_itens .valor{
  font-size:15px;
  color:#c83416;
  font-weight:bold;
  display:block;
}

#prod_itens .img{
  color:fff;
  height:110px;
  display:block;
}
#prod_itens img.prod{
  margin:10px auto;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}



/*------------------------------------------------------------*
**  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:#fff;
  background: #15508a url(imagens/lay_fundo_topo.gif) repeat-x 0px -80px;
}
#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:none;
  color:#ac0006;
  font-size:16px;
  font-weight:bold;
  padding:0px;
  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: 10px 10px;
}
#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:none;
  margin:0px;
  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: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:#ba0107; }


/*------------------------------------------------------------*
**  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 #parcelas{
  width:490px;
}
#carrinho_pgto #parcelas label{
  cursor:pointer;
  width:50%;
  margin:3px 0px;
  float:left;
  display:block;
}
#carrinho_pgto #parcelas label b{
  color:#FF6600;
}
#carrinho_pgto #parcelas label:active{
  background-color:#D9ECFF;
}
#carrinho_pgto .juros{ color:red; }

#formas_pgto{ margin:5px;}
#formas_pgto h3{
  color:#2369B2;
  font-size:15px;
  margin-top:20px;
  padding-top:10px;
  border-top:1px solid #c0c0c0;
  clear:both;
}
#formas_pgto h4{
  color:#c83416;
  font-size:14px;
  border-bottom:1px dashed #c0c0c0;
  text-align:right;
}
#formas_pgto ul{ list-style:none; width:100%; }
#formas_pgto p{ color:#333; }
#formas_pgto li{
  color:#333;
  font-size:12px;
  text-align:center;
  float:left;
  width:130px;
}
#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 #ac0006;
  -moz-border-radius:6px;
}
#formFale {
  clear:both;
  width: 342px;
  margin:0px auto;
}

#formFale fieldset{
  padding: 10px;
  border: 2px solid #ac0006;
  -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;}
}
