@import url(reset.css);

body {
	font: 12px Arial, Helvetica, Verdana, Sans-serif;
	background: #F3F3F3;
}

body, a, dd, p, legend {
	color: #777;
}

h1, h3 {
	position: absolute;
	text-indent: -9999px;
}

legend {
	margin-left: -8px;
	font-size: .85em;
}

ul {
	padding: 0;
	list-style: none;
}

p {
	text-align: left;
}

dt {
	color: #F00;
}

sup {
	font-size: .8em;
}

span {
	font-size: .9em;
}

a:hover {
	color: green;
	text-decoration: none;
}

table {
	width: 472px;
	border-top: none;
	text-align: center;
	font-size: .85em;
	clear: both;
}

th {
	height: 26px;
	background: url(../images/th-backgr.gif) repeat-x;
	font-weight: normal;
	color: rgb(179,27,122);
	text-align: center;
}

td {
	border: 1px solid #DEDEDD;
	border-top: none;
	padding: 0 1em;
	vertical-align: top;
}

address {
	width: 570px;
	position: absolute;
	right: 0;
	float: left;
	padding: 1.7em 0 .3em;
	background: #FFF url(../images/rodape.png) no-repeat right bottom;
	font-size: .8em;
	font-style: normal;
	text-align: center;
}

/* Estilização dos elementos comuns */
#header, #body, #footer {
	background: #FFF;
}

	/* Estilização dos elementos do cabeçalho */
#header, a#toHome {
	width: 760px;
	position: relative;
	left: 50%;
	margin-left: -380px;
}
a#toHome {
	width: 230px;
	height: 145px;
	position: absolute;
	margin-top: -260px !important;
	margin-top: -275px;
	text-decoration: none;
}
#subtituloGeral {
	position: relative;
	top: 62px;
	margin-left: -8px;
}
			/* Estilização do menu */
#menu {
	clear: both;
	height: 120px;
	position: absolute;
	top: 0;
	margin-left: 34px;
	font-size: 1.1em;
}
.menuGeral {
	margin-top: -62px;
}
#menu, #menu ul {
	width: 146px;
}
#menu ul {
	background: #FFF;
}
#menu ul li {
	position: relative;
}
#menu li ul {
	width: 186px;
	position: absolute;
	top: 2px;
	left: 145px;
	display: none;
	font-size: .8em;
}
/* Styles for Menu Items */
#menu ul li a {
	height: 18px;
	display: block;
	padding: 6px 0 0 2em;
	text-decoration: none;
	color: #999;
	background-color: #FFF; /* IE6 Bug */
}
#menu li ul a {
	padding-left: 1.5em;
}
#menu a.M1 {
	background: url(../images/m1.png) no-repeat;
}
#menu a.M1:hover {
	background: url(../images/menu1.png) no-repeat;
	color: rgb(218,37,29);
}
#menu a.M2, #menu a.M3, #menu a.M4 {
	background: url(../images/menu.png) no-repeat; /* IE6 Bug */
}
#menu a.M2:hover, #menu li ul a:hover {
	color: rgb(225,86,22);
}
#menu a.M2:hover {
	background: url(../images/menu2.png) no-repeat;
}
#menu a.M21 {
	background: url(../images/m1_1.png) no-repeat;
}
#menu a.M22, #menu a.M23, #menu a.M24, #menu a.M25 {
	background: url(../images/m.png) no-repeat;
}
#menu a.M26 {
	background: url(../images/m5_1.png) no-repeat;
}
#menu a.M3:hover {
	background: url(../images/menu3.png) no-repeat;
	color: rgb(0,146,63);
}
#menu a.M4:hover {
	background: url(../images/menu4.png) no-repeat;
	color: rgb(40,22,111);
}
#menu a.M5 {
	background: url(../images/m5.png) no-repeat; /* IE6 Bug */
}
#menu a.M5:hover {
	background: url(../images/menu5.png) no-repeat;
	color: rgb(248,195,0);
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu li:hover ul, #menu li.over ul { display: block; } /* não funciona no IE */
			/* Fim do menu */
	/* Fim dos elementos do cabeçalho */

	/* Estilização do corpo das páginas */
#body {
	width: 760px;
	height: auto;
	position: relative;
	left: 50%;
	margin-left: -380px;
	clear: both;
}
.contentGeral, .contentGeral_apresent {
	width: 472px;
	float: right;
	margin-right: 47px !important;
	margin-right: 27px;
}
.contentGeral_apresent {
	margin-top: 25px !important;
	margin-top: 37px;
}
		/* Estilização da coluna lateral */
#colunaAuxiliar {
	width: 148px;
	margin-left: 34px;
	padding-top: 65px;
}
#projFloresta {
	margin-top: 67px;
}
#colunaAuxiliar a {
	font-size: .85em;
}
#colunaAuxiliar fieldset {
	width: 148px;
	margin-top:15px;
	padding: 3px 0 10px;
}
#colunaAuxiliar legend {
	margin-bottom: 3px;
}
#colunaAuxiliar ul li {
  background:cyan;
}
		/* Fim da coluna lateral */
	/* Fim do corpo das páginas */

	/* Estilização do rodapé */
#footer {
	clear: both;
	width: 760px;
	height: 32px;
	position: relative;
	left: 50%;
	margin-left: -380px;
	text-align: right;
	font-size: .9em;
}
#byMagic, #byMagic a {
	width: 146px;
	height: 32px;
}
#byMagic {
	float: left;
	margin-left: 2.5em;
	background: url(../images/byMagic.png) no-repeat;
}
#byMagic a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#byMagic a:hover {
	background: url(../images/byMagic_cor.png) no-repeat;
}
	/* Fim do rodapé */

/* Fim dos elementos comuns */

/* ==============================FIM============================== */