/* *****************************************************************************************
PORTAL UAI - BRASILEIRAO 2009
AUTOR (CSS, HTML E LAYOUT): ANDRE GUSTAVO SANTOS GREGORIO E BRENO CORREA DE ARAÚJO (agsgregorio@gmail.com; brenoaraujobh@gmail.com)
CRIAÇÃO DO CSS: 05 de março de 2009
***************************************************************************************** */
body{
	background-color:#008E36;
	background:url(../imagens/bg.jpg) repeat fixed;
	margin:0;
}


#container{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

/* TOPO */
#topo{
	width:990px;
	clear:both;
	overflow:hidden;
	
}
#cabecalho{
	width:990px;
	height:146px;
	clear:both;
	overflow:hidden;
	background:url(../imagens/bg_cabecalho.gif) bottom center no-repeat;
	
	
}

#logo{
	position:absolute;
	margin-left:4px;
	margin-top:10px;
}
#bannerTopo{
	position:absolute;
	margin-left:250px;
	margin-top:43px;
}

#menu1{
	width:990px;
	height:35px;
	clear:both;
	white-space:nowrap;
	overflow:hidden;
	background:url(../imagens/bg_menu1-trans.png) top no-repeat;
}
	.menu1_imgs{
		margin-top:5px;
		margin-left:-1px;
		border:none;
		outline:none;
	}
#menu2{
	width:990px;
	height:50px;
	clear:both;
	overflow:hidden;
	text-align:center;
	margin-top:6px;
	background:url(../imagens/bg_menu2-trans.png) center no-repeat;
	margin-bottom:15px;
}

#menu3{
	position:absolute;
	margin-left:320px;
	font-family:Trebuchet Ms;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
}

#menu3 a{
	text-decoration:none;
	color:#FFFFFF;
}

#menu3 a:visited{
	text-decoration:none;
	color:#FFFFFF;
}

#menu3 a:hover{
	text-decoration:none;
	color:#EFEFEF;
}

/* CORPO */
#corpo{
	width:990px;
	overflow:hidden;
}
#conteudo{
	width:816px;
	overflow:hidden;
	float:left;
	
}
	#coluna_esquerda{
		width:500px;
		overflow:hidden;
		float:left;
	}
		#voce_no_brasileiraoIMG{
			width:498px;
			height:392px;
			z-index:1;
			margin:-15px 0 0 -30px
			
			
		}
		#voce_no_brasileirao{
			width:498px;
			height:392px;
			position:absolute;
			z-index:5;
			padding:15px;			
		}		
		
		#vcinterna{
			padding:30px;
			font-size:12px;
			font-family:Trebuchet Ms;
			line-height:16px;
		}
		
		#vcinterna a{
			color:#E7970A;
		}
		
		#vcinterna ul{
			margin-left:-30px;
			*margin-left:0px;
			font-size:11px;
		}		

		#vcinterna li{
			list-style:none;
			background-image:url(../imagens/ico_bola.jpg);
			background-repeat:no-repeat;
			background-position:left center;
			padding-left:60px;
			min-height:60px;
			*margin-bottom:10px;
			font-size:11px;	
		}

	#coluna_direita{
		width:300px;
		overflow:hidden;
		float:right;
	}
	
		#bolsaCraqueIMG{
			width:298px;
			height:380px;
			z-index:1;
			margin: 0 0 15 15;
			
			
			
		}
		#bolsaCraque{
			width:268px;
			height:350px;
			z-index:5;
			position:absolute;
			padding:15px;
			overflow:hidden;


			
		}
		#mundoBolaIMG{
			width:298px;
			height:200px;
			z-index:1;
			margin: 15px 0 0 0;			
		}
		#mundoBolaIMG a	{
			text-decoration:none;
			color:#FFF;
		}
		
		#mundoBola{
			width:268px;
			height:170px;
			z-index:5;
			position:absolute;
			
			padding:15px;
			overflow:hidden;


			
		}
	
	
	
	
#skyscrapper_wide{
	width:160px;
	height:600px;
	overflow:hidden;
	float:right;
}

/* RODAPÉS */
#rodape1{
	width:990px;
	*margin-top:15px;
	
	
	
}
	#bannerRodape{
		
		width:377px;
		float:left;
		
	}

	#colaborativoIMG{
		
		z-index:1;
		
	}
	#colaborativo{
		padding:3px 0 0 10px;
		*margin-top:5px;
		position:absolute;
		z-index:5;
	}
	#colaborativoMain{
		width:574px;
		height:143px;
		float:right;
	}
	
	.post{
		width:175px;
		float:left;
		height:75px;
		margin-right:7px;
		z-index:10px;
		
				
	}


#rodape2{
	width:990px;
	overflow:hidden;
	clear:both;
	padding-top:30px;
}


/* *********************************************************************
TEXTO
***********************************************************************/

#vcinterna p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	
	
}
.textoBranco{
		
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:bolder;
	
}
.textoBrancoM{
		
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	
	
}
.destaque{
		
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#063;
	font-weight:bold;
	font-style:italic;
	
	
}

#rodape{
	width:990px;
	height:29px;
	margin-top:140px;
	*margin-top:15px;
	padding-top:5px;
	overflow:hidden;
	background:url(../imagens/bg_rodape-trans.png) center top no-repeat;
	font-family:Trebuchet MS;
	font-size:13px;
	text-align:center;
	color:#FFFFFF;
}

#rodape a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
#rodape a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}
#rodape a:hover {
	text-decoration: underline;
	color: #EFEFEF;
	font-weight:bold;
}
#rodape a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

/* *********************************************************************
Posiçao
***********************************************************************/

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}