*{margin:0; padding:0; outline:none; border:0; text-decoration:none; list-style:none; font: normal normal normal 11px/14px "Trebuchet MS", sans-serif;}
html, body{height:100%}

body{background: url(../images/home_bg.jpg) #ffbf00 no-repeat top center}
body.interna{background-image:url(../images/interna_bg.jpg)}
h1{width:246px; height:149px; cursor:pointer; background: url(../images/logo_hobby-trans.png) no-repeat; position:relative; left:19px; top:6px}
#topo{background: url(../images/topo_bg.jpg) repeat-x; height:36px; display:block; position:absolute; width:100%; overflow:hidden; z-index:100}
#topo .container{width:970px; position:relative; left:50%; margin:0 0 0 -518px; height:36px;}
#topo .container .subContainer{width:906px; margin:0 0 0 64px; height:36px;}
#topo .container .subContainer ul{float:right}
#topo .container .subContainer li{float:left; display:inline-block; height:36px; padding:0 3px}
#topo .container .subContainer li a{background:url(../images/topo_a_hover.gif) no-repeat 1000px 1000px; color:#6f5400; font-size:10px; padding:0 6px; line-height:36px; height:34px; display:inline-block; float:left; text-transform:uppercase}
#topo .container .subContainer li a:hover{background:url(../images/topo_a_hover.gif) no-repeat}
#topo .container .subContainer li.compactor a:hover{background-position:-24px 8px}
#topo .container .subContainer li.linhahobby a:hover{background-position:-20px -32px}
#topo .container .subContainer li.dicasdeuso a:hover{background-position:-24px -72px}
#topo .container .subContainer li.eventos a:hover{background-position:-32px -112px}
#topo .container .subContainer li.campanha a:hover{background-position:-29px -152px}
#topo .container .subContainer li.ondeencontrar a:hover{background-position:-13px -192px}
#topo .container .subContainer li.perguntas a:hover{background-position:1px -232px}
#topo .container .subContainer li.spacer{background:url(../images/topo_spacer.jpg) top center; width:1px; padding:0}

/* Marca Menu Topo */
#pageCompactor #topo .container .subContainer li.compactor a{background-position:-24px 8px; cursor:default}
#pageLinhaHobby #topo .container .subContainer li.linhahobby a{background-position:-20px -32px; cursor:default}
#pageDicasDeUso #topo .container .subContainer li.dicasdeuso a{background-position:-24px -72px; cursor:default}
#pageEventos #topo .container .subContainer li.eventos a{background-position:-32px -112px; cursor:default}
#pageCampanha #topo .container .subContainer li.campanha a{background-position:-29px -152px; cursor:default}
#pageOndeEcontrar #topo .container .subContainer li.ondeencontrar a{background-position:-13px -192px; cursor:default}
#pagePerguntas #topo .container .subContainer li.perguntas a{background-position:1px -232px; cursor:default}

/* Home e base */
#home{width:100%; overflow:hidden; position:relative}
#home .container{width:970px; position:relative; left:50%; margin:0 0 0 -518px; height:400px;}
#home .container .subContainer{width:906px; margin:0 0 0 64px; height:400px;}
#home #compactor.container{position:relative; height:760px}
#home #dicasdeUso.container{position:relative; height: 1800px}
#home #index.container{height:660px}
#home #index.container .subContainer{position:relative}
#home #index.container h1{position:absolute; z-index:999}
#home #index.container .subContainer{padding:32px 0 0}
#pageOndeEcontrar #home .container .subContainer {padding:62px 0 0}
#pageOndeEcontrar #home .container{height:833px}

/* Gera Box Conteudo */
#home .container .subContainer ul.conteudo{left:343px; top:70px; position:absolute;}
#home .container .subContainer ul.conteudo li.top{background:url(../images/coteudo_top_bottom.gif) top right; height:27px; width:585px}
#home .container .subContainer ul.conteudo li.middle{background:url(../images/coteudo_middle.gif) top right; width:585px}
#home .container .subContainer ul.conteudo li.middle p{margin:0 28px; color:#472d00; font-size:12px; padding:0 0 10px}
#home .container .subContainer ul.conteudo li.middle p.tit{font-size:18px; color:#c9220c; padding:0 140px 15px 0; line-height:18px}
#home .container .subContainer ul.conteudo li.middle p.footer a{font-size:14px; color:#c9220c; font-weight:bold}
#home .container .subContainer ul.conteudo li.middle p.footer a:hover{color:#f9060c;}
#home .container .subContainer ul.conteudo li.bottom{background:url(../images/coteudo_top_bottom.gif) bottom right; height:17px; width:585px}
/* Headers e posicionamento dos Boxs de Conteudo */
#home #compactor.container .subContainer ul.conteudo li.header{background:url(../images/compactor_header-trans.png); width:600px; height:348px}
#home #dicasdeUso.container .subContainer ul.conteudo li.header{background:url(../images/dicas_header-trans.png); width:600px; height:212px}
#home #faq.container .subContainer ul.conteudo li.header{background:url(../images/faq_header-trans.png) no-repeat center center; width:600px; height:180px}
#home #dicasdeUso.container .subContainer ul.conteudo li.header{background:url(../images/dicas_header-trans.png); width:600px; height:212px}
#home #campanha.container .subContainer ul.conteudo li.header{background:url(../images/campanha_header-trans.png) no-repeat right; width:600px; height:212px}
#home #eventos.container .subContainer ul.conteudo li.header{background:url(../images/eventos_header-trans.png) no-repeat top right; width:600px; height:150px}
#home #contato.container .subContainer ul.conteudo li.header{background:url(../images/contato_header-trans.png) no-repeat top right; width:600px; height:125px}

#home #dicasdeUso.container .subContainer ul.conteudo li.middle{float:left}
#home #dicasdeUso.container .subContainer ul.conteudo li.bottom{float:left}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div{background:url(../images/dicas_DivBg.jpg) repeat-x bottom left; display:block; margin:0 10px; float:left; width:565px;}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div p{float:left; font-size:12px; color:#473600; width:450px; margin:5px 0 0 17px; padding:5px 0 5px;}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div p b{display:block; color:#c9220c; font-size:18px; line-height:20px}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div ul{float:right; height:54px; margin:0 6px 0 0}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div ul li{float:left; width:30px; height:100%; display:inline-block; background-position:center center; background-repeat:no-repeat}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div ul li.texto{ cursor:pointer;background-image:url(../images/icon_texto_yellow.gif)}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div ul li.imagens{ cursor:pointer;background-image:url(../images/icon_imagens_yellow.gif)}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div ul li.video{ cursor:pointer;background-image:url(../images/icon_video_yellow.gif)}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div ul li.texto_off{background-image:url(../images/icon_texto_yellow_off.gif)}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div ul li.imagens_off{background-image:url(../images/icon_imagens_yellow_off.gif)}
#home #dicasdeUso.container .subContainer ul.conteudo li.middle div ul li.video_off{background-image:url(../images/icon_video_yellow_off.gif)}


#rodape{background:#a56b00; display:block; width:100%; height:175px; overflow:hidden; position:relative}
#pageHome #rodape{height:240px}
#rodape ul{width:906px; position:relative; left:50%; margin:0 0 0 -453px;}
#rodape li{float:left; display:inline-block; height:78px;}
#rodape li a{color:#ffbf00; padding:0 10px; line-height:78px; height:78px; display:inline-block; float:left;}
#rodape li a:hover{color:#fff}
#rodape li.spacer{background:url(../images/rodape_spacer.jpg) no-repeat center center; width:1px}
#rodape li.logo{background:url(../images/rodape_compactor.jpg) no-repeat center right; width:195px;}
#rodape li.logo a{font-size:0px; width:162px; padding:0; float:right; letter-spacing:-9288px}

/* Comum */
ul.marromComunidade{left:17px; top:37px; position:relative}
ul.marromComunidade li.top{width:221px; height:98px; background: url(../images/compactor_LiMarromTop.gif) no-repeat}
ul.marromComunidade li.middle{background:#472d00; width:221px}
ul.marromComunidade li.middle p{padding:0 15px 10px 15px; font-size:12px; color:#fff}
ul.marromComunidade li.middle p.amarelo{color:#ffbe00}
ul.marromComunidade li.bottom{width:221px; height:67px; background: url(../images/compactor_LiMarromBottom.gif) no-repeat}
ul.marromComunidade li.bottom a{display:block; height:100%; width:100%}
ul.marromSAC{left:17px; top:37px; position:relative}
ul.marromSAC li.top{width:221px; height:15px; background: url(../images/compactor_LiMarromTop.gif) no-repeat}
ul.marromSAC li.middle{width:221px; height:65px; background: url(../images/marrom_telefone.jpg) no-repeat}
ul.marromSAC li.bottom{width:221px; height:15px; background: url(../images/compactor_LiMarromBottom.gif) no-repeat bottom}
ul.marromCorreio{left:17px; top:57px; position:relative}
ul.marromCorreio li.top{width:221px; height:15px; background: url(../images/compactor_LiMarromTop.gif) no-repeat}
ul.marromCorreio li.middle{width:221px; background:#472d00 url(../images/marrom_correio.jpg) no-repeat top center; padding:30px 0 10px}
ul.marromCorreio li.middle div.spacer{height:10px; display:block; width:1px}
ul.marromCorreio li.middle p{font-size:12px; color:#fff; margin:0 20px; display:block}
ul.marromCorreio li.middle p b{display:block; font-weight:bold; color:#ffbf00; font-size:13px}
ul.marromCorreio li.bottom{width:221px; height:15px; background: url(../images/compactor_LiMarromBottom.gif) no-repeat bottom}
ul.marromCM{left:27px; top:37px; position:relative}
ul.marromCM li{width:221px; height:289px; background:url(../images/dicas_bannerMarrom.gif)}
ul.vermelhoTM{left:27px; top:63px; position:relative}
ul.vermelhoTM li{width:221px; height:289px; background:url(../images/dicas_bannerVermelho.gif)}
.clear{display:block; height:90px; width:100%}
.show{display:block !important}

/* FAQ */
#pagePerguntas h1{position:absolute}
#pagePerguntas a.faqContato{display:inline-block; width:269px; height:171px; position:absolute; top:185px; left:14px; background:url(../images/faq_gota_contato-trans.png) no-repeat center center}
#pagePerguntas #home .container{width:970px; position:relative; left:50%; margin:0 0 0 -518px; height:auto}
#pagePerguntas #home .container .subContainer{width:906px; margin:0 0 0 64px; height:auto; position:relative; min-height:773px;}
#pagePerguntas #home .container .subContainer ul.conteudo{position:relative; left:310px}
#pagePerguntas ul.marromComunidade{position:absolute; top:386px; left:29px}
#pagePerguntas ul.marromComunidade/*, #pagePerguntas ul.conteudo*/{display:inline}
#pagePerguntas #home .container .subContainer ul.conteudo li{display:block}
#pagePerguntas #home .container .subContainer ul.conteudo .header{position:relative}
#pagePerguntas #home .container .subContainer ul.conteudo .header div{position:absolute; bottom:8px; right:10px}
#pagePerguntas #home .container .subContainer ul.conteudo .header div b{font-weight:bold; font-size:13px; color:#473600}
#pagePerguntas #home .container .subContainer ul.conteudo .header div select{width:170px; vertical-align:middle; height:18px; border:1px solid #ccc}
#pagePerguntas #home .container .subContainer ul.conteudo .header div input{vertical-align:middle}
#pagePerguntas #home .container .subContainer ul.conteudo .middle{border-width:5px 0; border-style:solid; border-color: #fff;}
#pagePerguntas #home .container .subContainer ul.conteudo .pergunta{height:28px; line-height:28px; cursor:pointer; color:#c9220c; font:14px; font-weight:bold; text-indent:24px;}
#pagePerguntas #home .container .subContainer ul.conteudo .fechado{background:url(../images/faq_bg_fechado.jpg) #fff no-repeat center center}
#pagePerguntas #home .container .subContainer ul.conteudo .aberto{background:url(../images/faq_bg_pergunta_aberto.jpg) #fff no-repeat center center}
#pagePerguntas #home .container .subContainer ul.conteudo .resposta{display:none;}
#pagePerguntas #home .container .subContainer ul.conteudo .resposta p{color:#473600; font-size:11px; padding:0; margin:0 20px}

/* Campanha */
#pageCampanha #home .container{height:980px}
#pageCampanha #home .container .subContainer ul.conteudo .middle{height:610px}
#pageCampanha #home .container .subContainer ul.conteudo .middle b{color:#c9220c; display:block; font-size:16px; font-weight:bold; text-align:center; margin:10px 0 20px}

/* Eventos */
#pageEventos h1{position:absolute}
#pageEventos #home .container{width:970px; position:relative; left:50%; margin:0 0 0 -518px; height:auto}
#pageEventos #home .container .subContainer{width:906px; margin:0 0 0 64px; height:auto; position:relative; min-height:773px;}
#pageEventos ul.marromCM, #pageEventos ul.vermelhoTM, #pageEventos ul.conteudo{display:inline}
#pageEventos #home .container .subContainer ul.conteudo li{display:block}
#pageEventos ul.marromCM, #pageEventos ul.vermelhoTM{position:absolute}
#pageEventos ul.marromCM{top:186px; left:27px}
#pageEventos ul.vermelhoTM{top:501px; left:27px}
#pageEventos #home .container .subContainer{width:906px; margin:0 0 0 64px; height:auto; position:relative; min-height:803px; height:1020px}
#pageEventos #home .container .subContainer ul.conteudo .header{position:relative}
#pageEventos #home .container .subContainer ul.conteudo .header div{position:absolute; bottom:24px; right:30px; color:#fff; font-size:12px; font-weight:bold}
#pageEventos #home .container .subContainer ul.conteudo .header div a{color:#fff; text-decoration:underline; font-size:12px; font-weight:bold}
#pageEventos #home .container .subContainer ul.conteudo .header div a:hover{color:#ffbe00; text-decoration:none}
#pageEventos #home .container .subContainer ul.conteudo{left:280px}
#pageEventos #home #eventos.container .subContainer ul.conteudo li.middle{padding:0 0 15px}
#pageEventos #home #eventos.container .subContainer ul.conteudo li.middle div{background:url(../images/dicas_DivBg.jpg) repeat-x bottom left; display:block; margin:0 10px; float:none; width:565px}
#pageEventos #home #eventos.container .subContainer ul.conteudo li.middle div h4{display:block; color:#c9220c; font-size:18px; line-height:20px; margin:0 0 0 17px}
#pageEventos #home #eventos.container .subContainer ul.conteudo li.middle div p{float:none; font-size:12px; color:#a56b00; width:450px; margin:5px 0 0 17px; padding:0 0 5px; line-height:15px}
#pageEventos #home #eventos.container .subContainer ul.conteudo li.middle div p b{color:#a56b00; font-weight:bold}
#pageEventos #home #eventos.container .subContainer ul.conteudo li.middle div p a{color:#a56b00; text-decoration:underline}
#pageEventos #home #eventos.container .subContainer ul.conteudo li.middle div p b.spacer{margin:0 0 0 13px}

/* Contato */
#pageContato #home .container{height:955px;}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle p{font-size:16px; color:#472d00; font-weight:bold; line-height:18px}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle p a{font-size:16px; color:#472d00; font-weight:bold; text-decoration:underline}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle p a:hover{color:#704700; text-decoration:none}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle p b{font-size:13px; font-weight:bold; color:#c9220c}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form{width:535px; margin:20px 0 0 27px; padding:0 0 30px}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form label{cursor:pointer}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form label.tit{color:#d90812; display:block; line-height:24px; font-size:12px; margin:5px 0 0}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form label.item{height:20px; line-height:20px; display:inline-block;color:#472d00; vertical-align:middle; margin:0 6px}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form input{vertical-align:middle}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form input.text{background:#fff3c8; border:1px solid #ffbf00; height:23px; font-size:16px; font-weight:bold;}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form #contatoNome{width:533px}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form #contatoEmail{width:248px}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form .demais{width:248px !important}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form #contatoOutroAssunto{width:186px}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form #contatoMsg{background:#fff3c8; border:1px solid #ffbf00; width:533px; height:101px; overflow:auto}
#pageContato #home #contato.container .subContainer ul.conteudo li.middle form input.submit{background:url(../images/btn_enviar_red.jpg) no-repeat; width:86px; height:27px; display:block; position:relative; top:20px; left:450px}

#LVDESIGN{width:27px; height:9px; display:block; position:fixed; bottom:0; right:0; padding:5px; background:url(../images/lv-design-trans.png) no-repeat center center; overflow:hidden; letter-spacing:-9999px; text-indent:40px}
#LVDESIGN:hover{background-color:#C00}