You are on page 1of 8

* {

padding:0;
margin:0;
list-style:none;
text-decoration:none;
}
html {
overflow: -moz-scrollbars-vertical;
}
img {border:none;}
body {
background:#FAFAFA url(imagens/bg.gif) repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

.limpa {clear:both}
#wrapper, #wrapperTOP {
margin:0 auto;
width:779px;
}

#wrapper {
margin-top:74px;
background:#FFFFFF url(imagens/bg_linha.gif);
}
h1#logo {
background:url(imagens/logo.gif) no-repeat;
width:220px;
height:90px;
margin:10px 0 0 0;
float:left;
}
h1#logo a{
width:220px;
height:90px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
#top {
background:url(imagens/menu_top.gif) no-repeat center;
width:100%;
height:76px;
clear:both;
}
#top ul {
padding:30px 0 0 270px;
}
#top ul li {
float:left;
}
#top ul li a{
background:url(imagens/menu.gif) no-repeat;
font:12px/20px Arial, Helvetica, sans-serif;
color:#003366;
float:left;

text-indent:-9999px;
overflow:hidden;
}
#top ul li a:hover {
color:#999999;
}
#top ul li.credito {
float:right;
font-weight:bold;
}

#top ul li.l1 a{
width:108px;
}
#top ul li.l2 a{
width:145px;
background-position:-108px 0;
}
#top ul li.l3 a{
width:126px;
background-position:-253px 0;
}
#top ul li.l4 a{
width:110px;
background-position:-379px 0;
}

#top ul li.l1 a:hover{background-position:0 -30px;}


#top ul li.l2 a:hover{background-position:-108px -30px;}
#top ul li.l3 a:hover{background-position:-253px -30px;}
#top ul li.l4 a:hover{background-position:-379px -30px;}

#lateral {
width:200px;
float:left;
}

#busca {
padding:0 20px 0 20px;
width:180px;
float:left;
position:relative;
top:0;
margin:-70px 0 0 0;
}
#busca label input{
font:normal 12px Arial, Helvetica, sans-serif;
width:173px;
height:20px;
border:solid 1px #b5babf;
color:#b5babf;
float:left;
padding:3px 0 0 3px;
}
#busca input#bot {
background:url(imagens/bot_busca.gif) no-repeat;
font:normal 0px/0px Arial, Helvetica, sans-serif;
text-indent:-9999px;
overflow:hidden;
width:60px;
height:19px;
float:right;
margin:5px 0 0 0;
border:none;
}

#menu{
background:url(imagens/bg_menu.gif) repeat-y;
width:200px;
padding:0 10px;
float:left;
}

#menu h1{
width:100%;
height:30px;
background:url(imagens/bg_titulos.gif) repeat-x;
padding:8px 0 0 0;
margin:10px 0 0 0;

}
#menu h1 span{
display:block;
height:18px;
background:url(imagens/titulos_index.gif) no-repeat;

text-indent:-9999px;
overflow:hidden;
}
#menu h1#cadastro span{
background-position:0 -18px
}

#menu ul{
font:bold 12px/30px Arial, Helvetica, sans-serif;
padding:10px 0;
color:#003366;

}
#menu ul li {
background:url(imagens/bg_menu_li.gif) no-repeat center -1px;

}
#menu ul li.inicio {height:31px;background-position:center 0}
#menu ul li a{
font:bold 12px/14px Arial, Helvetica, sans-serif;
color:#003366;
display:block;
height:20px;
text-indent:10px;
padding:10px 0 0 0;
}
#menu ul li strong {
background:url(imagens/bg_menu_a.gif) no-repeat;
font:bold 12px/14px Arial, Helvetica, sans-serif;
color:#003366;
display:block;
height:20px;
text-indent:15px;
padding:10px 0 0 0;
}
#menu ul li a:hover{
background:url(imagens/bg_menu_a.gif) no-repeat;
text-indent:15px;
}
#bgDownNavegacao{
background:url(imagens/bgDownNavegacao.gif) no-repeat;
width:220px;
height:10px;
float:left;
}

#cadastro {
padding:0 10px 10px 10px;
}
#cadastro p {
font:normal 12px Arial, Helvetica, sans-serif;
color:#003366;
padding:0 0 10px 0;
}
#cadastro label input{
font:normal 12px Arial, Helvetica, sans-serif;
width:173px;
height:20px;
border:solid 1px #b5babf;
color:#b5babf;
float:left;
padding:3px 0 0 3px;
margin:0 0 5px 0;
}
#cadastro input#bot {
background:url(imagens/bot_enviar.gif) no-repeat;
font:normal 0px/0px Arial, Helvetica, sans-serif;
text-indent:-9999px;
overflow:hidden;
width:60px;
height:19px;
float:right;
border:none;
}
#cadastro b.ok {
font:normal 12px Arial, Helvetica, sans-serif;
color:#990000;
float:left;
text-indent:20px;
}

#content {
width:550px;
float:right;
margin:10px 0 0 0;
padding:0 9px 0 0;
}
#content h1{
background:url(imagens/bgTitulos.gif) no-repeat;
height:30px
}

#content h1 a {
float:right;
background:url(imagens/bot_vjamais.gif) no-repeat;
font:normal 14px/19px Arial, Helvetica, sans-serif;
height:19px;
width:60px;
text-indent:-9999px;
overflow:hidden;
margin:5px 10px 0 0;
}

#content h1 span{
background:url(imagens/titulos_site.gif) no-repeat;
font:normal 21px/30px Arial, Helvetica, sans-serif;
text-indent:-9999px;
overflow:hidden;
float:left;
height:30px;
width:50%;
}
#content h1.produtos span{
background-position:0 -30px;
}
#content h1.quem span{
background-position:0 -60px;
}
#content h1.loca span{
background-position:0 -90px;
}
#content h1.contato span{
background-position:0 -120px;
}
#content .destaque, #content .produtoGrande, #content .destaqueMAP {
background:#eae9e9 url(imagens/box_cinzaTOP.gif) no-repeat;
margin:10px 0 0 0;

}
#content .destaque p, #content .produtoGrande p {
font:normal 12px/18px Arial, Helvetica, sans-serif;
padding:10px;
color:#003366;
/*_float:left;*/
}
#content .destaque p a {color:#003366;}
#content .destaque p a:hover{text-decoration:underline;}
#content .destaque img{
margin:10px 10px 4px 10px;
}
#content .destaque img.tb{
float:left;
border:solid 2px #eae9e9;
}
#content .destaque a:hover img{border:solid 2px #003366;}

#content .destaque a.noLink p{_float:none;}


#content .destaque a.noLink:hover p{text-decoration:none;}
#content .destaque a.noLink:hover img{border:none;}

/*#content .destaque p a {
float:right;
background:url(imagens/bot_vjamais.gif) no-repeat;
font:normal 14px/19px Arial, Helvetica, sans-serif;
height:19px;
width:60px;
text-indent:-9999px;
overflow:hidden;
margin:5px 10px 0 0;
}*/
#content .destaque span, #content .produtoGrande span {
background:#eae9e9 url(imagens/box_cinzaBOT.gif) no-repeat;
display:block;
height:6px;
font-size:1px;
line-height:1px;
clear:both;
}

#content .produtoGrande img{


margin:10px 50px;
}
#content .produtoGrande b {
font-weight:normal;
float:left;
}
#content .produtoGrande h4, #content .produtoGrande h5 {
font:normal 14px/30px Arial, Helvetica, sans-serif;
background:url(imagens/linha_pagina.gif) repeat-x 0 39px;
height:29px;
padding:10px;
margin:0 10px;
color:#003366;
}
#content .produtoGrande h5 {
background:url(imagens/linha_pagina.gif) repeat-x 0 -29px;
}
#content .produtoGrande h5 a, #content .produtoGrande h4 a {
float:right;
background:url(imagens/bot_boltar.gif) no-repeat;
font:normal 14px/19px Arial, Helvetica, sans-serif;
height:19px;
width:60px;
text-indent:-9999px;
overflow:hidden;
}

#quinaBot {
background:url(imagens/quina_bot.gif) no-repeat;
width:779px;
height:11px;
font-size:1px;
line-height:1px;
clear:both;
}

#paginacao {
background:url(imagens/linha_pagina.gif) repeat-x;
height:31px;
margin:10px 0;
text-align:center;
}
#paginacao a{
font:bold 12px/14px Arial, Helvetica, sans-serif;
color:#003366;
height:20px;
text-indent:10px;
padding:10px 0 0 0;
}
#paginacao a:hover{
text-decoration:underline;
}
#paginacao strong{
font:normal 12px/30px Arial, Helvetica, sans-serif;
color:#003366;
height:20px;
text-indent:10px;
padding:10px 0 0 0;
}

div.fotos {
margin:10px auto;
width:200px
}
div.fotos a{
font:normal 12px/19px Arial, Helvetica, sans-serif;
float:left;
width:60px;
height:19px;
text-indent:-9990px;
overflow:hidden;
margin:0 5px 0 0;
}
div.fotos a.f01{
background:url(imagens/foto01.gif);
}
div.fotos a.f02{
background:url(imagens/foto02.gif);
}
div.fotos a.f03{
background:url(imagens/foto03.gif);
}
.obs {
clear:both;
}

#fContato label {
display:block;
padding:5px 0 10px 0;
}
#fContato label b {
float:left;
width:96px;
height:20px;
font:bold 12px/20px Arial, Helvetica, sans-serif;
color:#003366;
text-align:right;
text-transform:uppercase;
padding:0 10px 0 0;
}
#fContato label input {
background:url(imagens/bg_inputs.gif) repeat-x;
float:left;
width:400px;
height:20px;
padding:4px 0 0 2px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#003366;
border:solid 1px #b5babf;
border-top:none;
b

You might also like