/*Início do topo*/
#topo {
	background-image:url(../jpg/topo/btnSecao02.jpg);
	background-repeat:no-repeat;
	
	height:105px;
	padding:35px;
}

#menu{
	margin:0;
	width:922px;
	height:68px;
	padding:13px 0px 13px 0px;
	list-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	position: relative;
	z-index: 9999;
}


#topo .homepage a{
	height: 38px;
	width: 42px; 
	margin: 0px 20px 0px 34px; 
	padding: 0px; 
	background-image: url('../jpg/elementosGraficos/homepageS2-1.jpg');
	background-position: center center;
}
/*
#topo .homepage div{
	border:0px none;
	height:38px;
	width:42px;
}*/

#topo .homepage a:hover {
   background-image: url('../jpg/elementosGraficos/homepageS2-2.jpg');
   background-position: center center;
   cursor: pointer;
}

/*Início dos links - Cor,largura,altura,alinhamento e padding*/	
#topo #menu li{
	position:relative;
	display:inline-block;
	float:left;
	margin-top:15px;
}

div li:first-child {
  margin-left: auto;
}
#topo ul ul{  
	position: absolute;
	left:-40px;
	top:34px;
	display:none;
}
#menu ul li{
	display: list-item;
	position:static;
	list-style:none;
}

/*Aqui é o CSS que ajusta alguns estilos do submenu quando o mouse ativar o hover*/
#topo li:hover ul{
	left:-40px;
	display:list-item;
	list-style:none;
}
/*Aqui fica o CSS para o estilo dos links da lista da primeira ul*/
#topo a{
	display:block;
	width:161px;
	height:-10px;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#8a4f3f;
	text-decoration:none;
}
/*Aqui ajusta a margin dos itens do submenu*/
ul ul li a{
	margin-top:-15px;
}

/*Aqui fica o CSS para ajustar os estilos dos links do submenu quando o mouse ativar o hover*/
#menu ul li a:hover{
	background-color:#5f4733;
	color:#fff;
}
.espaco{
	margin-right:33px;	
}
/*Início do hover e focus*/
#menu li a:hover,#menu li a:focus{
	background-color:#5f4733;
	text-decoration:none;
}
/*Fim do hover e focus*/
/*Fim dos links - Cor,largura,altura,alinhamento e padding*/
/*Fim do topo*/
/*Início da div rodapé*/
#rodape{
	background-image:url(../jpg/rodape/rodapesecao02.jpg);
	background-repeat:no-repeat;
	
	height:131px;
	margin-top:737px;
}
/*Fim da div rodapé*/
/*Início da div rodape segunda opcao*/
#rodapesegundaopcao{
	background-image:url(../jpg/rodape/rodapesecao03.jpg);
	background-repeat:no-repeat;
	
	height:131px;
	margin-top:768px;
}
/*Fim da div rodape segunda opcao*/