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

body {
	background: black;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#page {
	margin: 10px auto;
	background: url(imagens/PAGE_BACKGROUND.PNG) black;
	width: 940px;
	padding-bottom: 10px;
	}

	#page #menu {
		width: 930px;
		margin-left: 5px;
		padding-top: 5px;
		}
	.player {
		float:right;
		margin-top: -7px;
		}
	
	#page #menu ul {
		height: 20px;
		padding: 5px;
		background: url(imagens/MENU_BACKGROUND.png) repeat-x;
		border-bottom: 4px #18BF00 solid;
	}
	
	#page #menu ul li{
		display: inline;
		padding: 5px 5px 0px 5px;
		}
	
	#page #menu ul li a {
		font-size: 10pt;
		color: white;
		padding: 7px 5px 8px 6px;
		}
	
	#page #menu ul li a:hover {
		background: #18BF00;
		color: #333;
		}
	
	#page #banner {
		margin-left: 5px;
		margin-top: 5px;
		height: 160px;
		width: 930px;
		background: black;
		}
	
	#page #content .titulos span {
		color: #18BF00;
		}
	#page #content .titulos {
		background: url(imagens/TITULOS_BACKGROUND.png) ;
		}
	
	#page #content #col1 {
		float: left;
		width: 306px;
		margin-top: 5px;
		margin-left: 5px;
		}
		
		#page #content #col1 #twitter {
			color: white;
			padding: 5px;
			background: black;
			}
			
			#page #content #col1 #twitter a{ 
			color: white;
			}
			
			#page #content #col1 #twitter iframe {
				margin-top: 5px;
				margin-bottom: 5px;
				border: 1px #18BF00 ridge;
				}
				
								#page #content #col1 #muralderecados p a {
					color: gray;
					}
					#page #content #col1 #muralderecados p a:visited {
					color: gray;
					}
					#page #content #col1 #muralderecados p a:hover {
						color:#18BF00;
						text-decoration: underline;
						} 
			
			#page #content #col1 #muralderecados {
			margin-top: 5px;
			color: white;
			padding: 5px;
			background: black;
			}
			
			#page #content #col1 #muralderecados iframe {
				margin-top: 5px;
				margin-bottom: 5px;
				border: 1px #18BF00 ridge;
				}
			
		
		#page #content #col2 {
		float: left;
		width: 306px;
		margin-top: 5px;
		margin-left: 5px;
		}
			
			#page #content #col2 #sobremim {
				padding: 5px;
				color:white;
				background: black;
				height: 357px;
				}
				
				#page #content #col2 #sobremim img {
					float: left;
					padding: 6px;
					background: black;
					}
				
				#page #content #col2 #sobremim p {
					padding: 3px;
					text-align: justify;
					font-size: 9pt;
					line-height: 19px;
					} 
					
			#page #content #col2 #cadastroemail {
				clear: both;
				margin-top: 5px;
				color: white;
				background: black;
				padding: 5px;
				}
			
				#page #content #col2 #cadastroemail p {
				font-size: 9pt;
				padding: 4px;
				}
			
				#page #content #col2 #cadastroemail input {
					border: 1px white ridge;
					background: gray;
					margin-top: 15px;
					} .inputtext { width: 240px;}
					
					
		#page #content #col3 {
		float: left;
		width: 306px;
		height: 100px;
		margin-top: 5px;
		margin-left: 5px;
		}
		
			#page #content #col3 #top10 {
				padding: 5px;
				color: white;
				background: black;
				}
				
				#page #content #col3 #top10 ol li{
					border-bottom: dashed 1px #003E01;
					padding: 2px;
					} 
			
				#page #content #col3 #top10 ol li p {
					font-size: 9pt;
					line-height: 20px;
					}
					#page #content #col3 #top10 ol li p span {
						font-weight: bold;
						color: #18BF00;
						}
	
		#page #content #row1 {
			margin-top: 5px;
			margin-left: 5px;
			}
		
			#page #content #row1 #agenda {
				padding: 5px;
				background: black;
				color: white;
				width: 607px;
				height: 100px;
				float: left;
				}
				
				#page #content #row1 #agenda table {
					margin-top: 5px;
					width: 600px;
					padding: 5px;
					}
					
					#page #content #row1 #agenda table tr td {
						border-bottom: 1px dashed #003E01;
						padding: 5px;
						font-size: 9pt;
						}
					
				#page #content #row1 #sites #orkut {
					margin-left: 5px;
					float: left;
					width: 306px;
					height: 70px;
					}
					
					#page #content #row1 #sites #orkut img
					{
						margin-left: 5px;
						}
				
				#page #content #	 #sites #downloads {
					margin-top: 10px;
					margin-left: 10px;
					float: left;
					width: 306px;
					height: 55px;
					}
	#page #parceiros {
		margin-top: 5px;
		margin-left: 5px;
		padding: 5px;
		width: 930px;
		background: black;
		color: white;
		}
		
	#page #rodape {
		margin-left: 5px;
		margin-top: 10px;
		background: url(imagens/RODAPE_BACKGROUND.png);
		height: 30px;
		width: 930px;
		color: white;
		font-size: 10pt;
		}
	
		#page #rodape #address {
			float: left;
			width: 745px;
			}
		
		#page #rodape #address p {
			text-align: center;
			padding-top: 6px;
			}
			#page #rodape #address p a {
				color: white;
				}
				#page #rodape #address a:hover {
					text-decoration: underline;
					}
				
				#page #rodape #validator {
					float: right;
					padding-top: 6px;
					margin-right: 5px;
					}	
			#page #content #row {
			display: none;
			margin-top: 5px;
			margin-left: 5px;
			background: black;
			color: white;
			font-size: 9pt;
			text-align: justify;
			line-height: 20px;
			width: 930px;
			}
			#page #content #row img {
				padding: 5px;
				}
			
			#page #content #row0 { /*Para a pagina aboutme.php*/
			margin-top: 5px;
			margin-left: 5px;
			background: black;
			color: white;
			font-size: 9pt;
			text-align: justify;
			line-height: 20px;
			width: 930px;
			}
				
				#page #content #row0 img {
				padding: 5px;
				}

/* menu do painel */

#menupainel {
	width: 930px;
	margin-left: 5px;
	padding-top: 5px;
	}

	#menupainel ul {
		height: 20px;
		padding: 5px;
		background: url(imagens/MENU_BACKGROUND.png) repeat-x;
		border-bottom: 4px #18BF00 solid;
	}
	
	#menupainel ul li{
		display: inline;
		padding: 5px 5px 0px 5px;
		}
	
	#menupainel ul li a {
		font-size: 10pt;
		color: white;
		padding: 7px 5px 8px 6px;
		}
	
	#menupainel ul li a:hover {
		background: #18BF00;
		color: #333;
		}