@import url("shadowbox.css");

* { margin:0; padding:0; border:0; outline:0; vertical-align:baseline }
ol, ul { list-style:none }

table { border-collapse: collapse; border-spacing: 0 }

body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#920600; background:#fffe32 url(../../imagens/body_bg.jpg) no-repeat center top }

body.intro { background:#fffe32 url(../../imagens/body_bg2.gif) no-repeat center top }

h2,h3,h4,p,blockquote { color:#920600; margin-bottom:15px }

a { font-weight:bold; color:#920600; text-decoration:underline }
a:hover { text-decoration:none }

input, textarea, select { border:1px solid #920600; padding:3px; color:#920600; font-size:11px; }
label { font-size:11px; font-weight:bold; color:#920600; }
button { font-size:11px; padding:5px; background-color:#920600; color:#fff; }

#wrapper { width:700px; margin:0 auto; display:table }

#wrapper .introb { font-size:14px; width:714px; padding:8px; display:block; background-color:#000; margin-bottom:15px; text-align:center; color:#fff; text-decoration:none; }

#top { width:20px; height:20px; padding:5px; position:absolute; top:5px; left:5px; }
#header { width:700px; height:280px; float:left }
#header #logotipo { width:270px; height:241px; float:left }
#header h1 { width:270px; height:190px; margin-top:25px; text-indent:-9999px; background:url(../../imagens/logo_h1.png) no-repeat }
#header h1 a, #header h1 a:hover { width:270px; height:190px; display:block; position:relative }
#header h2 { width:270px; height:30px; text-indent:-9999px; background:url(../../imagens/slogan_h2.png) no-repeat }
#header #caneca { width:260px; height:280px; float:right }

#menuh { width:700px; height:83px; float:left; margin-bottom:25px }
#menuh ul { width:700px; text-align:center; line-height:53px }
#menuh ul li { display:inline }
#menuh ul li a { font-size:12px; padding:5px 10px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#fff; margin-right:5px }

#menuh ul li a:hover { font-size:13px; background:url(../../imagens/menuh_li_bg.gif) left top no-repeat }
#menuh ul li a:hover span { padding:5px 10px 5px 0; margin:-5px -10px 0 0; background:url(../../imagens/menuh_li_bg.gif) right top no-repeat  }

#content, #menudi { padding:15px; background-color:#fffcd9 }
#content { width:500px; float:left; margin-right:21px }

#content h2, #menudi h2 { text-indent:-9999px; }
#menudi h2.lancamentos { width:113px; height:17px; background:url(../../imagens/lancamentos_h2.gif) no-repeat; }
#menudi h2.caminhao { width:134px; height:21px; background:url(../../imagens/caminhao_h2.gif) no-repeat; }
#menudi h2.patrocinamos { width:126px; height:21px; background:url(../../imagens/patrocinamos_h2.gif) no-repeat; }
#content h2.bemvindo { width:120px; height:21px; background:url(../../imagens/bemvindo_h2.gif) no-repeat; }

#content h2.quemsomos { width:142px; height:21px; background:url(../../imagens/quemsomos_h2.gif) no-repeat; }
#content h2.clientes { width:95px; height:21px; background:url(../../imagens/clientes_h2.gif) no-repeat; }
#content h2.portifolio { width:119px; height:23px; background:url(../../imagens/portifolio_h2.gif) no-repeat; }
#content h2.nabalada { width:113px; height:21px; background:url(../../imagens/nabalada_h2.gif) no-repeat; }
#content h2.mural { width:70px; height:21px; background:url(../../imagens/mural_h2.gif) no-repeat; }
#content h2.lojavirtual { width:138px; height:21px; background:url(../../imagens/lojavirtual_h2.gif) no-repeat; }
#content h2.caminhao { width:190px; height:21px; background:url(../../imagens/caminhaob_h2.gif) no-repeat; }
#content h2.contato { width:92px; height:21px; background:url(../../imagens/contato_h2.gif) no-repeat; }
#content h2.noticias { width:200px; height:21px; background:url(../../imagens/noticias_h2.gif) no-repeat; }
                                                                           
#content h3 { font-size:18px; text-transform:uppercase; }
#content h4, #menudi h4 { font-size:15px; padding:5px; background-color:#920600; color:#fff; text-transform:uppercase; text-align:center }

#content p, #content blockquote, #menudi p { font-size:12px; }

#content ul { padding:10px }
#content ul li { padding-left:15px; margin-bottom:5px; background:url(../../imagens/li_bg.gif) no-repeat left center }
#menudi ul li { border-bottom:1px dotted #da251d; padding-bottom:10px; margin-bottom:5px; }

#content .msgok { color:#198500 }
#content .msgerro { color:#790101 }

#content ul.gbutton, #menudi ul.gbutton { padding-bottom:10px; float:left }
#content ul.gbutton li, #menudi ul.gbutton li { margin-bottom:5px; display:inline; padding:0; background:none; float:left }
#content ul.gbutton li.right, #menudi ul.gbutton li.right { display:inline; float:right }
#content ul.gbutton li a, #menudi ul.gbutton li a { padding:5px; display:block; text-align:center; text-decoration:none; font-weight:normal; color:#fff; background-color:#920600; margin-right:5px }
#content ul.gbutton li a.ativo, #menudi ul.gbutton li a.ativo { color:#fff; background-color:#da8d01 }
#content ul.gbutton li a:hover, #menudi ul.gbutton li a:hover { background-color:#da8d01; color:#fff }

#mplayer { width:720px; height:480px; margin:0 auto; margin:20px 0 20px 0; background-color:#fff; border:5px solid #000 }

#menudi { width:178px; float:left }
a.home { width:132px; padding:8px; display:block; background-color:#920600; margin-bottom:15px; text-align:center; color:#fff; font-size:12px; text-decoration:none; }
#menudi ul.classi { margin-bottom:15px; }
#menudi ul.classi li { width:148px; border-bottom:1px dotted #da251d; padding-bottom:10px; margin-top:5px; }
#menudi ul.classi li img { border:1px solid #920600; float:left; margin-right:5px }
#menudi ul.classi li p { font-size:11px; margin:0; padding:0; line-height:12px; text-align:left }

#rodape { width:700px; height:45px; float:left; clear:both; margin-top:15px; padding-top:15px; background:url(../../imagens/rodape_bg.gif) repeat-x }
#rodape address { font-size:11px; font-style:normal; color:#920600; text-align:center; line-height:15px } 

.iesquerda { border:1px solid #920600; margin-right:5px; float:left }

.galeria { width:470px; float:left; margin-bottom:15px; }
.iesquerdag { border:1px solid #920600; padding:4px; background-color:#fff; margin:0 6px 10px 0; float:left }

.bbigred { border:1px solid #920600 }

.freebox { padding:10px; background-color:#fff; border-top:1px solid #920600; border-bottom:1px solid #920600; margin:10px 0 }

.boxf01 { width:500px; height:102px; margin-bottom:25px } 

blockquote { font-style:italic; padding:10px; background-color:#fff; border-left:5px solid #f00; }