@charset "utf-8";
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 }
  
  h5 {
font-family:Verdana;
color: #000;
word-wrap: break-word;
}
  a:link {
color:#FFF;
text-decoration:none;
}
a:visited {
color:#FFF;
text-decoration:none;
}
a:hover {
color:#FFF;
text-decoration: none;
}
a:active {
color:#FFF;
text-decoration: none;
}



/*div geral, que engloba a página inteira*/
#geral{
 width:auto;
 height:auto;
 background-color:#666666;
}

/*topo*/
#geral_topo{/*Segura o topo em uma div separada*/
 width:auto;
 height:220px;
 background-color:#666666;
 }
 
#topo{
 width:800px;
 height:70px;
 margin:5px auto;
 background-color:#bc000f;
 }
#pesquisa{
	margin-top:30px;
	margin: 0 auto;
	width:500px;
	height:40px;
}
#menu{
 width:auto;
 height:30px;
 background-repeat:repeat-x;
 background-color:#000000;
 font-family:verdana;
 font-size:22px;
 color:#FFFFFF;
 }
 
#menu2{/*criei para poder alinhar os botões no meio*/
 width:641px;
 height:30px;
 margin:0 auto;
 text-align:center;
 }
/* Botões do menu*/
	#home{
 	width:100px;
 	height:30px;
 	background-color:#CCCCCC;
	float:left;
	margin-left:auto;
 	}

	#multimidia{
 	width:140px;
 	height:30px;
 	background-color:#CCCCCC;
	float:left;
 	}
	
	#femvirtual{
 	width:170px;
 	height:30px;
 	background-color:#CCCCCC;
	float:left;
 	}

	#femtv{
 	width:120px;
 	height:30px;
 	background-color:#CCCCCC;
	float:left;
 	}
	
	#busca{
 	width:107px;
 	height:30px;
 	background-color:#000000;
	float:left;
 	}
	
	
#flash{
 width:800px;
 height:105px;
 margin:5px auto;
 background-color:#bc000f;
 }

/*corpo da página*/
#geral_corpo{/*segura o lado direito da página*/
margin-top:20px;
 width:580px;
 min-height:550px;
 height:auto;
 float:right;
 background-color:#999;
font-family:verdana;
	font-size:9px;
	color:#FFF;
 }

#geral_foto{/*Geral foto.Segura o lado esquerdo do site*/
margin-top:20px;
width:200px;
 height:auto;
 float:left;
 background-color:#000000;
 }
 
#foto{
	margin-top:5px;
 width:200px;
 height:400px;
 background-repeat:no-repeat;
 }
 
#anteriores{
 width:200px;
 height:250px;
 margin-top:2px;
 background-color:#000000;
 text-align:center;
 font-family:verdana;
 font-size:12px;
 color:#FFFFFF;
 }
 
#corpo2{/*Une os dois lados da página e os controla*/
 width:800px;
 height:auto;
 margin:auto;
 }






/*área dinâmica da página, incorporada ào "corpo da página"*/
#titulo{
 width:550px;/*450 menos 5 de padding*/
 height:90px;/*50 menos 5 de padding*/
 padding-top:10px;
 padding-left:5px;
 text-align:left;
 background-color:#999999;
 font-family:verdana;
 font-size:20px;
 color: #FFF;
 }
 #postagens{
	 margin-left:60px;
	 margin-right:20px;
	 width:120px;
	 height:auto;
	 font-family:verdana;
	 font-size:10px;
 }
 
#dirigente{/*div em que o dirigente escreve*/
float:left;
 width:550px;
 height:auto;/* Não precisa de tamanho porque não se sabe quanto o dirigente falará*/
 padding-top:5px;
 padding-left:15px;
 background-color:#999999;
 font-family:verdana;
 font-size:12px;
 }
 
#comente{/*div que receberá os campos para comentarem*/
 width:550px;
 height:auto;
 background-color:#999999;
 text-align:center;
 font-family:verdana;
 font-size:16px;
 font-weight:bold;
 }
 
#formulario{/*Formulário para inserir os textboxes e labels para os comentários*/
 width:550px;
 height:auto;
 margin:10px 10px;
 font-family:verdana;
 font-size:12px;

 }
 
#comentarios{/*div que receberá os comentários aprovados*/
	width:550px;/* 444px porque é tirado dos 600px, o lado esquerdo 200 da margem, 150 da foto e 6px da separação foto-comentário*/
	height:auto;/* Não precisa de tamanho porque não se sabe o tamanho do comentário*/
	background-color:#999999;
	text-align: left;
	font-family:verdana;
	font-size:16px;
	color:#FFF;
 }
 #opiniao{
	 float:right;
	 	width:550px;/* 444px porque é tirado dos 600px, o lado esquerdo 200 da margem, 150 da foto e 6px da separação foto-comentário*/
 		height:auto;/* Não precisa de tamanho porque não se sabe o tamanho do comentário*/
 		margin-left:2px;
		margin-top:60px;
		margin-right:20px;
		text-align: justify;
		font-family:verdana;
		font-size:12px;
		color:#FFF;
		word-wrap: break-word;
		border:#333;
		background-color:#000;
			
	 	}
#nome{
	text-align:left;
	margin-top:3px;
	margin-left:20px;
	width:490px;
	max-width:500px;
	font-family:verdana;
	font-size:9px;
	color:#FFF;
	background-color: #000;
	max-height:50px;
	text-align: left;
}
#email{
	text-align:left;
	margin-top:3px;
	margin-left:20px;
	max-width:500px;
	width:490px;
	font-family:verdana;
	font-size:9px;
	color:#FFF;
	background-color: #000;
	max-height:50px;
	text-align: left;
	
	}
#opina{
	text-align:left;
	margin-top:3px;
	margin-left:20px;
	max-width:490px;
	font-family:verdana;
	font-size:9px;
	color:#FFF;
	background-color: #000;
	max-height:100px;
	min-height:50px;
	text-align: left;
}

/*rodape*/
#rodape{
/*importar módulo do rodapé*/
 }