/* INÍCIO DO BLOCO INSERIDO PARA O MENU CLICÁVEL E NÃO HOVER */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.navbar-default {
  background-color: #27274e;
  border-color: #000;
	font-size: 15px;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
  color: #0693e4;
  background-color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	background-color: #fff;
  color: #777;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #333;
    background-color: #c9c9ca;
}

/* FINAL DO BLOCO INSERIDO PARA O MENU CLICÁVEL E NÃO HOVER */
		
#navigation {
  width:100%;
  background-color: #494949;
  background-image:-moz-linear-gradient(top,#595959,#303030);
  background-image:-ms-linear-gradient(top,#595959,#303030);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#595959),to(#303030));
  background-image:-webkit-linear-gradient(top,#595959,#303030);
  background-image:-o-linear-gradient(top,#595959,#303030);
  background-image:linear-gradient(top,#595959,#303030);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#303030', GradientType=0);
  color:white;
  box-shadow:inset 0px 10px 20px rgba(255,255,255,0.1);
  margin-bottom:1.2em;
  font-size:11.5pt;
  display:inline-block;
}
#navigation a { border-bottom:none; }
#navigation .root-menu {
  display:block;
  position:relative;
  max-width:1360px;
  margin:0 auto;
  padding:0;
  list-style-type:none;
}
#navigation .root-menu .root-node {
  display:block;
  float:left;
  height:46px;
  margin-right:0.8em;
}
#navigation .root-menu .root-node > a {
  display:block;
  color:#ffffff !important;
  height:100%;
  text-decoration:none;
  line-height:46px;
  text-shadow:0px 0px 1px rgba(255,255,255,0.4), 2px 2px 2px rgba(0,0,0,0.5);
  overflow:hidden;
}
#navigation .root-menu .root-node > a:hover [data-icon]:before { color:#ffffff !important; }
#navigation .root-menu .root-node > a span {
  position:relative;
  margin:0 0.6em;
}
#navigation .root-menu .root-node:hover > a, #navigation .root-menu .root-node:active > a {
  background-color:#303030;
  text-shadow:0px 0px 3px rgba(255,255,255,0.45), 2px 2px 2px rgba(0,0,0,0.5);
  position:relative;
  top:1px;
  height:45px;
}
#navigation .root-menu .root-node:hover .submenu, #navigation .root-menu .root-node:active .submenu {
  display:block;
  max-height:55em;
  opacity:1.0;
  height:auto;
  -webkit-transition:max-height 0.6s, opacity 0.4s;
  -moz-transition:max-height 0.6s, opacity 0.4s;
  -ms-transition:max-height 0.6s, opacity 0.4s;
  -o-transition:max-height 0.6s, opacity 0.4s;
  transition:max-height 0.6s, opacity 0.4s;
}
#navigation .root-menu .root-node.profile {
  float:right;
  max-width:200px;
  margin:0 !important;
  padding:0 !important;
}
#navigation .root-menu .root-node.profile:hover > a { background-color:#303030; }
#navigation .root-menu .root-node.profile > a span:before {
  float:left;
  display:block;
  clear:both;
  margin-top:3px;
  margin-right:0.3em;
  width:20px;
  height:32px;
  background-position:-80px -32px;
  background-image:url('../imagens/icon-set-white.png');
}
#navigation .root-menu .root-node.profile .submenu { right:0; }
#navigation .root-menu .root-node.profile .submenu a:hover [data-icon]:before { color:white !important; }

/* MENU PLACE */
#navigation .root-menu .root-node.place {
  float:right;
  max-width:200px;
  margin:0 !important;
  padding:0 !important;
}
#navigation .root-menu .root-node.place:hover > a { background-color:#303030; }
#navigation .root-menu .root-node.place > a span:before {
  float:left;
  display:block;
  clear:both;
  margin-top:3px;
  margin-right:0.3em;
  width:20px;
  height:32px;
  background-position:0px 0px;
  background-image:url('../imagens/icon-set-white.png');
}
#navigation .root-menu .root-node.place .submenu { right:0; }
#navigation .root-menu .root-node.place .submenu a:hover [data-icon]:before { color:white !important; }
/* MENU PLACE */

/* MENU MAIL */
#navigation .root-menu .root-node.mail {
  float:right;
  max-width:200px;
  margin:0 !important;
  padding:0 !important;
}
#navigation .root-menu .root-node.mail:hover > a { background-color:#303030; }
#navigation .root-menu .root-node.mail > a span:before {
  float:left;
  display:block;
  clear:both;
  margin-top:3px;
  margin-right:0.3em;
  width:20px;
  height:32px;
  background-position:-180px -94px;
  background-image:url('../imagens/icon-set-white.png');
}
#navigation .root-menu .root-node.mail .submenu { right:0; }
#navigation .root-menu .root-node.mail .submenu a:hover [data-icon]:before { color:white !important; }
/* MENU MAIL */

/* MENU HELP */
#navigation .root-menu .root-node.help {
  float:right;
  max-width:200px;
  margin:0 !important;
  padding:0 !important;
}
#navigation .root-menu .root-node.help:hover > a { background-color:#303030; }
#navigation .root-menu .root-node.help > a span:before {
  float:left;
  display:block;
  clear:both;
  margin-top:3px;
  margin-right:0.3em;
  width:20px;
  height:32px;
  background-position:-80px -290px;
  background-image:url('../imagens/icon-set-white.png');
}
#navigation .root-menu .root-node.help .submenu { right:122; }
#navigation .root-menu .root-node.help .submenu a:hover [data-icon]:before { color:white !important; }
/* MENU HELP */

/* MENU SETTINGS */
#navigation .root-menu .root-node.settings {
  float:right;
  max-width:200px;
  margin:0 !important;
  padding:0 !important;
}
#navigation .root-menu .root-node.settings:hover > a { background-color:#303030; }
#navigation .root-menu .root-node.settings > a span:before {
  float:left;
  display:block;
  clear:both;
  margin-top:3px;
  margin-right:0.3em;
  width:20px;
  height:32px;
  background-position:-100px -64px;
  background-image:url('../imagens/icon-set-white.png');
}
#navigation .root-menu .root-node.settings .submenu { right:122; }
#navigation .root-menu .root-node.settings .submenu a:hover [data-icon]:before { color:white !important; }
/* MENU SETTINGS */

#navigation .submenu {
  display:block;
  z-index:100;
  position:absolute;
  margin:0;
  padding:0 0 0 0;
  background-color:#303030;
  opacity:0;
  max-height:0px;
  height:0;
  overflow:hidden;
  -webkit-transition:max-height 0.6s, opacity 0.4s;
  -moz-transition:max-height 0.6s, opacity 0.4s;
  -ms-transition:max-height 0.6s, opacity 0.4s;
  -o-transition:max-height 0.6s, opacity 0.4s;
  transition:max-height 0.6s, opacity 0.4s;
}
#navigation .submenu li {
  display:block;
  margin:0;
}
#navigation .submenu li a {
  display:block;
  height:100%;
  margin-right:1.5em;
  padding:0.5em 0.5em 0.5em 0.5em;
  color:white !important;
  text-decoration:none;
}
#navigation .submenu li a span:before {
  float:left;
  display:block;
  clear:both;
  margin-top:-9px;
  margin-right:0.3em;
  content:'';
  width:20px;
  height:32px;
  background-position:-100px -96px;
  /*background-image:url('../imagens/icon-set-white.png'); */
}
#navigation .submenu li a:hover span, #navigation .submenu li a:active span {
  color:#f37820;
  text-shadow:none;
}
#navigation .submenu li:last-child { padding-bottom:0.5em; }
#navigation.subnav {
  background-color:#575757;
  background-image:-moz-linear-gradient(top,#4d4d4d,#666666);
  background-image:-ms-linear-gradient(top,#4d4d4d,#666666);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#4d4d4d),to(#666666));
  background-image:-webkit-linear-gradient(top,#4d4d4d,#666666);
  background-image:-o-linear-gradient(top,#4d4d4d,#666666);
  background-image:linear-gradient(top,#4d4d4d,#666666);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#666666', GradientType=0);
  border-top:2px solid rgba(26,26,26,0.005);
  height:32px;
  margin-top:-1.5em;
  padding-top:0;
}
#navigation.subnav > ul {
  height:32px;
  max-height:32px;
}
#navigation.subnav > ul li {
  height:32px;
  line-height:32px;
}
[data-icon] { display:block; }
a [data-icon]:hover:before { color:#f37820; }
[data-icon]:before {
  content:'';
  float:left;
  display:block;
  clear:both;
}
[data-icon]:before {
  width:20px;
  height:32px;
  background-image:url('../imagens/icon-set-white.png');
}
[data-icon="person"]:before { background-position:-60px -32px; }
[data-icon="mail"]:before { background-position:-180px -94px; }