.bg_menu{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	z-index:25;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	behavior: url(../../includes/js/PIE.htc);
}
.sf-menu li {
	position: relative;
}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index:20;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	position:fixed;
	left: 50%;
	margin: 0 0 0 -488px;
	top: 180px;
	z-index: 500;
	font-family: 'gotham_black_regular';
	font-size: 11px;
	width: 225px;
	text-align:left;
}

.sf-menu li {
	list-style-type: none;
	clear:both;
}


.sf-menu > li > a  {
	position:relative;
	width:205px !important;
	display:block;	
	text-decoration: none;
	color: #6d6e71;
	padding:4px 10px 2px 22px;
	text-transform:uppercase;
}


.sf-menu  a:hover   {
	color:#FFF;
}

/* bt destaques */
.sf-menu li.destaques {
	background: url(../imagens/bolinhas.png) no-repeat 3px -234px;	
}

.sf-menu li.destaques:hover {
	background-position: 3px -130px;
	color:#FFF;
	background-color: #bbb;
	border-radius: 9px;
}


.sf-menu li.mensagem {
	background: url(../imagens/bolinhas.png) no-repeat;
	background-position: 3px 3px;
}

.sf-menu li.mensagem:hover {
	background-position: 3px -130px;
	color:#FFF;
	background-color: #D6181F;
	border-radius: 9px;
}


/* bt perfil */
.sf-menu li.perfil {
	background: url(../imagens/bolinhas.png) no-repeat;
	background-position: 3px -15px;	
}

.sf-menu li.perfil:hover {
	background-position: 3px -130px;
	color:#FFF;
	background-color: #BDCC30;
	border-radius: 9px;
}

/* bt governanca */
.sf-menu li.governanca {
	background: url(../imagens/bolinhas.png) no-repeat;
	background-position: 3px -32px;
}

.sf-menu li.governanca:hover {
	background-position: 3px -130px;
	color:#FFF;
	background-color: #009FE3;
	border-radius: 9px; 
}
/* bt estrategia */
.sf-menu li.estrategia {
	background: url(../imagens/bolinhas.png) no-repeat;
	background-position: 3px -50px;
}

.sf-menu li.estrategia:hover {
	background-position: 3px -130px;
	color:#FFF;
	background-color: #E4B305;
	border-radius: 9px;
}

/* bt desemp */
.sf-menu li.desempenho {
	background: url(../imagens/bolinhas.png) no-repeat;
	background-position: 3px -68px;
}

.sf-menu li.desempenho:hover {
	background-position: 3px -130px;
	color:#FFF;
	background-color: #00B7A4;
	border-radius: 9px;	
}

/* bt demonst */
li.demonst, li.info, li.creditos {
	background: url(../imagens/bolinhas.png) no-repeat 3px -234px;
}

li.demonst:hover, li.info:hover, li.creditos:hover {
	background-position: 3px -130px;
	color:#FFF;
	border-radius: 9px;
	background-color: #bbb;
}

.acionado {
	background: url(../imagens/bolinhas.png) no-repeat;
	background-position: 3px -205px;
}



/* SUBMENU -------------- */

.sf-menu > li > ul {
	position:absolute;
	background-color:#666666;
	border-radius: 8px;
	top:-12px;
	left:180px;
	z-index:90;
}

.sf-menu > li > ul > li > a {
	color:#fff;
	width:250px;
	display:block;
	padding:4px 0 4px 20px;
	font-size:12px;
	text-decoration:none;
	background: url(../imagens/bolinhas.png) no-repeat 3px -162px;
}

.sf-menu li ul li:hover {
	background:url(../imagens/fundo_submenu.png) no-repeat top left;
}
.sf-menu li ul li a:hover {
	background: url(../imagens/bolinhas.png) no-repeat 3px -178px;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-menu, .sf-menu li {
	padding: 0;
	list-style: none;
	color:#FFF;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-menu .sf-menu li:hover, .sf-menu .sf-menu li.sfHover, .sf-menu .sf-menu a:focus, .sf-menu .sf-menu a:hover, .sf-menu .sf-menu a:active {
	outline:0;

}


/* ---------- arrows ---------- */
.sf-sub-indicator {	
	display:none;	
}