*, body, nav, ul, li, a {
	margin: 0; 
	padding: 0;
}
.nav-bar a {
	text-decoration: none;
}
.nav-bar {
	position:fixed;
	top:140px;
	background:#333;
	width:100%;
	z-index:10;
}
.toggleMenu {
	cursor:pointer;
    display: none;
    padding: 10px 15px;
    color: #fff;
}
.nav {
	border-top: 1px solid transparent;
	color:#5e4a1e;
	list-style: none;
	font-size:100%;
	font-weight:normal;
	/**zoom: 1;*/
    margin: 0 auto;
	position:relative;
	z-index:1000;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
	background-color:#ecf0f1;
	box-shadow:1px 1px 3px #333;
    list-style: none;
    width:300px;
}
.nav a {
    padding: 10px 10px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
	display:table-cell;
	margin:2px 1px;
	vertical-align:middle;
} 
.nav > li:first-child {
	border-left:0;
}
.nav > li > .parent {
	color:#fff;
}
.nav > li > a {
	display: table-cell;
	vertical-align:middle
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
	display:table-cell;
    left: 100%;
    top: 0;
}
.nav li li a {
	display: block;
	background: #ecf0f1;
	position: relative;
	z-index:100;
	border: 1px solid #222;
	margin-top:-1px;
}
.nav li li li a {
	cursor:pointer;
	background-color:#d9ddde;
    z-index:200;
    border:1px solid #e1e5e5;
	margin-top:-1px;
	margin-left:-1px;
}
.nav > li > .parent:hover, .nav li li a:hover, .nav li li li a:hover, .nav li a:hover {
	background:#438bbf;
	color:#fff;
	text-decoration:none;
}
.nav > li > ul > li .parent {
	background-image: url("../imgs/rightArrow.png");
	background-repeat: no-repeat;
	background-position: right;
	color:#777;
}
/* Configurações nivel 1*/
.nav > li > ul > li > a {
	background-color:#333;
}
/* Configurações nivel 2*/
.nav > li > ul > li > ul > li > a {
	background-color:#666;	
}
/* Configurações nivel 3*/
.nav > li > ul > li > ul > li > ul > li > a {
	background-color:#333;	
}
@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
		display:block;
        float:none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	.nav > li > a {
		display: block;
		height:auto;
	}
}