/*** RESET BROWSER CSS ***/
@import url("reset.css");
/*** CSS outros ***/
@import url("selectbox.css");
/*** GERAL ***/
body {
	background:#525565;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
.displaynone {
	display:none;
}
.hidetxt {
	overflow:hidden;
	text-indent:-20000px;
}
/*** TOPO ***/
#area_topo {
	float:left;
	clear:both;
	width:100%;
	height:auto;
	background-image: url(../images/area_topo_fundo.gif);
	background-repeat:repeat-x;
}
#topo {
	height:347px;
	width:879px;
	margin:0 auto 0 auto;
	clear:both;
	position:relative;
	background-image: url(../images/topo_fundo.jpg);
	background-repeat:repeat-x;
}
#topo h1 {
	width:300px;
	height:270px;
	position:absolute;
	top:20px;
	left:270px;
}
#topo h1 a {
	width:300px;
	height:270px;
	display:block;
}
#destaque {
	width:799px;
	background:#525565;
	margin:0 auto 0 auto;
	position:relative;
	clear:both;
}
#sobre {
	height:149px;
	width:799px;
	background-image:url(../images/destaque_txt.gif);
	background-repeat:no-repeat;
	background-position:37px 27px;
}
#destaque p span {
	display:block;
	height:20px;
	width:20px;
	top:10px;
	right:10px;
	cursor:pointer;
	position:absolute;
	background: url(../images/bt_fechar2.gif) no-repeat;
}
#destaque div.openclose {
	height:16px;
	width:799px;
	background: url(../images/bt_fechar1.gif) repeat-x;
	cursor:pointer;
}
#destaque ul {
	list-style:none;
	position:absolute;
	display:block;
	height:43px;
	top:-22px;
	left:37px;
	padding-left:43px;
	background: url(../images/menu_fundo.gif) no-repeat;
}
#destaque ul li {
	float:left;
	height:43px;
}
#destaque ul li a {
	float:left;
	height:43px;
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
}
#destaque ul li a:hover {
	background-position:bottom left;
}
.item1 {
	width:77px;
	background-image:url(../images/menu_item1.gif);
}
.item2 {
	width:128px;
	background-image:url(../images/menu_item2.gif);
}
.item3 {
	width:94px;
	background-image:url(../images/menu_item3.gif);
}
.item4 {
	width:94px;
	background-image:url(../images/menu_item4.gif);
}
/*** CONTEUDO ***/
#area_conteudo {
	float:left;
	clear:both;
	width:100%;
	background:#303141;
}
#conteudo {
	width:799px;
	margin:0 auto 0 auto;
}
#conteudo div.home {
	float:left;
	width:	799px;
	background:#f1f1f1 url(../images/lateral_fundo.gif) repeat-y right;
}
/*** PRINCIPAL  ***/
#principal {
	float:left;
	width:504px;
	padding:26px 30px 60px 36px;
	background:url(../images/principal_fundo.gif) no-repeat top right;
}
.rodada {
	height:47px;
	width:503px;
	background:#d9d9d9;
	margin-bottom:1px;
	float:left;
	clear:both;
}
.rodada h2 {
	float:left;
	color:#be9b01;
	font-size:3.2em;
	font-weight:bold;
	letter-spacing:-0.03em;
	padding:5px 0 0 7px;
}
.rodada a {
	float:right;
	height:47px;
	width:65px;
	display:block;
	margin-left:1px;
	background-color:#cbc9c9;
	background-repeat:no-repeat;
	background-position:top left;
}
.rodada a:hover {
	background-position:bottom left;
}
.rodada a.bt_ante {
	background-image:url(../images/bt_ante.gif);
}
.rodada a.bt_prox {
	background-image:url(../images/bt_prox.gif);
}
.dia_jogo {
	height:47px;
	width:496px;
	float:left;
	color:#979797;
	background:#e6e6e6;
	font-size:1.5em;
	font-weight:bold;
	line-height:47px;
	padding-left:7px;
	position:relative;
}
.jogos {
	float:left;
	clear:both;
	list-style:none;
	width:503px;
	position:relative;
	color:#000;
	margin-bottom:4px;
}
.jogos li {
	height:56px;
	width:503px;
	border-bottom:3px solid #e6e6e6;
	position:relative;
	color:#525565;
}
.jogos li div {
	float:left;
	height:56px;
}
.jogos .mandante {
	width:229px;
	height:56px;
	position:relative;
}
.jogos .visitante {
	width:229px;
	height:56px;
	position:relative;
}
.jogos .time {
	width:148px;
	height:56px;
	line-height:56px;
	display:block;
	position:absolute;
	color:#be9b01;
	font-size:1.5em;
	font-weight:bold;
	overflow:hidden;
	top:0;
}
.jogos .tweets {
	width:70px;
	height:36px;
	line-height:46px;
	overflow:hidden;
	display:block;
	position:absolute;
	text-align:center;
	font-size:2.8em;
	font-weight:bold;
	top:0;
}
.jogos .txt {
	width:70px;
	height:20px;
	overflow:hidden;
	position:absolute;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	bottom:0;
}
.jogos .visitante .tweets, .jogos .visitante .txt {
	right:0;
}
.jogos .mandante .tweets, .jogos .mandante .txt {
	left:0;
}
.jogos .mandante .time {
	right:10px;
	text-align:right;
}
.jogos .visitante .time {
	left:10px;
}
.jogos .versus {
	width:45px;
	background:url(../images/jogos_vs.gif) no-repeat 0 10px;
}
.jogos .data {
	width:496px;
	height:46px;
	top:0;
	left:0;
	padding-top:10px;
	position:absolute;
	background:#f1f1f1;
	color:#be9b01;
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	padding-left:7px;
	display:none;
}
/*** LATERAL  ***/
#lateral {
	float:left;
	width:229px;
}
#lateral .torcida {
	width:217px;
	float:left;
	padding:9px 0 12px 12px;
	margin:0 0 15px 0;
	background:url(../images/lateral_fundo2.gif) top left no-repeat;
}
#lateral .torcida img {
	border:0;
}
.ranking {
	width:217px;
	float:left;
	clear:both;
	padding:0 0 0 12px;
}
.ranking h2 {
	width:209px;
	height:37px;
	background:url(../images/tit_ranking.gif) no-repeat;
}
.ranking ul {
	list-style:none;
	z-index:0;
	padding:0 0 30px 0;
}
.ranking ul li {
	width:209px;
	height:48px;
	margin:23px 0 0 0;
	position:relative;
	overflow:visible;
	background-color:#a8a8b3;
	background-image:url(../images/lateral_aba.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.ranking ul li.primeiro {
	background-color:#3d3e4d;
}
.ranking ul li.segundo {
	background-color:#82828f;
}
.ranking ul li a img {
	position:absolute;
	top:-5px;
	left:0;
	z-index:20;
}
.ranking ul li .time {
	width:140px;
	height:18px;
	line-height:18px;
	position: absolute;
	right:0;
	top:10px;
}
.ranking ul li .time a {
	color:#f0e7c1;
	text-decoration:none;
	font-size:1.8em;
	font-weight:bold;
}
.ranking ul li .time a:hover {
	color:#fff;
}
.ranking ul li .torcedores {
	width:140px;
	height:11px;
	line-height:11px;
	right:0;
	bottom:8px;
	position:absolute;
	font-size:1.1em;
	color:#FFFFFF;
}
.naotem {
	width:217px;
	float:left;
	clear:both;
	padding:0 0 20px 12px;
}
.naotem h2 {
	width:179px;
	height:30px;
	background:url(../images/tit_naotem.gif) no-repeat;
}
.naotem p a {
	width:180px;
	height:52px;
	display:block;
	float:left;
	clear:both;
	background:url(../images/txt_crie.gif) no-repeat;
}
/*** RODAPE ***/
#area_rodape {
	float:left;
	clear:both;
	width:100%;
	height:58px;
	background:#303141;
}
#rodape {
	width:760px;
	height:40px;
	padding:18px 0 0 39px;
	margin:0 auto 0 auto;
	background:#d2b847 url(../images/rodape_fundo.gif) no-repeat;
}
#rodape small {
	font-size:1.1em;
	color: #303141;
}
#rodape small a {
	font-weight:bold;
	color: #303141;
	text-decoration:none;
}
#rodape small a:hover {
	text-decoration: underline;
}
/*** COMUNIDADE ***/
#comunidade {
	width:504px;
	padding:15px 0 0 0;
	float:left;
	position:relative;
}
#total {
	background:#eaeaea;
	border-left:1px solid #f1f1f1;
	width:120px;
	height:47px;
	position:absolute;
	top:0;
	right:0;
}
#total {
	color:#82828f;
}
#total span {
	display:block;
	width:110px;
	position:absolute;
	text-align:right;
	padding:0 10px 0 0;
}
#total .numero {
	height:30px;
	line-height:30px;
	font-size:1.9em;
	font-weight:bold;
	top:3px;
}
#total .torcedores {
	height:17px;
	line-height:17px;
	bottom:3px;
	font-size:1.2em;
	font-weight:bold;
}
.titulo {
	height:47px;
	width:503px;
	float:left;
	background:#d9d9d9;
	position:relative;
}
.titulo .escudo {
	top:-5px;
	left:15px;
	position:absolute;
}
.titulo h2 {
	top:2px;
	left:90px;
	width:250px;
	color:#be9b01;
	font-size:2.5em;
	font-weight:bold;
	letter-spacing:-0.03em;
	position:absolute;
}
.titulo h3 {
	top:30px;
	left:90px;
	width:250px;
	color:#82828f;
	font-size:1.1em;
	font-weight:bold;
	position:absolute;
}
.titulo a {
	height:47px;
	width:65px;
	display:block;
	background-color:#cbc9c9;
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
}
.titulo a:hover {
	background-position:bottom left;
}
.titulo a.bt_ante {
	right:66px;
	background-image:url(../images/bt_ante.gif);
}
.titulo a.bt_prox {
	right:0;
	background-image:url(../images/bt_prox.gif);
}
.mosaico {
	list-style:none;
	width:481px;
	margin:25px 0 25px 10px;
	position:relative;
	float:left;
	display:inline;
	z-index:30;
}
.mosaico li {
	float:left;
	height:48px;
	width:48px;
	display:block;
	position:relative;
	background:#fff;
	z-index:0;
}
.mosaico li a {
	display:block;
	height:48px;
	height:48px;
}
.mosaico li a img {
	border:0;
	width:48px;
	height:48px;
}
.com_box {
	width:169px;
	padding:8px 14px 16px 23px;
	bottom:44px;
	left:40px;
	position:absolute;
	display:none;
	background: url(../images/com_box.png) no-repeat bottom left;
	z-index:100;
}
.com_box span {
	width:159px;
	font-size:0.8em;
	display:block;
	float:left;
	clear:both;
	white-space:nowrap;
}
.com_box span.com_user {
	color:#2f2812;
	font-weight:bold;
	font-size:1.2em;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #a68907;
}
.com_box span.com_updates {
	color:#fff;
}
.com_box span.com_status {
	color:#fff;
	padding-left:10px;
	background:url(../images/com_status.gif) no-repeat left center;
}
/*** CONTATO ***/
#quercomentar {
	width:217px;
	height:57px;
	background:url(../images/quercomentar.gif) no-repeat;
	position:absolute;
	top:30px;
	left:0;
}
#contato {
	width:504px;
	height:550px;
	padding: 0 0 30px 0;
	float:left;
	position:relative;
	overflow:hidden;
}
#contato form {
	position:absolute;
	top:128px;
	left:0;
	width:504px;
	height:350px;
}
#contato form fieldset legend {
	display:none;
	float:left;
	clear:both;
}
#contato form div.campo {
	width:600px;
	/*	height:37px; */
	margin:0 0 12px 0;
	float:left;
	clear:both;
}
#contato form label {
	display:block;
	height:37px;
	width:100px;
	margin-right:15px;
	float:left;
	background-position:top right;
	background-repeat:no-repeat;
}
#contato form label.txtNome {
	background-image: url(../images/label_nome.gif);
}
#contato form label.txtEmail {
	background-image: url(../images/label_email.gif);
}
#contato form label.txtAssunto {
	background-image: url(../images/label_assunto.gif);
}
#contato form label.txtMensagem {
	background-image: url(../images/label_comentarios.gif);
}
#contato form input {
	width:320px;
	height:30px;
	padding:7px 0 0 6px;
	border:0;
	background:url(../images/contato_input.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color: #CCCCCC;
}
#contato form #contato_enviar {
	width:146px;
	height:42px;
	border:0;
	right:60px;
	cursor:pointer;
	position:absolute;
	background:url(../images/bt_enviar.gif) no-repeat;
}
#contato form input:focus {
	color:#FFFFFF;
}
#contato form #txtAssunto_input {
	background:url(../images/contato_drop.gif) no-repeat;
}
#contato form textarea {
	width:314px;
	height:131px;
	padding:7px 6px 7px 6px;
	border:0;
	color:#CCCCCC;
	background:url(../images/contato_textarea.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#fff;
	overflow: auto;
}
#contato form textarea:focus {
	color:#FFFFFF;
}
#outrosDiv {
	display:none;
}
/*** TORCIDAS ***/
#torcidas .titulo h2 {
	position:absolute;
	top:7px;
	left:12px;
	width:85px;
	height:29px;
	background:url(../images/tit_torcidas.gif) no-repeat;
}
#times {
	width:503px;
	list-style:none;
}
#times li {
	float:left;
	clear:both;
	height:47px;
	margin:22px 0 0 0;
}
#torcidas #times .titulo {
	background:#a8a8b3;
}
#torcidas #times .primeiro .titulo {
	background:#3d3e4d;
}
#torcidas #times .segundo .titulo {
	background:#82828f;
}
#torcidas #times .titulo h2 {
	top:2px;
	left:90px;
	background:none;
	width:250px;
	position:absolute;
	color:#fff;
}
#torcidas #times .primeiro .titulo h2, #torcidas #times .segundo .titulo h2 {
	color:#f0e7c1;
}
#torcidas #times .titulo h3 {
	color:#fff;
}
#torcidas #times .primeiro .titulo h3, #torcidas #times .segundo .titulo h3 {
	color:#cccccc;
}
#torcidas #times #total {
	background:#cccccc;
}
#torcidas .titulo a {
	background:none;
}
/*** CLASSIFICA��O ***/
#classificacao {
	float:left;
}
#classificacao ul.jogos li {
	color:#a8a8b3;
}
#classificacao ul.jogos li.primeiro {
	color:#525565;
}
#classificacao ul.jogos li.segundo {
	color:#82828f;
}
.dia_jogo span.time {
	display:block;
	position:absolute;
	left:50px;
	padding:0 0 0 10px;
	border-left:1px solid #f0f0f0;
	height:47px;
	width:47px;
}
.dia_jogo span.pontos {
	display:block;
	position:absolute;
	right:0;
	border-left:1px solid #f0f0f0;
	height:47px;
	width:142px;
	padding:0 10px 0 0 ;
	text-align:right;
}
.jogos .time_pos {
	float:left;
	width:60px;
	height:37px;
	padding: 10px 0 0 0;
	text-align:center;
	font-size:3.2em;
	font-weight:bold;
}
.jogos .time_nome {
	height:47px;
	width:325px;
	float:left;
	position:relative;
}
.jogos .time_nome h3 {
	font-size:1.8em;
	position:absolute;
	top:13px;
}
.jogos .time_nome span {
	position:absolute;
	top: 35px;
	font-size:1.2em;
}
.jogos .time_pontos {
	float:left;
	height:37px;
	padding:10px 0 0 0;
	width:112px;
	text-align:right;
	font-size:2.8em;
	font-weight:bold;
}
#barraBol{
	background:#737373 url(http://img.bol.com.br/barra/v2/fundo-geral.gif) repeat scroll 0 1px;
}
#barraBol div{ 
	width:770px;
	margin:0 auto;
}