body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2f5c08; background-color:#639518  }

a { color:#fffefe; font-weight:bold; text-decoration:underline }
a:hover { text-decoration:none } 

small { font-size:80% }

#wrapper { width:1000px; left:50%; margin-left:-500px; position:absolute }

#topo { width:1000px; height:107px; float:left }
#topo ul { width:620px; height:46px; float:left; padding-left:102px; background:url(../../imagens/topmenu.gif); margin-right:12px }
#topo ul li { display:inline; float:left }
#topo ul li a { height:45px; display:block; margin-right:1px; cursor:pointer; text-indent:-999px }
#topo ul li a.empresa { width:97px; background:url(../../imagens/empresa.png) }
#topo ul li a.empresa:hover { background:url(../../imagens/empresa2.png) }
#topo ul li a.produtos { width:97px; background:url(../../imagens/produtos.png) }
#topo ul li a.produtos:hover { background:url(../../imagens/produtos2.png) }
#topo ul li a.informacoes { width:120px; background:url(../../imagens/informacoes.png) }
#topo ul li a.informacoes:hover { background:url(../../imagens/informacoes2.png) }
#topo ul li a.turmadopedal { width:137px; background:url(../../imagens/turmadopedal.png) }
#topo ul li a.turmadopedal:hover { background:url(../../imagens/turmadopedal2.png) }
#topo ul li a.contato { width:97px; background:url(../../imagens/contato.png) }
#topo ul li a.contato:hover { background:url(../../imagens/contato2.png) }  

#destaq { width:720px; height:150px; background-color:#000; position:absolute; border-top:2px #B1E786 solid; border-right:1px #B1E786 solid; border-bottom:1px #B1E786 solid; border-left:2px #B1E786 solid; overflow:hidden; margin:62px 0 0 }

*:first-child+html #destaq { margin-top:-45px; margin-left:-734px  }
* html #destaq { top:-2px; left:0;
height:expression(document.body.clientHeight+150); /* 80+20+20=120 */
width:expression(document.body.clientWidth-543); /* 200+20+20+20=260 */ 
overflow:auto  }

#topo ul li ul { width:172px; padding:3px; border-top:1px #42800C solid; background-color:#c6d43d; height:auto; background-image:none; position:absolute; display:none; z-index:9999 }
#topo ul li ul.produtoo { left:232px }
#topo ul li ul.obraa { left:412px }
#topo ul li ul li { float:none; }
#topo ul li ul li a { width:162px; height:17px; line-height:20px; font-size:11px !important; text-indent:0; line-height:15px; margin-bottom:3px; float:left; background:#639518; padding:5px; color:#fff; font-weight:normal; font-size:10px; text-decoration:none; }
#topo ul li ul li a.nfb { margin-bottom:0 }
#topo ul li ul li a:hover { color:#fff; background-color:#42800c }
     
#topo h1 { text-indent:-9999px }
#topo h1 a, #topo h1 a:hover { width:254px; height:107px; display:block; float:left; position:relative; cursor:pointer; background:url(../../imagens/logo.png) }

#menudi { width:254px; float:right; margin-right:12px }
* html #menudi { margin-right:6px }
#menudi #topmenu { width:254px; height:23px; background:url(../../imagens/menudi-top.png) }
#menudi #botmenu { width:254px; height:23px; background:url(../../imagens/menudi-bot.png) }
#menudi #contmenu { width:208px; padding:0 23px; background:url(../../imagens/menudi.png) repeat-y }

#menudi h2 { text-transform:uppercase; font-size:14px; margin-bottom:5px; color:#112a00; border-bottom:2px #E6FF6D dotted }

#menudi ul.news { margin-bottom:5px }
#menudi ul.news li a { padding:5px; display:block; margin-bottom:5px; color:#112A00; position:relative; font-size:11px; text-decoration:none; font-weight:normal; background-color:#fff }
#menudi ul.news li a img { margin-bottom:1px }
#menudi ul.news li a span { width:188px; height:auto; display:inline-block; cursor:pointer; padding:5px; position:relative; background-color:#b1e786 }
#menudi ul.news li a:hover { background-color:#b1e786 }

* html #menudi ul.news li a { margin-bottom:-10px }

a.button { padding:5px; display:block; margin-bottom:5px; color:#fff; position:relative; font-size:11px; text-align:center; text-transform:uppercase; text-decoration:none; background-color:#112A00 }
a.button:hover { color:#112A00; background-color:#fff }

#content { width:734px; margin-top:112px; float:left }
#content #topcont { width:734px; height:23px; background:url(../../imagens/content-top.png) }
#content #botcont { width:734px; height:23px; background:url(../../imagens/content-bot.png) }
#content #contcontent { width:678px; padding:0 33px 0 23px; background:url(../../imagens/content.png) repeat-y }

#content #bloc { width:678px; float:left }
#content #bloc1 { width:460px; margin-right:16px; float:left }
#content #bloc2 { width:190px; float:left }

#content h2 { padding:5px; background-color:#B1E786; float:left; width:440px; text-transform:uppercase; font-size:15px; margin-bottom:5px; color:#112a00; border-bottom:2px #fff dotted }
#content h2.full { width:666px }
#content h2.inverse, #content h3.inverse { background-color:#fff; border-bottom:2px #B1E786 dotted }

#content h3 { padding:5px; background:#F4E97A; float:left; width:190px; text-transform:uppercase; font-size:12px; margin-bottom:5px; color:#112a00; border-bottom:2px #fff dotted }

#content h3.b1 { width:420px }
#content h3.b2 { width:440px }
#content h3.full { width:646px }
#content h3.full2 { width:666px }

#content h4 { padding:5px; float:left; background-color:#fff }
#content h4.b1 { width:420px }
#content h4.b2 { width:440px }
#content h4.b3 { margin-bottom:5px; width:170px }
#content h4.full { width:646px; padding:5px; float:left; background-color:#fff }
#content h4 a { color:#112A00 }

#content p { color:#112A00; margin-bottom:12px }

#content .blkf { width:656px; float:left; padding:10px; background:url(../../imagens/blk_bg.png) }
#content .blk { width:430px; float:left; padding:10px; background:url(../../imagens/blk_bg.png) }
#content .blkb { width:180px; float:left; padding:10px; margin-bottom:5px; background:url(../../imagens/blk_bg.png) }

#content ul.prod { float:left; margin-bottom:15px }
#content ul.prod li { display:inline; margin-right:3px; float:left }
#content ul.prod li.nomr { margin-right:0 }
#content ul.prod li a { width:100px; padding:5px; display:block; margin-bottom:5px; color:#112A00; position:relative; font-size:11px; text-decoration:none; font-weight:normal; background-color:#fff }
#content ul.prod li a img { margin-bottom:1px }
#content ul.prod li a span.fotoo { width:100px; height:60px; padding:0; background-color:#fff }
#content ul.prod li a span { width:90px; height:55px; display:inline-block; cursor:pointer; padding:5px; position:relative; background-color:#f4e97a }
#content ul.prod li a:hover { background-color:#f4e97a }

#content ul.prodB { float:left; margin-bottom:15px }
#content ul.prodB li.nomb { margin-bottom:0 }
#content ul.prodB li a { width:440px; padding:5px; float:left; display:block; margin-bottom:4px; color:#112A00; position:relative; font-size:11px; text-decoration:none; font-weight:normal; background-color:#fff }
#content ul.prodB li a h6 { font-size:14px; margin-bottom:3px }
#content ul.prodB li a span { display:inline-block; cursor:pointer; width:325px; height:31px; padding:5px; position:relative; background-color:#c4f39f }
#content ul.prodB li a span.vid { width:100px; height:60px; padding:0; float:left; margin-right:5px }
* html #content ul.prodB li a span.vid { margin-right:2px; cursor:pointer }
#content ul.prodB li a:hover { background-color:#c4f39f }

#content ul.gale { float:left; margin-bottom:13px }
#content ul.gale li a { width:190px; padding:5px; display:block; margin-bottom:10px; color:#112A00; position:relative; font-size:11px; text-decoration:none; font-weight:normal; background-color:#fff }
#content ul.gale li a img { margin-bottom:1px }
#content ul.gale li a span { width:180px; height:auto; display:inline-block; cursor:pointer; padding:5px; position:relative; background-color:#b1e786 }
#content ul.gale li a:hover { background-color:#b1e786 }

#content ul.galeb { float:left; margin-bottom:13px }
#content ul.galeb li a { width:190px; padding:5px; display:block; margin-bottom:2px; color:#112A00; position:relative; font-size:11px; text-decoration:none; font-weight:normal; background-color:#fff }
#content ul.galeb li a:hover { background-color:#b1e786 }

#rodape { width:967px; height:60px; padding:5px; float:left; background:url(../../imagens/rodape.png); clear:both; margin:15px 0 }
*:first-child+html #rodape { margin:60px 0 30px }
#rodape address { line-height:25px; text-align:center; color:#fff; font-weight:bold; font-style:normal }

#rodape #marcass { width:967px; height:20px; text-align:center; margin-bottom:10px }

.floatl { float:left }

#wrapper .w420 { width:420px }
#wrapper .w440 { width:440px }
#wrapper .w450 { width:450px }
#wrapper .w170 { width:168px }
#wrapper .w190 { width:190px }
#wrapper .w200 { width:200px }
#wrapper .mb5 { margin-bottom:5px }
#wrapper .mb15 { margin-bottom:15px }
#wrapper .pb1 { padding-bottom:3px }
#wrapper img.v { position:absolute; z-index:100; margin:20px 0 0 40px }
#wrapper img.vB { position:absolute; z-index:100; margin:35px 0 0 78px }

ul.list { margin-bottom:5px; background-color:#fff }
ul.list li {  padding:5px; border-bottom:1px #B1E786 dotted; color:#112A00; }
ul.list li a { font-weight:normal; color:#112A00 }

#alti { float:left }

.iesquerda { float:left; margin-right:10px; margin-bottom:10px; border:5px #B1E786 solid }
.iesquerdanb { margin-right:2px; margin-bottom:10px; }

html>body a.iesquerda img { margin-bottom:-3px !important }
*:first-child+html a.iesquerda img { margin-bottom:0 !important }

.paginator { clear:both; float:left; margin-top:15px; width:676px }
.paginator h5 { color:#112A00; font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; padding-bottom:2px; border-bottom:1px solid #B1E786; margin-bottom:5px }
.paginator p { color:#112A00; font-size:11px; margin-bottom:5px }
ul.gbutton { text-align:center; padding:0; float:left }
ul.gbutton li { display:inline; padding:0; float:left; margin:0 3px 3px 0; background:none }
ul.gbutton li.right { display:inline; float:right }
ul.gbutton li a { width:32px; height:32px; display:block; font-size:11px; text-align:center; line-height:32px; text-decoration:none; color:#d0a441; background-color:#112A00 }
ul.gbutton li a.ext { width:60px }
ul.gbutton li a:hover, ul.gbutton li a.ativo { background-color:#B1E786; color:#112A00 }

hr { color:#112A00; border-bottom:1px #fff solid; margin-bottom:10px }

.blkb label { font-size:11px; padding:4px; background-color:#112A00; color:#fff }
.blkb input, .blkb textarea { font-size:11px; padding:2px; background-color:#fff; border:1px #112A00 solid; color:#112A00 }

.blkb input.botaoo { font-size:11px; padding:5px; margin-bottom:5px; background-color:#112A00; border:none; color:#fff }
.box01 { padding:11px; background-color:#fff; border:1px solid #ccc }
.box01 p { font-size:11px; background:none; margin-bottom:0 !important }
.msgerro { color:#db0624 !important }
.msgok { color:#219c00 !important }

form { clear:both }

table.formmm { width:650px }
table.formm, .prodt { width:425px; float:left; margin:0 15px 15px 0 }
table.formm tr, table.formmm tr { height:25px; }
table.formm tr td.bluee, table.formmm tr td.bluee { width:120px; text-align:center; vertical-align:middle; background-color:#112A00; border-right:1px solid #112A00 }

table.formm label, table.formmm label { font-size:11px; font-weight:bold; color:#1599d0 }
table.formm input, table.formm textarea, table.formmm input, table.formmm textarea{ font-size:12px; color:#112A00; background-color:#fff; border-bottom:2px solid #112A00; border-right:2px solid #112A00; border-left:1px solid #112A00; border-top:1px solid #112A00; padding:5px 5px 5px 24px }
table.formm select, table.formmm select { font-size:12px; height:28px; color:#112A00; border-bottom:2px solid #112A00; border-right:2px solid #112A00; border-left:1px solid #112A00; border-top:1px solid #112A00; padding:3px 5px 5px 24px }

table.formm label.whitee, table.formmm label.whitee { color:#fff }
table.formm select option, table.formmm select option { padding:2px 3px }
table.formm button, table.formmm button, button { background-color:#112A00; color:#fff; padding:5px; font-size:11px; font-weight:bold }

input.nome { background:url(../../imagens/nome_input.gif) no-repeat 3px center }
input.mail { background:url(../../imagens/mail_input.gif) no-repeat 3px center }
input.fone { background:url(../../imagens/fone_input.gif) no-repeat 3px center }
input.endereco { background:url(../../imagens/endereco_input.gif) no-repeat 3px center }
input.cidade { background:url(../../imagens/cidade_input.gif) no-repeat 3px center }
select.estado { background:#fff url(../../imagens/estado_input.gif) no-repeat 3px center }
input.assunto { background:url(../../imagens/assunto_input.gif) no-repeat 3px center }
textarea.mensagem { background:url(../../imagens/mensagem_input.gif) no-repeat 3px center }

#wrapper .boxok, #wrapper .boxerro { width:420px; padding:5px; background-color:#fff; margin-bottom:15px}
#wrapper .boxerro h3 { width:410px; background-color:#F4E97A; color:#900 }
#wrapper .boxerro p { color:#900 }
#wrapper .boxok h3 { width:410px; background-color:#F4E97A; color:#063 }
#wrapper .boxok p { color:#063 }

.ifloat { float:left }

.fotoleg { float:left; margin-right:10px; padding:4px; border:1px solid #B1E786 }
.legen  { padding:4px; background-color:#f2f2f2 }
.legen p.credito  { font-size:12px; text-transform:uppercase; color:#333 }
.legen p.legenda  { font-size:11px; color:#666 }

.clear { clear:both }
#gallery { position:relative; height:150px }
#gallery a { float:left; position:absolute }	
#gallery a img { border:none }	
#gallery a.show { z-index:500 }
#gallery .caption { z-index:600; background-color:#000; color:#fff; height:55px; width:710px; position:absolute; bottom:0 }
#gallery .caption .content { width:710px; font-size:13px; margin:5px }	
#gallery .caption .content h3 { font-size:16px; margin:0; padding:0; margin-bottom:5px; color:#c2f599 }

#climat { margin:10px 0 0 25px }
#cbMarcas { border:1px #B1E786 solid; font-size:11px; color:#31481D; }