* { margin:0; padding:0; border:none; outline:none; vertical-align:baseline }

a img, :link img, :visited img { border:0 }

table { border-collapse:collapse; border-spacing:0 }
ol, ul { list-style:none }
q:before, q:after, blockquote:before, blockquote:after { content: "" }

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background:url(../../imagens/bg2.gif) }

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

h2,h3,h4,h5,p { margin-bottom:15px }

input, textarea, select { font-size:11px; padding:3px; border-right:2px solid #333; border-bottom:2px solid #333; }
select option { padding:0 5px }
label { font-weight:bold }
button { padding:5px; font-size:11px; color:#fff; background-color:#6d0303; }

#top { width:20px; height:20px; padding:10px; position:absolute; left:10px; top:10px }

#wrap { width:778px; position:absolute; left:50%; margin-left:-389px }

#topo { width:778px; height:157px; float:left; border-bottom:1px solid #c6c6c6; background:url(../../imagens/topo_bg.jpg) no-repeat }
#topo h1 { text-indent:-9999px }
#topo h1 a, #topo h1 a:hover { width:778px; height:157px; display:block; position:relative }

#middle { width:778px; height:419px; border-bottom:1px solid #c6c6c6; float:left }
#aloja { width:778px; height:419px; float:left; background:#000 url(../../imagens/aloja_bg.jpg) no-repeat right top }
#tendencias { width:778px; height:419px; float:left; background:#000 url(../../imagens/tendencias_bg.jpg) no-repeat right top }
#mural { width:778px; float:left; background:#000 url(../../imagens/mural_bg.jpg) no-repeat right top }
#fotos { width:778px; height:419px; float:left; background:#000 url(../../imagens/fotos_bg.jpg) no-repeat right top }
#marcas { width:778px; float:left; background:#000 url(../../imagens/marcas_bg.jpg) no-repeat right top }
#contato { width:778px; float:left; background:#000 url(../../imagens/contato_bg.jpg) no-repeat right top }

#content { width:428px; height:360px; padding:15px; float:left }
#contente { width:428px; padding:15px; float:left }
#content h2 { font-size:24px }
#content h3 { font-size:18px }
#content h4 { font-size:14px }
#content h5 { font-size:12px }
#content p { font-size:12px }

#menuh { width:458px; height:29px; float:left }
#menuh ul { padding:5px 10px; }
#menuh ul li { display:inline;  }

#menuh ul li a { height:20px; line-height:20px; float:left; font-size:11px; text-decoration:none; margin-right:6px; padding-left:15px; background:url(../../imagens/menu_bg.gif) no-repeat left top }

#menuh ul li a:hover {  background:url(../../imagens/menu_bg.gif) no-repeat left bottom }

#rodape { width:778px; height:121px; float:left; clear:both }
#rodapealoja { width:778px; height:121px; float:left; clear:both; background:url(../../imagens/aloja_rodape.jpg) no-repeat }
#rodapetendencias { width:778px; height:121px; float:left; clear:both; background:url(../../imagens/tendencias_rodape.jpg) no-repeat }
#rodapemural { width:778px; height:121px; float:left; clear:both; background:url(../../imagens/mural_rodape.jpg) no-repeat }
#rodapefotos { width:778px; height:121px; float:left; clear:both; background:url(../../imagens/fotos_rodape.jpg) no-repeat }
#rodapemarcas { width:778px; height:121px; float:left; clear:both; background:url(../../imagens/marcas_rodape.jpg) no-repeat }
#rodapecontato { width:778px; height:121px; float:left; clear:both; background:url(../../imagens/contato_rodape.jpg) no-repeat }

.iesquerda { padding:4px; background-color:#fff; float:left; margin-right:10px }
.igaleria { padding:4px; background-color:#fff; float:left; margin-right:15px; margin-bottom:10px }
.igaleria2 { padding:4px; background-color:#fff; float:left; margin-right:10px; margin-bottom:10px }

ul.gbutton, ul.redbutton { width:400px; padding-bottom:10px; float:left }
ul.gbutton li, ul.redbutton li { margin-bottom:5px; display:inline; float:left }
ul.gbutton li.right { display:inline; float:right }
ul.gbutton li a { padding:5px; display:block; text-align:center; text-decoration:none; font-weight:normal; color:#fff; background-color:#666; margin-right:5px }
ul.gbutton li a.ativo { color:#666; background-color:#fff }
ul.gbutton li a:hover { background-color:#333; color:#fff }

ul.redbutton li.right { display:inline; float:right }
ul.redbutton li a { padding:5px 5px 5px 20px; display:block; text-align:center; text-decoration:none; font-weight:normal; color:#fff; background:#6d0303 url(../../imagens/marcas_bg.gif) no-repeat left top; margin-right:5px }
ul.redbutton li a:hover { background:#333 url(../../imagens/marcas_bg.gif) no-repeat left bottom; color:#fff }

#globaldiv { width:428px; margin-bottom:10px; float:left }

.boxtendencia { width:172px; height:180px; margin-right:10px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background-color:#222; padding:15px; float:left }
.boxtendencia a { padding:5px; background-color:#6d0303; text-decoration:none }

.boxtendenciain { width:418px; height:240px; margin-right:10px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background-color:#222; padding:15px; float:left }
.boxmarcain { width:418px; margin-right:10px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background-color:#222; padding:15px; float:left }

.freebox { width:420px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background-color:#222; padding:15px; float:left }