﻿/* ----------------------------------------
 Programação: Axis Focus Informática Ltda.
 Gráficos:    Casa das Idéias
-------------------------------------------

-----------------------
        Geral
----------------------- */

html, body, div, p, img, form,a, ul, li, input, h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
img {	border:none; }

body { font:12px/16px verdana; background-color:#fff; color:#000; }

/* --------------------
       Layout
-------------------- */

/* ----- Geral ----- */

#moldura { width:780px; margin:0px; }

/* ----- Cabeçalho ----- */

#cabecalho { height:126px; border-bottom:5px solid #fff; clear:both; }
#cabecalho_titulo { height:90px; }

/* ----- Corpo ----- */

#corpo { clear:both; }

/* ----- Coluna central ----- */

#coluna_central { clear:both; }

/* ----- Rodapé ----- */

#rodape { border-top:5px solid #fff; clear:both; }

/* --------------------
Configurações específicas
-------------------- */

/* ----- Cabeçalho ----- */

#cabecalho h1 { width:182px; height:58px; margin:17px 26px 15px 22px; background-image:url(../imagens/estrutura/cabecalho_logo.jpg); float:left; display:inline; overflow:hidden; text-indent:-32767px; }
#cabecalho h1 a {	width:182px; height:58px; display:block; }
#cabecalho h2 { width:239px; height:28px; margin:38px 0px 24px 0px; background-image:url(../imagens/estrutura/cabecalho_h2.jpg); float:left; overflow:hidden; text-indent:-32767px; }
#cabecalho h3 { width:162px; height:17px; margin:24px 9px 9px 0px; float:right; display:inline; overflow:hidden; text-indent:-32767px; }

#menu_cabecalho ul { width:162px; float:right; margin:0px 9px 4px 0px; display:inline; list-style-type:none; }
#menu_cabecalho li a { overflow:hidden; text-indent:-32767px; }
#menu_cabecalho li.cadastro { width:52px; height:10px; padding-right:10px; background:url(../imagens/estrutura/cabecalho_menu_cadastro.jpg) no-repeat; border-right:1px solid #7f7f7f; float:left; display:inline; overflow:hidden; text-indent:-32767px; }
#menu_cabecalho li.cadastro a { width:52px; height:10px; display:block; }
#menu_cabecalho li.minhas_compras { width:90px; height:10px; background-image:url(../imagens/estrutura/cabecalho_menu_minhas_compras.jpg); float:right; display:inline; overflow:hidden; text-indent:-32767px; }
#menu_cabecalho li.minhas_compras a { width:90px; height:10px; display:block; }
#menu_cabecalho li.informacoes_gerais_e_ajuda { width:155px; height:14px; margin-left:4px; display:block; background-image:url(../imagens/estrutura/cabecalho_menu_informacoes_gerais_e_ajuda.jpg); float:left; display:inline; overflow:hidden; text-indent:-32767px; }
#menu_cabecalho li.informacoes_gerais_e_ajuda a { width:155px; height:14px; display:block; }

#menu_cabecalho li.informacoes_gerais { width:109px; height:14px; background-image:url(../imagens/estrutura/cabecalho_menu_informacoes_gerais.jpg); float:left; display:inline; overflow:hidden; text-indent:-32767px; }
#menu_cabecalho li.informacoes_gerais a { width:109px; height:14px; display:block; }
#menu_cabecalho li.ajuda { width:32px; height:10px; margin:2px 0px 0px 0px; padding-left:10px; background:url(../imagens/estrutura/cabecalho_menu_ajuda.jpg) 10px 0px no-repeat; border-left:1px solid #7f7f7f; float:right; display:inline; overflow:hidden; text-indent:-32767px; }
#menu_cabecalho li.ajuda a { width:32px; height:10px; display:block; }

#menu_geral_esquerdo { width:525px; height:36px; float:left; }
#menu_geral_esquerdo li { display:inline; list-style-type:none; font:bold 12px/12px arial; float:left; }
#menu_geral_esquerdo a { color:#000; text-decoration:none; }
#menu_geral_esquerdo .uma_linha a { width:74px; padding:12px 0px; display:block; text-align:center; border-right:1px solid #fff; }
#menu_geral_esquerdo .duas_linhas a { width:74px; padding:6px 0px; display:block; text-align:center; border-right:1px solid #fff; }
#menu_geral_esquerdo .ultimo a { width:75px; padding:6px 0px; display:block; text-align:center; }

#menu_geral_direito { width:73px; height:36px; margin-left:5px; display:inline; float:left; }
#menu_geral_direito li { display:inline; list-style-type:none; font:bold 12px/12px arial; }
#menu_geral_direito a { width:72px; padding:12px 0px; color:#fff; text-decoration:none; display:block; text-align:center; border-right:1px solid #fff; }

#sacola { width:177px; height:36px; float:right; }
#sacola .titulo { padding:6px 5px 6px 13px; font:12px/12px arial; float:left; color:#fff; }
#sacola .itens { width:80px; padding-top:16px; float:left; color:#fff; }

/* ----- Rodapé ----- */

#rodape_geral { height:31px; }
#rodape_geral h4 { width:122px; height:18px; margin:6px 0px 7px 10px; background-image:url(../imagens/estrutura/rodape_formas_pagamento.gif); float:left; display:inline; overflow:hidden; text-indent:-32767px; }
#rodape_geral h5 { margin:10px 10px 9px 130px; float:left; display:inline; font:bold 11px/11px Arial, Helvetica, sans-serif; letter-spacing:0.5px; color:#fff; }
#rodape_geral input.email_promocional { width:170px; height:13px; margin:9px 0px; float:left; display:inline; background-color:#fff; border:none; }
#rodape_geral .enviar_promocional { width:16px; height:13px; margin:9px 0px 9px 5px; float:left; display:inline; background-image:url(../imagens/estrutura/rodape_receber_email_bt_enviar.jpg); overflow:hidden; text-indent:-32767px; }

#rodape ul { margin:16px auto; text-align:center; }
#rodape li { padding:0px 14px 0px 13px; background:url(../imagens/estrutura/rodape_bullet.jpg) no-repeat center right; display:inline; list-style-type:none; font:bold 12px/12px arial; color:#999; }
#rodape li.ultimo { background:none; }
#rodape li a { color:#999; text-decoration:none; }
#rodape li a:hover { text-decoration:underline; }

#direitos { margin-bottom:16px; font-size:11px; color:#999; text-align:center; }

/* --------------------
        Texto
-------------------- */

.bold { font-weight:bold; }
.italic { font-style:italic; }
.center { text-align:center; }

#coluna_central a { color:#000; }

/* --------------------
     Formulários
-------------------- */

input, select, textarea { background-color:rgb(229,229,229); font-family:Arial, Helvetica, sans-serif; font-size:11px; border:none; color:#000; }

label { width:150px; float:left; text-align:right; margin-right:10px; display:inline; }

form p { margin-bottom:2px; }

.erro { width:513px; color:#A00000; font-weight:bold; text-align:center; }

p.botao { text-align:center; }
.botao input { width:120px; margin:10px 5px; left:0px; }

/* --------------------
     AjaxToolKit
-------------------- */

.modalBackground { background-color:#ccc; filter:alpha(opacity=70); opacity:0.7; }

