@charset "utf-8";
/* 
########################################################
@ Project: ESPORTES NA REDE
@ Author: Angelo Pietro - http://www.angelopietro.com.br
@ Date: Maio - 2010 - All rights reserved.
########################################################
*/
@import "reset.css";
@import "faleconosco.css";

/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 665px;
	width: 500px;
	margin:auto;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;
	/* this time we have very large space for the height */
	height:20000em;
}


.prev{ margin-left:40px;  float:left; }
.next{ margin-left:495px;  float:left; }
#titulo_camp { margin:auto; font-weight:bold; font-size:14px; margin-left:195px; margin-top: -20px; float:left;}
/**********/


*{padding:0px;margin:0px;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#FFFFFF url(../../imagens/fundo_site.jpg) top repeat-x; background-position: top}

a, a:active, a:focus{color:#559100; text-decoration:none; outline:0;}
a:hover{color:#559100; text-decoration:underline; outline:0;}
a img{border:none; outline:0;}
ul{list-style:none;}

.titulo_busca{font-size:16px; color:#559100; font-weight:bold;}

#titulo_paginas{font-size:22px; color:#559100; font-weight:bold; padding-bottom:20px;}

#geral{width:995px; margin:0 auto; padding:0px; }

/*############ MENU/CATEGORIAS ###############*/

.categorias table { width:283px; border-collapse:collapse; margin-bottom:15px; margin-left:1px}
.categorias { border:0px solid #dfdfdf; border-top:none; }
.categorias .categorias-box { height:120px; display:table; margin-bottom:18px;}
.categorias table tbody td { font-size:.91em; border-bottom:1px dotted #e3e3e3; padding:2px 4px 1px 4px; height:20px;}
/*####################################*/

#data_noticias
{
color:#333;
}
#separa_pontilhado{
height:1px;
background-image:url(../../imagens/pontilhadomenu.gif); 
background-repeat: repeat-x;
}

#mais_lidas{
background-color:#559100; 
color:#FFFFFF; 
padding: 10px 10px 10px 10px; 
float:left;
font-weight:bold;
font-size:14px;
margin-right:5px;
}
/*############ PLAYER ###############*/

#player_container { position: relative; background-color: #FFF; width:170px; height:20px; border:1px solid #CBCBCB; }
#player_container  ul#player_controls { list-style-type:none; padding:0; margin: 0; }
#player_container  ul#player_controls li { overflow:hidden; text-indent:-9999px; }
 
#player_play { position: absolute; left:5px; top:6px; width:8px; height:7px; cursor: pointer; background:  url(../../imagens/icone/player.png) 0 0 no-repeat; }
#player_play:hover{ position: absolute; left:5px; top:6px; width:8px; height:7px; cursor: pointer;  background: url(../../imagens/icone/player.png) -12px 0 no-repeat; }
 
#player_pause { position: absolute; left:17px; top:6px; width:8px; height:7px; cursor: pointer; background: url(../../imagens/icone/player.png) 0 -8px no-repeat; }
#player_pause:hover{ background: url(../../imagens/icone/player.png) -12px -8px no-repeat; }
 
#player_stop { position: absolute; left:29px; top:6px; width:8px; height:7px; cursor: pointer; background: url(../../imagens/icone/player.png) 0 -16px no-repeat; }
#player_stop:hover { background: url(../../imagens/icone/player.png) -12px -16px no-repeat; }
 
#player_progress { position: absolute; left:41px; top:4px; background-color: #eee; width:73px; height:10px; }
#player_progress_load_bar { background: url(../../imagens/icone/barra_load.gif)  top left repeat-x; width:0px; height:10px; cursor: pointer; }
#player_progress_load_bar .different_prefix_example_buffer { background: url(../../imagens/icone/barra_buffer.gif)  top left repeat-x; }
 
#player_progress_play_bar { position: absolute; left:0px; top:0px; background: url(../../imagens/icone/barra_play.gif) top left repeat-x; width:0px; height:10px; }
 
#player_volume_min { position: absolute; left:116px; top:4px; background: url(../../imagens/icone/player.png) 0 -25px no-repeat; width:6px; height:9px; cursor: pointer; }
#player_volume_min:hover { background: url(../../imagens/icone/player.png) -12px -25px no-repeat; }
 
#player_volume_max { position: absolute; left:152px; top:4px; background: url(../../imagens/icone/player.png) 0 -35px no-repeat; width:10px; height:9px; cursor: pointer; }
#player_volume_max:hover { background: url(../../imagens/icone/player.png) -12px -35px no-repeat; }
 
#player_volume_bar { position: absolute; left:125px; top:6px; background: url(../../imagens/icone/volume_barra.gif) repeat-x top left; width:25px; height:5px; cursor: pointer; }
#player_volume_bar_value { background: url(../../imagens/icone/volume_barra_value.gif) repeat-x top left; width:0px; height:5px; }

/*####################################*/

/*############ JOGOS ################*/

#jogo_destaque{ color:#FFFFFF;  overflow:hidden;  float:left; padding-top:8px; padding-left:15px; width:170px; height:80px;}
#jogo_destaque #fundo{ overflow:hidden; color:#FFFFFF; padding-top:10px; width:185px; height:80px; background:url(../../imagens/fundo_jogos_destaque.jpg); background-repeat: no-repeat; border:0 }
#jogo_destaque #fonte{ color:#333; font-size:10px;}
#jogo_destaque #data_jogo{ color:#999; font-size:10px; font-weight:bold;}
#jogo_destaque #resultado{ color:#333; font-size:14px; font-weight:bold; padding-top:10px; }
#jogos #fonte_campeonato{ padding-top:55px; color:#FFF; font-size:10px; float:left; position:absolute;}
* +html #jogos #fonte_campeonato{ margin-left:-935px; padding-top:55px; color:#FFF; font-size:10px; float:left; position:absolute;}


.classificacaojogos { border:0px solid #dfdfdf; border-top:none; font-size:.91em; background:url(../images/box-bg.gif) left bottom repeat-x;}
.classificacaojogos table { width:210px; border-collapse:collapse; margin-bottom:15px;}
.classificacaojogos table caption { font-weight:bold; text-align:left; color:#693; padding:0 5px 10px 8px;}
.classificacaojogos table caption.first-item { border-top:1px solid #e3e3e3; padding:7px 0 10px 8px;}
.classificacaojogos table thead td { background:#f1f1f1; border-bottom:1px solid #dadada; color:#333; font-weight:bold; padding:3px 5px 3px 5px;}
.classificacaojogos table tbody td { font-size:.91em; border-bottom:1px dotted #e3e3e3; padding:2px 4px 1px 4px;}
.classificacaojogos table tbody td.cell-1 { width:40px;}
.classificacaojogos table tbody td.cell-2 { width:105px;}
.classificacaojogos .fixed-box {   overflow:none; margin-bottom:18px;}

/*####################################*/

#barra_topo{ width:100%; height:11px; background-color:#003300; }
#barra_topo_menu{ width:985px; height:7px; background-color:#003300; }
#menu_topo{ float:right; width:368px; height:32px; background-image:url(../../imagens/fundo_menu.jpg); background-repeat:no-repeat; margin:auto 10px auto}
#menu_topo #separa_menu{ float:left; width:2px; height:16px; padding:5px;}
#menu_topo #topnav #home{ float:left; padding:5px; padding-top:8px; margin: auto 5px auto;}
#menu_topo #noticias { float:left; padding:5px; padding-right:8px; padding-top:8px;  margin: auto 5px auto;}
#menu_topo #topnav #podcasts li{ float:left; padding:5px; padding-top:8px; margin: auto -4px auto;  }
#menu_topo #topnav #videos li{ float:left; padding:5px; padding-top:8px; margin: auto 9px auto;}
#menu_topo #topnav #anuncie li{ float:left; padding:5px; padding-top:8px; margin: auto 3px auto;}
#menu_topo #topnav #fale li{ float:left; padding:5px; padding-top:8px; margin: auto 1px auto;}

#topo{width:100%; }

#geral #logomarca{width:200px; height:115px; margin-top:7px; margin-left:5px; float:left; padding-right:36px; position: absolute;}
#geral #logomarca a.logomarca{width:198px; height:70px; margin:0 5px auto;}

#topo #busca{ margin-left: 300px; width:330px; float:left; }
#topo #busca .input{ padding-top:8px; padding-left:23px; width:263px; height:35px; background:url(../../imagens/fundo_busca.jpg); background-repeat: no-repeat; border:0 }
#topo #previsao_tempo{margin-left: 100px; width:213px; height:45px; float:left;  }

#topo #jogos{ display:table; width:985px; height:75px; padding:5px 20px; background:url(../../imagens/fundo_jogos_topo.gif); background-repeat: no-repeat;}
#topo #jogos #separa{  margin-top:10px; float:left; width:1px; height:30px;  background-color:#CCCCCC; }
#titulo_categoria{ background-color:#559100; color:#FFFFFF; padding: 5px 5px 0px 5px }

.clearbox{overflow:hidden; display:block;}
.textlonge{font-size:0; text-indent:-15000px; display:block;}
.divisor{overflow:hidden; display:block; width:100%}
.erroMsg{font-weight:bold; color:#FF0000; display:block; clear:both; margin-bottom:5px ;font-size:13px;}
 
.label{clear:both; display:block; font-weight:bold; cursor:pointer; color:#969696; font-size:14px;}
.input{border:1px solid #E4E4E4; padding:4px 2px; color:#969696; font-size:14px;}

.submit{padding:6px 10px; border:0px; color:#666666; font-weight:bold; background:#E9E9E9; font-size:12px;}
  
#topo #menu{width:960px; height:50px; padding:10px 20px;}
#topo #menu ul{list-style:none; background:url(../../imagens/pontilhadomenu.gif) left bottom repeat-x; padding-bottom:8px;}
#topo #menu ul li{float:left; display:block; margin-right:50px;}
#topo #menu ul li a{color:#082600; font-size:15px; text-transform:uppercase; font-weight:bold;}
#topo #menu ul li ul{display:none; z-index:9999;}
#topo #menu ul li.ativo ul{clear:both; display:block; margin:16px 0 0; position:absolute; margin-left:0px; z-index:9000; background:none;}
* +html #topo #menu ul li.ativo ul{margin:35px 0px 0px -55px}
#topo #menu ul li.ativo ul li{margin:0px;}
#topo #menu ul li.ativo ul li a{color:#006600; font-size:12px;}
#topo #menu ul li.ativo ul li span{margin:0px 20px;}

#conteudo{margin-top:10px;}
#conteudo #bloco{width:755px; float:left; margin-right:20px;}
#conteudo #bloco #destaque{}
#conteudo #bloco #destaque img{border:2px solid #234E4E; float:left;}
#conteudo #bloco #destaque div{margin-left:25px; float:left; width:325px;}
#conteudo #bloco #destaque div h1{font-size:30px; line-height:28px;}
#conteudo #bloco #destaque div p{margin:10px 0; padding:0 0 10px; background:url(../../imagens/pontilhadomenu.gif) left bottom repeat-x;}
#conteudo #bloco #destaque div ul li a{color:#559100; line-height:20px}
 
 
#conteudo #bloco #subdestaque{margin-top:20px;}

#conteudo #bloco #esquerda{float:left; width:402px; margin-right:15px;}
#conteudo #bloco #esquerda #separa{margin:10px 0; background:url(../../imagens/pontilhadomenu.gif) left bottom repeat-x; padding:0 0 10px;}
#conteudo #bloco #esquerda img{border:2px solid #234E4E;}
#conteudo #bloco #esquerda h2 a{font-size:18px;}
#conteudo #bloco #esquerda h3 a{font-size:14px; color:#004800;}
#conteudo #bloco #esquerda .clearbox{width:100%}
#conteudo #bloco #esquerda .duasfotos{width:196px; float:left; margin-right:9px;}
#conteudo #bloco #esquerda .duasfotos.ultimo{margin:0px;}
#conteudo #bloco #esquerda ul{ margin-top:30px; width:100%; }
#conteudo #bloco #esquerda ul li{width:100%; display:block; overflow:hidden; margin-bottom:10px}
#conteudo #bloco #esquerda ul li img{float:left; margin-right:10px;}
#conteudo #bloco #esquerda ul li a{color:#559100; font-size:15px; font-weight:bold;}
#conteudo #bloco #esquerda ul li p{margin:5px 0 0; padding-bottom:7px;}

#conteudo #bloco #direita{float:left; width:326px; padding-top:10px;}
#conteudo #bloco #direita #tabs p{margin:10px 0; background:url(../../imagens/pontilhadomenu.gif) left bottom repeat-x; padding:0 0 10px;}
#conteudo #bloco #direita #tabs span.data{color:#006600; font-weight:bold;}
#conteudo #bloco #direita #tabs span.hora{color:#990000; font-weight:bold;}
#conteudo #bloco #direita .publicidade{margin-top:15px;}
#conteudo #bloco #direita .publicidade span{font-size:10px; font-weight:bold; text-transform:uppercase; color:#666666;}

 
#conteudo #lateral{width:210px; float:left;}
#conteudo #lateral h3{color:#FFF; background:#092600; padding:5px; margin-bottom:10px; text-transform:uppercase}
#conteudo #lateral p{margin-bottom:4px;}
#conteudo #lateral .videos,
#conteudo #lateral .podcasts {font-size:.91em; }

#conteudo #lateral .categorias,
#conteudo #lateral .categorias h3,
#conteudo #lateral .categorias h3 a,
#conteudo #lateral .categorias ul,
#conteudo #lateral .categorias ul li,
#conteudo #lateral .categorias ul li span,
#conteudo #lateral .categorias ul li span.data{color:#006600; margin-right:6px; text-align:center}
#conteudo #lateral .categorias ul li span.time,
#conteudo #lateral .categorias ul li span.timeu,
#conteudo #lateral .categorias ul li span.logo,


#conteudo #blocointerno #subdestaque #opcoesCampeonato { width:auto; height:52px; background:#E0E0E0; border:1px solid #CCCCCC; padding: 10px 10px 10px 10px; display:block;}
#conteudo #blocointerno #subdestaque #opcoesCampeonato ul { float:left; padding-left:50px}


#conteudo #lateral .videos h3{background:#003366}

#conteudo #lateral .podcasts h3{background:#FF6600}
#conteudo #lateral .podcasts a.download{float:right; margin-top:5px;}

#rodape{width:100%; height:55px; margin:10px 0 0; padding:18px 0px; background:url(../../imagens/fundo_rodape.jpg); background-repeat:no-repeat; }
#rodape a{float:left}
#rodape .meio{width:750;  margin:50px 0 0 120px; color:#FFFFFF; }
  

.ui-tabs{padding:.2em; zoom:1;}
.ui-tabs .ui-tabs-nav{list-style:none; position:relative; padding:.2em 0 0;}
.ui-tabs .ui-tabs-nav li{position:relative; float:left; margin:0 .2em -1px 0; padding:0;}
.ui-tabs .ui-tabs-nav li a{float:left; text-decoration:none; padding:6px 13px; font-weight:bold;}
.ui-tabs .ui-tabs-nav li a.lidas{background:url(../../imagens/mais.gif) 13px center no-repeat; padding-left:30px}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{padding-top:1px; border:1px solid #BBBBBB; border-top:2px solid #003300; border-bottom:0px; background:#FFF;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer;}
.ui-tabs .ui-tabs-panel{display:block;border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; border-top:1px solid #BBBBBB; background:none; margin-top:-1px; padding:20px 10px 0}
.ui-tabs .ui-tabs-hide{display:none !important;}

/*############ P�GINAS INTERNAS ###############*/

/* Not�cias */
#conteudo #bloco #noticias_interno{float:left; width:500px; padding-top:10px;}
#noticias_interno img { float:left;  margin:0 20px 20px 0px;}
#noticias_interno #tamanhoFonte { text-align:right; }
#noticias_interno #tamanhoFonte #aumentar { border:solid #F3F3F3 1px; width:30px; height:20px; text-align:center; vertical-align: baseline; font-weight:bold; color:#036; font-size:15px; display:inline-table; *display:inline;}
#noticias_interno #tamanhoFonte #diminuir { border:solid #F3F3F3 1px; width:30px; height:20px; text-align:center; vertical-align: baseline; font-weight:bold; color:#036; font-size:15px; display:inline-table; *display:inline;}
#conteudo #blocointerno #subdestaque #opcoesNoticias { width:auto; height:32px; background:#F3F3F3; padding: 10px 10px 10px 10px; display:block;}
#conteudo #blocointerno #subdestaque #opcoesNoticias ul a { float:left; height:32px; vertical-align:middle; background:#F3F3F3; margin: 0 5px 0 5px; }
#conteudo #blocointerno #subdestaque #opcoesNoticias img {  }
#conteudo #blocointerno #subdestaque #opcoesNoticias span { float:left; margin: 0 5px 0 5px; font-size:10px; color:#666; width:60px; height:32px; text-align:left; vertical-align:middle; }

#conteudo #blocointerno #subdestaque #noticias_interno { float:left; width:750px; margin:0 15px 0 0;}
#conteudo #blocointerno #subdestaque #noticias_interno img { margin:0 0px 0px 0px; border:0px solid #234E4E; }
#conteudo #blocointerno #subdestaque #noticias_interno #imgNoticia p { color:#666; clear:both; background-color:#FFFFFF; padding: 10px 5px 10px 5px; font-weight:bold; background-color:#F0F0F0; }
#conteudo #blocointerno #subdestaque #noticias_interno #imgNoticia  { float:left; margin:0 20px 0px 0px;  }
#conteudo #blocointerno #subdestaque #noticias_interno h1 { font-size:30px; line-height:28px; color:#559100;}
#conteudo #blocointerno #subdestaque #noticias_interno #lead { font-size:11px; color:#666666;}

#conteudo #blocointerno #subdestaque #noticias_interno select { font-size:14px; color:#333 }
#conteudo #blocointerno #subdestaque #noticias_interno #legendaTabela { font-size:10px; color:#333; padding: 10px 0 15px 0; }
#conteudo #blocointerno #subdestaque #noticias_interno #legendaTabela ul{width:100%}
#conteudo #blocointerno #subdestaque #noticias_interno #legendaTabela ul li{float:left}
#conteudo #blocointerno #subdestaque #noticias_interno #legendaTabela ul li img{float:left; margin-right:6px; margin-left:10px}
#conteudo #blocointerno #subdestaque #noticias_interno #creditos_foto { font-size:10px; color:#333; padding: 0 0 5px 0; }

#conteudo #bloco #subdestaque{margin-top:20px;}
 
/*###########################*/

#conteudo #blocointerno{width:750px; float:left; margin-right:20px; margin-top:20px; }

#conteudo #blocointerno #direita{float:left; width:326px; padding-top:10px; margin:12px 0 0 0; }
#conteudo #blocointerno #direita h2{padding-bottom:25px; margin-bottom:25px; background:url(../imagens/pontilhadomenu.gif) left bottom repeat-x}
#conteudo #blocointerno #direita .publicidade{margin-top:15px; margin-bottom:50px;}
#conteudo #blocointerno #direita .publicidade span{font-size:10px; font-weight:bold; text-transform:uppercase; color:#666666;}
#conteudo #blocointerno #direita #tabs p{margin:10px 0; background:url(../imagens/pontilhadomenu.gif) left bottom repeat-x; padding:0 0 10px;}
#conteudo #blocointerno #direita #tabs span.data{color:#006600; font-weight:bold;}
#conteudo #blocointerno #direita #tabs span.hora{color:#990000; font-weight:bold;}
#conteudo #blocointerno #direita .ultTab{}

#conteudo #blocointerno #esquerda{float:left; width:402px; margin:0 15px 0 0; }
#conteudo #blocointerno #esquerda p{margin:10px 0; background:url(../imagens/pontilhadomenu.gif) left bottom repeat-x; padding:0 0 10px;}
#conteudo #blocointerno #esquerda img{border:2px solid #234E4E;}
#conteudo #blocointerno #esquerda h2 a{font-size:18px;}
#conteudo #blocointerno #esquerda h3 a{font-size:14px; color:#004800;}
#conteudo #blocointerno #esquerda .blog{border:0px; margin-top:50px}
#conteudo #blocointerno #esquerda .clearbox{width:100%}
#conteudo #blocointerno #esquerda ul{margin-top:30px; width:100%;}
#conteudo #blocointerno #esquerda ul li{width:100%; display:block; overflow:hidden; margin-bottom:10px}
#conteudo #blocointerno #esquerda ul li img{float:left; margin-right:10px;}
#conteudo #blocointerno #esquerda ul li a{color:#990000; font-size:15px; font-weight:bold;}
#conteudo #blocointerno #esquerda ul li p{margin:5px 0 0; padding-bottom:7px;}
#conteudo #blocointerno #esquerda .redesocial{margin-top:20px; text-align:center}
#conteudo #blocointerno #esquerda .redesocial a{margin-right:10px;}
#conteudo #blocointerno #esquerda .redesocial a img{border:0px;}

#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonato{margin:15px 0 15px 0;}
#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonato h3{float:left;}
#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonato th{background:#F6F6F6; border:1px solid #F1F1F1; height:15px; padding:10px; font-size:14px; color:#3366B9 }
#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonato td{background:#FFF; border:1px solid #F6F6F6; height:15px; padding:10px; font-size:14px; color:#666; }
#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonatoJogos td{background:#FFF; border:1px solid #F6F6F6; height:15px; padding:10px; font-size:11px; color:#666; }
#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonatoJogos #data_jogo{background:#F6F6F6; }

#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonato .reb{color:#D72109 !important}
#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonato .classificacaoTime{color:#016600 !important}
#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonato .neutro{color:#DE983A !important}
#conteudo #bloco #blocointerno #subdestaque #tabelaCampeonato .nomeTime{color: #016600; font-size:18px !important}

/*COLUNAS */
#colunas_fixa
{
 overflow:hidden;
 width:100%;
 display:table;
 
}
#colunas{
 overflow:auto;
 width:100%;
 height: 150px;
 display:table;
}
#colunas img {border: none;}

ul.column{
	width: 90%;
	padding: 0;
	margin: 10px 0 50px;
	list-style: none;
}
ul.column li {
	float: left;
	width: 100px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 105px;
	font-size: 1em;
	margin-right: 10px;
	padding: 10px;
	background: #E9E9E9;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.block h2 {
	font-size: 1.8em;
}
.block img {
	width: 65%;
	padding: 5%;
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}