body { margin:0 }
#tudo {width:100%;background:url(../images/bg-topo.jpg) repeat-x #FFFFFF;clear:both}
#conteudo {min-height:1250px}
#topo {margin:auto;_overflow:hidden;width:1000px;height:214px;background:url(../images/bg-topo-feixes.png) no-repeat 101% 23px;position:relative}
.margem  , .lista2 {list-style:none;font-size:10px;padding-right:20px;color:#FFF;font-family:arial;margin-top:5px;float:right}
.margem  li, .lista2 li { float:left;margin-right:15px;padding-left:12px;background:url(../images/icon-verde.gif) no-repeat 2px}

#topo #itop { position:relative;border:0;left:29px;top:6px;_display:none}
.margem  li a, #rodape a, #botao a   {color:#FFF;text-decoration:none} .margem  li a:hover , #rodape a:hover, #botao a:hover {text-decoration:underline}

#botao {height:40px;position:absolute;top:116px;left:275px}
#botao ul {height:40px;padding:0;margin:0;width:700px;list-style:none;font:bold 1em arial;color:#FFF;float:left}
#botao ul li {float:left;cursor:pointer;cursor:hand}
#botao ul li a{background:url(../images/top/bg-menu.png) no-repeat;margin-top:4px;height:36px;display:block}
#botao ul li span {width:100%;text-align:center;display:block;padding-top:10px}

#botao li #btn1 {width:101px;background-position:0 0}
#botao li #btn2 {width:73px;background-position:-101px 0}
#botao li #btn3 {width:61px;background-position:-174px 0}
#botao li #btn4 {width:84px;background-position:-235px 0}
#botao li #btn5 {width:100px;background-position:-319px 0}
#botao li #btn6 {width:117px;background-position:-419px 0}
#botao li #btn7 {width:77px;background-position:-536px 0}

#menu {border:0;padding-top:3px;position:relative}
.ul-categ {overflow:hidden;height:42px;padding:3px 0 0 0;*padding-top:0;_padding-top:3px;text-align:center;margin:0 auto 0 auto;width:900px;list-style:none;font:0.8em arial;color:#A3D139}
.ul-categ li {background:url(../images/top/div.png) no-repeat right 3px;line-height:20px;padding:2px 8px 5px 8px;display:inline}
.ul-categ li a {color:#A3D139;text-decoration:none} .ul-categ li a:hover {text-decoration:underline}

#f-busca {background:url(../images/bg-form.png) no-repeat left;position:absolute;top:37px;right:43px;width:375px;border:0px solid #CCCCCC;height:60px;}
#f-busca label {font:12px arial;color:#FFF;display:block;margin:8px 0 2px 70px}
#f-busca input { float:left;width:230px;height:20px;margin:7px 0 0 65px;font-size:1em;color:#555555;border:0;padding:0}
#f-busca button { background:none;font-size:0;color:#FFF;text-align:bottom;cursor:hand;cursor:pointer;float:left;margin-left:22px;border:0;width:52px;height:32px}

/* CONTEUDO */
#banner-top{height:90px;margin:9px auto 12px auto}
.tags {color:#055E9D;margin:0 auto 24px auto;width:957px;background:#F0F4F7;text-align:center;border:1px solid #DBE4EB}
.tags p {font:14px arial;padding:10px;margin:0}

/* FOOSTER */
#rodape {background:url(../images/bg-rodape.png) repeat-x;width:100%;height:80px}
#info-rod {position:relative;width:977px;height:80px;margin:auto;background:url(../images/bg-fooster-feixes.png) no-repeat 407px top}
#info-rod p {font:12px arial;color:#FFF;top:12px;position:relative;margin:0}
.lista1 {list-style:none;margin:15px 0;padding:0;font:12px arial;color:#FFF}
.lista1 li {display:block;float:left;padding-right:8px;margin-right:7px;border-right:1px solid #FFF}

.lista2 {margin:32px 0 0 0;position:absolute;bottom:5px;right:150px;padding:0}

#flx {background:url(../images/bg-arrow-fooster.jpg) no-repeat;width:155px;height:102px;position:absolute;bottom:0;right:0;}
.clear {content: ".";display: block;height: 0;clear: both;visibility: hidden}

/* PARTE DO FORMULARIO DA ENQUETE*/
#label-enquete {background:url(../images/bg-labelinterativa.png) no-repeat;width:146px;height:27px;padding-top:7px}
#label-enquete h3 {margin:0 0 0 9px;text-align:center;color:#FFF;font:bold 1em arial;width:128px;height:27px;}
#coluna-login #enquete {background:url(../images/bg-form-enquete.png) repeat-x;width:180px;height:197px;margin:0}
#coluna-login #enquete h4 {font:bold 0.8em arial;text-align:center;margin:0 auto 8px auto;padding:10px 0 0 0;width:160px }
#coluna-login label {width:150px;display:block;margin:0 0 0 3px}
#coluna-login .font1 {font:12px arial;padding:0 0 4px 10px}
#coluna-login .font2 {font:11px arial;padding:0 0 0 10px}
#coluna-login #enquete button{cursor:hand;padding:0 0 0 4px;font-size:0;cursor:pointer;color:#000;text-align:left;width:53px;height:32px;background:url(../images/btn-votar-enquete.jpg) no-repeat;margin:5px 0 0 57px;border:0}
/* PARTE DA ENQUETE JAH VOTADA*/
#coluna-login .votos{background:url(../images/bg-votos.png);width:163px;margin:0 auto 0 auto;height:18px;padding-top:2px}
#coluna-login .votos p {position:relative;background:url(../images/bg-votos-in.png);padding:0 0 0 5px;height:15px;margin:0 0 0 5px;font:11px arial;line-height:15px}
#coluna-login .votos span {position:absolute;left:120px;font:11px arial;line-height:15px}

#vmais{width:180px;height:21px;;margin:0 0 20px 0;background:url(../images/bg-enquete-2.png) repeat-x;font:bold 11px arial;text-align:center;padding-top:5px;color:#FFF}
#vmais span {margin:0 10px 0 3px;font-weight:normal} #vmais:hover {cursor:pointer;cursor:hand;text-decoration:underline}

/* PARTE DO FORMULARIO DE LOGIN */
#coluna-login { width:181px;height:500px;float:right}
#label-login {background:url(../images/bg-arealogin.png) no-repeat #000;width:146px;height:27px;padding-top:7px;margin:0;}
#label-login h3 {margin:0 0 0 9px;text-align:center;color:#FFF;font:bold 1em arial;width:128px;height:27px;}
#coluna-login #login,#logado{position:relative;background:url(../images/bg-form-login.png) repeat-x;width:180px;height:138px;margin:0;padding-top:1px}
#coluna-login #login p {font:0.8em arial;margin:3px auto 0 auto;padding:0 0 0 4px;width:161px;height:52px }
#coluna-login #login input {height:15px;border:0;margin:10px 0 0 6px}
#coluna-login #login label {position:relative;bottom:5px;left:5px;font:bold 0.7em arial;margin:0;padding:0}
#coluna-login #login button {line-height:100px;color:transparent;background:none;width:55px;cursor:hand;cursor:pointer;height:34px;right:9px;position:absolute;bottom:29px;border:0}
/* PARTE DO LOGIN JAH ESTANDO LOGADO*/
#logado #username {font:bold 12px arial;text-align:center;margin:0;padding:10px 0 10px 0}
#logado #username span {font:normal 12px arial}
#logado .user-opt {background:#F2F5F8;width:140px;padding:5px 0 0 14px;height:23px;border:1px solid #DBE3EA;margin:0 auto 0 auto;font:12px arial}
#logado .user-opt a {color:#055E9D;text-decoration:none} #logado .user-opt a:hover {color:#222222;text-decoration:underline}

/* PARTE DOS JOGOS E NOVIDADES */
#bgFields {background:url(../images/bg-camposlogin.png) no-repeat 7px 15px}
#lab1 input { width:140px } #lab2 input { width:85px }
#forget{width:180px;height:21px;margin:0 0 20px 0;background:#0C83C8;font:11px arial;text-align:center;padding-top:5px;color:#FFF}
#forget a {text-decoration:none;color:#FFF} #forget a:hover {text-decoration:underline}
#forget span {cursor:pointer;cursor:hand} #forget span:hover {text-decoration:underline}

#label-jogos {background:url(../images/pg2/bg-labeljogos.png) no-repeat;width:146px;height:27px;padding-top:7px}
#label-jogos h3 {margin:0 0 0 9px;text-align:center;color:#FFF;font:bold 1em arial;width:128px;height:27px}
#coluna-login #jogos {padding-bottom:10px;width:180px;background:url(../images/pg2/bg-jogos.png) repeat-x #DDE6EC}
#jogos div {width:150px;padding-top:10px;margin:0 auto 0 auto}
#jogos h4 {font:1em arial;overflow:hidden;padding:0;color:#055E9D;margin:0 0 4px 0}
#jogos h4 a {text-decoration:none;color:#055E9D}
#jogos img {border:0;width:130px;height:100px}
#jogos p {font:11px arial;width:146px;height:30px;overflow:hidden;margin:0}

#coluna-login #news {background:url(../images/bg-faixa-3.png) repeat-x;margin-top:15px;padding:10px 10px 0 10px;width:160x;height:195px;font-family:arial}
#news h3 {color:#055E9D;font:1.4em arial;margin:0 0 10px 0}
#news h4{padding:0;margin:0;color:#75A504;font-size:12px;width:160px;overflow:hidden}
#news h4 a {color:#75A504;text-decoration:none} #jogos h4 a:hover, #news h4 a:hover {text-decoration:underline}
#news p {padding:0;margin:0 0 8px 0;color:#000;font-size:12px;width:160px;overflow:hidden}
#debug {display:none}