/*Esse documento .css foi criado por Vinicius Colacino da Rocha.
Por favor, NAO inclua absolutamente nada sem antes saber o que eh WEB SEMANTICA.
Por favor, NAO inclua absolutamente nada se voce nao conhece CSS.
Por favor, NAO inclua absolutamente nada SEM comentario (leia abaixo!).*/

/*OBSERVACOES INTERESSANTES
	Por incrivel que pareca, jah vi alguns BUGS no Internet Explorer devido a comentarios acentuados
e caracteres especiais.
	Normalmente, o item abaixo do comentario apresentava algumas anomalias.
	Entao, como regra, nao acentue nem coloque caracteres especiais em NENHUM comentario.
*/

/*PADRONIZACAO - !IMPORTANTE!
	Muitas classes aqui declaradas foram COPIADAS para o CSS de 'Institucional.exalunos'.
 	
	Entao, caso haja necessidade de alteracoes, eh importante modificar tanto este
	css quanto o css de Ex-Alunos, para que haja um PADRAO.


	**MAIS SOBRE PADRONIZACAO**
	Pelo mesmo razao, ou seja, manter a padronizacao do Portal, naum criei classes 
	semelhantes que se diferem em apenas um atributo. Confuso? Observe:
	
	#exemplo
	{
		width: 770px;
		height: 40px;
		border: none;
	}

	.teste #exemplo
	{
		height: 60px;
	}
	
	O ID 'exemplo' tem as caracteristicas que voce pode ver acima mas,
	quando este estah dentro da classe teste, ele assume height: 60px,
	mas seu width e seu atributo referente as bordas permanece.
	Assim, caso eu precise mudar alguma coisa, basta mudar apenas um atributo.
	Um bom exemplo eh a classe 'input', que assume diferentes tamanhos em todo
	o site, mas tem um padrao de bordas, altura, cor, etc.
	
*/

/*********GERAL*********/

		/*a barra verde, na lateral esquerda do site.*/
		.barra_topo
		{
			background-image: url(../imagens/barra_login_elipse_fundo.gif);
			background-repeat: repeat-x;
			/*seu width tem esse valor para que a barra vah ateh
			metade do espaco da pagina.*/
			width: 50%;
			height: 29px;
			top: 0;
			left: 0;
			position: absolute;
		}
			
		.barra_topo img
		{
			float: right;
			margin-right: -3px;
		}
			
		body
		{	
			background-image: url(../imagens/html.jpg);
			background-repeat: repeat-x;
			background-color: #FFFFFF;
		}
		
		form
		{
			margin:0;
			padding:0;

			text-align: center; /*para que o site fique centralizado no Internet Explorer*/
		}

		/*a tag form aparece em todos os Templates, e eh essa tag que centraliza o site.*/
		#conteudo
		{
			/*background-color: #FFFFFF;*/
			width: 770px;
			height: auto;
			margin: 0 auto;/*o valor 'auto' faz com que o site fique centralizado em outros browsers*/
			padding: 0px;
			/*text-align: left;*/
		}
		
		/*Classe para alinhar objetos a direita*/
		.dir{
			float: right;
			display: inline;
		}

		/*Classe para alinhar objetos a esquerda*/
		.esq{
			float: left;
			display: inline;
		}
/******************/




/*********FONTS*********/
		/*Todos os itens terao essas configuracoes,sejam eles paragrafos, links, listas, etc.*/
		*
		{
			font-family: 'Verdana';
			text-align: justify;
			font-size: 11px;
			margin: 0px;
			padding: 0px;
		}

		/*Paragrafos, textos*/
		p, li, .combo, .radio_button
		{
			font-weight:normal;
			font-size: 11px;
			color: #333333;
		}
		
		p
		{
			margin-top: 8px;
			margin-bottom: 8px;
		}

		/*para que todas as combos tenham bordas personalizadas.
		nao visibel no IE6 ou inferior.*/
		.combo{
			border-top: solid 1px #CCCCCC;
			border-left: solid 1px #CCCCCC;
			border-right: solid 1px #999999;
			border-bottom: solid 1px #999999;
			/*border: solid 1px #009900;*/
		}
		
		
		/*Titulos*/
		/*utilizados apenas no cabecalho e nos logos*/
		h1
		{
			color: #B42121;
			font-weight: bolder;
			text-align: left;
			font-size: 16px;
		}

		/*Subtitulos*/
		h2
		{
			color: #FFFFFF;
			font-weight: bold;
			text-align: center;
			font-size: 12px;
			/*text-transform: uppercase;*/
			background-repeat: no-repeat;
		}
		
		h3
		{
			border-bottom: solid 1px #B42121;
			margin-bottom: 5px;
		}
		
		h3, .centro_eventos h3 *, .centro h3 *
		{
			font-size: 14px;
			color: #B42121;
		}
	
		h4
		{
			color: #B42121;
			margin: 14px 0px;
		}
		
		h3 a:hover, h4 a:hover
		{
			text-decoration: none;
		}


		/*titulo-faixa vermelha*/
		h5
		{
			/*color: #ffffff;
			background-color: #B42121;*/
			color: #B42121;
			padding-left: 3px;
			margin:3px 0px;
			border-bottom: solid 1px #B42121;
		}
                h6
		{
			color: #333333;
			font-weight: bold;
			text-align: center;
			font-size: 11px;
		}



		/*para que as imagens da classe 'centro' fiquem a direita e com uma pequena margem do texto*/
		.centro img, .centro_eventos img, .centro_projetos_externos img
		{
			margin-left: 10px;
			float: right;
			clear: right;  
			/*display: inline;
			border: solid 1px #B42121;*/
			margin-bottom: 15px;
		}
/******************/




/*********LINKS*********/
	/*Os links, por padrao, obedeceram a estas configuracoes*/
	a
	{
		color: #B42121;
		text-decoration: none;
	}

	/*Quando se posiciona o mouse sobre o link*/
	a:hover
	{
		text-decoration: underline;
	}

	a img{border:none;}
	
	/*os links de navegacao do menu lateral esquerdo*/
	.lateral_esq a
	{
		color: #333333;
	}
/******************/


/*********LISTAS*********/
	.centro span ul li
	{
		list-style-type: disc;
		list-style-position: inside;
	}
	
/******************/


/*********CABECALHO,LOGO, TITLE*********/
		/*A area aonde fica o Logo da Instituicoo e o Logo do Portal*/
		#cabecalho
		{
			background-image: url(../imagens/html.jpg);
			background-repeat: repeat-x;
			background-attachment: scroll;
			width:770px;
			height: 123px;
			margin: 0px;
			white-space: nowrap;
		}
		
		/*Para que todas as imagens dentro de cabecalho nao possuam bordas*/
		#cabecalho img
		{
			border: 0px;
			padding: 0px;
			margin: 0px;
			margin-top: 29px;
			margin-top: 16px;
			margin-top: 0px;
			padding: 0px;
			/*margin-top: 5px;*/
			display: inline;
		}
		
		/*o acesso restrito ao sistema*/
		#cabecalho a, #cabecalho strong
		{
			float: right;
			height: 29px;
			line-height: 25px;
		}
		
		#cabecalho #acesso_restrito
		{
			background-image: url(../imagens/bt_fundo2.gif);
			background-repeat: repeat-x;
			background-position: center;		
			color: #333333;
			margin-left: 5px;
			padding: 0px 2px;			
		}
		
	
		/*O ie apresenta um 'sublinhado' nas figuras*/
		#cabecalho a:hover{text-decoration: none;}

		#cabecalho #logo
		{
			clear: left;
		}
		
		/*configuracoes para que o BECO fique grudado na barra e na sua mao*/
		#cabecalho h1 a #Portal_Logo 
		{
			margin-bottom: -2px;
		}
		
		/*#cabecalho h1
		{
			background-image: url(../imagens/Portal_Logo.jpg);
			background-position: right bottom;
			background-repeat: no-repeat;
		}*/
/******************/


/*********MENU PRINCIPAL*********/
	/*A div menu, que 'aloca' espaco para o mesmo.*/
	#menu
	{
		background-image: url(../imagens/menu_fundo.gif);
		background-repeat: repeat-x;
		width: 770px;
		height: 29px;
		margin: 0px;
		/*margin-top: 50px;*/
	}

	/*O menu principal, eh uma lista*/
	#menu ul {
		padding:0px;
		margin:0px;
		float: left;
		list-style:none;
		text-align: center;
		height: 29px;
	}

	/*Faz com que os itens fiquem em linha.*/
	#menu ul li { display: inline; }

	/*Os links do Menu Principal; as abas.*/
	#menu ul li a 
	{
		font-family: 'Verdana';
		font-size: 10px;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
		float:left;
		background: url(../imagens/aba_botao.gif) no-repeat;
		width: 94px;
		width: 89px;
		height: 29px;
		margin: 0px;
		font-weight: bold;
		line-height: 25px;
	}

	/*Quando se posiciona o mouse sobre o link*/
	#menu ul li a:hover,  {
		/*color: #B42121;*/
	}

	/*O link selecionado, atual*/		
	#menu ul li a.current{
		background: url(../imagens/aba_botao_selected.gif) no-repeat;
		/*background-color: #FFFFFF;
		color: #B42121;*/
	}
	
		/*a setima aba tera uma figura diferente que eh a MAO DO BECO*/
		#menu ul li #menuLink7
		{
			background: url(../imagens/aba_botao_mao.gif) no-repeat;
		}
		
		#menu ul li #menuLink7:hover, #menu ul li #menuLink7.current
		{
			background: url(../imagens/aba_botao_selected_mao.gif) no-repeat;
		}
	
	
/******************/


/*********SUBMENU*********/
	/*O submenu, que fica abaixo do Menu Principal.*/
	#submenu
	{
		margin: 0px;
		/*margin-bottom: 10px;*/
		/*margin-top: 5px;*/
		margin-left: 9px;
		margin-bottom: 5px;
		width: 752px;
		height: 27px;
		font-size: 10px;
	}

	/*O conteudo dos submenus tambem sao listas. */
	#submenu ul {
		padding:0px;
		margin:0px;
		float: left;
	}

	/*Faz com que os itens fiquem em linha.*/
	#submenu ul li{display: inline;}

	/*Os links do Submenu*/
	#submenu ul li a{
		text-decoration: none;
		color: #333333;
		font-family: 'Verdana';
		font-size: 10px;
	}

	/*Quando se posiciona o mouse sobre o link*/
	#submenu ul li a:hover{
		text-decoration: underline;
		text-decoration: none;
		color: #B42121;
	}

	#submenu ul li a.current, #submenu ul li.atual a, #submenu ul li #canalAtivo
	{
			color: #B42121;
	}

	/*Essa classe eh necessaria para que os links fiquem invisiveis, tornando-se visiveis apenas quando o usuario posicionar o cursor sobre o item no Menu Principal*/
	.tabcontent{
			display:none;
	}
/******************/



/*********BOXES, INPUT, TEXTBOX*********/
	input, .input, .McmsSearchInputTextBox
	{
		background-image: url(../imagens/input_fundo.jpg);
		background-repeat: repeat-x;
		border-top: solid 1px #CCCCCC;
		
		border-left: solid 1px #CCCCCC;
		border-right: solid 1px #999999;
		border-bottom: solid 1px #999999;
		
		margin-top: 5px;
		margin-right: 5px;
		margin-left: 5px;
		width: 90px;
		height: 16px;
		/*height: 12px;*/
		font-size: 10px;
		color: #666666;
		/*background-image: url(../imagens/input_fundo.jpg);
		background-repeat: repeat-x;*/
	}
/******************/


/*********BOTÕES*********/
	/*Aqui estao todos os botoes utilizados no Portal*/
		
	/*Botao para LOGIN; chave*/
	.bt_procura
	{
		background-image: url(../imagens/bt_procura.gif);
		margin: 0px;
		border: 0px;
		padding: 0px;
		width: 24px;
		height: 16px;
		cursor: hand;
		cursor: pointer;
	}

	/*Botao generico. Seu width (largura) eh definido dentro do div em que esta.*/
	.bt_generico, .bt_projetos_externos
	{
		background-image: url(../imagens/bt_fundo.gif);
		background-repeat: repeat-x;

		height: 16px;
		cursor: hand;
		cursor: pointer;
		margin: 0px 2px;
		margin-top: 3px;
		padding: 0px;
		border: 0px;
		/*Essa borda faz uma sombra no botao*/
		border-right: solid 1px #999999;
		border-bottom: solid 1px #999999;
		
		font-weight: bold;
		color: #666666; 
		text-align:center;
		font-size: 10px;
		display: block;
	}

	.bt_generico a{color: #666666;}
	.bt_generico a:hover{text-decoration: none;}
	
	.centro_eventos .bt_generico{float: right; clear: both;}

/******************/




/*********PROCURAR, BUSCAR, LOCALIZAR*********/
#procura
{
	/*background-image: url(../imagens/procura_fundo.gif);
	background-repeat: repeat-x;*/
	
	float: right;
	/*width: 181px;*/
	height: 17px;
	margin-top: 5px;
	display: none;
}


#procura *
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#procura .input
{
		border: none;
		
		background-image: url(../imagens/input.gif);
		background-repeat: no-repeat;
			
		background: url(../imagens/input.gif) no-repeat fixed;
		width: 121px;
		height: 15px;
		
		padding: 0px;
		padding-left: 18px;
		padding-right: 12px;
		padding-top: 2px;
}

/*item necessario para que a imagem do campo de procura seja exibida corretamente no Internet Explorer,
Mozilla Firefox, Opera...*/
#procura>.input
{
		background-attachment: scroll;
		/*ok para Firefox e Opera. Como o IE naum interpreta essa propriedade, ok para todos.*/
}

#procura .bt_procura
{
	width: 18px;
	height: 15px;
	background-image:url(../imagens/input_2.gif);
}

#procura .bt_procura:hover
{
	background-image:url(../imagens/input_2_hover.gif);
}




/*********CENTRO, CONTEUDO, PRINCIPAL*********/
	/*O Centro, aonda vai o conteudo*/
	.centro, .centro_home
	{
		width: 540px;
		width: 563px;
		/*width: 570px;
		width: auto;*/
		height: auto;
		float: left;
		display: inline;
		
		
		/*para que tudo o que estiver dentro de centro adquira essas propriedades,
		caso naum haja nenhuma tag definindo o conteudo.*/
		font-weight:normal;
		font-size: 11px;
		color: #333333;
		margin-left: 10px;
	}
	
		.centro
		{
			/*float: left;
			display: inline;*/
		}

			.centro ul ul li
			{
				list-style-type: square;
			}

	/*o espaco da home precisa ser um pouco maior.*/
	.centro_home{width: 570px;}
	
	/*todos os div dentro de centro_home terao tais propriedades*/
	/*.centro_home div
	{
		margin-bottom: 5px;
	}*/
	
	.centro_eventos
	{
		float: left;
		display: inline;
		width: 394px;
	}
	
	
	/*FOTOS*/
	#fotos img
	{		
		text-align: center;
		margin: 10px 0px 5px 0px;
		width: 307px;
		height: 230px;
		border: solid 1px #990000;
	}
	
	.centro #fotos{text-align: center;}
	#fotos span{float: none; display: block; clear: both; width: 307px; text-align:center; margin: 0 auto; }
	#fotos h3, #fotos .centro h3 *{float: none; width: auto;}
	.centro #fotos td img{width: auto; height: auto;}
	
/******************/


/*********LATERAIS, DIREITA, ESQUERDA*********/

	/*lateral direita, para a home (Procura, Noticias, Oportunidades, Ex-Alunos)*/
	.lateral_dir{
		width: 176px;
		height: auto;
		float: right;
		display: inline;
		margin: 0px;
		padding: 0px;
		margin-left: 10px;
		margin-right: 2px;
		/*display: block;*/
		/*margin-top: -10px;*/
	}
	
		/*todos os div dentro de lateral_dir terao tais propriedades
		.lateral_dir div, .lateral_esq div
		{
			margin-bottom: 5px;
		}*/


	/*lateral esquerda, para os menus das paginas internas (Segmentos Escolas, Parceiros, Endereco de Escolas)*/
	.lateral_esq{
		width: 199px;
		width: 176px;
		height: auto;
		float: left;
		display: inline;
		margin-right: 10px;
		margin-left: 2px;
	}
/******************/



/*********FLASH*********/	
	/*Essa eh a tag utilizada para inserir o FLASH na HOME*/
	object
	{
		padding: 0px;
		margin: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		display: block;
	}

	object.home
	{
		margin: 0px;
		
		/*margin-top: 10px;
		margin-bottom: 14px;*/
	}
	
	.flash
	{
		display: block;
		/*margin-bottom: 5px;*/
	}
/******************/



/*********RESUMO AREAS, DESTAQUES, ABAS*********/
		/*ABAS QUE DAO ACESSO AOS DESTAQUES E AS AREAS DE ATUACAO*/
		#abas
		{
			width: 566px;
			height: 27px;
			display: block;
			list-style-type: none;
			margin-top: 5px;
			/*background-color: Aqua;
			padding-left: 81px;*/
			padding-left: 131px;
			
		}
		
		#abas li
		{
			display: inline;
		}
		
				
		#abas li a
		{
			background: url(../imagens/aba_areas.gif);
			background-repeat: no-repeat;
			width: 152px;
			height: 27px;
			
			float: left;
			display: block;
			padding: 0px;
			
			padding-top: 5px;
			
				
			text-align: center;
			font-size: 12px;
			font-weight: bold;
			margin: 0px;
			margin-bottom: -5px;
			margin-right: 30px;
			/*margin-right: 100px;*/
			color: #749C3D;
			color: #86B447;
			color: #B48647;
		}
		
		#abas a:hover
		{
			text-decoration: none;
		}
		
		#abas li.selected a
		{
			background: url(../imagens/aba_areas_selected.gif);
			background-repeat: no-repeat;
			color: #B42121;
		}
		
		
		
		/*AREAS DE ATUACAO, RESUMO DAS AREAS, DIA NACIONAL, DNAV*/
		#areas_e_dnav
		{
			width: 566px;
			height: 213px;
			margin-top: 15px;
		}
		
		#areas_e_dnav #areas_atuacao, #areas_e_dnav #dnav
		{
			width: 280px;
			height: 213px;
			float: left;
			display: inline;
		}
		
		#areas_e_dnav div ul
		{
			list-style-type: none;
		}
		
		#areas_e_dnav div h3
		{
			text-align: center;
			border: none;
		}
		
			/*AREAS DE ATUACAO*/
				#areas_atuacao
				{
					background-color: #efefef;
					margin-right: 3px;
				}
				
				#areas_atuacao ul
				{
					margin-left: 3px;
				}
				
				#areas_atuacao ul li
				{
					border-left: 4px solid #B42121;
					margin-bottom: 7px;
				}
				
				#areas_atuacao ul li a
				{
					margin-left: 3px;
					padding-left: 7px;
				}
				
				#areas_atuacao ul li a:hover
				{
					background-repeat: no-repeat;	
					background-position: left bottom;
					background-image: url(../imagens/seta_areas.gif);
					text-decoration: none;
				}
			/**/
			
						/*ITENS*/
						#item1 a, #item2 a, #item3 a, #item4 a, #item5 a, #item6 a, #item7 a, #item8 a, #item9 a
						{
							color: #333333;				
						}
						
						#item1 a:hover, #item2 a:hover, #item3 a:hover, #item4 a:hover, #item5 a:hover, #item6 a:hover, #item7 a:hover, #item8 a:hover, #item9 a:hover
						{
							color: #B42121;
						}
						
			/*DNAV*/
				#dnav
				{
					background-color: #efefef;
				}
				
				#dnav img
				{
					margin-left: 15px;
				}
				
				#dnav p
				{
					padding: 0px 15px;
				}
			/**/
			
	
/******************/



/*********BOXES, CAIXAS*********/
		/*o espaco onde ficam as boxes na HOME*/
		#boxes
		{
			clear: both;
			width: 770px;			
		}
		
		/***GERAL***/
		/*Propriedades que se aplicam a todos os itens abaixo*/
		
		.box_verde p, .box_roxo p, .box_amarela p, .box_vermelha p, .box_azul p
		{
			margin: 0px 2px;
		}
		
		.box_verde h2, .box_roxo h2, .box_amarela h2, .box_vermelha h2, .box_azul h2
		{
			/*border-bottom: solid 2px #ffffff;*/
		}
		
		/******/
		
		
		
		
			/***NOTICIAS, BOX VERMELHA***/
					.box_vermelha
					{
						background-color: #FFDAD9;
						border-bottom: solid 2px #FF5551;
						height: 382px;/*tudo sem destaque*/
						/*height: 601px;tudo com destaque*/
						/*height: 270px;metade com destaque na direita*/
						height: 408px;
						height: 394px;
					}
					
					.box_vermelha h2
					{
						background-image: url(../imagens/h2_vermelho.gif);
						background-color: #FF5551;
					}
					
					.box_vermelha a
					{
						color: #333333;
					}
					
					/*A lista das ultimas noticias*/
					.box_vermelha ul
					{
						list-style-type: none;
						margin: 0px;
						padding: 10px 0px 0px 0px;
						text-align: left;
					}

					/*Cada item da lista de noticias*/
					.box_vermelha ul li
					{
						/*width: 160px;*/
						margin: 0px 12px 15px 12px;
						padding: 0px 0px 15px 0px;
						border-bottom: 1px dashed #666666;
						/*text-align: left;*/
					}
					
					/*Para que os links dentro de noticias fiquem dessa cor*/
					.box_vermelha ul li a
					{
						color: #333333;
						text-decoration: none;
						/*text-align: left;*/
						font-size: 10px;
						height: 40px;
						padding: 0px 2px;
						/*display: block;*/
						display: table-row;
						font-size: 11px;
						text-align: left;

					}
					
									
						/*O MENU LATERAL DE NAVEGACAO*/	
							.lateral_esq .box_vermelha
							{
								height: auto;
								margin-bottom: 10px;
							}
							
							.lateral_esq .box_vermelha a
							{
								margin: 0px 5px;
								margin-bottom: 5px;
								display: block;
										
							}
							
							.lateral_esq .box_vermelha #canalAtivo
							{
								color: #B42121;
								font-weight: normal;
							}

				/******/
			
		/******/
		
		/***BOXES***/
				/***GERAL***/
					.box_amarela, .box_verde, .box_azul, .box_roxo
					{
						height: 100px;
						float: left;
						display: inline;
						border-bottom: solid 2px;
						margin-top: 5px;
					}
					
					.box_amarela, .box_verde, .box_azul, .box_roxo
					{
						width: 176px;
						margin-right: 19px;
						margin-right: 22px;
					}
					
					/*COMO POR ENQUANTO NAO TEMOS NOTICIAS, AS CAIXAS FICARAM NA DIREITA E 
					TERAO TAIS CONFIGURACOES*/
						.lateral_dir .box_amarela, .lateral_dir .box_verde, .lateral_dir .box_azul, .lateral_dir .box_roxo
						{
							margin: 0px;
							margin-bottom: 10px;
						}
						
						
					
					.box_amarela select, .box_verde select, .box_azul select, .box_roxo select
					{
						width: 170px;
						margin-left: 3px;
						/*margin-top: 5px;*/
					}
					
					/*BOXES NA LATERAL*/
					.lateral_esq .box_amarela, .lateral_esq .box_verde, .lateral_esq .box_azul, .lateral_esq .box_roxo
					{
						height: auto;
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 5px;
					}
					
					.lateral_esq .box_amarela a, .lateral_esq .box_verde a, .lateral_esq .box_azul a, .lateral_esq .box_roxo a
					{
						margin-left: 5px;
					}
					
					.lateral_esq #canalAtivo
					{
						font-weight: bold;
						
					}
					
					
				/******/
								
				/***INFORMATIVO***/
					.box_amarela
					{
						background-color: #FFF8DF;
						border-bottom-color:  #FFD34F;
					}
					
					.box_amarela h2
					{
						background-image: url(../imagens/h2_amarelo.gif);
						background-color: #FFD34F;
					}
					
					.box_amarela a, .box_amarela #canalAtivo
					{
						color: #EAAF00;
					}
				/******/



				
				/***VOLUNTARIO***/
					.box_azul
					{
						background-color: #E6F0FF;
						border-bottom-color: #5E9EFF;
						/*margin-right: 28px;*/
					}
					
					.box_azul h2
					{
						background-image: url(../imagens/h2_azul.gif);
						background-color: #5E9EFF;
					}
					
					.box_azul a
					{
						color: #0468FF;
					}
				/******/
				
				/***SITES***/
					.box_roxo
					{
						background-color: #ECD8F5;
						border-bottom-color: #C285E0;
						margin-right: 0px; /*por ser o ultimo da direita, nao precisa de margem*/
					}
					
					.box_roxo h2
					{
						background-image: url(../imagens/h2_roxo.gif);
						background-color: #C285E0;
					}
					
					.box_roxo img
					{
						margin-top: 1px;			
					}
					
				/******/
				
				
			/***BOX VERDE***/
					.box_verde
					{
						background-color: #F0FFDD;
						border-bottom: solid 2px #89D226;
					}
					
					.box_verde h2
					{
						background-image: url(../imagens/h2_noticias.gif);
						background-color: #89D226;
					}
					
					.box_verde a
					{
						color: #009900;
					}
			/******/
			
/******************/


/*********MODO DE EDICAO, ADMINISTRADOR, EDITAR, CONSOLE*********/
	/*O menu de edicao, laranja, somente visivel para quem possui permissao superior a leitura*/
	.menu_edicao, #warning
	{
		/*background: url("../imagens/menu_edicao_fundo.gif");
		background-repeat: repeat-x;*/
		background-color: #FFFFFF;
		width: 770px;
		height: auto;
		display: block;
		/*display: none;*/
			
		margin: 0px;
		margin-top: 29px;
		padding: 0px;
	}
	
	.menu_edicao
	{
		position: absolute;
		top: 0;
		z-index: 10px;
	}
	
	.menu_edicao img
	{
		border: none;
		margin-right: 5px;
	}

	/*Para que os links do menu de edicao permanecam dessa cor*/
	.menu_edicao a
	{
		color: #333333;
		
	}
	
	/*Configuracoes para a lista de links do menu de edicao*/
	.menu_edicao ul, #ErrorConsole1 ul
	{
		padding: 0px;
		margin: 0px;
		/*background-color: #efefef;*/
		border: 0px;
		list-style-type: none;
		width: 770px;
		height: auto;
	}
	
	#lista_edicao li, #salvar_edicao li
	{
		background: none;
	}
	
	/*Configuracoes para os itens da lista do menu de edicao*/
	.menu_edicao ul li, #ErrorConsole1 ul li
	{
		padding: 0px;
		margin: 0px;
		text-align: left;
		display: inline;
		background: url(../imagens/tracoMenu.gif) no-repeat;
		padding-left: 2px;
	}
	

	#submenu_editar
	{
		width: 770px;
		height: 12px;
		margin: 0px;
		padding: 0px;
	}
	

	
	/*Para que todos os elementos dentro da tag TD sigam essas configuracoes*/
	.menu_edicao *
	{
		font-size: 10px;
	}
	
	/*WARNING*/
	/*no caso de o usuario COM permissao acessar o Portal e nao estiver utilizando INTERNET EXPLORER */
	#warning strong
	{
		text-align: center;
		display: block;
		margin: 2px 0px;
		color: #B42121;
	}

/******************/


/*********IFRAME*********/
.resultados
{
	border: solid 1px #B42121;
	margin-left: 18px;
}


.resultados, .resultados tr td, .resultados tr th
{
	text-align: center;

}

.resultados tr th
{
	background-color: #89D226;
	background-color: #B42121;
	background-color: #F0FFDD;
	background-color: #EFEFEF;
	border: none;
	color: #B42121;
	width: 130px;
}

/******************/



/*********CONTATO*********/
#contato
{
	/*esse ID eh soh para identificar a pagina e evitar que se crie classes semelhantes
	a classes jah existentes.*/
}

/*os labels do formulario para contato*/
#contato .label_contato
{
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	width: 100px;
	vertical-align: middle;
	border-bottom: solid 1px #CCCCCC;
	float: left;
	display: inline;
	/*margin-left: 100px;*/
}

/*os inputs para contato*/
#contato .input{	
	
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 400px;
}


/*o ID do input de mensagem*/
#contato #txtMensagem
{
	height: 130px;
	overflow: auto;

/*	scrollbar-arrow-color:#666666;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color:#FFFFFF;*/
}

/*o ID do input de contator*/
#contato #txtContador
{
	width: 32px;
	/*float: right;
	display: inline;*/
	padding: 0px;

	margin-left: 467px;
	
	/*no FIREFOX esta caixa aparece com o fundo cinza, provavelmente
	por ser uma caixa em que o usuario naum pode inserir dados.*/
	background-color: #FFFFFF;
}

/*a combo da pagina de contatos. tive que criar outra por causa de margem*/
#contato .combo
{
	font-weight:normal;
	font-size: 11px;
	color: #333333;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	width: auto;
	height: 16px;
}

/*Configuracoes para telefone*/
#contato #ddd, #contato #ddi
{
	width: 25px;
	margin-right: 0px;
}

#contato #prefixo, #contato #sufixo
{
	width: 35px;
	margin-right: 0px;
}

/*para que o botao fique a direita*/
#contato .bt_generico
{
	float: right;
	display: inline;
}

#contato #lblCaracteres
{
	text-align: left;
	float: right;
	display: inline;
	margin-right: 35px;
}

#contato #lblLegenda, #contato #lblCaracteres {color: #666666; font-style: italic; font-size: 10px;}

/*Os Radios Buttons aonde o usuario escolhe o assunto tratado na mensagem.
Configuracoes da font estao em 'Paragrafos, textos', acima.*/
.radio_button
{
	text-align: center;
	margin-left: 103px;
	cursor: hand;
	cursor: pointer;
}

.radio_button *{
	width: auto;
	border: 0px;
	background: none;
}
/******************/


/*********IFRAME*********/
iframe
{
	width: 770px;
	
}
/******************/

/*********RODAPE*********/
	#rodape{
		width: 770px;
		width: 100%;
		height: 105px;
		height: 123px;
		/*background: url(../imagens/brad_rodape.gif) no-repeat bottom right;*/
		/*background: url(../imagens/maozinhas.gif) no-repeat bottom left;
		margin-top: 10px;*/
		display: block;
		clear: both;
	
		background: #FFDDDD url(../imagens/rodape_fundo.gif) repeat-x top left;	
		margin-top: 10px;
	}
	
	/*O paragrafo do Rodape*/
	#rodape p
	{
		font-size: 10px;
		/*text-align: right;*/
		text-align: center;
		vertical-align: bottom;
		margin: 0px;
		/*padding-top: 70px;
		padding-top: 80px;
		margin-right: 10px;*/
		padding-top: 5px;		
		font-weight: normal;
	}
	
	#rodape .beco
	{
		background-image: url(../imagens/Beco_Rodape.gif);
		background-repeat: no-repeat;
		width: 107px;
		height: 64px;
		margin-left: 5px;
	} 
/******************/