/*config*/ body { background:url(../img/bgtopo.jpg) #000 top center no-repeat; margin:0; padding:0; font: 11px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000; } ul, li { margin:0; padding:0; list-style:none; } h1, h2, h3, h4, h5 { font-style:normal; font-weight:normal; font-size:small; padding:0; margin:0; } fieldset, legend { margin:0; padding:0; border:0; } .sprite { background:url(../img/sprite.jpg) no-repeat; } /*header*/ #header { width:987px; margin:0 auto; } #header div.headerWrap { float:left; width:987px; margin-top:11px; } /*centro*/ #center { width:987px; margin:0px auto; } #center div.centerWrap { float:left; width:987px; margin:30px 0 15px; } #center div.centerWrap div#side { float:left; width:145px; padding:0 15px; } #center div.centerWrap div#side div#nav { float:left; width:145px; } #center div.centerWrap div#side div#nav h3 { float:left; background-position:0 -4px; width:94px; height:16px; margin-bottom:5px; text-indent:-9000px; } #center div.centerWrap div#side div#nav ul { float:left; width:145px; } #center div.centerWrap div#side div#nav ul li { float:left; width:145px; margin-bottom:4px; font:10px Arial; color:#595959; list-style:square inside; } #center div.centerWrap div#side div#nav ul li a { width:133px; margin-left:-3px; font:12px Arial; color:#a6a19a; text-decoration:none; } #center div.centerWrap div#side div#nav ul li a:hover { color:#CCC; } #center div.centerWrap div#side div#login { float:left; width:145px; margin:25px 0; } #center div.centerWrap div#side div#login h3 { float:left; background-position:-95px 0; width:121px; height:18px; text-indent:-9000px; } #center div.centerWrap div#side div#login fieldset { float:left; width:145px; } #center div.centerWrap div#side div#login fieldset label { float:left; width:139px; margin:7px 0 3px; font:11px Trebuchet Ms; color:#a6a19a; } #center div.centerWrap div#side div#login fieldset input[type="text"] { float:left; background:#1a1a1a; width:137px; padding:3px 0; font:11px Arial; color:#a6a19a; border:1px solid #382c29; } #center div.centerWrap div#side div#login fieldset input[type="password"] { float:left; background:#1a1a1a; width:137px; padding:3px 0; font:11px Arial; color:#a6a19a; border:1px solid #382c29; } #center div.centerWrap div#side div#login fieldset input[type="submit"] { float:right; background-position:-373px -2px; width:59px; height:14px; margin:8px 8px 0 0; text-indent:-9000px; line-height:0; border:0; cursor:pointer; } #center div.centerWrap div#side div#login ul { float:left; width:145px; margin-top:10px; } #center div.centerWrap div#side div#login ul li { float:left; width:145px; height:11px; margin-bottom:5px; } #center div.centerWrap div#side div#login ul li a { float:left; font:9px Arial; color:#a6a19a; text-decoration:none; text-transform:uppercase; } #center div.centerWrap div#side div#login ul li a:hover { color:#CCC; } #center div.centerWrap div#side div.catalogo { float:left; width:145px; } #center div.centerWrap div#side div.catalogo h3 { float:left; background-position:-217px 0; width:155px; height:18px; text-indent:-9000px; } #center div.centerWrap div#side div.catalogo img { float:left; margin:10px 0; } #center div.centerWrap div#side div.catalogo a { float:left; width:145px; font:9px Arial; color:#a6a19a; text-decoration:none; text-transform:uppercase; } #center div.centerWrap div#side div.catalogo a:hover { color:#CCC; } /*content*/ #center div#content { float:left; width:716px; padding:0 26px 0 70px; } #center div#content div.lancamento { float:left; width:716px; } #center div#content div.lancamento h2 { float:left; background-position:0 -25px; width:313px; height:18px; text-indent:-900px; } #center div#content div.lancamento ul { float:left; width:716px; margin-top:10px; } #center div#content div.lancamento ul li { float:left; width:224px; margin-right:20px; } #center div#content div.lancamento ul li.quebra { margin-right:0; } #center div#content div.lancamento ul li a { float:left; } #center div#content div.lancamento ul li a img { border:0; } #center div#content div.lancamento ul li strong { float:left; width:224px; padding-top:5px; font:12px Arial; color:#CCC; } #center div#content div.maisVendidos { float:left; width:716px; margin:40px 0 10px; } #center div#content div.maisVendidos h2 { float:left; background-position:-318px -25px; width:230px; height:14px; text-indent:-900px; } #center div#content div.maisVendidos ul { float:left; width:716px; margin-top:10px; } #center div#content div.maisVendidos ul li { float:left; width:151px; margin:0 35px 30px 0; } #center div#content div.maisVendidos ul li.quebra { margin-right:0; } #center div#content div.maisVendidos ul li a { float:left; } #center div#content div.maisVendidos ul li a img { border:0; } #center div#content div.maisVendidos ul li strong { float:left; width:151px; padding-top:5px; font:12px Arial; color:#CCC; } #center div#content div.promocoes { float:left; width:716px; } #center div#content div.promocoes h2 { float:left; background-position:0 -45px; width:178px; height:23px; text-indent:-900px; } #center div#content div.promocoes ul { float:left; width:716px; margin-top:7px; } #center div#content div.promocoes ul li { float:left; width:151px; margin:0 35px 30px 0; } #center div#content div.promocoes ul li.quebra { margin-right:0; } #center div#content div.promocoes ul li a { float:left; } #center div#content div.promocoes ul li a img { border:0; } #center div#content div.promocoes ul li strong { float:left; width:151px; padding-top:5px; font:12px Arial; color:#CCC; } /*footer*/ #footer { float:left; background:url(../img/bgfooter.jpg) top center no-repeat; width:100%; height:156px; } #footer div#footerWrap { width:940px; margin:0 auto; padding-top:50px; font:11px Trebuchet MS; color:#5f5f5f; } #footer div#footerWrap span { float:left; width:985px; } #footer div#footerWrap strong { float:left; width:985px; } #footer div#footerWrap strong a { font:11px Trebuchet MS; color:#5f5f5f; text-decoration:none; } #footer div#footerWrap strong a:hover { color:#CCC; } /*navegacao*/ .acessibilidade { display:none; } /*geral*/ .geral { width:990px; margin:0 auto; } /*topo*/ .topo { float:left; width:100%; margin-top:0px; height:155px;} /*destaque*/ .destaque { float:left; width:100%; height:216px; } /*centro*/ .centro { float:left; width:100%; } /*content*/ .content { float:left; width:990px; background:url(../img/fundoMeio.png) no-repeat 205px 0;} /*coluna esquerda*/ .colEsquerda { float:left; width:190px; padding-bottom:25px;} .menu { float:left; width:160px; margin-top:20px; margin-left:10px; } .menu li { float:left; width:160px; height:28px; background-color:#999; margin-top:3px; font:12px Arial; text-align:center;} /*rodape*/ .rodape { float:left; background: url(../img/fundoRodape.gif) repeat-x; width:100%; height:131px; } .rodape .rodapeMeio { width:990px; left:50%; margin-left:-495px; position:absolute; height:131px; } .rodape .rodapeEsquerda { float:left; padding:0 15px; } .rodape .rodapeEsquerda .direitos { color:#4e4d4d; height:20px; margin-top:18px; font-size:24px;} .rodape .rodapeEsquerda .links { font-size:12px; color:#c0bebe; margin-top:15px;} .rodape .rodapeEsquerda .desenvolvedor { color:#FFFFFF; height:20px; margin-top:15px;} .rodapeLinks{ color:#c2c2c2; text-decoration: none;} .rodapeLinks:hover{ text-decoration:underline; } .endereco { width:975px; margin:0 auto 5px auto; font:bold 11px Arial, Helvetica, sans-serif; color:#CCCCCCC; float:left; margin-left:15px; } .site{ font: 23px Arial, Helvetica, sans-serif; color: #CCCCCC; width: 250px; float:left; margin-bottom:10px; margin-left:15px;} /*rodape*/ .combo { border:1px solid #000000; font:11px Arial, Helvetica, sans-serif; color:#666; padding:1px; background:#FFF }