.nav-bar{}
.nav-bar li{list-style-type:none}
.filtro > .nav-bar > ul > li{border-top:#a7a7a7 1px solid;padding-top:15px;margin-top:15px}
.nav-bar li ul li {list-style-type:none;}
.nav-bar ul ul li a, .nav-bar h4{}
.nav-bar ul ul{display:none}
.nav-bar li.active {display:block;border-top:#FFF 1px solid}
.nav-bar li.active > ul{display:block}
.nav-bar ul ul ul{}
.nav-bar ul li h3 a.parent {}

.nav-bar ul ul{display:none}
.nav-bar li.active > ul{display:block}
.nav-bar li.active2 > ul{display:block}




.drop
{
	margin-top: 20px;
	background: #FFF;
	width: 100%;
	color: #fff;
	max-width:600px
}

.drop  ol, ul {  list-style: outside none none;margin-left:0;padding-left:0}

.drop h3
{
	background: #fff;
	border-bottom:1px solid #000;
	padding:0;
	margin:0
}
.drop h3 a
{
	padding: 20px 5px 4px;
	font-size: 12px;
	line-height: 11px;
	display: block;
	color: #000;
	text-decoration: none;
	font-weight:bold;
	position: relative;
}
.drop h3 a:hover {
	color: #000;
}

.drop h3:hover {
	background: #FFF;
}

.drop h3 span {
	font-size: 16px;
	margin-right: 10px;
}

.drop li {
	list-style-type: none;
	color:#000
}
.drop li.active h3 {
	background: #FFF;
	color:#000
}
.drop li.active h3 a{

	color:#000
}
/*
.drop ul ul li a, .drop h4 {
	color: #333;
	text-decoration: none;
	font-size: 12px;
	line-height: 27px;
	display: block;
	padding: 0 15px;
	font-weight:bold;
	transition: all 0.15s;
	position: relative;
}
*/
.drop ul ul ul li.active {
	background: #FFF;
	color:#000;
	border-left: 5px solid yellow;
}
.drop ul ul ul li.active a{

	color:#000;

}
/*
.drop ul ul li a:hover {
	background: #FFF;
	color:#000;
	/*border-left: 5px solid yellow;
}*/

.drop ul ul {
	display: none;
}
.drop li.active>ul {
	display: block;
}

.drop ul ul ul{
	margin-left: 15px;
	border-left: 1px dotted #17517b;
}
.drop  > ul > li > h3 > a:after {
	content: "\f0d7";
	font-family: fontawesome;
	position: absolute; right: 10px; top: 20px;
	font-size: 14px;
}
.drop  > ul > li.active > h3 > a:after {
	content: "\f0d8";
}

/*
.drop a:not(:only-child):after {
	content: "\f107";
	font-family: fontawesome;
	position: absolute; right: 10px; top: 0;
	font-size: 10px;
}
.drop .active>a:not(:only-child):after {
	content: "\f106";
} */
/*
.drop ul ul li a:after {
	content: "\f107";
	font-family: fontawesome;
	position: absolute; right: 10px; top: 0;
	font-size: 10px;
}*/
.drop ul ul li.active a:after {
	content: "\f106";
	font-family: fontawesome;
	position: absolute; right: 10px; top: 0;
	font-size: 10px;
}

.drop ul ul ul li.active a:after {
	content: "\f105";
	font-family: fontawesome;
	position: absolute; right: 10px; top: 0;
	font-size: 10px;
}