/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

 html {height: 100%;}

body { 
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #000;
  height: 100%;  
}

#wrapperMeio2{
  width: 787px; 
  height: 550px;
  margin: 10px auto; 
  text-align: left;
  color: #fff;
}

#wrapperMeio{
  background: #000 top no-repeat url(../imagens/fundo1.jpg);  	
}

#menu{
	line-height: 40px;
	position: relative;
	background-color: #000;
}

#conteudo{	
	height: 510px;
}

#conteudo1{
	width: 214px;
	padding-top:370px;
	padding-left: 4px;
	float: left;
}

#conteudo2{
	width: 555px;
	float: right;
	position: relative;
}

.clear{
	clear: both;
}

h1#logo{
	display: block;
	text-indent:-5000px;
	overflow:hidden;
	background: url(../imagens/logo.gif) no-repeat left;
	height: 64px;
	width: 218px;
	position: absolute;
	top:-23px;
}

#conteudo1 div{
	display: block;
	text-indent:-5000px;
	overflow:hidden;
	background: url(../imagens/benvindo.gif) no-repeat center;
	height: 110px;
	background-color: #000;
	opacity: .8;
	filter: alpha(opacity=80);
}

.conteudoCentro{
	width: 210px;
	float: right;
	margin-top: 40px;
	margin-right: 4px;
	height: 454px; 
	background-color: #000;
	padding: 8px;
	opacity: .8;
	filter: alpha(opacity=80);
}
.conteudoCentro h2{
	margin-bottom: 13px;
}

.conteudoImagem{
	width: 166px;
	float: right;
	margin-top: 40px;
	margin-right: 4px;
	background-color: #000;
	padding: 8px;
	opacity: .9;
	filter: alpha(opacity=90);
}

.conteudoImagem img{	
	display: block;
	margin: 0 auto;
	
}

/************************************
#MENU
************************************/

#mainNav{	
	background-color: #000;
	display: block;
	height: 40px;
	list-style: none;
	float: right;
	font-size: 120%;
}

#mainNav li {
	padding: 0px 23px 0px 23px;
	float: left;
	background: #000 url(../imagens/separador.gif) no-repeat left; 
}

#mainNav li a {
	display:block;
	text-decoration: none;
	color: #fff;	
}
 
#mainNav li a:hover {
	text-decoration: underline;
}


/************************************
Scroll conteudo
*************************************/
#scrollConteudoNav{
	float: right;
	width: 10px;
	margin-top: 80px;
	margin-right: 5px;
}

div#hold	{ 
	position:relative; overflow:hidden;
	width:210px; height:400px; 
  z-index:100; 
  margin-bottom: 5px;
}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:210px; height:400px; 
	clip:rect(0px, 280px, 400px, 0px); 
	overflow:hidden;	
	z-index:1; 
}
div#contentScroll { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	
}

/********************************
	Galeria de imagens
********************************/
.galeriaWrapper{
	padding-top: 6px;	
	margin: 0 auto;
	width:700px;
}
.galeria{
background-color: #000;
padding-top:3px;
	/*
	opacity: 0.8;
	filter: alpha(opacity=80);*/
}

.galeria div#hold	{ 
	width:630px; height:443px; 
	margin:0 auto;
	}
.galeria div#wn	{ 
	width:630px; height:443px; 
	clip:rect(0px, 630px, 443px, 0px); 
	}
.navPrev{
	float: left;
}
.navNext{
	float: right;
}