/**************************************************************************************/
/*																				      */
/*  Regras CSS aplicadas ao menu vertical (localizado na lateral esquerda da página)  */
/*																					  */
/**************************************************************************************/

ul#menu_vertical{
	font: bold 10pt "Trebuchet MS", Arial, Helvetica, sans-serif; /* fonte em negrito, tamanho 10, estilo da fonte: Trebuchet MS */
	list-style-type: none; /* retira os marcadores de lista */
	margin:1px 0 0 0; /* margens do menu */
	padding: 0; /* deixa os itens do menu próxmos a barra vertical */
	width: 175px; /* largura do menu */
}

	ul#menu_vertical li {
		margin-left:20px; /* margem esquerda do item LI */
		text-align: left; /* alinha o texto a esquerda */
	}

	ul#menu_vertical a {
		color: #333; /* texto dos links na cor preta */
		display: block;	/* torna os links clicáveis no tamanho do elemento LI */	
		padding: 0.5em 0.75em; /* distância entre os elementos LI */
		text-decoration: none; /* retira o sublinhado dos links */
	}

	ul#menu_vertical a:hover, a:focus {
		background-color: #DDD; /* ao pasar o mouse sobre o link, o fundo fica na cor cinza */
		color: #900; /* texto fica na cor vermelha */
	}
	
	ul#menu_vertical li.em_construcao {
		background-color:#FFF;
		color: #333;
		cursor:pointer;
	}
	
	ul#menu_vertical li.em_construcao a:hover{
		color: #333;
		background-color:#FFF;	
	}