html {
	height: 100%;
	font-family: arial, verdana, sans-serif;
	font-size: 96.4%;
	overflow: auto;
}

body {
	margin-top:0;
	margin-bottom:0;
	text-align: center; /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
	background-color: #26336c;
	height: 100%;	
}

#container {
	position: relative;	
	height: 39.5em;
	width: 50.86em;
	overflow: hidden;
	text-align: left; /* resets the text alignment */
	margin: 0 auto; /* centers the container */	
	background-color: #fff;	
}

#container .border {
	background-repeat: repeat-y;
	width: 0.83em;
	height: 100%;	
}

#container #first.border {
	background-image: url('../imagens/bg_border_left.jpg');
	float: left;	
}

#container #last.border {
	background-image: url('../imagens/bg_border_right.jpg');
	float: right;
}

#header {	
	height: 10.21em;
	overflow: hidden;
	width: 49.18em;
	float: left;	/* !IMPORTANTE FIREFOX(GECKO)! */
}

#logo {
	height: 10.21em;
	width: 12.99em; 
	text-align: center; /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
	background: right url('../imagens/bg_logo.jpg') repeat-y;
	display: block;
	float: left;
}

#logo a img {
	width: 7.26em;
	height: 6.49em;	
	margin: 0 auto; /* centers the container */
	margin-top: 1.635em;
}

#banner {
	background: url('../imagens/loadbar.gif') center no-repeat;
	height: 10.216em;
	width: 36.18em;
	float: left;
}

#banner embed {
	 height: 100%;
	 width: 100%;	 
	 float: left;
}

#menu.layer {
	float: left;
	height: 95%;	
	width: 14.10em;
	background: right url('../imagens/bg_menu.jpg') repeat-y;
}

#menu.layer ul {	
	list-style: none; 
	float: left;	
	margin: 0 0 0 0.40em; 
	padding: 0;
}

#menu.layer ul li { 
	height: 3.55em;	
	font-size: 0.76em;	
}

#menu.layer ul li a { 
	color: #596677; 
	text-decoration:none;	 
	height: 2.55em;
	width: 15em; 
	display: block;
	padding: 0.91em 0 0 3em;	
	background: url('../imagens/box.jpg') no-repeat left;
}

#menu.layer ul li a:hover { 
	background-image: url('../imagens/box_hover.jpg'); 
	background-color: #fdf4a5;
	width: 13em;
	padding-left: 5em;		
	font-weight: bold; 
	color: #2e3e72;
}

#container #content {
	float: right;
	height: 62%;
	width: 34em;	
}

#rodape {	
	position: absolute;
	left: 0.83em;
	right: 0.83em;	
	bottom: 0;		
	height: 4.44em;
	width: 49.20em;
	overflow: hidden;			
}

#rodape img {
	height: 100%;
	width: 52.45em;
	_width: 53.91em;	
}

#rodape span {
	position: absolute;
	right: 0.14em;
	bottom: 0;
	text-align: right;
	width: 29.2em;
	font-size: 0.68em;
	color: #FFFFFF;
}


/* Content Rules */

#content H1 {
	background: url('../imagens/rightArrow.gif') left no-repeat ;
	height: 1.94em;
/*	margin-top: 0.30em;*/
	padding: 0.70em 0 0 1.94em;
	font-weight: bold;
	font-size: 1.18em;
	color: #2a3d5f;
}

#content a {
/*	text-decoration: inherit;*/
	color: #3B55BF;
}
/*#content a.voltar {
	font-size: 0.70em;
	background: url('../imagens/leftArrow.gif') left bottom no-repeat;
	height: 1em;
	padding: 0.20em 0 0 1.8em;	 
}*/

#content .box {
	background: url('../imagens/bg_interna_relacionados.gif') repeat-x;	
}
/* PRINT RULES */

@MEDIA PRINT {
	html {
		width: 100%;
		height: 100%;
	}
	
	body {
		background-color: #fff;
		height: auto;
		font-size: 11pt;				
	}
	
	#container {
		height: 100%;
		position: static;
	}
	
	#container .layer, .rodape img, .border {
		display: none;
	}	
	
	#container #content {				
		display: block;
		float: none;
		height: auto;		
		/*background-color: #000;*/
	}
	
	#content a.voltar {
	display: none;
	}

	#content h1 {
		background: none;
		height: auto;
		padding: 0;
	}
	
	form {
		display: none;
	}
	
	#container .rodape {
		position: static;
		text-align: right;
	}
	
	#container .rodape span {
		color: #000;			
		position: static;
	}
}