/*** ESSENTIAL STYLES ***/
.sf-vertical, .sf-vertical * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-vertical {
	
	margin-top:		0px;
}/*line-height:	1.0;*/
.sf-vertical ul {
	position:		relative;
	top:			0px;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-vertical ul li {
	width:			100%;
}
.sf-vertical li:hover {
	visibility: visible; /* fixes IE7 'sticky bug' */
}
.sf-vertical li {
	float:			left;
	position:		relative;
}
.sf-vertical a {
	display:		block;
	position:		relative;
	color:			#3CACAC;
}
.sf-vertical a:link {
	color:			#3CACAC;
}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		99;
	border: none;
}
.sf-vertical li:hover a {
	color:#3CACAC;
}
.sf-vertical li.sfHover a {
	color:#3CACAC;
}
.sf-vertical a:link {
	color:#3CACAC;
}
ul.sf-vertical li:hover li ul,
ul.sf-vertical li.sfHover li ul {
	top:			-999em;
}
ul.sf-vertical li li:hover ul,
ul.sf-vertical li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-vertical li li:hover li ul,
ul.sf-vertical li li.sfHover li ul {
	top:			-999em;
}
ul.sf-vertical li li li:hover ul,
ul.sf-vertical li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-vertical {
	float: left;
}
.sf-vertical a {
	text-decoration:none;
}
.menu a:visited {
	color: #666666;
}
/*.sf-vertical a, .sf-vertical a:visited  { visited pseudo selector so IE6 applies text colour
	color:			#1a8891;
}*/
.sf-vertical li {
	font-weight:bold;
	padding:3px 0 5px 7px !important;
	line-height:15px;
	font-size:12px;
	background:url(../../../imagens/bg_sf-vertical.gif) top left no-repeat;
}
.sf-vertical li ul { margin-top:5px;}
.sf-vertical li li {
	margin-right:0px;
	font-weight: normal;
	border-bottom:none;
	padding:0px !important;
	background:none;
}
.sf-vertical li li a { color:#3A758A!important}
.sf-vertical li li li {
	margin-right:0px;
	font-weight: normal;
	background: none;
	border-bottom:none;
	background:none;
}
.sf-vertical li:hover, .sf-vertical li.sfHover,
.sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active {
	outline:		0;
}
.sf-vertical a.sf-with-ul {
	/*color:#3CACAC;*/
}
.sf-shadow ul li a:visited {
	/*color:#3CACAC;*/
}
.sfHover a:visited {
	/*color:#339933;*/
}
/*.menu li {
	padding-right:4px;
}
*/.menu li a:visited {
	/*color:#3CACAC;*/
}


/***************************** MENU VERTICAL ************************************************/

/*** adding sf-vertical in addition to sf-vertical creates a vertical menu ***/
.sf-vertical { 
	position:relative;
	float:left;
	margin-top:0px;
	margin-left:7px;
}
.sf-vertical, .sf-vertical li {
	/*width: 150px;*/
	margin-bottom:0px;
}
.sf-vertical, .sf-vertical li a {
	/*color:#1a8891;*/
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	/*left:	10em;  match ul width */
	top:	0;
	visibility:visible!important;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}