* { /* seleciona todos os elementos */
	margin:0; /* zera margem externa */
	padding:0;	/* zera margem interna */
}
body { /* seleciona a tag body */
	/* formata o fundo da p�gina com cor, imagem e repeti��o da imagem */
	background:#DADADA url(../imagens/bg_body.jpg) repeat-x;
	/* fam�lia de fonte da p�gina */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#galeria { /* formata o elemento com id 'galeria' */
	width:900px; /* largura */
	height:520px; /* altura */
	position:absolute; /* define o tipo de posicionamento */
	/* define a dist�ncia do topo como metade da p�gina */
	top:57%;
	/* define a dist�ncia da lat. esquerda como metade da p�gina */
	left:340px;
	/* margem do topo negativa com metade do valor da altura */
	margin-top:-260px;
	/* margem da esquerda negativa com metade do valor da largura */
	margin-left:-340px;
	border:0px solid #999; /* borda do elemento */
	z-index:0;
}
#fotos img { /* formata as imagens do elemento com id 'fotos' */
	width: 900px;
	border:none; /* retira a borda das imagens */
	margin:0px; /* margem externa */
}
#controle { /* formata o elemento com id 'controle' */
	position:absolute; /* define o tipo de posicionamento */
	top:-15px; /* distancia do topo */
	left:90px; /* distancia da esquerda */
	/* ordem no eixo z, ou seja, o n�mero da camada do elemento na tela */
	z-index:100;
	width:680px; /* largura */
	text-align:center; /* texto centralizado */
}
#navegacao { /* formata o elemento com id 'navegacao' */
	position:absolute; /* define o tipo de posicionamento */
	right:25px; /* distancia da direita */
	bottom:30px; /* distancia de baixo */
	/* ordem no eixo z, ou seja, o n�mero da camada do elemento na tela */
	z-index:100;
}
/* formata os links do elemento com id 'navegacao' */
#controle a,
#navegacao a {
	background:#EAEAEA; /* cor de fundo */
	border:1px solid #CCC; /* borda */
	text-decoration:none; /* tira o sublinhando */
	font-size:14px; /* tamanho da fonte */
	padding:5px; /* margem interna */
	color:#333; /* cor do texto */
	margin-left:3px; /* margem externa da esquerda */
	outline:none; /* tira a borda pontilhada de qdo o elemento est�
	focado */
}
/* formata os links do elemento com id 'navegacao' qdo o mouse
estiver sobre eles */
#controle a:hover,
#navegacao a:hover {
	background:#000080; /* cor de fundo */
	color: #FFFFFF;
	
}
/* formata o link com a classe 'activeSlide' que a classe do bot�o
que indica em qual slide est� o slideshow */
#navegacao a.activeSlide {
	background:#000080; /* cor de fundo */
	color: #FFFFFF;
	font-weight:bold;
}









