@page			{ size 27.9cm 21cm; margin: 1.5cm; marks: cross; }

body			{	font-family: lucida, arial;	font-size: 10pt; line-height: 1.35em;
					margin-left: 2%; margin-right: 2%; color: #0f0f0f;
/*					background: url('./img/fundo_agx.jpg') no-repeat; background-position: top right;	*/
					behavior:url( 'csshover2.htc' );	}

/* ------------------------------------------------------------------------- */

html, body
{
	height: 100%; max-height: 100%; margin: 0; padding: 0; border:0;
	border: none; text-align: left;
}

html
{
	/* Oculta overflow:hidden no IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
}

body {	overflow: hidden;	}


div#header			{	width: 100%; height: 150px;	}
html>body div#header
{
	position: fixed; z-index: 10;
}

div#contents
{
	overflow: hidden;
	position: absolute;		/* Apenas para o IE <= 6 */
	top: 156px; left: 2px; bottom: 21px; right: 2px;
}

html>body div#contents
{
	position: fixed;
}

div#main-wrapper
{
	top: 156px; left: 2px; bottom: 21px; right: 2px;
	position: fixed; overflow: auto;
/*	border: dashed 2px #c0c480;*/
}

div#main
{
	height: 100%; width: 96%;
}

div#leftbar			{	float: left; padding: 8px; width: 136px; height: 100%;	}
div#leftbar a			{	min-height: 80px;	}
div#leftbar a:hover	{	border: 2px solid #88aaaa; background: #aacccc;	}
div#leftbar img		{	border: none;	}

div#footer		{	height: 20px;	}
html>body div#footer
{
	clear: both; position: fixed; bottom: 0; z-index: 10; text-align: center;
}

#bannerL
{
	float: left; min-width: 150px; display: inline;
	color: #f6f8f7; background: #446666;
	font-weight: bold; text-align: center;
}

#bannerR
{
	float: right; min-width: 150px; display: inline; left: 0;
	color: #f6f8f7; background: #446666;
	font-weight: bold; text-align: center;
}

#bannerL > a	{	color: #f6f8f7;	}
#bannerR > a	{	color: #f6f8f7;	}

.info		{	display: none;	}

#bannerL:hover .info
{
	display: block; overflow: auto;
	position: absolute;
	left: 40px; top: -40.3ex;
	width: 32em; height: 40ex;
	background-color: #f8ffff;
	border:1px solid black;
	text-align: left;
}

/* ------------------------------------------------------------------------- */

div		{	color: #446666;	}

.Topic	{	margin-bottom: 2em; border-bottom: solid 2px #aacccc;	}

#div-1
{
	width: 100%; /*height: 240px;*/		/* Apenas para o IE <= 6 */
	min-height: 240px; z-index: 100;
}

#div-left		{	top: 0; left: 0; min-width: 500px; max-width: 80%;	}
#div-right		{	top: 0; right: 0; min-width: 154px;	}
#div-right-bottom	{	bottom: 0; right: 0; min-width: 154px;	}

html>body * div#div-1	{	position: relative;	}		/* Corrige bug do IE<=6 para os navegadores normais. */
html>body * div#div-left	{	position: absolute;	}
html>body * div#div-right	{	position: absolute;	}
html>body * div#div-right-bottom	{	position: absolute;	}

/* ------------------------------------------------------------------------- */

#box
{
	/*width: 100%;*/ min-width: 280px%; height: 180px; margin: 0;
	/*border: dashed 2px #a0a460;*/
}

#box > a			{	color: #446666; border: none; text-decoration: none;	}
#box > a:hover	{	color: #66aa99; border: solid 1px ;	}

#box > a > div
{
	width: 92%; height: 110px; margin: 2px; vertical-align: middle;
	background: url(./img/button_back1.png) right; background-repeat: repeat-x;
}

#box-title
{
	margin: 3%; padding: 1px;
	font-size: 300%; font-weight: bolder; text-align: right;
}

#box-small-title
{
	margin: 3%; padding: 1px;
	font-size: 130%; font-weight: bolder; text-align: right;
}

/*td * #box-title		{	border: solid 1px #60c4c0;	}*/

#box-img		{	position: relative; float: left; width: 120px; height: 65px;	}

#box-content
{
	position: relative; clear: both; margin: 3%; padding: 3%;
	width: 88%; min-height: 3em;
	background: #ddeeee; font-size: 90%; font-weight: regular; text-align: right;
}

div.highlight
{
	position: absolute;
	width: 25%; min-height: 150px; margin: 4px;	z-index: 6;
}

img.background	{	width: 100%; height: 100%; display: block; z-index: 2;	}
img.foreground
{
	position: relative; display: block; z-index: 20;
	top: 1px; left: 1px; width: 132px;
}

div.highlight div		{	z-index: 150;	}
div.highlight img		{	border: none;	}
div.highlight > a		{	color: #446666; border: none; text-decoration: none;	}
div.highlight > a:hover	{	color: #66aa99;	}
div.highlight > a > div	{	background: url(./img/button_back.png) top; background-repeat: repeat-x;	}

div.Out
{
	position: absolute;	padding: 4px;
	background: #ddeeee; border: solid 1px #446666;
}

div.In
{
	float: right; margin: 1%; padding: 4px;
	background: #eeffff; border: solid 1px #88aaaa;
}

div.bottom-right
{
	position: absolute; right: 4px; bottom: 8px; padding: 4px;
	border: none; /*border-top: solid 1px #446666;*/
	background: url(./img/button_back.png) top; /*background: #ddeeee;*/
}
/* --------------------------- Menu ------------------------------------------- */
dl.intro
{
	display: block; position: relative; clear: both;
	width: 98%; min-height: 3em; margin: 2px; padding: 2px;
	background: #ddeeee;  text-align: right;
}

dl.intro dt
{
	width: 26%;
	float: left;
	margin: 0; padding: 1px;
	border-top: 1px solid #999;
	font-size: 100%; font-weight: bold;
	clear: both;
}

dl.intro dd
{
	float: left; width: 70%;
	margin: 0; padding: 1px;
	font-size: 80%; font-weight: regular;
	border-top: 1px solid #999;
}

/* --------------------------- Menu ------------------------------------------- */

ul.menubar
{
	margin: 0px; padding: 0px; font-size: 100%;
	background-color: #FFFFFF; /* IE6 Bug */
/*	width: 98%;*/
	z-index: 200;
}

ul.menubar .menuvertical
{
	margin: 0px; padding: 0px; list-style: none;
	background-color: #FFFFFF;
	border: 1px solid #ccc; float:left;
	background: url('./img/button_back.png') center;
}

ul.menubar ul.menu
{
	display: none; position: absolute; margin: 0px;
}

ul.menubar a
{
	padding: 2px; display: block; text-decoration: none; color: #777;
}

ul.menu, ul.menu ul
{
	margin: 0; padding: 0;  border-bottom: 1px solid #ccc;
	width: 150px; /* Width of Menu Items */
	background-color: #FFFFFF; /* IE6 Bug */
}

ul.menu li
{
	position: relative; list-style: none; border: 0px; z-index: 210;
}

ul.menu li a
{
	display: block; text-decoration: none; border: 1px solid #ccc;
	border-bottom: 0px; color: #777; padding: 5px 10px 5px 5px;
	background: url('./img/button_back1.png') center;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */

ul.menu ul
{
	position: absolute; display: none;
	top: 0px; left: 149px; /* Set 1px less than menu width */
}

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */

ul.menu li.submenu
{
	background: transparent url('./img/arrow.png') right center no-repeat;
}

ul.menu li a:hover { color: #E2144A; }

/* ---------------------------Geral----------------------------------------- */

h1				{	margin-top: 8px; margin-bottom: 8px;
					font-size: 170%; font-weight: bolder; color: #446666;
					text-decoration: underline;	}
h3				{	font-size: 130%; font-weight: bolder; color: #446666;
	text-decoration: underline;	}
h4				{	font-size: 110%; font-weight: bolder; color: #446666;
	text-decoration: underline;
					margin-left: 2em;	}

p.Warn	{	font-weight: bolder;	}

div table	{	 margin-left: auto; margin-right: auto;	}
td		{	margin: 0px auto;	}

/* ----------------------------- Debug ------------------------------------- */

/*td		{	border: dashed 2px #a0a460;	}*/
/*div		{	border: dashed 1px #c0f4f0;	}*/
/*td div		{	border: dashed 2px #60c4c0;	}
td div div		{	border: dashed 2px #a0f4a0;	}*/
/*#header div		{	border: dashed 1px #c0f4f0;	}*/

/* ------------------------------------------------------------------------- */