@charset "utf-8";
/* CSS Document */

body {
	background: black url(../img/bg.jpg);
	font-family: Helvetica, Arial, sans-serif;
}

#tudo {
	width: 1000px;
	margin: 0 auto;
}

#corpo {
	width: 1000px;
	float: left;
	color: white;
	padding-bottom: 50px;
}

#menu {
	background: #000;
	width: 1000px;
	height: 66px;
	border-bottom: 5px solid #04B000;
}
	#menu ul { float: left; }
	
	#menu ul li {
		float: left;
		width: 150px;
		text-align:center;
	}
	
		#menu ul li a{
			padding-top: 25px;
			padding-bottom: 25px;
			color: white;
			text-decoration: none;
			display:block;
		}
		
			#menu ul li a:hover {
				background:#04B000;
			}

#banner {
	height: 200px;
	margin-top: 10px;
	background: url(../img/banner.png);
}

#row1 {
	height: 500px;
	margin-top: 10px;
	}
	
	#row1 #sobremim
	{
		width: 590px;
		height: 500px;
		background: url(../img/fundoab.png);
		float: left;
		}
		
		#row1 #sobremim p
		{
			padding: 15px;
			text-align: justify;
			line-height: 34px;
			font-size: 13pt;
			}
			
			#row1 #sobremim p img
			{
				float: left;
				padding-bottom: 5px;
				padding-right: 5px;
				}
		
	#row1 #row1col2 {
		width: 400px;
		height: 500px;
		margin-left: 10px;
		float: left;

	}
	
		#row1 #row1col2 #social{
			height: 100px;
			
		}
		
		#row1 #row1col2 #twitter {
			height: 390px;
			margin-top: 10px;
			background: url(../img/fundoab.png);
		}
		
		#twit {
			overflow: auto;
			height: 325px;
		}
		
		.twit {
			font-size: 9pt;
			margin-top: 5px;
			padding: 5px;
			background: #000;
			border: #333 1px ridge;
			width: 370px;
		}
		
		.loading
		{
			margin-left: 150px;
			margin-top: 100px;
			}

#row2 {
	height: 350px;
	margin-top: 10px;
}

	#row2 #mural {
		width: 300px;
		height: 365px;
		background: url(../img/fundoab.png);
		float: left;

	}
		
		#muralderecados
		{
			overflow: auto;
			height: 290px;
		}
	
	.loadingmural 
	{
		margin-top: 100px;
		margin-left:110px;
		display: none;
	}
	
	.muralnome 
	{
		font-size: 12px;
		font-weight: bold;
	}
	
	.muralemail
	{
		font-size: 10pt;
		color:#CCC;
	}
	
	.muralrecado
	{
		font-size: 10pt;
		color: #FFF;
	}
	
	.recado
	{
		margin-top: 2px;
		background: black;
		border: 1px #333 solid;
		padding: 2px;
		
	}
	
	#row2 #agenda {
		float: left;
		width: 690px;
		height: 365px;
		background: url(../img/fundoab.png);
		margin-left: 10px;
	}
	
		#row2 #agenda #scroll
		{
			height: 270px;
			width: 690px;
			overflow: hidden;
			position: relative;
		}
		
		#row2 #agenda #scroll #eventos
		{
			width: 5000px;
			position: absolute;
		}
		
			#row2 #agenda #eventos #evento
			{
				width: 220px;
				height: 270px;
				float: left;
				margin-left: 8px;
				color: white;
				font-size: 10pt;
				text-align: center;
			}
			
						
			#row2 #agenda #eventos #evento #eventofoto
			{
				margin: 5px auto;
				width: 210px;
				height: 230px;
			}

#row3 {
	height: 555px;
	float: left;
	margin-top: 10px;
	}
	
	#row3 #top {
		float: left;
		width: 400px;
		height: 555px;
		background: url(../img/fundoab.png);
	}
	
		#row3 #top #tops
		{
			color: white;
		}
		
			#row3 #top #tops p
			{
				padding: 4px;
				font-size: 10pt;
				line-height: 20px;
				border-bottom: 1px green dotted;
			}
				#row3 #top #tops p span { color: green}
				#row3 #downloads p span { color: green}
			
				#row3 #downloads p a:hover
				{
					text-decoration: underline;
				}
				
				#row3 #downloads p a:visited
				{
					color: blue;
				}
	
	#row3 #downloads {
		float: left;
		width: 400px;
		height: 555px;
		background: url(../img/fundoab.png);
		margin-left: 10px;
	}
	
		#row3 #downloads #download
		{
			font-size: 10pt;
			line-height: 19px;
		}
		
			#row3 #downloads #download p
			{
				padding: 5px;
				border-bottom: 1px green solid;
				color: white;
			}
	
	#row3 #parceiros {
		width: 180px;
		margin-left: 10px;
		float: left;
		height: 555px;
		background: url(../img/fundoab.png);
	}

	#rodape
	{
		float: left;
		height: 40px;
		margin-top: 15px;
		width: 1000px;
	}
	
	#rodape ul
	{
		width: 400px;
		margin: 0 auto;
	}
	
	#rodape ul li
	{
		float: left;
		width: 100px;
		text-align: center;
	}
	
	#rodape ul li a
	{
		padding: 12px;
		display: block;
		color: white;
	}
	
	#rodape ul li a:hover
	{
		text-decoration: underline;
	}
	
	#rodape p
	{
		clear: both;
		text-align: center;
		font-size: 10pt;
	}