﻿
/* 
	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
*/



/* 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/h1_fd_repeat.gif);		/* imagem que estica o header até 100% */
	
	border-bottom: 2px solid #E5ECF2;
}

	h1 span
	{
		display:block;
		
		font-size:0em;		/* fonte zero pro texto nao aparecer; funciona para FFox, e fica com 1px no IE. */ 
		color:#101918;		/* cor da fonte parecida com o fundo, para o texto de 1px ficar "invisível" no IE */
		
		width:853px;		/* dimensoes da imagem de fundo */
		height:66px;
		
		background-image:url(img/h1.jpg);
	}
	
h2
{
	font-weight:normal;
	font-size:0.8em;
	text-align:center;
	
	margin-bottom:6em;				/* 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 #DDDAD5;
}


/* fieldsets de login */

input.btnOk
{
	text-align:center;
	
	border:1px solid black;
	cursor:pointer;
}

div.boxFrame
{
	float:left; 
	clear:both; 
	height:240px;
}

fieldset
{
	margin:auto;
	
	height:200px;
	
	border:0;
	
	background-repeat:no-repeat;
	background-position:center center;
	
	/*background-color:Black;*/
}

	legend
	{
		
		/*margin:0;*/
		/*margin-top:-3em;*/
		/*margin-top:-2em;*/
		margin-top:18px;
		margin-left:1em;
		float:left;
		font-size:1.2em;
		font-weight:bold;
		
		/*padding-left:3.3em;*/		/* sujo, feito assim para "centralizar" o texto no FFox pq ele não pega width */
				
		/*background-color:aqua;*/
	}

	fieldset.box 
	{ 
		float:left;
				
		margin:0;
		padding:0;		
		
		
		margin-bottom:3.2em;
	}
	
	fieldset.login
	{
		margin-left:4.4em;
		width:300px;		
		background-image:url(img/box_login.jpg); 
	}
	
		fieldset.login p
		{
			/*position:relative;*/
			float:left;
			text-align:center;						
			/*margin:32px 0 -25px 56px;*/
			margin-top:5px;
			margin-left:60px;
			width:220px;
			height:25px;
			/*background-color:Green;*/
			/*background-color:#ececec;*/
		}
		
			fieldset.login p label
			{
				float:left;
				width:40%;
				
				margin-top:4px;
				
				text-align:right;
				padding-right:6px;
				
				font-size:0.8em;
				
				/*background-color:Aqua;*/
			}
			
			fieldset.login p input
			{
				display:block;
				float:left;
				width:48%;
				
				padding:2px;
				
				text-align:right;
				font-size:0.9em;
				
				border:1px solid #666;
			}
			
			fieldset.login p input.btnOk
			{
				float:none;
				
				margin:auto;
				*margin-left:1.4em;
				
				width:5em;
				
				text-align:center;
				
				border:1px solid black;
				cursor:pointer;
			}
			
			fieldset.login legend
			{
				margin-left:3.3em;
				padding-bottom:1em;
			}
	
	fieldset.webnews
	{ 	
		margin-left:4.4em;
		width:500px;
		background-image:url(img/box_news.jpg); 
	}	
		
		fieldset.webnews legend
		{
			/*padding-left:10.6em;*/
			margin-left:10.6em;
		}

	
		fieldset.webnews ul
		{
			font-size:0.8em;
		
			text-align:left;
			list-style-type:none;
			
			margin:20px 40px 0 40px;		
			line-height:2em;
			overflow-y:scroll;
			overflow-x:hidden;
			height:142px;
		}
	
	fieldset.subscribe
	{ 
		width:500px;	
		background-image:url(img/box_subscribe.jpg); 
	}
		
		fieldset.subscribe legend
		{
			/*padding-left:8em;*/
			margin-left:8em;
		}
	
		fieldset.subscribe ul
		{
			font-size:0.8em;
		
			text-align:right;
			list-style-type:none;
			
			margin:40px 40px 0 0;
			line-height:3em;
		}
		
	fieldset.blank
	{ 	
		width:300px;
	}	
		
a.lnkBack
{
	position:absolute;
	left:1.4em;
	top:5.4em;
	
}

a.lnkBack1
{
	position:absolute;
	left:2em;
	top:10.8em;
	
}