ul#menu {
	background: #007B9C;  /*definindo a cor de fundo */
	margin: 0px; /* zerando a margem */
	padding: 0px; /* zerando o espaço entre os elementos */
	width: 132px; /* aqui definimos a largura do menu, se esse atributo não estivesse definido, ele 		ocuparia a tela inteira */
	/*list-style-position: inside;
	list-style-image: url(arrow.gif);
	list-style-type: none;*/
	list-style: none;
}

ul#menu li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

ul#menu li#topmenu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color:#FFFFFF;
}

ul#menu li a {
	width: 100%; /* aqui estamos definindo a largura do link ( largura total - padding-left = 180px - 3px = 177px )*/
	/*height: 18px;  aqui se aplica a mesma situação de cima, mas não foi definido a altura ( 20px - 2px = 18px )*/
	display: block;  /*Essa aqui que é a jogada... o display com a propriedade block, o espaço todo do fundo ficará de outra cor */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;/* aqui estamos definindo o tamanho da fonte e o tipo da fonte, note que usamos medidas relativas, na próxima matéria iremos explicar isso. */
	font-size: 9pt;
	text-decoration: none;
	text-align: left;
}

ul#menu li a:hover {
	width: 100%;
	background: #84C1DF; /* mudando apenas a cor do fundo do link */
}

img#top {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

div#ruascaminhos{
	position:relative;
}
div#ruascaminhos div#novoruascaminhos{
	position:absolute;
	left: -18px;
	top: -5px;
}
div#buscarua{
	position:relative;
}
div#buscarua div#novobuscaruas{
	position:absolute;
	left: -18px;
	top: -5px;
}