/* 
	lista de cores 

	HEX		RGB				Descrição
	
	333333	051 051 051		Cor do texto normal - cinza escuro
	0317FD	003 023 253		Cor do link normal - cinza escuro com saturation
	E5ECF2	229 236 242		Cor da linha de baixo do H1 - cinza-azulado muito claro
	101918	016 025 024		Cor da fonte do h1 parecida com o fundo - cinza quase preto
	DDDAD5	221 218 213		Cor da borda de baixo do H2 - cinza-azulado claro


	4979A8	000 000 000		Cor do texto normal - azul escuro
	35587B	000 000 000		Cor do link normal - azul escuro com saturation
	9DC3E8	000 000 000		Cor da linha de baixo do H1 - cinza-azulado muito claro
	35587B	000 000 000		Cor da fonte do h1 parecida com o fundo - cinza quase preto
	D4E1EF	000 000 000		Cor da borda de baixo do H2 - cinza-azulado claro


	2F5707	000 000 000		Cor de background do topo 
	45964D	000 000 000		Cor do texto normal - verde escuro
	2E6C3C	000 000 000		Cor do link normal - verde escuro com saturation
	CCE8B8	000 000 000		Cor da linha de baixo do H1 - cinza-verde muito claro
	2E5F2C	000 000 000		Cor da fonte do h1 parecida com o fundo - cinza quase preto
	BCDDC6	000 000 000		Cor da borda de baixo do H2 - cinza-verde claro
	339138	000 000 000		Cor da borda dos botões

*/



/* header */

h1 
{
	width:100%;		/* a largura deve ser sempre 100% */
	height:66px;	/* altura do header; deve ser a mesma na imagem que "estica" e na imagem principal */
	
	background-image:url(img/bg_header.gif);		/* imagem que estica o header até 100% */
	
	border-bottom: 2px solid #CCE8B8;
}

	h1 span
	{
		display:block;
		
		font-size:0em;		/* fonte zero pro texto nao aparecer; funciona para FFox, e fica com 1px no IE. */ 
		color:#45964D;		/* cor da fonte parecida com o fundo, para o texto de 1px ficar "invisível" no IE */
		
		width:780px;		/* dimensoes da imagem de fundo */
		height:66px;
		
		background-image:url(img/h1xxx.jpg);
	}
	
h2
{
	font-weight:normal;
	font-size:0.8em;
	text-align:center;
	
	margin-bottom:5em;				/* para "anular" o -3em de margin top da legend */
	
	padding:1em 0.8em 0.8em 0.8em;
	
	background-image:url(img/h2_fd_repeat.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	
	border-bottom:2px solid #BCDDC6;
}

a
{
	color:#45964D;
	font-weight:bold;
	font-size:0.9em;
}

/* divs da tela de logon */

div 
{
	/* background-color:Aqua; */
}

div.container_login
{
	width:100%;
	height:100%;
	
	/* background-color:Aqua;	*/
	/*float:left; */
	/* display:inline; */
}

div.left_area
{
	background-image:url(img/box_login.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;	
	position:relative;
	float: left;
	/* width:320px;	 */
	width:37%;	
	height:220px;
	text-align:right;	
	
	/*background-color:Gray;*/
}
	

div.box
{
	margin: 1em;
}
	div.box p.title
	{
		font-size: 1.2em;
		font-weight:bold;
		text-align: center;
	}

div.login
{
	/*background-image: url(img/meio_tabela.gif);*/
	/* background-color:Gray; */
	float:right;
	width:260px;
}

		div.login p
		{
			float:left;
			text-align:right;
			
			margin:9px 0 0 -10px;
			
			width:100%;
			height:20px;
					
			/*background-color:#ececec;*/
		}

			div.login p#first_paragraph
			{
				margin:15px 0 0 -10px;
			}
			
			
			div.login p.subtitle
			{								
				font-size:1.2em; 					
				font-weight:bold;
				text-align:right;							
				color:#8ebb87;
				margin-top: 1em;
			}

			div.login p.input
			{
				margin:11px 0 0 -10px;
			}

			div.login p a
			{
				font-size:0.9em; 				
				color:#999;
			}

			div.login p input
			{
				border:1px solid #8F8F8F;
				
				font-size:1.2em; 				
				color:#45964D;
				width:15em;
				height:1.4em;				
			}

			div.login p input.btnOk
			{
				font-size:1.2em; 				
				color:#999;
				width:10em;
				height:1.7em;
			}
			
				p.login p.link
				{
					margin:15px 0 0 -10px;
				}
					
			div.login ul
			{
				margin:3px 0 0 -10px;
				float:left;
				width:100%;				
			}

				div.login ul li
				{
					margin:5px 0 0 -10px;					
				}
				

/* estilos do conteúdo à direita da página */

div.right_area
{	
	background-image:url(img/box_webnews.gif);
	background-repeat:no-repeat;
	background-position:bottom left;			
	
	position: relative;
	float: left;
	
	width:62%;
	height: 357px;
	text-align:center;	
}
	
	
	div.right_area div
	{
		float:left;
		position:relative;
		/* margin:15px -10px;  */
		text-align:right;
		width:480px;		
	}
	
	/*
	div#divNews
	{
		height:300px;
		float:left;
		text-align:right;	
		margin: 0;		
	}
	*/
	div.news p
	{
		float:left;
		text-align:right;
		
		margin:9px 0 0 -10px;
		
		width:100%;
		height:20px;
				
		/*background-color:#ececec;*/
	}

/*
div#header_news
{
	background-image:url(img/box_webnews.gif);
	background-repeat:no-repeat;
	background-position:bottom right;			
	height:163px;
	float:left;
	text-align:right;	
	margin: 0;
	
}

*/
	
	
	div.news ul
	{
		float:left;
		height:auto;		
		margin: 10px 15px 0 0;	
		width:100%;


	}
		
		div.news ul li
		{			
			height:auto;						
			text-align:right;
			margin: 10px 35px 0 0;
		}

/*
div#footer_news
{
	background-image:url(img/bottom_webnews.gif);
	background-repeat:no-repeat;
	background-position:top right;		
	height:20px;
	
}
*/


/* fieldsets de login */

input.btnOk
{
	text-align:center;
	
	border:1px solid black;
	cursor:pointer;
}


input.botao
{
	/* color: #000000; */
	font-size: 8pt;
	font-family: arial;
	font-weight: bold;
	border-right: #339138 1px solid;
	border-top: #339138 1px solid;
	background-image: url(img/buttonbg.gif);
	border-left: #339138 1px solid;
	border-bottom: #339138 1px solid;
	background-repeat: repeat-x;
}