.drop{width:100%;color:#222;font-family:"Open Sans",Arial}

.drop h3{position:relative;padding-left:10px;font-weight:bold;border-top: 1px solid #8c8c8c;margin-top: 20px !important}

.drop h3 a{padding:10px 5px;padding-left:0;font-size:11px;line-height:15px;padding-bottom:30px;display:block;color:#222;text-decoration:none;font-weight:normal}

.drop h3 a:hover{color:#ccc}

.drop h3:hover{---text-shadow:0 0 1px rgba(255, 255, 255, 0.7)}

.drop h3 span{margin-right:0px}

.drop li{list-style-type:none;margin-left:0}

.filtro > .drop > ul > li{border:none;padding-top:0;margin-top:0}

.drop > ul > li.active li.active > h3{border:none;background:none;color:#000}

.drop > ul > li.active li.active_on > h3{border:none;background:#000;color:#FFF}

.drop > ul > li.active li.active > h3 a{color:#000}

.drop > ul > li.active li.active_on > h3 a{color:#FFF}

.drop li h3.active2{border:#000 1px solid;background:#000 !important;color:#FFF !important}

.drop li h3.active2 a{color:#FFF !important}

.drop li ul li{list-style-type:none;---margin-left:-10px}

.drop ul ul li a, .drop h4 {

    color: #222;

    text-decoration: none;

    font-size: 11px;

    line-height: 14px;

    display: block;

    padding: 7px 0;

        padding-left: 0px;

    transition: all 0.15s;

    position: relative;

    padding-left: 11px;

}

.drop ul ul li a:hover{}

.drop ul ul{display:none}

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

.drop ul ul ul{margin-left:30px}

.drop ul li h3 a.parent{font-weight:bold !important;text-transform:uppercase}

.drop ul li h3 a.parent:after{content:"\f107";font-family:fontawesome;position:absolute;right:10px;font-size:14px;top:8px;color:#222;font-weight:bold !important}

.drop ul li h3 a.active:after{content:"\f107";font-family:fontawesome;position:absolute;right:10px;font-size:14px;top:8px;color:#222;font-weight:bold !important}

.drop .active>a:not(:only-child):after{---content:"\f107"}

.drop .hidden2{display:none}

.expand{font-family:"Open Sans",Arial;color:#222;text-align:right;font-size:12px;padding:5px;cursor:pointer}

.expand:hover{font-family:"Open Sans",Arial;color:#ccc;text-align:right;font-size:12px;padding:5px;cursor:pointer}

.drop2{width:225px;color:#222;font-family:"Open Sans",Arial}

.drop2 h3{position:relative;padding-left:6px;font-weight:bold}

.drop2 h3 a{padding:10px 5px;padding-left:0;font-size:11px;line-height:11px;display:block;color:#222;text-decoration:none;font-weight:normal}

.drop2 h3 a:hover{color:#ccc}

.drop2 h3:hover{---text-shadow:0 0 1px rgba(255, 255, 255, 0.7)}

.drop2 h3 span{font-size:16px;margin-right:0px}

.drop2 li{list-style-type:none;margin-left:0}

.filtro > .drop2 > ul > li{border-top:#a7a7a7 1px solid;padding-top:15px;margin-top:15px}

.drop2 > ul > li.active li.active > h3{border:none;background:none;color:#000}

.drop2 > ul > li.active li.active_on > h3{border:none;background:#000;color:#FFF}

.drop2 > ul > li.active li.active > h3 a{color:#000}

.drop2 > ul > li.active li.active_on > h3 a{color:#FFF;font-weight:400;font-size: 15px;}

.drop2 li h3.active2{border:#000 1px solid;background:#000 !important;color:#FFF !important}

.drop2 li h3.active2 a{color:#FFF !important}

.drop2 li ul li{list-style-type:none;---margin-left:-10px}

.drop2 ul ul li a, .drop2 h4{color:#222;text-decoration:none;font-size:11px;line-height:24px;display:block;padding:0 15px;padding-left:0;transition:all 0.15s;position:relative}

.drop2 ul ul li a:hover{}

.drop2 ul ul{display:none}

.drop2 li.active > ul{display:block}

.drop2 ul ul ul{margin-left:30px}

.drop2 ul li h3 a.parent{font-weight:bold !important}

.drop2 ul li h3 a.parent:after{content:"\f107";font-family:fontawesome;position:absolute;right:10px;font-size:14px;top:8px;color:#222;font-weight:bold !important}

.drop2 ul li h3 a.active:after{content:"\f107";font-family:fontawesome;position:absolute;right:10px;font-size:14px;top:8px;color:#222;font-weight:bold !important}

.drop2 .active>a:not(:only-child):after{---content:"\f107"}

.drop2 .hidden2{display:none}