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

body	{
  background: black;
	color: #202020;
	margin: 0;
}

#outer_wrapper {
  background: black url(../_img/bk/obra.jpg) no-repeat bottom left;
  color: #D5D5D5;
  height: 800px;
  }

#wrapper {
  margin-left: 10px;
  text-align: left;
}

#wrapper #fundo {
  position: absolute;
  right: 20px;
  text-align: left;
  background: #1B1B1B;
  border-left: 1px solid white;
  width: 600px;
  height: 800px;
}

#wrapper #fundo {
  opacity: .5;
  filter: alpha(opacity=50);
}

#content {
  position: absolute;
  right: 20px;
  width: 590px;
  background: transparent;
  z-index: auto;  
  text-align: left;
  padding: 2px;
  padding-top: 20px;
}

td {
 padding: 5px;
}

td {
  opacity: .8;
  filter: alpha(opacity=80);
}

td:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}
/*----------------------------------------------------------------------------*/


#content a {
	color: #DFDFDF;
}

.caixa {
  background: #FFFFFF repeat-x top;
	border: 1px solid #5B6B79;
	font-size: 11px;
	margin: 10px;
}	
	
.caixa h1 {
	font-size: 12px;
	font-weight: bold;
	color: #EAEAEA;
	background: #606060;
	margin: 0;
	padding: 5px;
}		

.caixa h1 a, .caixa h1 a:visited  {
  color: #EAEAEA;
  background: transparent;
  text-decoration: none;
}
	
.caixa h1 a:hover {
	color: White;
	background: transparent;
	text-decoration: none;
}

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #6A6A6A;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #4A4A4A;
	background: transparent; 
	}

.detalhes {
  color: #6D8092;
  font-size: 9px;
  background-color: transparent;
}