/* formata o background */
html, body {
background:url(../images/body_background.jpg) repeat-x #FFF;
background-color: #ebf2f8;
margin: 0px;
}
/* formata toda a estrutura do laytout */
*, html, body, td, a, p, input, textarea, select {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555;
}
/* remove a linha dos links */
a {
text-decoration: none;
}
/* remove a borda da imagem */
img {
border: 0;
}
/* alinha para a esquerda */
.left {
float: left;
}
/* alinha para a direita */
.right {
float: right;
}
/* formata o espaçamento dos br */
br {
line-height: 15px;
}
/* destaca o texto em azul */
u {
color: #317bb5;
text-decoration: none;
}
/* define o background do header */
#header {
margin: 0 auto;
background: url(../images/header_background.jpg) no-repeat top;
width: 1003px;
_width: 1004px;
height: 91px;
}
/* topo da página centralizada */
#topo {
width: 980px;
margin: 0 auto;
padding: 0;
}
/* posiciona a logomarca */
#logo {
float: left;
padding: 10px 0 0 5px;
}
.loading {padding:.8em;margin-bottom:1em;border:2px solid #ddd;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright: 5px;}
.loading {width:100%;background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.loading a {color:#514721;}
#jingle {
float: right;
padding: 0px 10px 0px 0px;
}
#jingle embed { margin-left:30px; }
/* formata o menu de navegação */
#menu {
text-align: center;
color: #FFF;
height: 35px;
}
/* formata o link */
#menu a {
font-weight: bold;
color: #FFF;
}
/* formata o link ao passar o mouse */
#menu a:hover {
border-bottom: 2px solid #FFF;
text-decoration: none;
}
/* formata os espaçamentos do menu */
#menu ul {
margin: 0;
padding: 9px 0 0 5px;
}
/* muda a exibição para inline */
#menu li {
display: inline;
list-style: none;
margin: 0px 16px 0px 16px;
}
/* formata o menu auxiliar */
#menuauxiliar {
background: url(../images/fundo_buscas.jpg) no-repeat;
width: 980px;
height: 32px;
}
/* formata os espaçamentos do menu */
#menuauxiliar ul {
margin: 0;
padding: 9px 0 0 5px;
}
/* muda a exibição para inline */
#menuauxiliar li {
display: inline;
list-style: none;
padding: 0 12px 0 20px;
}
/* formata os espaçamentos */
#menulateral {
margin: 0;
padding: 5px 0 5px 15px;
}
/* formata o menu lateral */
#menulateral li {
list-style: none;
font-size: 12px;
font-weight: 700;
padding: 5px 0 5px 0;
}
/* formata a cor do link */
#menulateral a {
color: #336699;
}
/* formata o tree nos menus */
#menulateral ul {
padding-left: 20px;
background-image: url(../images/tree-link.gif);
background-repeat: repeat-y;
margin: 0px;
}
/* formata a busca */
#busca {
font-weight: bold;
color: #FFF;
float: left;
position: relative;
left: 10px;
padding: 5px;
}
/* alinha o texto da busca */
#busca .label {
padding-top: 4px;
padding-right: 5px;
float: left;
color: #FFF;
}
/* formata o campo de busca */
#busca {
padding: 0;
margin: 2px 0 0 4px;
}
#busca td {
color: #FFF !important;
width: auto;
}
#busca input {
height: 15px;
_height: 15px;
padding-left: 3px;
_padding-top: 2px;
}
/* formata os itens do submenu */
#itens {
position: relative;
float: right;
right: 5px;
}
/* formata a cor do link do submenu */
#itens a {
font-weight: bold;
color: #FFF;
}
/* formata a cor do link quando passa o mouse */
#itens a:hover {
border-bottom: solid #FFF 2px;
text-decoration: none;
}
/* formata a área de conteúdo */
#content {
width: 960px;
margin:0 auto;
padding: 22px 0 0 0;
text-align: left;
}
/* alinha a coluna esquerda */
#esquerda {
float: left;
margin: 0;
padding: 0;
}
/* alinha a coluna direita */
#direita {
position: relative;
float: right;
margin: 0;
}
/* alinha o rodapé */
#base {
clear: both;
width: 923px;
_width: 924px;
margin: 0 auto;
padding: 10px 40px;
}
/* formata o link do rodapé */
#base a {
font-weight: bold;
color: #05558E;
font-size: 12px;
}
#base span {
padding: 0px 3px;
color: #d1dde8;
}
#boxcidade {
border: 1px solid #D7E9F6;
background: #00CC00;
}
/* box das lojas */
#coluna{
width: 270px;
float: left;
}
#coluna #box {
width: 280px;
float: left;
}
#coluna #foto {
margin-top: 5px;
margin-right: 5px;
float: left;
width: 82px;
height: 58px;
}
#coluna #descricao {
margin-top: 5px;
font-size: 11px !important;
float: left;
width: 190px;
}
.box {
padding-bottom: 10px;
}
/* formata a borda do box */
fieldset {
background-color: #FFFFFF;
border: 1px solid #d7e9f6;
padding: 20px;
margin: 0;
clear: both;
}
/* alinha o conto do box para a esquerda */
.l {
float: left;
}
/* posiciona a imagem */
.l img {
margin: -30px 0 0 0;
position: absolute;
}
/* alinha o conto do box para a direita */
.r {
float: right;
}
/* posiciona a imagem */
.r img {
margin: -21px 0 0 1px;
position: absolute;
}
/* formata o título azul */
.titulo_blue {
background-image: url(../images/titulo_blue_background.gif);
height: 15px;
float: left;
color: #FFF;
font-weight: bold;
padding: 8px 13px 6px;
}
.titulo_red {
background-image: url(../images/titulo_red_background.gif);
height: 15px;
float: left;
color: #FFF;
font-weight: bold;
padding: 8px 13px 6px;
}
/* formata o link do título */
.titulo_blue a, .titulo_red a {
color: #FFF;
}
/* formata o link do título */
.titulo_blue a, .titulo_red a {
color: #FFF;
}
/* formata o link do título hover */
.titulo_blue a:hover {
color: #d7e9f6;
}
.titulo_red a:hover {
color: #ffdddd;
}/* formata o fundo do login */
#box_login {
background-image: url(../images/login_box.jpg);
width: 290px;
height: 120px;
clear: both;
padding: 10px 0px 0px 5px;
margin-bottom: 10px;
}
#box_login br {
line-height: 18px;
}
/* define a cor branca nos textos */
#box_login td, #box_login b, #box_login td, #box_login th {
color: #FFF;
}
/* formata o fundo do login ativo */
#box_login_on {
background-image: url(../images/login_box_on.jpg);
width: 140px;
height: 165px;
clear: both;
padding: 15px 10px 0px 160px;
margin-bottom: 10px;
}
#box_login_on .texto {
height: 110px;
color: #FFF;
font-weight: bold;
}
/* difine o tamanho da area do formulario */
#box_login .area {
width: 100%;
height: 118px;
color: #FFF;
margin-bottom: 10px;
}
/* formata a cor */
#box_login .area b, #box_login .observacao b {
color: #FFF;
}
/* formata a observação */
#box_login .observacao {
color: #FFF;
text-align: center;
}
/* formata o box da oferta */
.minibox_oferta {
background-image: url(../images/oferta_box.gif);
width: 142px;
height: 179px;
float: left;
margin: 0 10px 10px 0;
}
.minibox_lista {
background-image: url(../images/oferta_box2.gif);
width: 142px;
height: 179px;
float: left;
margin: 0 10px 10px 0;
}
/* formata a posição da foto */
.minibox_oferta .foto, .minibox_lista .foto {
margin: 18px 15px 0px 15px;
height: 90px;
text-align: center;
}
/* formata a descrição da oferta */
.minibox_oferta .descricao {
margin: 0px 10px;
font-weight: bold;
color: #317bb5;
height: 50px;
}
.minibox_lista .descricao {
margin: 0px 10px;
font-weight: bold;
color: #c62622;
height: 50px;
}
/* formata a peso da oferta */
.minibox_oferta .descricao i {
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #abc0d1;
}
.minibox_lista .descricao i {
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #ffdddc;
}
/* formata o preço da oferta */
.minibox_oferta .area {
margin: 0px 10px;
}
.minibox_oferta .botao {
position: relative;
text-align: right;
margin: -4px 0 0 85px;
_margin: -20px 0 0 82px;
width: 40px;
}
/* formata o preço da oferta */
.minibox_lista .descricao b {
color: #ee1c24;
}
/* formata o box das lojas */
.minibox_loja {
margin: 0 10px 10px 0;
float: left;
}
/* formatação do botão */
.button2 {
background-color: #FF0000;
color: #FFF !important;
border: 1px solid #FF0000;
font-weight: bold;
}
a.button, span.button, del.button {
display: -moz-inline-box;
display: inline-block;
cursor: pointer;
border: none;
font-size: 0;
line-height: 0;
background-position: 0 0;
background-repeat: no-repeat;
height: 25px;
text-decoration: none;
color: #FFF;
font-style: normal;
margin: 0 6px 0px 0;
padding: 0 10px 0 0;
vertical-align: middle;
padding-top: 0px;
_position: relative;
_width: 10px;
_overflow-y: hidden;
}
a.button, span.button, del.button, a.button span, span.button button, span.button input, del.button span {
background-image: url(../images/form_buttons.png);
}
a.button span, span.button button, span.button input, del.button span {
white-space: nowrap;
cursor: pointer;
color: #FFF;
display: -moz-inline-box;
display: inline-block;
line-height: 1;
letter-spacing: 0 !important;
font-family: "Arial" !important;
font-size: 11px !important;
font-style: normal;
font-weight: bold;
background-color: transparent;
background-position: 100% 0;
background-repeat: no-repeat;
height: 19px;
padding: 6px 9px 0 0;
margin: 0 -16px 0 10px;
border: none;
vertical-align: text-top;
zoom: 1;
_position: relative;
_padding-left: 0px;
_padding-right: 12px;
_margin-right: -10px;
_display: block;
_top: 0;
_right: -5px;
}
span.button button {
line-height: 2.5;
}
html.safari a.button span, html.safari del.button span {
line-height: 1.3;
}
html.safari span.button button {
line-height: 2.6;
}
html.safari a.button:focus, html.safari span.button button:focus {
outline: none;
}
del.button {
background-position: 0 -120px;
}
del.button span {
cursor: default;
color: #aaa !important;
background-position: 100% -120px;
}
span.button button, span.button input {
padding-top: 0px;
line-height: 2.5;
}
a.button:hover, span.button:hover, a.button:focus, a.dom-button-focus, span.button-behavior-hover {
background-position: 0 -60px;
color: #222;
text-decoration: none;
}
a.button:hover span, span.button:hover button, a.button:focus span, span.button-behavior-hover button, span.button-behavior-hover input {
background-position: 100% -60px;
}
a.button:active, a.button:focus span {
color: #ebf2f8;
}
del.button-behavior-hover, del.button:hover {
background-position: 0 -180px;
}
del.button-behavior-hover span, del.button:hover span {
background-position: 100% -180px;
}
span.button button, del.button span, span.button input {
_behavior: expression(
(function(el) {
if(typeof(behavior_onMouseEnter) == 'undefined') {
behavior_onMouseEnter = function(el) {
var dEl = this.parentNode;
var sClass = dEl.className;
dEl.__defaultClassName = sClass;
dEl.className = sClass + ' button-behavior-hover';
this.setCapture();
};
behavior_onMouseLeave = function(el) {
var dEl = this.parentNode;
dEl.className = dEl.__defaultClassName;
dEl.__defaultClassName = undefined;
this.releaseCapture();
};
};
el.runtimeStyle.behavior = 'none';
el.onmouseenter = behavior_onMouseEnter;
el.onmouseleave = behavior_onMouseLeave;
})(this));
}
/* fim formatação do botão */
/*
#esquerda h2 {
margin: 0;
padding: 12px 15px 7px 15px;
color:#05558E;
font-size:16px;
border-bottom: 1px solid #96CCF2;
background: #e9f1f4;
letter-spacing: .4pt;
}
#esquerda h4 {
padding: 30px 0 0 0;
margin: 0;
color: #A01513;
font-size: 14px;
}
#esquerda a {
color: #05558E;
}
.titulo a {
color: #FFFFFF !important;
}
.titulo a:hover {
color: #E9F1F4 !important;
}
.clrfix:after {
clear:both;
display:block;
visibility:hidden;
height:0;
content:".";
}
.clrfix {
display: inline-block;
}
.buscalojas {
width:325px;
float:left;
}
.buscalojas form {
width:320px;
float:left;
color:#666666;
}
.horario {
margin:0;
padding:0;
width:215px;
float:left;
}
.todas {
padding: 20px 0 20px 0;
font-weight: 700;
}
.itensconteudo {
padding-top:10px;
}
.clear {
clear: both;
float: left;
float: right;
}
.produtos {
position: relative;
text-align: center;
width: 165px;
height: 250px;
border: solid #d9dfe5 1px;
float: left;
margin: 10px 5px 0 5px;
}
.produtos h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #336699;
font-weight: 500;
margin: 0;
padding: 0 5px;
}
.preco {
font-size: 14px;
color: #dc0000;
font-weight: 700;
margin: 5px 0 10px 0;
}
.descritivo {
height: 190px;
}
.rodapeprodutos {
text-align: center;
}
.rodapeprodutos a{
color: #05558E;
font-weight: bold;
}
#destaques {
width:581px;
height:288px;
margin:0;
padding:0;
}
#promocao {
height:190px;
margin:20px 0 0;
padding:2px 0 0;
}
#ofertas {
width:581px;
margin:0;
padding:0;
}
#ofertas p {
float:left;
margin:0;
padding:70px 0 0;
}
#ofertas ul {
width:575px;
margin:0;
padding:0;
}
#ofertas li {
display:block;
list-style:none;
width:100px;
float:left;
margin:0;
padding:4px;
}
#ofertas h2 {
font-size:10px;
color:#333;
font-weight:700;
margin:0;
padding:0;
}
#ofertas h3 {
font-size:14px;
color:#C00;
font-weight:700;
margin:0;
padding:0;
}
#cartao {
margin:0;
padding:20px 0 0;
}
#tv {
height:288px;
margin:0;
padding:0;
}
#noticias {
width:354px;
margin:20px 0 0;
padding:0;
}
#noticias ul {
margin:0;
padding:0 5px 8px 10px;
}
#noticias li {
list-style:none;
font-size:12px;
color:#036;
margin:0;
padding:0 0 8px 10px;
}
#noticias li a{
color:#000000;
text-decoration:underline;
}
#noticias li a:hover {
color:#036;
text-decoration:underline;
}
.loading {
background-color: #FFF;
margin-bottom: 20px;
}
.loading td {
background-color: #dc0000;
padding: 5px 10px 5px 7px;
color: #FFF;
}
.loading a {
color: #FFF;
}
.loading a:hover {
color: #FFFF00;
text-decoration: underline;
}
.conteudo_foto {
width: 116px;
height: 200px;
margin: 5px 5px 0 0;
float: left;
}
.conteudo_anexo, .conteudo_audio, .conteudo_video {
width: 195px;
margin: 5px 5px 0 0;
float: left;
}
.lista td {
border-bottom: 1px solid #DADADA;
}
table.tabela_geral td {
background:#E9F1F4;
text-align:center;
padding: 5px;
border-bottom: 1px solid #96CCF2;
}
table.tabela_geral tr.dif td {
background:#FFF;
}
.button {
background-image: url(../images/button_background.gif);
height: 24px;
color: #FFF !important;
font-size: 11px;
font-weight: bold;
float: left;
line-height: 23px;
}
.button .l {
float: left;
background-image: url(../images/button_left.gif);
height: 24px;
width: 7px;
}
.button .r {
float: left;
background-image: url(../images/button_right.gif);
height: 24px;
width: 7px;
}
.bh {
clear: both;
}
.bh .borda {
background-color: #FFFFFF;
border-top: 1px solid #d7e9f6;
border-left: 1px solid #d7e9f6;
float: left;
height: 19px;
}
.bh .canto {
float: left;
width: 20px;
height: 20px;
}
.bf {
clear: both;
margin-bottom: 30px;
}
.bf .borda {
background-color: #FFFFFF;
border-bottom: 1px solid #d7e9f6;
border-right: 1px solid #d7e9f6;
float: right;
height: 19px;
}
.bf .canto {
float: left;
width: 20px;
height: 20px;
}
.border_content {
background-color: #FFFFFF !important;
border-left: 1px solid #d7e9f6;
border-right: 1px solid #d7e9f6;
padding: 0px 19px 0px 17px;
clear: both;
}
*/
#floater {
position: absolute;
width: 420px;
height: 420px;
z-index: 999;
margin-left: 155px;
left: 50%;
}
a.paginate {
border: 1px solid #288ddc;
background-color: #288ddc;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #FFF;
font-size: 11px;
}
a.paginate:hover {
color: #FFF;
text-decoration: underline;
}
a.current {
border: 2px solid #12478e;
background-color: #288ddc;
padding: 2px 6px 2px 6px;
cursor: default;
color: #FFF;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
span.inactive {
border: 1px solid #DADADA;
background-color: #F2F2F2;
padding: 2px 6px 2px 6px;
color: #999;
cursor: default;
font-size: 11px;
}
#popup { position: absolute; top: 60%; left: 30%; width: 485px; height: 290px; display: none; visibility:visible; }
#receitas { float:left; width:319px; height:276px; background:url('../images/blog_receitas.jpg') no-repeat; }
#receitas a { float:left; width:100%; height:100%; display:block; }
#twitter { float:right; width:316px; height:274px; background:url('../images/twitter.jpg') no-repeat; text-align:center; }
#twitter #twits { margin:70px auto 0px; width:260px; text-align:left; }
#twitter #twits li.twit { float:left; margin:10px 0px; list-style-type:none; }
#twitter #twits li.twit a { color:#000; }
#twitter #twits li.twit .meta { float:left; width:100%; margin:3px 0px; }
#twitter #twits li.twit .meta .data { float:left; }
#twitter #twits li.twit .meta .links { float:right; }
#twitter a#twitter-link { float:left; position:absolute; margin:160px 0px 0px 0px; display:block; height:40px; width:270px; }
.ok {background-image: background:url('../images/ok.png') no-repeat; width:36px; height:22;}
.img-fale { width:596px; height:260px; float:left; margin-bottom:20px;}