* {
margin: 0;
padding: 0;
border: 0 none;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
h1{
padding: 20px 0 0 34px;
float: left;
font-size: 18px;
color: #006600;
}
#pagina{
font: 12px/1.2 verdana, sans-serif;
text-align: center;
background-color: #B7A575;
}
#pagina .corpo{
position: relative;
top: 0;
margin: 0 auto;
width: 778px;
}
#topo{
height: 118px;
background: url("../imagens/fundo.gif") 0 0 repeat-y;
}
#topo .logo{
position: absolute;
top: 7px;
left: 26px;
}
#topo .slogan{
position: absolute;
top: 23px;
left: 197px;
}
#topo .btncarrinho{
position: absolute;
top: 17px;
right: 36px;
width: 106px;
height: 14px;
background: url("../imagens/btn_carrinho.gif") 0 0 no-repeat;
font-size: 1px;
text-indent: -9999px;
overflow: hidden;
}
#topo .btncontato{
position: absolute;
top: 43px;
right: 36px;
width: 107px;
height: 11px;
background: url("../imagens/btn_contato.gif") 0 0 no-repeat;
font-size: 1px;
text-indent: -9999px;
overflow: hidden;
}
#topo .btncarrinho:hover{ background: url("../imagens/btn_carrinho.gif") 0 -14px no-repeat; }
#topo .btncontato:hover{ background: url("../imagens/btn_contato.gif") 0 -11px no-repeat; }
#topo .usuario{
position: absolute;
top: 68px;
right: 36px;
color: #006600;
font-size: 14px;
}
#topo .logout{
position: absolute;
top: 90px;
right: 40px;
color: #006600;
font-weight: bold;
}
#topo .logout a{
color: #000000;
}
#topo form{
position: absolute;
top: 68px;
left: 566px;
width: 176px;
height: 21px;
background: url("../imagens/fundo_login.gif") 0 0 no-repeat;
}
#topo form input{
position: absolute;
top: 1px;
}
#topo form .campo{
padding: 2px 0 0 1px;
height: 17px;
width: 69px;
font-size: 12px;
color: #006600;
}
#login{ left: 1px; }
#senha{ left: 80px; }
#topo form .btnlogin{ right: 0; }
#topo .cadastro{
position: absolute;
top: 99px;
right: 36px;
color: #006600;
font-size: 10px;
}
#menu{
height: 30px;
background: url("../imagens/fundo_menu.gif") 0 0 no-repeat;
}
#menu a{
float: left;
height: 30px;
text-indent: -9999px;
overflow: hidden;
margin: 0 0 0 1px;
}
#menu .mna{
width: 95px;
background: url("../imagens/mna.gif") 0 0 no-repeat;
margin: 0 0 0 9px;
}
#menu .mnb{
width: 88px;
background: url("../imagens/mnb.gif") 0 0 no-repeat;
}
#menu .mnc{
width: 83px;
background: url("../imagens/mnc.gif") 0 0 no-repeat;
}
#menu .mnd{
width: 74px;
background: url("../imagens/mnd.gif") 0 0 no-repeat;
}
#menu .mne{
width: 72px;
background: url("../imagens/mne.gif") 0 0 no-repeat;
}
#menu .mnf{
width: 198px;
background: url("../imagens/mnf.gif") 0 0 no-repeat;
}
#menu .mng{
width: 75px;
background: url("../imagens/mng.gif") 0 0 no-repeat;
}
#menu .mni{
width: 68px;
background: url("../imagens/mni.gif") 0 0 no-repeat;
}
#menu .mna:hover{ background: url("../imagens/mna.gif") 0 -30px no-repeat; }
#menu .mnb:hover{ background: url("../imagens/mnb.gif") 0 -30px no-repeat; }
#menu .mnc:hover{ background: url("../imagens/mnc.gif") 0 -30px no-repeat; }
#menu .mnd:hover{ background: url("../imagens/mnd.gif") 0 -30px no-repeat; }
#menu .mne:hover{ background: url("../imagens/mne.gif") 0 -30px no-repeat; }
#menu .mnf:hover{ background: url("../imagens/mnf.gif") 0 -30px no-repeat; }
#menu .mng:hover{ background: url("../imagens/mng.gif") 0 -30px no-repeat; }
#menu .mnh:hover{ background: url("../imagens/mnh.gif") 0 -30px no-repeat; }
#menu .mni:hover{ background: url("../imagens/mni.gif") 0 -30px no-repeat; }
#conteudo{
background: url("../imagens/fundo_cont.gif") 0 0 repeat-y;
overflow: auto;
}
#conteudo .linha{
position: relative;
top: -4px;
}
#busca{
clear: both;
position: absolute;
top: 20px;
right: 36px;
width: 207px;
height: 21px;
background: url("../imagens/fundo_busca.gif") 0 0 no-repeat;
}
#busca .palavra{
position: absolute;
top: 2px;
left: 39px;
height: 18px;
width: 142px;
background: none;
}
#busca .btnbusca{
position: absolute;
top: 1px;
left: 188px;
}
#conteudo .linprod{
width: 712px;
margin: 0 auto;
padding: 19px 0 0 0;
overflow: auto;
}
#conteudo .linprod .thumb{
float: left;
margin-bottom: 12px;
border: 1px solid #006600;
width: 100px;
height: 125px;
}
#conteudo .linprod .tcd{ margin: 0 0 0 24px; }
#conteudo .linprod .tca{ margin: 0 44px 0 84px; }
#conteudo .linprod .tcb{ margin: 0 84px 0 44px; }
#conteudo .linprod .desc{
float: left;
font-size: 10px;
color: #006600;
width: 150px;
}
#conteudo .linprod .dsd{ clear: both; }
#conteudo .linprod .dsa{ margin: 0 20px 0 36px; }
#conteudo .linprod .dsb{ margin: 0 36px 0 20px; }
#conteudo .linprod .desc span{
display: block;
padding: 2px 0;
}
#conteudo .linprod .desc strong{
display: block;
padding: 4px 0 13px 0;
font-size: 12px;
}
#conteudo .linprod .desc .qtde{
float: left;
position: relative;
top: 9px;
}
#conteudo .linprod .desc .produto{
float: left;
position: relative;
top: 3px;
height: 19px;
width: 27px;
padding: 2px 0 0 0;
text-align: center;
color: #006600;
background: url("../imagens/qtde_in.gif") 0 0 no-repeat;
}
#conteudo .linprod .desc .adicionar{
float: left;
}
#conteudo .setad{
float: right;
padding: 0 61px 0 0;
}
#conteudo .setae{
float: right;
padding: 0 4px 0 19px;
}
#conteudo .pgs{
float: right;
padding: 0 19px 0 15px;
font-size: 10px;
color: #006600;
}
#conteudo .total{
float: right;
font-size: 10px;
color: #006600;
}
#conteudo .rodpgs{
padding: 30px 0 0 0;
}
#conteudo .rodpg{
padding: 30px 42px 0 0;
}
#rodape{
font-size: 14px;
color: #747474;
padding: 10px 0 28px 0;
line-height: 18px;
background: url("../imagens/fundo_rodape.gif") 0 0 repeat-y;
}
#rodape .imgrodape{
position: absolute;
left: 0;
bottom: -1px;
}
#boxcarrinho{
position: absolute;
right: 10px;
top: 248px;
width: 94px;
height: 83px;
background: url("../imagens/carrinho.gif") 0 20px no-repeat;
}
#boxcarrinho .fechar{
position: absolute;
top: 0;
left: 0;
display: block;
height: 20px;
line-height: 20px;
width: 94px;
background-color: #006600;
color: #000000;
}
#qtdprods{
position: absolute;
left: 0;
top: 20px;
height: 18px;
width: 94px;
display: block;
font-weight: bold;
font-size: 10px;
color: #ffffff;
padding: 45px 0 0 0;
}