/* CSS do menu vertical */

.vertical {
	display: table;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.vertical * { margin: 0; padding: 0;}
.vertical a {
	display: block;
	padding-left: 5px;
}

.vertical li {
	position:relative;
	height: 1%;
	display: block;
	padding-left: 0px;
	padding-right: 3px;
}

.vertical li ul {
	left:197px;
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	top: 0px;
}

/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .vertical li ul { width: 500px;}
.vertical li:hover ul, .vertical  li.over ul {visibility: visible;}
 
 /* a class  .over eh tecnica pro hover no IE */
.vertical li:hover ul li ul, .vertical li.over ul li ul{visibility: hidden;}
.vertical li ul li:hover ul, .vertical li ul li.over ul{visibility: visible;}

/* visual */
.vertical {
	width: 200px;
	padding-top: 5;
	margin-top: 5px;
	
}

.vertical a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
	line-height: 20px;
	background-color: #eeeeee;
}
.vertical a:visited{
	color: #336699;
}
.vertical a:hover { 
	text-decoration: underline;
	background-color: #FAFAFA;
	}
.vertical ul li ul{
	background-color:#EEEEEE;
	border: 1px solid #000;
	}