/* CSS Document */

.miolo{
	width:604px;
	margin-right:14px;
	float:left;
}
.miolo p{
	line-height:18px;
}

.destaques{
	float:left;
	width:604px;
}
#floater{
	position:absolute;
	z-index:99;
	left:50px;
	top:15px;
}
.destaque-principal{position:relative;}

/************	Título - Colocar classe na tag "a" - notícias especiais	************/
					/************	LINKS - CORES	************/


a.corNoticias img:hover{
	border:1px solid #AAAAAA;
	margin:-1px -1px 4px -1px;
}

a.corEspeciais img:hover{
	border:1px solid #FFDC1B;
	margin:-1px -1px 4px -1px;
}

a.corNoticias{
	color:#AAAAAA;
}

a.corEspeciais{
	color:#FFDC1B;
}
					/************	HR'S	************/
.separador1{
	background:#383838;
	color:#383838;
	line-height:0;
	height:1px;
	border:0;
	margin:15px 0 15px 0;
}
.separador1_Margem_menor{
	margin-top:7px;
}
.separador2{
	background:#454545;
	color:#4E4E4E;
	height:2px;
	border:0;
	line-height:0;
	margin:15px 0 15px 0;
}

.separadorNoticias{
	margin-top:5px;
}

/************	DESTAQUE PRINCIPAL	************/
.miolo div.destaques div.imagens-principal{
	float:left;
	width:294px;
}
.miolo div.destaques div.chamadas-principal{
	float:left;
	width:294px;
	padding-left:16px;
}

/************	DESTAQUE DUPLO	************/
.destaque-duplo .box-duplo{
	float:left;
	width:294px;
	/*width:278px;*/
	margin-right:16px;
	margin-bottom:5px;
}
.destaque-duplo .box-duplo-ultimo{
	margin:0
}

/************	DESTAQUE TRIPLO	************/
.destaque-triplo{
	width:620px;
	float:left;
}
.box-triplo{
	float:left;
	width:190px;
	margin-right: 14px;
	margin-top: 25px;
}
.box-triplo-ultimo{
	margin-right:0;
}
.box-triplo img{
	margin-bottom:5px;
	width:193px;
	height:145px;
}

/*********** BOX-TABELA: Envolve cada tabela [campeonatos, jogos] **********/

.box-tabela{
	width:294px;
	float:left;
	margin-right:16px;
	font-size:0.9em;
}
.box-tabela-direita{
	margin-right:0;
}

/*********** BOX-TABELA A: Envolve os liks de qual 'tipo' o usuario quer ver [brasileirão, pernambucano livertadores] **********/
	.box-tabela a{
		margin-right:15px;
		
		color:#aaa;
	}
/*********** Mostra a forma como o link ficará após clicado **********/
	.box-tabela a.selecionado{
		background:#383838;
		text-decoration:underline;
		font-weight:bold;
		padding:4px;
		height:20px;
	}
	
/*********** TABELA PROPRIAMENTE DITA - CLASSIFICAÇÃO **********/
.tabela-classificacao{
	background:#383838;
	margin-top:10px;
	font-size:1.2em;
	text-align:center;
	border:4px solid #383838;
	color:#AAAAAA;
	margin-bottom:5px;
}
.tabela-classificacao td{
	border:1px solid #6D6D6D;
	border-top:none;
	border-left:none;
}
.cabecalhoTabela-classificacao{
	background:#000000;
	font-weight:bold;
}
/*********** COLUNA QUE MOSTRA A CLASSIFICAÇÃO [NÚMERO] DO TIME **********/
.classificacaoNUM{
	font-weight:bold;
	font-size:1.4em;
}
/*********** ALINHAMENTO DOS NOMES DOS TIMES **********/
.times{
	text-align:left;
}
/*********** CONFIGURAÇÃO DA LEGENDA DA TABELA **********/
.tabela-classificacao td.legenda{
	border-bottom:none;
	border-right:none;
	font-size:0.8em;
	text-align:left;
}
/*********** CLASSE ESPECIAL PARA QUANDO APARECER O NOME[TEXTO] "SPORT" NA CLASSIFICAÇÃO **********/
.sport{
	background:#2D2D2D;
	color:#FFD32F;
	font-weight:bold;
}
/*********** CLASSE ESPECIAL QUE MOSTRA O SÍMBOLO DO SPORT **********/
.iconeSport{
	background:url(../imagens/imgSport-tabela.jpg) no-repeat right;
}

/*********** ENVOLVE TODO O BOX 'JOGOS' **********/
.box-jogos{
	margin-top:10px;
	background:#2D2D2D;
	border:4px solid #383838;
	margin-bottom:5px;
}
/*********** DIV QUE ENVOLVE O RESULTADO DO ÚLTIMO JOGO **********/
.resultado{
	background: #282828 url(../imagens/bg_Times-tabela.gif) repeat-x;
	width:286px;
	height:103px;
}
/*********** TIME -> TIMES ENVOLVIDOS **********/
	.time{
		padding-top:10px;
		width:109px;
		float:left;
	}
/*********** PLACAR -> DIV QUE ENVOLVE OS 2 NUMEROS E O VERSUS 'X' **********/
	.placar{
		margin-top:22px;
		float:left;
		width:61px;
		height:35px;
		border:1px solid #4F4F4F;
		background:#000000;
		padding:4px 0 0px 5px;
	}
/*********** NÚMERO -> DIV'S QUE ENVOLVEM OS 2 NUMEROS **********/
	.placar div.numero{
		float:left;
	}
/*********** PLACAR -> DIV QUE ENVOLVE O VERSUS 'X' **********/
	.placar div.versus{
		float:left;
	}
/*********** DESCRIÇÃO-JOGOS -> ENVOLVE CADA PROXIMO JOGO **********/
	.descricaoJogos{
		text-align:center;
		background:#4A4A4A;
		border-bottom:1px solid #6D6D6D;
		height:25px;
		color:#aaa;
		font-weight:bold;
		font-size:1.1em;
		padding-top:4px;
	}
/*********** DESCRIÇÃO-JOGOS JOGO -> CLASSE COMPLEMENTAR PARA ESPECIFICAR o JOGO, NÃO O dia **********/
	.jogo{
		background:#383838;
		font-weight:normal;
	}

/*********** CLASSE PARA COLOCAR A BANDEIRINHA AO LADO DO TITULO [ultimo jogo, proximos jogos] **********/
	.pernambucano{
		background:#000000 url(../imagens/bandeiraPE.gif) no-repeat right;
		height:21px;
	}

/*********** 				 **********/
/*********** INTERNA - Login **********/
/*********** 				 **********/

.box-acesso{
	width:582px;
	border:1px solid #F00000;
	background:url(../imagens/bg_login.gif) repeat-y;
	padding-bottom:30px;
}
.box-acesso-comentarios{
	padding-bottom:0;
	width:580px;
	margin-top:5px;
}
	.box-acesso p{
		font-size:1.1em;
		padding-top:3px;
	}
	
.box-acesso-left{
	width:284px;
	float:left;
	color:#aaa;
	padding-top:11px;
	padding-left:15px;
}
	.box-acesso-left-comentarios{
		width:282px;
	}
.box-acesso-right{
	width:268px;
	float:left;
	color:#000000;
	padding:11px 0 0 15px;
}
	.box-acesso-right a{
		background:url(../imagens/bt_cadastreSe.gif) no-repeat;
		display:block;
		width:222px;
		height:69px;
		margin-top:8px;
	}
	#acesso{
		margin-top:10px;
	}
	#acesso label{
		display:block;
		float:left;
		width:45px;
		padding-top:3px;
		text-align:right;
		font-weight:bold;
	}
	#acesso label.salvarAlteracoes{
		width:auto;
		text-align:left;
		padding-right:25px;
	}
	.btOK{
		/*margin-left:5px;*/
		text-indent:-3px;
		background:#FDE600;
		color:#000000;
		width:36px;
		height:22px;
		border:0;
		font-weight:bold;
	}
	.btOK-comentarios{
		margin-left:5px;
		height:20px;
		margin-top:0;
		padding-top:1px;
	}
a.esqueciMinhaSenha{
	font-size:0.9em; 
	color:#a6a6a6; 
	text-decoration:underline;
	margin-left:50px;
}

/**** Propriedades dos "label's" quando der erro ****/
.error{
	border:#FF9900 1px solid;
	height:18px;
}

#formularioLogin label.error, #formularioCadastro label.error, 
#formularioMeusDados label.error, #formularioAlterarEmail label.error,
#formularioContato label.error, #formularioAlterarSenha label.error{
	background:url(../imagens/unchecked.gif) no-repeat 0px 0px;
	margin-left:10px;
	margin-top:5px;
	font-weight: bold;
	color: #EA5200;
	border:none;
	display:inline;
	width:16px;
	height:13px;
}
#formularioLogin_comentarios label.error{
	background:none;
	display:inline;
}
#formularioLogin label.checked, #formularioCadastro label.checked, 
#formularioMeusDados label.checked, #formularioAlterarEmail label.checked,
#formularioLogin_comentarios label.checked, #formularioContato label.checked,
#formularioAlterarSenha label.checked{
	background:none;
	display:inline;
	/*background: url(../imagens/checked.gif) no-repeat 0px 0px;
	width:16px;
	height:16px;*/
}
	
/*********** 				 			**********/
/*********** 	INTERNA - Cadastro		**********/
/*********** 				 			**********/
	
	
		/*********** 	Tamanhos INPUT	**********/
		
	#email_Dados, #emailConf_Dados, #emailAlter_Dados, #lembreteSenha{
		width:296px;
	}
	#senhaCadastro, #senhaConf_Cadastro{
		width:166px;
	}
	#SeuTime, #lugarJogos {
		width:276px;
		height:20px;
	}
	
/* 'legenda' do formulario de cadastro, meus dados e alterar email */
#formularioCadastro, #formularioMeusDados, #formularioAlterarEmail, #formularioContato,
#formularioAlterarSenha{
	width:604px;
}
#formularioCadastro label, #formularioMeusDados label, #formularioAlterarEmail label,
#formularioContato label, #formularioAlterarSenha label{
	padding-right:5px;
	padding-top:3px;
	float:left;
	text-align:right;
	width:160px;
}

/*********** 				 			**********/
/*********** 		MIGALHAS			**********/
/*********** 				 			**********/		
div.migalhas{
	width:604px;
	height:22px;
	font-size:1.1em;
	margin-bottom:10px;
}
	div.migalhas img, div.migalhas p, div.migalhas span{
		float:left;
	}
	div.migalhas p{
		padding-left:10px;
	}
	div.migalhas span{
		padding:1px 7px 0px 7px;
	}
	div.migalhas a{
		color:#a6a6a6;
	}
	.navegacaoAtual{
		font-weight:bold;
	}
	
/*********** - MIGALHAS - Classes para cada área de navegação **********/
.link_migalhas{
	color:#A6A6A6;
}
.migalhas{
	background:#383838;
	color:#A6A6A6;
}

.migalhas_minhaConta{
	color:#000000;
	background:#DBAA4A;
}
	div.migalhas a.link_migalhas-minhaConta{
		color:#333;
	}
	
.migalhas_noticiasDetalhe{
	background:#888888;
	color:#000000;
}
	div.migalhas a.link_migalhas-noticiasDetalhe{
		color:#000;
	}
	.link_noticias{
		color:#a6a6a6;
	}
	
.migalhas_especiais{
	background:#FFE400;
	color:#000000;
}
	div.migalhas a.link_migalhas-migalhas_especiais{
		color:#666666;
		}
		
.migalhas-variedades{
	background:#F00000;
	color:#000;
}
	div.migalhas a.link_migalhas-migalhas_variedades{
		color:#000;
	}


/*********** 				 					**********/
/*********** 		INTERNAS NOTÍCIAS			**********/
/*********** 				 					**********/	


.box_ferramentasNoticia{
	border:1px solid #454545;
	height:20px;
	margin-top:10px;
}
	.box_ferramentasNoticia ul li{
		float:left;
	}
		.box_ferramentasNoticia ul li.bt_imprimir{
			background:url(../imagens/bt_imprimir.gif) no-repeat;
			width:78px;
			height:19px;
		}
			.box_ferramentasNoticia ul li.bt_imprimir a{
				display:block;
				width:78px;
				height:19px;
			}
		.box_ferramentasNoticia ul li.bt_enviar{
			background:url(../imagens/bt_enviarEmail.gif) no-repeat;
			width:129px;
			height:19px;
		}
			.box_ferramentasNoticia ul li.bt_enviar a{
				display:block;
				width:129px;
				height:19px;
			}
.comentarios{
	margin-top:20px;
}
	.boxes-comentarios{
		background:#271F00;
		border:1px solid #614D00;
		padding:10px;
		margin-top:10px;
	}
	.box-comentario{
		background:#000000;
		padding:5px;
		margin-bottom:5px;
		width:572px;
	}
		.foto_comentario{
			float:left;
			width:53px;
			height:56px;
			margin-right:8px;
		}
		.container_comentario{
			float:left;
			width:500px;
		}
.descricaoNoticias{
	font-size:1.2em;
	margin-top:25px;
}
	.box-direitoNoticias{
		padding-left:15px;
		float:right;
		width:294px;
	}
	.preenchimentoGaleria{
		height:300px;
		display:block;
		width:294px;
		background:#000000;
	}
	.gif_carregando{
		background:url(../imagens/ajax-loader.gif) no-repeat center;
		height:300px;
		width:294px;
	}
		.galeriaFotos div.imagem_noticia{
			border:1px solid #4E4E4E;
			text-align:center;
			height:219px;
		}
		.galeriaFotos p{
			font-size:0.7em;
			color:#929292;
		}
		.descricao_imgNoticia{
			background:#383838;
			padding:6px 0 5px 7px;
			font-size:1.1em;
			border-bottom:1px solid #515151;
			width:287px;
		}
			.descricao_imgNoticia p{
				color:#aaa;
			}
		.botoesGaleria{
			margin-bottom:13px;
		}
			.botoesGaleria div.bt_anterior a{
				background:url(../imagens/bt_anterior.gif) no-repeat;
				width:69px;
				height:22px;
				display:block;
				float:left;
			}
			.botoesGaleria div.bt_proximo a{
				background:url(../imagens/bt_proximo.gif) no-repeat;
				width:69px;
				height:22px;
				display:block;
				float:right;
			}
			
.container_MinhaConta p{
	margin:10px 0 10px;
}

.vitrine ul li{
	float:left;
	width:294px;
	font-size:0.9em;
}
	.vitrine ul li img{
		float:left;
		margin-right:10px;
	}
	.vitrine ul li span{
		color:#E10602;
	}