BODY {
	background-color: #2D2D2D;
	font-family: sans-serif;
	margin: 0px;
}
H1, H2, H3, LI, P, SPAN, UL {
	margin: 0px;
	padding: 0px;
}

#page {
	position: absolute;
	left: 50%;
	margin-left: -435px;
	top: 10px;
	width: 910px;
}

#content {
	background: white;
	color: black;
	font-size: 14px;
	margin-top: 10px;
	padding: 10px;
}
#content TABLE {
	border-collapse: collapse;
	margin: 10px;
}
#content TD {
	border: 1px solid #888888;
	color: black;
	font-size: 14px;
	padding: 4px;
}
#content .tdTitle {
	color: white;
	background-color: #666666;
	font-weight: bold;
	text-align: right;
}
#content .tdBk {
	background-color: #dddddd;
}
#transparente {
	background: #2D2D2D;
	color: white;
	font-family: trebuchet ms,sans-serif;
 	font-size: 14px;
	text-align: justify;
}	
.square {
	float: left;
	background: #888888 url(bk.jpg);
	color: white;
	border: 1px solid black;
	font-size: 12px;
	width: 128px;
	height: 86px;
}
.square:hover {
	border: 1px solid red;
}
.squareEnd {
	clear: left;
}
#s1 {
	background: white url(index/portal.png);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s2 {
	background: white url(index/sige.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s3 {
	background: white url(index/inovar.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s4 {
	background: white url(index/ejo.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s5 {
	background: white url(index/ressano.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s6 {
	background: white url(index/72.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s7 {
	background: white url(index/stisabel.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s8 {
	background: white url(index/legislacao.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s9 {
	background: white url(index/bejo.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s10 {
	background: white url(index/museu.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s11 {
	background: white url(index/moodle.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s12 {
	background: white url(index/projetos.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s13 {
	background: white url(index/fora.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#s14 {
	background: white url(index/ejo_logo.jpg);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#leftcol {
  border-style: none;
  background-color: white;
  color: #2D2D2D;
  float: left;
  font-family: trebuchet ms,sans-serif;
  font-size: 14px;
  width: 425px;
}
#rightcol {
  border-style: none;
  background-color: white;
  color: 2D2D2D;
  margin-left: 460px;
  font-family: trebuchet ms,sans-serif;
  font-size: 14px;
  width: 425px;
}
#onecol {
  border-style: none;
  background-color: white;
  color: #2D2D2D;
  margin-left: 5px;
  font-family: trebuchet ms,sans-serif;
  font-size: 14px;
  width: 880px;
}
#leftcolmax {
  border-style: none;
  background-color: white;
  color: #2D2D2D;
  float: left;
  font-family: trebuchet ms,sans-serif;
  font-size: 14px;
  width: 525px;
}
#rightcolmini {
  border-style: none;
  background-color: white;
  color: #2D2D2D;
  margin-left: 560px;
  font-family: trebuchet ms,sans-serif;
  font-size: 14px;
  width: 325px;
}
#esquerdacol {
  border-style: none;
  background-color: white;
  color: #2D2D2D;
  float: left;
  font-family: trebuchet ms,sans-serif;
  font-size: 12px;
  width: 660px;
}
#direitacol {
  border-style: none;
  background-color: #D36A5F;
  color: #2D2D2D;
  margin-left: 680px;
  font-family: trebuchet ms,sans-serif;
  font-size: 12px;
  width: 200px;
}
#subesquerdacol {
  float: left;
  width: 48%;
}
#subdireitacol {
  float: right;
  width: 48%;
}