/* definições para resetar o css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
outline:0;
vertical-align:baseline;
}
/* lembra de definir o estilo do foco */
:focus{
outline:0;
}
body{
color:#000000;
background:#ffffff;
line-height:1;
height:100%;
}
ol,ul{
list-style:none;
}
/* tabelas ainda necessitam do cellspacing=0 no código */
table{
border-collapse:separate;
border-spacing:0;
}
caption,th,td{
font-weight:normal;
text-align:left;
}
blockquote:before,blockquote:after,q:before,q:after{
content:"";
}
blockquote,q{
quotes:"" "";
}
/* final das definições de reset */
body {
background:#ffffff;
}
div#geral {
margin:0px auto;
width:760px;
border-left:1px solid #808080;
border-right:1px solid #808080;
}
div#logo {
position:absolute;
z-index:1;
top:62px;
margin-left:30px;
}
div#logo h1 {
}
div#sup {
background:url(img/sup_fundo.gif) repeat-x 0px 0px;
height:37px;
margin-bottom:132px;
}
div#busca {
background:url(img/busca_fundo.gif) repeat-x 0px 0px;
height:45px;
}
div#busca p {
padding:10px 0px 0px 5px;
}
div#busca p input {
margin-right:3px;
font:12px Arial, Helvetica, sans-serif;
}
div#busca p label {
margin-right:3px;
color:#606060;
font:bold 12px Arial, Helvetica, sans-serif;
}
div#menu_sup {
width:760px;
text-align:right;
position:absolute;
top:0px;
height:37px;
}
div#menu_sup ul li {
float:left;
padding:4px 0 4px 15px;
}
div#menu_sup ul li a {
float:left;
padding:13px 0px 0px;
background:url(img/sup_ico.gif) no-repeat center 0px;
color:#606060;
font:bold 11px Arial, Helvetica, sans-serif;
text-decoration:none;
}
div#menu_sup dl dd{
float:right;
padding:7px 5px 0 0;
}
div#menu_sup ul li a.atual {
color:#e56c00;
}
div#menu_sup ul li a:hover {
color:#fe7a26;
}
div#menu {
margin:-59px -380px 0px 0px;
width:500px;
background:url(img/menu_fundo.gif) repeat-x 0px 0px;
z-index:1;
right:50%;
position:absolute;
height:46px;
}
div#menu ul {
padding:0px 0px 0px 14px;
background:url(img/menu_esq.gif) no-repeat 0px 0px;
line-height:46px;
height:46px;
}
div#menu ul li {
float:left;
margin:3px 0px 0px;
line-height:38px;
height:38px;
}
div#menu ul li a {
float:left;
padding:0px 14px;
display:block;
background:url(img/menu.gif) repeat-x 0px 0px;
color:#202020;
font:bold 12px/38px Arial, Helvetica, sans-serif;
text-decoration:none;
height:38px;
}
div#menu ul li a.atual {
color:#000000;
background-position:0px -77px;
}
div#menu ul li a.nopri {
border-left:#ffffff 1px solid;
}
div#menu ul li a.noult {
border-right:#d0d0d0 1px solid;
}
div#menu ul li a:hover {
color:#000000;
background-position:0px -39px;
}
div#fundo01{
position:absolute;
top:37px;
height:132px;
width:760px;
background:#ffffff url(img/fundo01.jpg) no-repeat 0 0;
}
div#fundo02{
position:absolute;
top:37px;
height:132px;
width:760px;
background:#ffffff url(img/fundo02.jpg) no-repeat right center;
}
div#fundo03{
position:absolute;
top:37px;
height:132px;
width:760px;
background:#ffffff url(img/fundo03.jpg) no-repeat right center;
}
div#fundo04{
position:absolute;
top:37px;
height:132px;
width:760px;
background:#ffffff url(img/fundo04.jpg) no-repeat right center;
}
div#fundo05{
position:absolute;
top:37px;
height:132px;
width:760px;
background:#ffffff url(img/fundo05.jpg) no-repeat right center;
}
div#fundo06{
position:absolute;
top:37px;
height:132px;
width:700px;
background:#ffffff url(img/fundo06.jpg) no-repeat right center;
}
div#fundo07{
position:absolute;
top:37px;
height:132px;
width:700px;
background:#ffffff url(img/fundo07.jpg) no-repeat right center;
}
div#fundo08{
position:absolute;
top:37px;
height:132px;
width:700px;
background:#ffffff url(img/fundo08.jpg) no-repeat right center;
}
div#fundo09{
position:absolute;
top:37px;
height:132px;
width:700px;
background:#ffffff url(img/fundo09.jpg) no-repeat right center;
}
div#fundo10{
position:absolute;
top:37px;
height:132px;
width:700px;
background:#ffffff url(img/fundo10.jpg) no-repeat right center;
}
div#corpo {
padding:10px;
background:#ffffff;
font:12px Arial, Helvetica, sans-serif;
}
div#conteudo {
font:12px Arial, Helvetica, sans-serif;
display: inline-block;
width:100%;
}
div#conteudo h2 {
margin-bottom:10px;
color:#006a2c;
font:bold 16px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
border-bottom:1px solid #006a2c;
padding-bottom:5px;
}
div#conteudo h3 {
margin:10px 0;
color:#00a040;
font:bold 14px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}
div#conteudo h3.h3cat {
margin:0 0 10px 0;
color:#00a040;
font:bold 14px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
border-bottom:1px solid #006a2c;
padding-bottom:5px;
clear:left;
}
div#css_sub h4 a{
text-decoration:none;
color: #2F4F4F;
}
div#css_sub h4 a:hover{
text-decoration:underline;
}
div#conteudo h3 a{
text-decoration:none;
color:#00a040;
}
div#conteudo h3 a:hover{
text-decoration:underline;
}
div#conteudo h4 {
margin-bottom:10px;
color:#00a040;
font:bold 12px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}
div#conteudo h5 {
margin-bottom:10px;
color:#00a040;
font:normal 12px Arial, Helvetica, sans-serif;
}
div#conteudo p {
font:12px Arial, Helvetica, sans-serif;
text-align:justify;
padding-bottom:10px;
}
div#conteudo p a{
color:#000000;
}
div#conteudo p a:hover{
color:#00a040;
}
div#conteudo img.css_fotoesq{
float:left;
margin:0 10px 10px 0;
}
div#conteudo dl#css_dlfotos dd{
float:left;
margin:0 8px 8px 0;
border:1px solid #808080;
}
div#conteudo dl#css_dlfotos dd a img{
border:5px solid #ffffff;
}

fieldset#css_contato{
padding:10px 0;
font:12px Arial, Helvetica, sans-serif;
}
fieldset#css_contato label{
padding-top:5px;
font-weight:bold;
width:80px;
float:left;
}
fieldset#css_contato input{
font:12px Arial, Helvetica, sans-serif;
margin:2px 0;
}
fieldset#css_contato textarea{
font:12px Arial, Helvetica, sans-serif;
margin:2px 0;
width:70%;
height:80px;
}
fieldset#css_contato p{
text-align:center;
margin:2px 0;
padding:0;
}

div#css_categoria{
float:left;
width:31%;
text-align:center;
padding:5px;
margin-top:10px;
}
div#css_categoria h3{
margin:0;
}
div#css_categoria h3 a{
text-decoration:none;
color:#00a040;
}
div#css_categoria h3 a:hover{
text-decoration:underline;
}
div#css_categoria div#imgcat{
width:229px;
display:table;
height:115px;
*position:relative;
overflow:hidden;
background:#ffffff;
text-align:center;
}
div#css_categoria div#imgcat div#outer{
*position:absolute;
*top:50%;
left:50%;
display:table-cell;
vertical-align:middle;
}
div#css_categoria div#imgcat div#outer div#inner{
*position:relative;
*top:-50%;
left:-50%;
}

div#css_produtos{
float:left;
width:25%;
text-align:center;
margin-top:8px;
height:190px;
}
div#css_produtos div#destimg{
width:170px;
display:table;
height:115px;
*position:relative;
overflow:hidden;
background:#ffffff;
text-align:center;
}
div#css_produtos div#destimg div#outer{
*position:absolute;
*top:50%;
left:50%;
display:table-cell;
vertical-align:middle;
}
div#css_produtos div#destimg div#outer div#inner{
*position:relative;
*top:-50%;
left:-50%;
}
div#css_produtos h4{
margin:0 0 5px 0;
font:bold 12px Arial, Helvetica, sans-serif;
letter-spacing:0;
}
div#css_produtos h4 a{
text-decoration:none;
color:#00a040;
margin-bottom:3px;
}
div#css_produtos h4 a:hover{
text-decoration:underline;
}
div#css_produtos p.css_dimen{
font:normal 11px Arial, Helvetica, san-serif;
color:#808080;
text-align:center;
width:170px;
}
div#css_produtos p.css_dimen img{
padding:0 2px 0 5px;
margin:0;
border:0;
}

div#css_produto img{
float:left;
}

div#css_legenda{
clear:left;
padding-top:15px;
}
div#css_legenda p{
text-align:right;
font:normal 11px Arial, Helvetica, san-serif;
color:#808080;
}
div#css_legenda p img{
vertical-align:middle;
margin-left:10px;
}

div#css_sombra{
position:absolute;
top:0;
left:0;
right:0;
width:100%;
background:#000000;
z-index:900000;
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity: 0.3;
display:none;
min-width:760px;
height:100%;
}
div#css_zoomgeral{
position:absolute;
top:0;
left:0;
right:0;
height:100%;
width:100%;
z-index:900001;
text-align:center;
display:none;
}
div#css_zoom{
display:table;
text-align:center;
margin:auto;
top:100px;
}
div#css_zoom div.css_foto{
display:table-cell;
background:#ffffff;
padding:5px 12px 12px 12px;
text-align:center;
border:1px solid #808080;
}
div#css_zoom div.css_popdet{
display:table-cell;
background:#ffffff;
text-align:center;
border:3px solid #006a2c;
padding:5px 10px 10px 10px;
}
div#css_zoom div.css_popdet iframe{
background:#ff000000;
border:0;
margin:0;
padding:0;
}
div#css_zoom div.css_fecha{
text-align:right;
margin-bottom:5px;
}
div#css_zoom div.css_fecha a{
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#ff0000;
background:url(img/fechar.gif) no-repeat 100% 0;
padding-right:18px;
}
div#css_zoom div.css_fecha a:hover{
text-decoration:underline;
}
iframe#frm_detalhe{
width:600px;
height:380px;
}

div#produto_det {
background:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
}
div#produto_det h2{
width:100%;
margin-bottom:5px;
color:#00a040;
font:bold 16px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
border-bottom:1px solid #006a2c;
padding-bottom:5px;
float:left;
}
div#produto_det div#imgpro{
width:250px;
display:table;
height:250px;
*position:relative;
overflow:hidden;
background:#ffffff;
text-align:center;
float:left;
}
div#produto_det div#imgpro div#outer{
*position:absolute;
*top:50%;
left:50%;
display:table-cell;
vertical-align:middle;
}
div#produto_det div#imgpro div#outer div#inner{
*position:relative;
*top:-50%;
left:-50%;
}
div#produto_det div.desc{
padding:20px 10px 0 10px;
}
div#produto_det div.acab{
padding:0;
text-align:right;
}
div#produto_det div.acab h3{
text-align:right;
}
div#produto_det div.acab p{
text-align:right;
color:#00a040;
padding-bottom:5px;
}
div#produto_det div.acab p a{
color:#202020;
text-decoration:none;
}
div#produto_det div.acab p a:hover{
text-decoration:underline;
}
div#produto_det div.dimen{
clear:left;
padding-top:10px;
}
div#produto_det div.dimen p{
font:normal 11px Arial, Helvetica, san-serif;
color:#808080;
}
div#produto_det div.dimen p img{
vertical-align:middle;
margin-left:10px;
}
div#produto_det h3{
margin-bottom:8px;
color:#202020;
font:bold 12px Arial, Helvetica, sans-serif;
}


div#mapa {
font:12px Arial, Helvetica, sans-serif;
display: inline-block;
width:100%;
}
div#mapa ul{
margin:0px 0 5px 15px;
}
div#mapa ul ul{
margin:5px 0 5px 15px;
}
div#mapa ul li{
list-style: disc;
margin-bottom: 3px;
}
div#mapa ul li a{
text-decoration: none;
color: #202020;
}
div#mapa ul li a:hover{
text-decoration: underline;
color:#00a040;
}
div#mapa ul li ul li{
list-style: square;
}

div#rodape {
background:url(img/roda_fundo.gif) repeat-x 0px 0px;
line-height:63px;
height:63px;
clear:both;
}
div#rodape p.ender {
color:#ffffff;
font:bold 12px Arial,Helvetica,sans-serif;
text-align:center;
padding:15px 0 0 0;
}
div#rodape p.copy {
float:left;
padding:10px 5px 0 5px;
color:#ffffff;
font:11px Arial,Helvetica,sans-serif;
}
div#rodape p.miraiweb {
float:right;
padding:10px 5px 0 5px;
}
div#rodape p.miraiweb a {
width:34px;
display:block;
background:url(img/miraiweb.gif) no-repeat center center;
color:#ffffff;
font:11px/21px Arial,Helvetica,sans-serif;
text-indent:-5000em;
overflow:hidden;
height:21px;
}

.clear{
clear:both;
}
