* {padding:0px; margin:0px;}
body {color:#000000; font-family:Verdana, Geneva, sans-serif; background-image:url(../../images/topo.jpg); background-repeat:no-repeat; background-position:top; margin-bottom:20px;}
#angelomarafelli {text-align:center; margin:5px; clear:both;}
.clear {clear:both;}
.voltar {font-size:12px; font-weight:bold; text-align:right; margin-right:10px;}
.spacer15 {height:15px;}
.spacer10 {height:10px;}
.spacer05 {height:5px;}
.spacer02 {height:2px;}
.negrito {font-weight:bold; color:#000000;}
.verde {font-weight:bold; color:#1E8A00;}
.vermelho {font-weight:bold; color:#EE2224;}
.legenda {font-size:10px; text-align:right; line-height:14px;}
.permalink .text {font-size:14px; color:#000000; width:480px; border:2px #000000 solid; padding:5px;}
.permalink label {font-size:14px; color:#000000; font-weight:bold; line-height:16px; margin-bottom:5px;}
.ver-todas {font-size:12px; line-height:18px; font-weight:bold; text-align:right; margin-right:10px;}
.formParceiro .select {font-size:12px; width:auto; max-width:190px; height:28px; *height:24px; border:1px #000000 solid; padding:5px;}
.formParceiro {margin:10px auto; text-align:center;}

/* estrutura */
#index-principal {width:990px; height:auto; margin:0 auto;}
#index-topo {width:990px; height:260px;}
#index-conteudo-esquerda {float:left; width:180px; height:auto; background-color:#FFF; border:1px #CFCFCF solid; margin-right:9px;}
#index-conteudo-direita {float:right; width:215px; height:auto; background-color:#E4E4E4;}
#index-conteudo-centro {float:left; width:575px; height:auto;}
#assinatura-42 {width:975px; text-align:right; margin-top:5px; margin-bottom:10px;}
#pub-superior {width:990px; height:120px; margin-bottom:10px;}
#pub-interna {width:574px; height:auto; margin-bottom:10px;}
.pub-esquerda {width:180px; height:100px; margin-top:5px;}
.publicidade {font-size:11px; text-align:right; margin:5px 10px 10px 10px;}

.marcacao-esquerda {width:173px; height:22px; background-image:url(../../images/marcacao_verde.jpg); margin:1px; padding-top:6px; padding-left:5px;}
.marcacao-esquerda .texto {font-size:16px; font-weight:bold; text-transform:uppercase; border-left:6px #198914 solid; padding-left:4px;}
.esquerda-texto {font-size:12px; line-height:14px; padding-left:20px;}

.marcacao-direita {width:195px; height:auto; background-color:#FFFFFF; margin:7px; padding:3px;}
.marcacao-direita .titulo {font-size:14px; font-weight:bold; text-transform:uppercase; border-left:6px #000000 solid; margin-top:5px; margin-left:5px; padding-left:4px;}

.marcacao-direita .placar {width:100%; height:27px; margin:5px auto;}
.marcacao-direita .placar .mandante {float:left; margin-top:-5px;}
.marcacao-direita .placar .visitante {float:right; margin-top:-5px;}
.marcacao-direita .placar .x {text-align:center;}
.marcacao-direita .preto {width:82%; *width:64%; background-color:#000000; margin:0 auto;}

.marcacao-direita .hoje {width:100%; margin:5px auto;}
.marcacao-direita .hoje .mandante {float:left;}
.marcacao-direita .hoje .visitante {float:right;}
.marcacao-direita .hoje .brasao {width:80%; margin:0 auto;}
.marcacao-direita .hoje .b {text-align:center; padding-top:7px;}
.marcacao-direita .hoje .data {font-size:10px; font-weight:bold; text-align:center; margin-top:5px;}

.marcacao-direita .proximo {width:100%; margin:5px auto;}
.marcacao-direita .proximo .mandante {float:left;}
.marcacao-direita .proximo .visitante {float:right;}
.marcacao-direita .proximo .brasao {width:60%; margin:0 auto;}
.marcacao-direita .proximo .b {text-align:center;}
.marcacao-direita .proximo .data {font-size:10px; font-weight:bold; text-align:center; margin-top:5px;}

.esquerda {float:left; border:1px #CFCFCF solid; width:327px;}
.esquerda .marcacao-ultima {width:320px; height:22px; background-image:url(../../images/marcacao_verde.jpg); margin:1px; padding-top:6px; padding-left:5px;}
.esquerda .marcacao-ultima .titulo {font-size:16px; font-weight:bold; text-transform:uppercase; border-left:6px #198914 solid; padding-left:4px;}
.esquerda .marcacao-top {width:320px; height:22px; background-image:url(../../images/marcacao_azul.jpg); margin:1px; padding-top:6px; padding-left:5px;}
.esquerda .marcacao-top .titulo {font-size:16px; font-weight:bold; text-transform:uppercase; border-left:6px #2C7691 solid; padding-left:4px;}
.esquerda .texto {font-size:12px; line-height:14px; padding-left:20px; margin-bottom:4px;}

.direita {float:right; border:1px #CFCFCF solid; width:235px;}
.direita .marcacao-enquete {width:228px; height:22px; background-image:url(../../images/marcacao_preta.jpg); margin:1px; padding-top:6px; padding-left:5px;}
.direita .marcacao-enquete .titulo {font-size:16px; font-weight:bold; text-transform:uppercase; border-left:6px #000000 solid; padding-left:4px;}
.direita .texto {font-size:12px; line-height:14px; padding-left:20px;}
.direita .marcacao-charge {width:228px; height:22px; background-image:url(../../images/marcacao_preta.jpg); margin:1px; padding-top:6px; padding-left:5px;}
.direita .marcacao-charge .titulo {font-size:16px; font-weight:bold; text-transform:uppercase; border-left:6px #000000 solid; padding-left:4px;}

/* conteudo-visualizar */
.visualizar {background-color:#FFF; padding:10px;}
.visualizar-titulo {font-size:24px; font-weight:bold; line-height:28px;}
.visualizar-subtitulo {font-size:16px; font-weight:bold; line-height:20px; color:#747474; font-style:italic; margin-top:5px;}
.visualizar-texto {font-size:12px; color:#000000; line-height:16px; text-align:justify; margin-top:10px;}
.visualizar-texto p {margin-bottom:10px;}
.visualizar-texto a:link {color:#000000; text-decoration:none;}
.visualizar-texto a:visited {color:#000000; text-decoration:none;}
.visualizar-texto a:hover {color:#EE2224; text-decoration:underline;}
.visualizar-texto a:active {color:#000000; text-decoration:none;}
.visualizar-foto-marcacao {float:right; width:268px; height:auto; margin-top:4px; margin-left:10px;}
.visualizar-foto {border:1px #EBEBEB solid; margin-top:10px; padding:5px;}
.visualizar-foto-borda {border:0px #000000 solid;}
.visualizar-foto-borda:hover {border:0px #29166F solid;}
.visualizar-foto-credito {font-size:9px; font-weight:normal; line-height:11px; text-align:right; text-transform:uppercase; margin-bottom:2px;}
.visualizar-foto-legenda {font-size:10px; line-height:14px; margin-top:4px;}
.visualizar-marcacao {font-size:14px; font-weight:normal; color:#000000; text-transform:uppercase; border-left:4px #000000 solid; padding-left:5px; margin-bottom:10px;}
.visualizar-video {text-align:center; margin-top:5px; margin-bottom:10px;}
.visualizar-arquivo {font-size:14px; font-weight:bold; line-height:16px; margin-left:10px; margin-bottom:4px;}
.visualizar-linha {width:100%; height:1px; background-color:#000000; margin:10px auto 10px;}
.visualizar-info {font-size:11px; color:#000000; line-height:12px;}

/* arquivo */
.arquivo {margin-bottom:10px; padding:10px; border:1px #000000 solid;}
.arquivo-tipo {font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#EE2224; padding:5px; margin-bottom:5px;}
.arquivo-local {font-size:12px; font-weight:bold; color:#EE2224; text-transform:uppercase; line-height:16px;}
.arquivo-titulo {font-size:16px; font-weight:bold; line-height:20px;}
.arquivo-texto {font-size:12px; line-height:14px; padding-top:5px; padding-right:10px;}
.arquivo-foto {float:left; margin:10px 10px 0 0;}

/* enquete */
.enquete-conteudo {width:215px; height:auto; padding-left:10px; padding-right:10px;}
.enquete-pergunta {font-size:12px; line-height:16px; padding-top:5px; padding-bottom:10px;}
.enquete-resposta {font-size:12px; line-height:16px;}
.enquete-botao {width:235px; height:25px; text-align:center;}
.enquete-button {font-size:12px; font-weight:bold; color:#000000; text-transform:uppercase; width:90px; height:20px; border:none; background:none; padding:5px 3px 3px 3px; overflow:hidden; cursor:pointer;}
.enquete-button:hover {color:#EE2224;}
.enquete-resultado {font-size:12px; font-weight:bold; padding:4px;}
.enquete-fora {width:90%; height:18px; background-color:#EBEBEB; margin-top:2px; margin-left:12px;}
.enquete-dentro {height:18px; background-color:#198914;}
.enquete-spacer {padding:4px;}

/* campeonato */
.campeonato-fases {width:555px; height:20px; background-color:#666666; padding:10px;}
.campeonato-fases .fase-anterior {float:left; width:120px; font-size:14px; color:#FFFFFF; text-align:left; padding-top:3px;}
.campeonato-fases .fase-atual {float:left; font-size:18px; color:#FFFFFF; text-align:center; width:315px;}
.campeonato-fases .fase-proxima {float:right; width:120px; font-size:14px; color:#FFFFFF; text-align:right; padding-top:3px;}
.chave {font-size:12px; line-height:18px;}
.margem-chave {padding:10px;}
.chave-linha {width:100%; height:1px; background-color:#000000; margin:10px auto 10px;}

/* códigos para montar tabela de campeonato */
#tableCampeonato {width:575px; border:1px solid #000000; margin:0 auto;}
#tableCampeonato td {font-size:12px; line-height:14px; text-align:center; border:1px solid #000000; padding:2px;}
#tableCampeonato .tableCampeonatoT {font-size:16px; color:#FFFFFF; text-align:center; height:30px; background-color:#000000; border:1px solid #000000;}
#tableCampeonato .tableCampeonatoA {color:#FFFFFF; width:170px; background-color:#666666;}
#tableCampeonato .tableCampeonatoB {color:#FFFFFF; background-color:#666666;}
#tableCampeonato .tableCampeonatoE {font-size:12px; color:#000000; text-align:center; text-transform:uppercase; width:40px; background-color:#FFFFFF; border:1px solid #000000;}

#tableJogos {width:575px; border:1px solid #000000; margin:0 auto;}
#tableJogos td {font-size:12px; line-height:14px; text-align:center; border:1px solid #000000; padding:2px;}
#tableJogos .tableJogosT {font-size:16px; color:#FFFFFF; text-align:center; text-transform:uppercase; height:30px; background-color:#000000; border:1px solid #000000;}
#tableJogos .tableJogosA {font-size:10px; color:#FFFFFF; font-weight:bold; text-align:center; text-transform:uppercase; background-color:#666666; border:1px solid #000000;}
#tableJogos .tableJogosB {font-size:10px; color:#000000; text-align:center; text-transform:uppercase; width:100px; background-color:#CCCCCC; border:1px solid #000000;}
#tableJogos .tableJogosC {font-size:10px; color:#000000; font-weight:bold; text-align:center; text-transform:uppercase; width:10px; background-color:#FFFFFF; border:1px solid #000000;}

#tableJogos .tableJogosR {font-size:10px; color:#FFFFFF; text-align:center; text-transform:uppercase; width:40px; background-color:#666666; border:1px solid #000000;}

#tableJogos .tableJogosO {font-size:10px; color:#000000; text-align:center; width:40px; background-color:#FFFFFF; border:1px solid #000000;}

/* breadcrumb */
.breadcrumb {font-size:11px; line-height:13px; color:#000000; text-align:left; background-image:url(../../images/marcacao_preta.jpg); height:auto; padding:5px;}
a.link-breadcrumb:link {color:#000000; text-decoration:none;}
a.link-breadcrumb:visited {color:#000000; text-decoration:none;}
a.link-breadcrumb:hover {color:#EE2224; text-decoration:underline;}
a.link-breadcrumb:active {color:#000000; text-decoration:none;}

/* contato */
#contato h1 {font-size:16px; line-height:20px; color:#555555; font-weight:bold; margin:10px 0 5px 6px;}
#contato form {margin:20px 0 0 0;}
#contato label {font-size:12px; color:#555555; font-weight:bold;}
#contato .box-0 {float:left; width:275px; margin:0 6px 0 6px;}
#contato .box-1 {width:210px; margin:0 0 10px 0;}
#contato .box-2 {float:right; margin:0 14px 0 0;}
#contato .text {font-size:14px; color:#555555; width:270px; background-color:#FFFFFF; border:1px #28903B solid; padding:5px; margin:2px 0 0 0;}
#contato .textarea {font-size:14px; color:#555555; width:270px; height:126px; background-color:#FFFFFF; border:1px #28903B solid; padding:5px; margin:2px 0 0 0;}
#contato .button {font-size:14px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; width:auto; background-color:#28903B; border:1px #000000 solid; padding:5px;}
#contato .button:hover {background-color:#1C7D2A; cursor:pointer;}
#contato .linha {clear:both; width:100%; height:1px; background-color:#E5E5E5; margin:10px 0 10px 0;}

/* paginação */
.paginacaoCentralizar {margin:0 auto;}
.paginacaoLinha {width:480px; height:1px; background-color:#000000; margin-bottom:5px;}
.paginacao {color:#666666; border:0px;}
.paginacao a:link,
.paginacao a:visited,
.paginacao a:hover,
.paginacao a:active {font-size:11px; color:#636363; text-decoration:none; background:#F9F9F9; border:1px solid #E6E6E6; padding:3px 6px;}
.paginacao a:hover {color:#FFFFFF; background:#799AE3; border-color:#E6E6E6;}
.paginacao span {font-size:11px; color:#EBEBEB; text-decoration:none; background:#FFFFFF; border:1px solid #E6E6E6; padding:3px 6px; }

/* links */
a.link-vermelho:link {color:#000000; text-decoration:none;}
a.link-vermelho:visited {color:#000000; text-decoration:none;}
a.link-vermelho:hover {color:#EE2224; text-decoration:underline;}
a.link-vermelho:active {color:#000000; text-decoration:none;}

a.link-branco:link {color:#FFFFFF; text-decoration:none;}
a.link-branco:visited {color:#FFFFFF; text-decoration:none;}
a.link-branco:hover {color:#FFFFFF; text-decoration:underline;}
a.link-branco:active {color:#FFFFFF; text-decoration:none;}

a.link-preto:link {color:#FFFFFF; text-decoration:none;}
a.link-preto:visited {color:#FFFFFF; text-decoration:none;}
a.link-preto:hover {color:#FFFFFF; text-decoration:none;}
a.link-preto:active {color:#FFFFFF; text-decoration:none;}
