/*	
    VôleiBrasil.org.br - Liga Mundial 2010
    voleibrasil.org.br/hotsites/ligamundial2010
    
    por: M2BRNET (http://www.m2brnet.com)
\* .......................................................................................... */

/*
    Reset (Eric Meyer Reset)
\* .......................................................................................... */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, 
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, 
thead, tr, th, td               { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
a, button                       { outline: none; }
body                            { line-height: 1; }
h1,h2,h3,h4,h5,h6               { font-weight: normal; }
ol, ul                          { list-style: none; }
blockquote, q                   { quotes: none; }
:focus                          { outline: 0; }
a                               { outline: 0; }
ins                             { text-decoration: none; }
del                             { text-decoration: line-through; }
table                           { border-collapse: collapse; border-spacing: 0; }
blockquote, q                   { quotes: "" ""; }

/*
    Globals
\* .......................................................................................... */

html, body                      { height: 100%; margin: 0; padding: 0; }
html                            { background: #050d3d url(../_imgs/layout/bg-menu.png) 0 228px repeat-x; }
body                            { background-image: url(../_imgs/layout/bg-stripes.jpg); background-position: center 0; background-repeat: no-repeat; color: #fff; font: normal 11px/17px Arial, sans-serif; }
a                               { color: #fff; font-weight: bold; text-decoration: none; }
a:hover                         { color: #ffd100; }

input[type="password"],input[type="text"], textarea    { background: #fff url(../_imgs/layout/bg-inputs.png); border: none; color: #000; font: normal 12px/normal Arial, sans-serif; padding: 4px; }
input[type="submit"]            { border: none; cursor: pointer; font: normal 12px/normal Arial, sans-serif; padding: 0; overflow: visible; }

/*
    Layout
\* .......................................................................................... */

#container                      { margin: 0 auto; width: 960px; }
#header                         { min-height: 121px; padding: 30px 0 0; }
#menu                           { background: #0563cf; margin: 0 0 20px; }
#content                        { margin: 0 0 30px; }
#article                        { background: #fff url(../_imgs/layout/bg-lines-top.png) repeat-x; border-bottom: 1px solid #7ec4ff; color: #000; float: left; font-size: 12px; line-height: 18px; min-height: 416px; padding: 25px 20px 30px; width: 677px;  }
#article.wide                   { float: none; width: auto; }
#footer                         { border-top: 1px dotted #7ec4ff; color: #7ec4ff; padding: 15px 0; position: relative; }

/*
    Header
\* .......................................................................................... */

#logo a                         { background: url(../_imgs/layout/logo-vb-large.png); float: left; height: 81px; text-indent: -9999px; width: 259px; }
.aside                          { float: right; text-align: right; width: 650px; }
.aside blockquote               { float: left; margin: 0 35px 0 0; width: 550px; }
.aside blockquote .q-quote      { font: italic normal 12px/18px Georgia, serif; margin: 0 0 5px; }
.aside blockquote .q-autor      { color: #7ec4ff; }
.aside .wllogo                  { float: right; width: 65px; }

/*
    Menu
\* .......................................................................................... */

#form-search                    { float: right; margin: 0 10px 0 0; padding: 10px 0 0; }
#form-search input              { display: inline; float: left; }
#form-search #k                 { padding: 5px 5px 6px; width: 171px; }
#form-search #search-submit     { background: url(../_imgs/buttons/button-search.png); height: 26px; text-indent: -9999px; width: 32px; }

#nav li                         { display: inline; }
#nav li a                       { border-bottom: 5px solid #0563cf; display: block; float: left; font-size: 12px; margin: 0 0 0 13px; padding: 14px 10px 10px; text-transform: uppercase; }
#nav li a:hover,
#nav li a.active                { color: #fff; border-bottom: 5px solid #ffe400; }

/*
    Content
\* .......................................................................................... */

.col                            { background-image: url(../_imgs/layout/bg-lines-top.png); background-repeat: repeat-x; border-bottom: 1px solid #7ec4ff; display: inline; float: left; min-height: 50px; padding: 20px 15px 0; }
.col h3                         { font-size: 16px; font-weight: bold; margin: 0 0 10px; padding: 0 0 15px; }
.col h3 a                       { background: url(../_imgs/icons/arrow-dark.png) right 0 no-repeat; display: block; line-height: 23px; }
#ch-bolao h3,
#ch-promo h3                    { background: url(../_imgs/layout/bg-lines-db-dark.png) 0 bottom repeat-x; }
#ch-blog h3,
#ch-forum h3                    { background: url(../_imgs/layout/bg-lines-db-light.png) 0 bottom repeat-x; }
#destaques                      { background-color: #000; padding: 0; width: 717px; }
#ch-bolao                       { background-color: #4892e9; height: 450px; margin: 0 0 0 13px; width: 200px; }
#ch-bolao.breve                 { background-color: #4892e9; height: 461px; margin: 0 0 0 13px; padding-top: 9px; padding-left: 0; padding-right: 0; padding-bottom: 0; width: 230px; }
#ch-jogos                       { clear: both; }
#ch-promo                       { background-color: #4892e9; height: 280px; width: 444px; }
#ch-blog                        { background-color: #004eab; height: 280px; margin: 0 0 0 13px; width: 200px; }
#ch-forum                       { background-color: #004eab; height: 280px; margin: 0 0 0 13px; width: 200px; }

#destaques                      { position: relative; }
#destaques .top                 { background-image: url(../_imgs/layout/bg-lines-top.png); height: 9px; position: absolute; top: 0; width: 717px; z-index: 9998; }
#destaques img                  { display: block; }
#destaques-noticia              { position: absolute; top: 45%; font-weight: bold; }
#destaques-noticia h2           { background: url(../_imgs/layout/bg-destaque.png); display: inline-block; font-size: 30px; line-height: 32px; margin: 0 0 10px; padding: 15px 30px; }
#destaques-noticia p            { background: url(../_imgs/layout/bg-destaque.png); font-size: 14px; line-height: 20px; padding: 15px 30px; width: 65%; }
#destaques-noticia .lnk         { color: #ffd100; margin: 0 0 0 10px; }

#ch-bolao .bolao-title          { font-weight: bold; padding: 0 0 10px; text-transform: uppercase; }
#ch-bolao .div                  { border-bottom: 1px dotted #3262af; border-top: 1px dotted #3262af; display: block; height: 3px; margin: 10px 0; }
#ch-bolao li                    { border-bottom: 1px dotted #3262af; }
#ch-bolao li:last-child         { border-bottom: none; }
#ch-bolao li a                  { display: inline-block; line-height: 24px; padding: 0 0 0 25px; }
#ch-bolao li.rank-1 a           { background: url(../_imgs/icons/ranking-1_2.gif) 0 center no-repeat; }
#ch-bolao li.rank-2 a           { background: url(../_imgs/icons/ranking-2_2.gif) 0 center no-repeat; }
#ch-bolao li.rank-3 a           { background: url(../_imgs/icons/ranking-3_2.gif) 0 center no-repeat; }
#ch-bolao li.rank-4 a           { background: url(../_imgs/icons/ranking-4_2.gif) 0 center no-repeat; }
#ch-bolao li.rank-5 a           { background: url(../_imgs/icons/ranking-5_2.gif) 0 center no-repeat; }
#ch-bolao li.rank-6 a           { background: url(../_imgs/icons/ranking-6_2.gif) 0 center no-repeat; }
#ch-bolao li.rank-7 a           { background: url(../_imgs/icons/ranking-7_2.gif) 0 center no-repeat; }
#ch-bolao li.rank-8 a           { background: url(../_imgs/icons/ranking-8_2.gif) 0 center no-repeat; }
#ch-bolao li.rank-9 a           { background: url(../_imgs/icons/ranking-9_2.gif) 0 center no-repeat; }
#ch-bolao li.rank-10 a          { background: url(../_imgs/icons/ranking-10_2.gif) 0 center no-repeat; }
#ch-bolao .button               { display: block; text-align: center; margin: 10px 0 0; }

#ch-promo li                    { border-bottom: 1px dotted #3262af; overflow: hidden; padding: 5px 0; zoom: 1; }
#ch-promo li:last-child         { border-bottom: none; }
#ch-promo .thumb                { display: block; float: left; margin: 0 10px 0 0; }
#ch-promo .thumb img            { border: 2px solid #004eab; }

#ch-blog li,
#ch-forum li                    { border-bottom: 1px dotted #3f89d5; padding: 5px 0; }
#ch-blog li:last-child,
#ch-forum li:last-child         { border-bottom: none; }
#ch-blog .data,
#ch-forum .data                 { color: #7ec4ff; }

#ch-jogos                       { padding: 20px 0; }
#ch-jogos .header               { color: #7ec4ff; float: left; padding: 15px 10px 0 0; width: 221px; }
#ch-jogos h3                    { font-size: 22px; font-weight: bold; margin: 0 0 10px; }
#ch-jogos h3 a                  { background: url(../_imgs/icons/arrow-light.png) right 0 no-repeat; display: block; line-height: 23px; }
#ch-jogos ul                    { float: left; width: 729px; }
#ch-jogos li                    { display: inline; }
#ch-jogos li a                  { display: block; float: left; margin: 0 0 0 13px; }

#placar                         { background: #000 url(../_imgs/layout/bg-placar.png); border: 1px solid #7ec4ff; border-top: none; display:block; height:75px; margin:0 auto; overflow:hidden; position:relative; width:960px; }
#placar .placar-rodada          { left: 0; padding: 5px 0 0; position: absolute; text-align: right; width: 120px; z-index: 999; }
#placar .placar-rodada p        { padding: 0 0 3px; }
#placar .placar-rodada a        { line-height: 11px; margin: 0; padding: 0 5px 4px; }
#placar .placar-rodada .rodada  { font-size: 16px; font-weight: bold; }
#placar .placar-wrapper         { display: block; height: 100%; margin: 0 0 0 140px; overflow: hidden; position: relative; width: 820px; }
#placar .placar-slider          { position: absolute; height: 100%; width: 10000px; }
.placar                         { font-size: 11px !important; margin: 0 0 15px; color: #fff; }
.placar li                      { display: inline; float: left; margin: 0 0 0 8px; width: 94px; }
.placar li.fut .time            { opacity: 0.5; filter: alpha(opacity = 50); }
.placar span                    { display: block; }
.placar span.data               { letter-spacing: 0 !important; padding: 5px 0 8px; }
.placar span.time               { cursor: help; padding: 0 0 0 20px; }
.placar span.vit                { color: #ffd100; }
.placar span.bra                { background: transparent url(../_imgs/icons/flags/br.png) 0 center no-repeat; }
.placar span.bul                { background: transparent url(../_imgs/icons/flags/bg.png) 0 center no-repeat; }
.placar span.hol                { background: transparent url(../_imgs/icons/flags/nl.png) 0 center no-repeat; }
.placar span.cor                { background: transparent url(../_imgs/icons/flags/kr.png) 0 center no-repeat; }
.placar span.rus                { background: transparent url(../_imgs/icons/flags/ru.png) 0 center no-repeat; }
.placar span.fin                { background: transparent url(../_imgs/icons/flags/fi.png) 0 center no-repeat; }
.placar span.arg                { background: transparent url(../_imgs/icons/flags/ar.png) 0 center no-repeat; }
.placar span.ale                { background: transparent url(../_imgs/icons/flags/de.png) 0 center no-repeat; }
.placar span.cub                { background: transparent url(../_imgs/icons/flags/cu.png) 0 center no-repeat; }
.placar span.chi                { background: transparent url(../_imgs/icons/flags/cn.png) 0 center no-repeat; }
.placar span.pol                { background: transparent url(../_imgs/icons/flags/pl.png) 0 center no-repeat; }
.placar span.egi                { background: transparent url(../_imgs/icons/flags/eg.png) 0 center no-repeat; }
.placar span.eua                { background: transparent url(../_imgs/icons/flags/us.png) 0 center no-repeat; }
.placar span.fra                { background: transparent url(../_imgs/icons/flags/fr.png) 0 center no-repeat; }
.placar span.ita                { background: transparent url(../_imgs/icons/flags/it.png) 0 center no-repeat; }
.placar span.ser                { background: transparent url(../_imgs/icons/flags/rs.png) 0 center no-repeat; }

#article h2                     { background: url(../_imgs/layout/bg-lines-db-gray.png) 0 bottom repeat-x; color: #050d3d; font-size: 24px; font-weight: bold; line-height: 26px; margin: 0 0 30px; padding: 0 0 20px; text-transform: uppercase; }
#article h3                     { color: #7ec4ff; font-size: 18px; margin: 0 0 15px; }
#article h4                     { color: #050d3d; font-size: 14px; font-weight: bold; margin: 0 0 15px; padding: 10px 0; text-transform: uppercase; }

#article p                      { margin: 0 0 18px; }
#article h4.pesquisa            { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; margin: 15px 0; padding: 10px 0; }
#article a                      { color: #7ec4ff; }
#article a:hover                { color: #050d3d; }
#article .data                  { color: #999; font-size: 10px; letter-spacing: 1px; margin: 0 0 5px; text-transform: uppercase; }
#article .copy img              { border: 1px solid #ddd; padding: 2px; }
#article .copy h3               { font-weight: bold; }
#article .copy .videos object,
#article .copy .videos embed    { border: 1px solid #ddd; padding: 2px; }
#article .copy .left            { float: left; margin: 7px 15px 15px 0; }
#article .copy .right           { float: right; margin: 7px 0 15px 15px; text-align: right; }

#article .post                  { margin: 15px 0 0; overflow: hidden; zoom: 1; }
#article .post h3               { font-size: 18px; margin: 0 0 10px; }
#article .post p                { margin: 0 0 5px; }
#article .post .data            { background: #f3f3f3; color: #999; font-size: 9px; letter-spacing: 1px; margin: 0 0 15px; padding: 2px 5px; text-transform: uppercase; }
#article .post .thumb           { float: right; }
#article .post .thumb img       { border: 1px solid #ddd; margin: 0 0 0 15px; padding: 2px; }

#article #regulamento           { border: 1px solid #ddd; color: #999; font: normal 11px/17px "Courier New", Courier, monospace; margin: 30px 0 0; height: 150px; overflow: auto; padding: 15px; }
#article #regulamento p         { margin: 0 0 10px; }

#article .share                 { border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; padding: 10px 0; margin: 0 0 15px; }
#article .share li              { display: inline; float: left; }
#article .share li a            { height: 16px; float: left; margin: 0 0 0 10px; width: 16px; }

#article #fotos-momentos        { margin-bottom: 15px; }
#article #videos-momentos       { margin-bottom: 15px; text-align: center; } 
#article .momento-tipo          { font-size: 12px; font-weight: bold; float: right; line-height: 16px; padding: 0 20px 0 0; text-transform: uppercase; }
#article .momento-tipo.vit      { background: url(../_imgs/icons/medal-winner.png) no-repeat right 0; color: #a5673d; }
#article .momento-tipo.der      { background: url(../_imgs/icons/medal-loser.png) no-repeat right 0; color: #a13b1b; }

#article .tab-nav               { margin: 0 0 15px; }
#article .tab-nav a             { margin: 0; }
#article .midias                { margin: 0 0 0 -7px; }
#article .midias li             { display: inline; }
#article .midias li a           { display: block; float: left; margin: 0 0 7px 7px; }
#article .midias li img         { border: 1px solid #ddd; padding: 2px; }

#game-header                    { border-top: 3px solid #4892e9; border-bottom: 1px solid #4892e9; padding: 15px 15px 13px; }
#game-header.vocesabia          { background: #000 url(../_imgs/layout/vsabia-bg.jpg) no-repeat right 0; }
#game-header.charada            { background: #000 url(../_imgs/layout/charada-bg.jpg) no-repeat right -25px; }
#game-header.frases             { background: #000 url(../_imgs/layout/frases-bg.jpg) no-repeat right -25px; }
#game-header.achepar            { background: #000 url(../_imgs/layout/achepar-bg.jpg) no-repeat right -25px; }
#game-header.jogomemoria        { background: #000 url(../_imgs/layout/memo-bg.jpg) no-repeat right -25px; }
#game-header h3                 { color: #fff; margin: 0 0 5px; padding: 0; }
#game-header p                  { color: #fff; font-size: 11px; margin: 0; padding: 0; }
#voce-sabia                     { margin: 0 0 30px 0; }
#voce-sabia p                   { margin: 0; }
#voce-sabia li                  { border-bottom: 1px solid #eee; border-top: 1px solid #eee; position: relative; }
#voce-sabia li.on .question a   { background: url(../_imgs/layout/vsabia-close-button.png) no-repeat 10px 7px; color: #4892E9; }
#voce-sabia li.off .question a  { background: url(../_imgs/layout/vsabia-expand-button.png) no-repeat 10px 7px; color: #000; }
#voce-sabia .question           { background: #fff url(../_imgs/layout/vsabia-item-bg.png) repeat-x 0 bottom; }
#voce-sabia .question a         { font-weight: bold; display: block; padding: 10px 15px 10px 50px; }
#voce-sabia .answer             { background: #fff url(../_imgs/layout/vsabia-icon.png) no-repeat 9px 7px; color: #855400; font-style: italic; padding: 10px 15px 10px 50px; }

#charada.concluido              { padding: 30px 0; }
#charada .pista                 { background: transparent url(../_imgs/icons/icons-charada-pista.jpg) no-repeat 0 19px; color: #4892e9; font-family: Georgia, serif; font-size: 18px; font-style: italic; line-height: 18px; margin: 0; padding: 30px 0 30px 50px; }
#charada .foto                  { position: relative; text-align: center; margin: 0 0 10px; width: 670px; }
#charada .foto img              { border: 1px solid #eaeaea; padding: 5px; }
#charada .foto span             { background: transparent url(../_imgs/layout/charada-tape.png) no-repeat; display: block; height: 27px; left: 296px; position: absolute; top: -12px; width: 77px; }
#charada label                  { cursor: pointer; float: left; font-weight: bold; padding: 2px 0 0; width: 100px; }
#charada #form-charada          { margin: 0 0 30px; }
#charada #ch-resposta           { border: 1px solid #ddd; margin: 0 auto; width: 410px; }
#charada .hint                  { background-color: #ddd; background-image: url(../_imgs/icons/icons-charada.jpg); background-position: 0 0; display: inline-block; height: 25px; line-height: 25px; margin: 0 10px; text-align: center; text-indent: -9999px; width: 25px; }
#charada .qtd                   { font-size: 11px; font-style: italic; margin: 5px 0 0; }
#charada .hint.erro             { background-color: #f00; background-position: 0 -50px; }
#charada .hint.acerto           { background-color: #0f0; background-position: 0 -25px; }
#charada .button                { margin: 0; padding: 3px 0; width: 100px; }
#charada .button.disabled       { opacity: 0.3; }

#novo-quiz                      { background: #e7d547; border: 1px solid #4892e9; margin: 30px auto; padding: 3px; width: 600px; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; }
#novo-quiz p                    { margin: 0; }
#novo-quiz .in                  { border: 10px solid #4892e9; padding: 30px; width: 520px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
#novo-quiz .button              { background: #fc0e59; border: none !important; color: #fff !important; font-size: 14px; font-weight: bold; margin: 0; padding: 5px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#novo-quiz .button:hover        { opacity: 0.8; }
#quiz-header                    { margin: 0 0 30px; }
#quiz-header h3                 { color: #fff; font-size: 46px; font-weight: bold; letter-spacing: -2px; line-height: 40px; margin: 0; }
#quiz-header .progress          { color: #fff; float: right; font-weight: bold; line-height: 23px; margin: -8px 0 0; }
#quiz-header .progress span     { display: block; font-size: 32px; letter-spacing: -2px; }
#quiz-question, #quiz-score,
#quiz-result, #quiz-rank        { background: #fff; border-bottom: 1px solid #4892e9; border-top: 1px solid #4892e9; margin: 0 -30px 0; padding: 15px 30px; }
#quiz-question, #quiz-score,
#quiz-result                    { color: #4892e9; }
#quiz-answers                   { color: #fff; font-weight: bold; margin: 0 0 35px; }
#quiz-question,
#quiz-result                    { font-size: 14px; font-weight: bold; margin-bottom: 30px; }
#quiz-question p                { margin: 0 0 0 25px; }
#quiz-question .current         { color: #fc0e59; float: left; margin: 0 0 0 -25px; }
#quiz-answers li                { margin: 0 0 5px; }
#quiz-answers label             { cursor: pointer; display: block; }
#quiz-answers input             { vertical-align: -2px; }
#quiz-actions .cron             { background: #4892e9; color: #fff; float: left; font-weight: bold; height: 40px; padding: 5px 0 0; text-align: center; text-transform: uppercase; width: 110px; -webkit-border-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
#quiz-actions .cron span        { display: block; }
#quiz-actions .button           { float: right; }
#quiz-score p                   { float: left; font-weight: bold; margin: 0 30px 0 0; }
#quiz-score p.ok                { color: green; }
#quiz-score p.erro              { color: #fc0e59; }
#quiz-result span               { color: #fc0e59; }
#quiz-video                     { background: #000; border: 1px solid #4892e9; margin: 0 auto 30px; padding: 5px; width: 500px; }
#quiz-rank                      { margin-bottom: 30px; }
#quiz-rank .tbl-rank            { border: 1px solid #efefef; }
#quiz-rank .tbl-rank tr.odd     { background: #efefef; }
#quiz-rank .tbl-rank tr.user    { color: #fc0e59; font-weight: bold; }
#quiz-rank .tbl-rank th         { background: #4892e9; font-weight: bold; color: #fff; padding: 5px; text-align: left; text-transform: uppercase; }
#quiz-rank .tbl-rank td         { padding: 5px; }
#quiz-rank .tbl-rank td.ord     { text-align: center; width: 50px; }
#quiz-rank .tbl-rank td.name    { font-weight: bold; }
#quiz-rank .tbl-rank td.pts     { text-align: center; width: 100px; }
#quiz.capa h3                   { font-size: 56px; font-weight: bold; letter-spacing: -3px; line-height: normal; }
#novo-quiz.capa #quiz-intro     { color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 30px; }
#novo-quiz.capa .button         { display: block; margin: 0 auto; padding: 5px 0; text-align: center; width: 150px; }

#frases                         { padding: 15px 0 0; }
#frases ul                      { border-top: 3px double #e1e1e1; padding: 15px 0 0; }
#frases li                      { border-bottom: 3px double #e1e1e1; margin: 0 0 15px; padding: 0 0 15px 100px; position: relative; }
#frases li:last-child           { border-bottom: none; }
#frases li .count               { background: #4892e9; color: #fff; font-size: 12px; font-weight: bold; left: 0; padding: 5px 0 0; position: absolute; top: 5px; text-align: center; width: 80px; }
#frases li .current             { border-top: 1px dotted #3262AF; display: block; margin: 5px 0 0; padding: 5px 0; }
#frases li p.frase              { font-family: Georgia, serif; font-style: italic; margin: 0 0 10px; }
#frm-frases                     { margin: 10px auto; width: 525px; }
#frm-frases-resultado           { color: #4892e9; font-size: 14px; font-weight: bold; margin: 10px auto; text-align: center; width: 525px; }
#frm-frases label               { color: #4892e9; float: left; font-weight: bold; display: inline; margin: 7px 10px 0 0; }
#frm-frases input[type='text']  { border: 1px solid #ddd; display: inline; float: left; margin: 4px 0 0 10px; width: 80px; }
#frm-frases input.erro          { border: 1px solid #f00; }
#frm-frases img                 { border: 1px solid #ddd; display: inline; float: left; padding: 1px; }
#frm-frases .button             { background: #e7d547; border: 1px solid #ffe400; color: #855400; display: inline; float: left; font-weight: bold; margin: 4px 0 0 10px; padding: 3px 7px; }
#frm-frases .button:hover       { background: #855400; border: 1px solid #a86a00; color: #fff; }

#jogopar                         { padding: 30px 0; }
#jogopar .result                 { font-size: 14px; font-weight: bold; margin-bottom: 30px; }
#jogopar .result strong          { color: #fc0e59; }
#jogopar #stopwatch              { background: #000 url(../_imgs/layout/bg-placar.png); color: #fff; float: left; font-weight: bold; margin: 0 0 15px; padding: 5px 10px; }
#jogopar #stopwatch span         { color: #e7d547; margin: 0 0 0 5px; }
#form-jp .instrucoes             { background: #fff url(../_imgs/par/instrucoes.jpg) no-repeat right center; border-top: 3px double #e1e1e1; border-bottom: 3px double #e1e1e1; font-style: italic; margin: 30px 0; padding: 20px 0; }
#form-jp .jp                     { clear: both; margin: 0 0 30px -2px; }
#form-jp .jp li                  { background: #fff; border: 1px solid #d6d6d6; float: left; font-size: 11px; margin: 0 0 0 2px; padding: 2px; width: 105px; }
#form-jp .jp li img              { display: block; }
#form-jp .jp li span             { display: block; text-align: center; padding-top: 2px; }
#form-jp #jp-recipientes li      { background: #efefef; border: 1px dashed #d6d6d6; height: 74px; }
#form-jp #btn-submit-jp          { font-weight: bold; margin: 0 0 0 10px; padding: 5px 10px; }
#form-jp #btn-submit-jp.disabled { background: #efefef; border: 1px solid #ccc !important; color: #ccc !important; font-weight: bold; margin: 0 0 0 10px; padding: 5px 10px; }
#form-jp .dragactive             { border-color: red !important; }
#form-jp .draghover,
#form-jp .ui-sortable-helper     { border-color: #4892e9 !important; }

#jogomemoria                     { padding: 30px 0; }
#jogomemoria #stopwatch          { background: #000 url(../_imgs/layout/bg-placar.png); color: #fff; float: left; font-weight: bold; margin: 0 0 15px; padding: 5px 10px; }
#jogomemoria #stopwatch span     { color: #e7d547; margin: 0 0 0 5px; }
#jogomemoria .result             { font-size: 14px; font-weight: bold; margin-bottom: 30px; }
#jogomemoria .result strong      { color: #fc0e59; }
#jogomemoria ul                  { clear: both; margin: 0 0 30px -2px; }
#jogomemoria li                  { background: #fff; border: 1px solid #d6d6d6; float: left; font-size: 11px; min-height: 102px; margin: 0 0 2px 2px; padding: 2px; width: 105px; }
#jogomemoria li.correta          { border: 1px solid #4892e9; color: #4892e9; }
#jogomemoria li a                { background: #fff url(../_imgs/memoria/bg.jpg); display: block; min-height: 75px; width: 105px; }
#jogomemoria li img              { display: block; }
#jogomemoria li span             { display: block; text-align: center; padding-top: 5px; overflow: hidden; }

.tbl-rank                        { border: 1px solid #efefef; }
.tbl-rank tr.odd                 { background: #efefef; }
.tbl-rank tr.user                { color: #fc0e59; font-weight: bold; }
.tbl-rank th                     { background: #4892e9 url(../_imgs/layout/bg-lines-db-light.png) repeat-x 0 bottom; font-weight: bold; color: #fff; padding: 10px 5px; text-align: left; text-transform: uppercase; }
.tbl-rank td                     { padding: 5px; }
.tbl-rank td.ord                 { text-align: center; width: 50px; }
.tbl-rank td.name                { font-weight: bold; }
.tbl-rank td.pts                 { text-align: center; width: 150px; }

#form-moments label              { cursor: pointer; float: left; font-weight: bold; width: 80px; }
#form-moments input[type='text'], 
#form-moments textarea           { border: 1px solid #ddd; width: 400px; }
#form-moments .div-videos input,
#form-moments .div-fotos input   { margin: 0 5px; width: 235px; }
#form-moments .div-videos label,
#form-moments .div-fotos label   { float: none; }
#form-moments label.inline       { margin: 0; width: auto; }
#form-moments .button            { background: #e7d547; border: 1px solid #ffe400; color: #855400; display: inline-block; font-weight: bold; margin: 8px 0 0 0; padding: 3px 7px; }
#form-moments .button:hover      { background: #855400; border: 1px solid #a86a00; color: #fff; }
#form-moments .button.blue       { background: #050d3d; border: 1px solid #7ec4ff !important; color: #fff !important; padding: 1px 5px; }
#form-moments .button.blue:hover { background: #855400; border: 1px solid #a86a00 !important; color: #fff !important; }

#comments li                    { overflow: hidden; zoom: 1; }
#comments p                     { font-size: 11px; margin: 0 0 10px; }
#comments .author               { float: left; }
#comments .author img           { border: 1px solid #ddd; padding: 2px; }
#comments .comment              { background: #f3f3f3; border: 1px solid #ddd; margin: 0 0 15px 80px; padding: 10px 15px; }
#comments .meta                 { color: #999; font-size: 9px; letter-spacing: 1px; margin: 0 0 5px; text-transform: uppercase; }
#comments .official .comment    { background: #eff3fc; border: 1px solid #0894eb; }
#comments .official .author img { border-color: #0894eb; }
#form-comments p                { margin: 0 0 10px; overflow: hidden; zoom: 1; }
#form-comments label            { cursor: pointer; float: left; font-weight: bold; width: 80px; }
#form-comments label.inline     { margin: 0 0 0 80px; width: auto; }
#form-comments input[type='text'], 
#form-comments textarea          { border: 1px solid #ddd; height: 100px; width: 400px; }
#form-comments .button           { background: #e7d547; border: 1px solid #ffe400; color: #855400; display: inline-block; font-weight: bold; margin: 8px 0 0 80px; padding: 3px 7px; }
#form-comments .button:hover     { background: #855400; border: 1px solid #a86a00; color: #fff; }

#teams-info                      { margin: 0 0 15px; }
#teams-info .thumb               { border: 1px solid #ddd; float: left; margin: 0 15px 0 0; padding: 2px; }
#teams li                        { display: block; float: left; margin: 0 0 0 4px; }
#teams .thumb                    { border: 1px solid #ddd; padding: 2px; }

#quadra                          { background: transparent url(../_imgs/layout/bg-quadra.gif) no-repeat; border-bottom: 1px dotted #ddd; height: 676px; margin: 0 0 15px; padding: 0 0 15px; position: relative; width: 920px; z-index: 100; }
h4.quadra                        { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; margin: 30px 0 0; padding: 15px 0; }
#quadra .thumb                   { background: url(../_imgs/layout/bg-quadra-thumb.png); cursor: pointer; height: 64px; padding: 8px; position: absolute; width: 64px; z-index: 1; }
#quadra .thumb .link             { display: block; height: 64px; width: 64px; }
#quadra .bio                     { position: absolute; width: 190px; bottom: 0; left: 0; z-index: 9999; }
#quadra .bio .top                { background: url(../_imgs/layout/bg-selecoes-bio-top.png); height: 6px; width: 190px; }
#quadra .bio .bottom             { background: url(../_imgs/layout/bg-selecoes-bio-bottom.png); height: 10px; width: 190px; }
#quadra ul                       { background: url(../_imgs/layout/bg-selecoes-bio.png) 0 0 repeat-y; padding: 15px 15px; }
#quadra .bio li                  { border-bottom: 1px dotted #ddd; padding: 2px; }
#quadra .bio li.img,
#quadra .bio li.link-vb          { border-bottom: none; padding: 0; text-align: center; *height: 1%; }
#quadra .bio li.img img          { border: 1px solid #ddd; padding: 3px; }
#quadra .bio strong              { color: #7ec4ff; }
#quadra #jog-1                   { left: 40px; top: 180px; }
#quadra #jog-2                   { left: 40px; top: 330px; }
#quadra #jog-3                   { left: 170px; top: 255px; }
#quadra #jog-4                   { left: 320px; top: 140px; }
#quadra #jog-5                   { left: 320px; top: 255px; }
#quadra #jog-6                   { left: 320px; top: 370px; }
#quadra #jog-7                   { left: 330px; top: 590px; }
#quadra #jog-8                   { left: 15px; top: 500px; }
#quadra #jog-9                   { left: 105px; top: 500px; }
#quadra #jog-10                  { left: 195px; top: 500px; }
#quadra #jog-11                  { left: 285px; top: 500px; }
#quadra #jog-12                  { left: 375px; top: 500px; }
#quadra #jog-13                  { left: 465px; top: 500px; }
#quadra #jog-14                  { left: 555px; top: 500px; }
#quadra #jog-15                  { left: 645px; top: 500px; }
#quadra #jog-16                  { left: 735px; top: 500px; }
#quadra #jog-17                  { left: 825px; top: 500px; }
#quadra #jog-18                  { left: 150px; top: 590px; }
#quadra #jog-19                  { left: 240px; top: 590px; }
#quadra #jog-20                  { left: 645px; top: 255px; }
#quadra #jog-21                  { left: 420px; top: 590px; }
#quadra #jog-22                  { left: 510px; top: 590px; }
#quadra #jog-23                  { left: 600px; top: 590px; }
#quadra #jog-24                  { left: 690px; top: 590px; }

#jogos                           { margin: 0 0 30px; }
#jogos .rodada                   { display: inline; float: left; font-weight: bold; text-align: center; width: 16.5%; }
#jogos .rodada p                 { margin: 0; }
#jogos .rodada .title            { border-bottom: 1px dotted #ddd; padding: 0 0 5px; }
#jogos .jogo                     { font-size: 11px; padding: 5px 0 0; }
#jogos .jogo span                { cursor: help; }
#jogos .jogo span.x              { color: #999; font-weight: normal; }
#jogos .jogo span.esq            { background-position: right center; background-repeat: no-repeat; padding: 0 20px 0 0; }
#jogos .jogo span.dir            { background-position: left center; background-repeat: no-repeat; padding: 0 0 0 20px; }
#jogos .jogo span.bra            { background-image: url(../_imgs/icons/flags/br.png); }
#jogos .jogo span.bul            { background-image: url(../_imgs/icons/flags/bg.png); }
#jogos .jogo span.hol            { background-image: url(../_imgs/icons/flags/nl.png); }
#jogos .jogo span.cor            { background-image: url(../_imgs/icons/flags/kr.png); }
#jogos .jogo span.rus            { background-image: url(../_imgs/icons/flags/ru.png); }
#jogos .jogo span.fin            { background-image: url(../_imgs/icons/flags/fi.png); }
#jogos .jogo span.arg            { background-image: url(../_imgs/icons/flags/ar.png); }
#jogos .jogo span.ale            { background-image: url(../_imgs/icons/flags/de.png); }
#jogos .jogo span.cub            { background-image: url(../_imgs/icons/flags/cu.png); }
#jogos .jogo span.chi            { background-image: url(../_imgs/icons/flags/cn.png); }
#jogos .jogo span.pol            { background-image: url(../_imgs/icons/flags/pl.png); }
#jogos .jogo span.egi            { background-image: url(../_imgs/icons/flags/eg.png); }
#jogos .jogo span.eua            { background-image: url(../_imgs/icons/flags/us.png); }
#jogos .jogo span.fra            { background-image: url(../_imgs/icons/flags/fr.png); }
#jogos .jogo span.ita            { background-image: url(../_imgs/icons/flags/it.png); }
#jogos .jogo span.ser            { background-image: url(../_imgs/icons/flags/rs.png); }

#promo-ultimas h4                { background: url(../_imgs/layout/bg-lines-db-gray.png) 0 top repeat-x; margin: 30px 0 0; padding: 15px 0; }
#promo-ultimas li                { border-bottom: 1px dotted #ddd; overflow: hidden; padding: 5px 0; zoom: 1; }
#promo-ultimas li:last-child     { border-bottom: none; }
#promo-ultimas .thumb            { display: block; float: left; margin: 0 10px 0 0; }
#promo-ultimas .thumb img        { border: 2px solid #004eab; }
#form-promo                      { margin: 0 0 30px; }
#form-promo h4                   { background: url(../_imgs/layout/bg-lines-db-gray.png) 0 top repeat-x; margin: 30px 0 0; padding: 15px 0; }
#form-promo p                    { margin: 0 0 10px; overflow: hidden; zoom: 1; }
#form-promo label                { cursor: pointer; display: block; font-weight: bold; margin: 0 0 10px; }
#form-promo input[type='text'], 
#form-promo textarea             { border: 1px solid #ddd; width: 450px; }
#form-promo .button              { background: #e7d547; border: 1px solid #ffe400; color: #855400; display: inline-block; font-weight: bold; padding: 3px 7px; }
#form-promo .button:hover        { background: #855400; border: 1px solid #a86a00; color: #fff; }

#form-login p                    { margin: 0 0 10px; overflow: hidden; zoom: 1; }
#form-login label                { cursor: pointer; float: left; font-weight: bold; width: 80px; }
#form-login label.inline         { margin: 0 0 0 80px; width: auto; }
#form-login input                { border: 1px solid #ddd;  width: 400px; }
#form-login .button              { background: #e7d547; border: 1px solid #ffe400; color: #855400; display: inline-block; font-weight: bold; padding: 3px 7px; width: auto; }
#form-login .button:hover        { background: #855400; border: 1px solid #a86a00; color: #fff; }

#form-senha p                    { margin: 0 0 10px; overflow: hidden; zoom: 1; }
#form-senha label                { cursor: pointer; float: left; font-weight: bold; width: 80px; }
#form-senha input                { border: 1px solid #ddd;  width: 400px; }
#form-senha .button              { background: #e7d547; border: 1px solid #ffe400; color: #855400; display: inline-block; font-weight: bold; margin: 0 15px 0 0; padding: 3px 7px; width: auto; }
#form-senha .button:hover        { background: #855400; border: 1px solid #a86a00; color: #fff; }

.forum-info                         { border-bottom: 1px dotted #ddd; margin-bottom: 15px; padding: 0 0 15px; }
.forum-info a.button                { display: inline; float: left; margin: 0 5px 0 0; }
.forum-info form                    { display: inline; float: right; }
.forum-info form .button            { background: #e7d547; border: 1px solid #ffe400; color: #855400; display: inline-block; font-weight: bold; margin: 0 0 0 5px; padding: 3px 7px; }
.forum-info form .button:hover      { background: #855400; border: 1px solid #a86a00; color: #fff; }
.forum-info form input[type="text"] { border: 1px solid #ddd; float: left; width: 150px; }

.forum-nav p            { margin: 0; }
.forum-nav form         { float: right; display: inline; }
.forum-nav form label   { color: #999; float: left; margin: 0 5px 0 0; }
.forum-nav #forum-jump  { display: inline; float: left; }

.pagination li { float: left; }
.pagination li.total, .pagination li.pages { margin: 0 0 0 4px; }
.pagination li.active { background: #855400; border: 1px solid #a86a00; color: #fff !important; float: left; line-height: normal; margin: 0 0 0 3px; padding: 2px 6px; }
.pagination li a { background: #e7d547; border: 1px solid #ffe400; color: #855400 !important; float: left; line-height: normal; margin: 0 0 0 3px; padding: 2px 6px; }
.pagination li a:hover { background: #855400; border: 1px solid #a86a00; color: #fff !important; }

#forum-tbl { margin-bottom: 15px; }
#forum-tbl th { background: #004da5; color: #fff; padding: 10px; text-align: left; }
#forum-tbl th.foruns {	padding-left: 10px; border-right: 3px double #7ec4ff; }
#forum-tbl th.topics,
#forum-tbl th.views,
#forum-tbl th.replies,
#forum-tbl th.posts { border-right: 3px double #7ec4ff; text-align: center; width: 8%; }
#forum-tbl th.latest { padding-left: 10px; width: 30%; }
#forum-tbl tr:first-child td { border-top: 3px double #e1e1e1; }
#forum-tbl td { border-bottom: 3px double #e1e1e1; padding: 10px 0; vertical-align: middle;  }
#forum-tbl td.icon { padding-left: 10px; padding-right: 20px; width: 35px; }
#forum-tbl td.icon img { padding: 0; border: 1px solid #e1e1e1; }
#forum-tbl td.foruns { font-weight: bold; }
#forum-tbl td.foruns span { display: block; color: #999; font-size: 11px; font-weight: normal; }
#forum-tbl td.topics,
#forum-tbl td.posts,
#forum-tbl td.replies,
#forum-tbl td.views { text-align: center; width: 8%; }
#forum-tbl td.latest { padding-left: 10px; font-size: 11px; color: #999; }
#forum-tbl td.user-info { vertical-align: top; padding: 10px; }
#forum-tbl td.user-reply { vertical-align: top; padding: 10px 10px 10px 15px; }
#forum-tbl td.moderacao span { margin: 0 5px !important; }
#forum-tbl td.moderacao .button { margin: 0; }

#forum-tbl td.user-reply .reply-info h3    { font-size: 14px; margin: 0; padding: 0 0 5px; }
#forum-tbl td.user-reply .reply-info p     { font-size: 11px; color: #999; }
#forum-tbl td.user-reply .reply-info .date { background: transparent url(../_imgs/forum/icon-post.gif) no-repeat -2px 4px; padding-left: 12px; }
#forum-tbl td.user-reply .extras           { border-bottom: 1px dotted #ddd; margin: 0 0 15px; padding: 0 0 10px; }
#forum-tbl td.user-reply img               { border: none; padding: 0; max-width: 600px; }
#forum-tbl td.user-reply .share            { border-bottom: none; margin: 0; padding: 10px 0 0; }

#forum-tbl tr.official td                          { background: #eff3fc; color: #20A5DE !important; }
#forum-tbl tr.official td.user-info                { background: #eff3fc url(../_imgs/layout/comm-bg-official-star.gif) no-repeat right 0; }
#forum-tbl tr.official td.user-info p              { color: #aab8d8; }
#forum-tbl tr.official td.user-reply .reply-info p { color: #aab8d8; }
#forum-tbl tr.official td.icon img                 { padding: 0; border: 1px solid #fff; }
#forum-tbl tr.official td.foruns span              { color: #20A5DE !important; }

#forum-tbl td.user-info                    { border-right: 1px dotted #ddd; font-size: 11px; width: 25%; padding: 10px; }
#forum-tbl td.user-info p                  { margin: 0; color: #999; }
#forum-tbl td.user-info .name              { font-size: 12px; margin-bottom: 5px; font-weight: bold; }
#forum-tbl td.user-info .thumb             { border: 1px solid #ddd; padding: 2px; margin-bottom: 5px; width: 109px; }
#forum-tbl td.user-info .badges            { padding: 5px 0; }
#forum-tbl td.user-info .badges img        { border: none; padding: 0; }
#forum-tbl td.user-info .badges .rank-gold { margin-left: 5px; }

#form-forum h3                   { font-weight: bold; margin: 0 0 30px; }
#forum-format .post              { float: left; margin: 0; width: 500px; }
#forum-format .post label        { cursor: pointer; float: left; font-weight: bold; width: 80px; }
#forum-format .post label.inline { width: auto; }
#forum-format .post input[type="text"],
#forum-format .post textarea   { border: 1px solid #ddd; width: 400px; }
#forum-format .extras          { float: left; padding: 0 0 0 40px; width: 300px; }
#forum-format .extras textarea { border: 1px solid #ddd; width: 280px; }
#forum-format .buttons         { clear: both; padding: 15px 0; }
#forum-format .button          { background: #e7d547; border: 1px solid #ffe400; color: #855400; display: inline-block; font-weight: bold; margin: 0 5px 0 0; padding: 3px 7px; }
#forum-format .button:hover    { background: #855400; border: 1px solid #a86a00; color: #fff; }

.quote { background-color: #fefefe; border: 2px solid #D6D6D6; color: #555; font-size:10px; padding: 10px; margin: 15px 0; line-height:13px;  }
.quote .quoted_name { font-style: italic; border-bottom: 1px dotted #d6d6d6; padding-bottom: 5px; margin-bottom: 5px; }
.quote .inside_quote { margin-left: 15px; }

/*
    Footer
\* .......................................................................................... */


#footer p                       { margin: 0 0 15px; }
#footer a                       { color: #7ec4ff; font-weight: normal; }
#footer ul                      { border-top: 1px dotted #7ec4ff; border-bottom: 1px dotted #7ec4ff; display: inline; float: left; }
#footer li                      { display: block; float: left; }
#footer li.links a              { margin: 0 0 0 5px; }
#cbv-nav                        { width: 43%; }
#vb-nav                         { width: 57%; }
#cbv-nav .logo a                { background: url(../_imgs/layout/logo-cbv.png); display: block; height: 67px; text-indent: -9999px; width: 76px; }
#vb-nav .logo a                 { background: url(../_imgs/layout/logo-vb.png); display: block; border-left: 1px dotted #7ec4ff; height: 67px; text-indent: -9999px; width: 127px; }
#vb-nav .links, #cbv-nav .links { border-left: 1px dotted #7ec4ff; height: 52px; padding: 15px 0 0 10px; }
#m2brnet { background: url(../_imgs/layout/logo-m2.gif); display: block; height: 12px; position: absolute; bottom: 43px; text-indent: -9999px; right: 0px; width: 71px; }


/************************************************************************
-) Slider: only the following lines are necceassary for slider styling,
   rest of the css file styles the demo page
*************************************************************************/
.aviaslider{ 
height:470px; 	/*this changes the height of the image slider*/
width:717px;
overflow: hidden;
position: relative;
background: #fff url(../images/layout/preload.gif) center center no-repeat;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

.slidecontrolls{
position: absolute;
float:left;
z-index: 9999;
bottom: 20px;
left: 25px;
}

.slidecontrolls a{
height:10px;
width:9px;
display:block;
cursor: pointer;
background: transparent url(../_imgs/layout/slider-controls.png) center bottom no-repeat;
float:left;
outline: none;
margin: 0 0 0 5px;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(../_imgs/layout/slider-controls.png) center top no-repeat;
}

.feature_excerpt{
width:610px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}

.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}

/*
    Helpers
\* .......................................................................................... */

#flash                          { border-style: solid; border-width: 1px; margin-bottom: 30px; padding: 5px 5px 5px 30px; text-align: left; }
.flash-notice                   { background: #d4efd3 url(../_imgs/icons/icon-alertgood.png) no-repeat 5px center; border-color: #085e12; color: #085e12; }
.flash-alert                    { background: #ffebe0 url(../_imgs/icons/icon-alertbad.png) no-repeat 5px center; border-color: #ff7f6a; color: #873d0c; }

.button                         { background: #e7d547; border: 1px solid #ffe400 !important; color: #855400 !important; display: inline-block; font-weight: bold; margin: 8px 0 0; padding: 3px 7px; }
.button:hover,
.button.active                  { background: #855400; border: 1px solid #a86a00 !important; color: #fff !important; }
.blue                           { background: #050d3d; border: 1px solid #7ec4ff !important; color: #fff !important; margin: 0; padding: 1px 5px; }
.blue:hover                     { background: #855400; border: 1px solid #a86a00 !important; color: #fff !important; }
.round                          { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.loading                        { background: url(../_imgs/layout/ajax-loader.gif) no-repeat 0 0; font-weight: bold; line-height: 16px; padding: 0 0 0 20px; }

.clearfix:after                 { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix                { zoom: 1; } /* IE6 */
*:first-child+html .clearfix    { zoom: 1; } /* IE7 */

/*
    IE Hacks
\* .......................................................................................... */

div#overpage {position:absolute;top:76px;left:40%;width:400px;height:397px;z-index:9999;}
div#overpage #linkclose { background:transparent url(../_imgs/layout/clos.png) no-repeat;width:400px;height:30px;padding:7px 0 0 0; }
div#overpage #linkclose a { padding:7px 0 0 30px; }
div#overpage img {width:400px;height:397px;}