* {margin:0; padding:0; font-family:arial, helvetica, sans-serif}
body {background-color:#fff; font-size:12px; color:#014a97; line-height:16px}
div {position:relative}
img {border:none}
a {outline:none; overflow:hidden; color:#014a97; text-decoration:none}
a:hover {text-decoration:underline}
td {padding:5px}
h2 {height:16px; background-repeat:no-repeat; margin-bottom:15px}
h2 span {display:none}
h5 {font-size:12px; margin:14px 0}
p {padding-bottom:15px}
input, textarea {font-size:11px; color:#333}

.quebra {width:100%; height:2px; display:block; clear:both; background-color:transparent; font-size:0}

.caixa {border:1px solid #ccc; padding:2px}

.radio_check {width:13px; height:13px; vertical-align:middle; margin-right:3px}

.limpar {width:91px; height:21px; border:none; background:transparent url(../img/limpar.gif) no-repeat}

.coluna {float:left}

.destaque {margin-bottom:15px}
.destaque h5 {margin:0 0 2px}

#noticias {height:227px}
#noticias h5 {margin:15px 0 2px}
#noticias h6 {font-size:11px; margin-bottom:2px; color:#f90; font-weight:400}

.link {font-size:10px; color:#f90}

.tabela {width:100%; border:1px solid #ccc; margin:12px 0 20px}
.tabela * {text-align:center}
.tabela th {border-right:1px solid #ccc; background-color:#2e91da; color:#fff; padding:10px}
.tabela td {border-top:1px solid #ccc; border-right:1px solid #ccc; background-color:#f1f8f8}
.tabela .caixa {width:45px; color:#014a97}

.tabela2 {width:100%; border:1px solid #ccc; margin:12px 0 20px}
.tabela2 th {border-right:1px solid #ccc; background-color:#2e91da; color:#fff; padding:10px}
.tabela2 td {border-top:1px solid #ccc; border-right:1px solid #ccc; background-color:#f1f8f8}
.tabela2 .caixa {width:45px; color:#014a97}

.tabela3 {width:100%; border:1px solid #ccc; margin:12px 0 20px}
.tabela3 th {border-right:1px solid #ccc; background-color:#2e91da; color:#fff; padding:10px}
.tabela3 td {border-top:1px solid #ccc; border-right:1px solid #ccc;}
.tabela3 .caixa {width:45px; color:#014a97}

th.sem_borda, td.sem_borda {border-right:none}

.foto {width:104px; float:left; margin:0 32px 18px 0}
.foto img {border:1px solid #f90; display:block; margin-bottom:5px}

.produto {width:110px; text-align:center; float:left; margin-bottom:25px}
.produto img {display:block; margin:0 auto 6px}
.produto span {font-size:12px; font-weight:700}
.produto div {margin-top:6px}
.produto div * {vertical-align:middle}

.descricao {width:100%; border-bottom:1px solid #ccc; padding-bottom:10px}
.descricao img {float:left; margin-right:12px}
.descricao h5 {margin:0 0 8px}

.forma-pagamento {float:left; margin-bottom:12px}
.forma-pagamento h5 {clear:both; margin:12px 0 5px}

.acoes {border-bottom:1px solid #ccc; text-align:right; padding:30px 0 5px; word-spacing:10px}
.acoes img, .acoes input {vertical-align:middle}

.obs {font-weight:700; padding:10px 0 0}
.obs span {color:#f90}

#topo {height:135px; background:transparent url(../img/bg_topo.gif) repeat-x; border-left:7px solid #2e91da}
#topo img {float:left}
#topo dl {position:absolute; top:108px; left:442px}
#topo dt {float:left; color:#f90; padding-right:6px}
#topo a {margin-right:3px}

#principal {width:100%; background:transparent url(../img/bg_menu.gif) left repeat-y;}

#menu {width:204px; float:left; padding:16px 0; font-size:12px}
#menu h2, #lateral h2 {margin:0 16px 10px}
#menu dl, #lateral dl {margin:0 18px 18px 0}
#menu dt, #lateral dt {width:168px; border-bottom:1px solid #ccc; padding:3px 0 3px 18px}
#menu dt a:hover, #lateral dt a:hover {text-decoration:none; color:#f90}
#menu table {width:184px; margin:0 10px}
#menu .caixa {width:119px}

#acoes a {float:left}
#acoes input {float:right; margin-top:3px}

#info {font-size:10px; padding:18px 16px 0}

#conteudo {width:545px; float:left; padding:20px 15px 15px}

#detalhe-topo {width:180px; height:8px; background:#2e91da url(../img/quina_detalhe.gif) right no-repeat; position:absolute; top:0; left:0; display:block; font-size:0}

#flash {width:315px; height:201px; margin-bottom:15px}

#conteudo_loja {width:575px; float:left; padding:20px 0 15px}

#loja {width:400px; padding:0 15px; float:left}

#fechar_pedido {width:100%}
#fechar_pedido span {color:#f90; font-weight:700; padding-left:3px; font-size:12px}
#fechar_pedido td {padding:5px 8px 5px 0}
#fechar_pedido .caixa {width:105px}

#lateral {width:145px; float:left}
#lateral dl {margin-right:14px}
#lateral dt {width:113px}

#rodape {width:100%; border-top:1px solid #528ca3}
#rodape span {width:385px; height:9px; background-color:#2e91da; display:block; position:absolute; top:0; left:0; font-size:0}
#rodape div {width:779px; text-align:center; font-size:10px; padding:14px 0 4px}
#rodape img {position:absolute; top:10px; right:4px}

#fade{
background:url(../img/fundo_flash.jpg);
background-repeat:no-repeat;
width:315px;
height:201px;
margin-bottom:0px;
padding-top:10px;
padding-left:13px;
}