#inst-bar{
    font-size:14px;
    display:block;
    height:35px;
    width: auto;
    background:#e1e5e7;
    /*background:-webkit-gradient(linear,left top,left bottom,color-stop(71%,#eee),to(#e8e8e8));
    background:linear-gradient(to bottom,#eee 71%,#e8e8e8 100%);*/
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$cor-bg-inst-bar-prin', endColorstr='$cor-bg-inst-bar-secun', GradientType=0 )
}
    
@media (max-width:767px){

#inst-bar{
    display:none
}
}

#inst-bar .btn-acesso-info{
    background:url(../images/icon_acesso_informacao.png) left center no-repeat;
    padding-left:20px;
    margin-right:10px
}

#inst-bar .btn-radar{
    background:url(../images/radar_ico.png) left center no-repeat;
    padding-left:25px;
    margin-right:10px
}

#inst-bar .container{
    position:relative;
   /* padding-right:0 */
}

#inst-bar ul#accessibility{
    margin:0 0 0 -8px;
    padding:6px 0;
    color:#555
}

#inst-bar ul#accessibility li{
    display:block;
    float:left;
    border-left:1px solid #ddd;padding:0
}

#inst-bar ul#accessibility li:first-child{
    border:none
}

#inst-bar ul#accessibility li a{
    display:block;
    color:#718096;
    font-size:.786em!important;
    padding:0 6px;
    /*height:23px;*/
    line-height:23px
}

#inst-bar ul#accessibility li a:hover{
    text-decoration:none;
    color:#003060;
}

#inst-bar ul#accessibility li.opt-icon{
    border:none;
    margin-left:29px
}

#inst-bar ul#accessibility li.opt-icon~li.opt-icon{
    margin-left:5px
}

#inst-bar ul#accessibility li.opt-icon a{
    background:#fff;
    border-radius:4px;
    color:#999;
    width:23px;padding:0;
    text-align:center;
    font-size:.75em!important
}

#inst-bar ul#accessibility li.opt-icon a:hover{
    color:#21A0CE;
}

#inst-bar ul#accessibility li.opt-icon a span{
    display:none
}

#inst-bar ul#accessibility li.opt-icon a i.fa-plus{
    font-size:.75em!important
}

#inst-bar ul#accessibility li.opt-icon .icon-vlibras{
    display:block;
    background:url(../images/inst-bar-icon-libras.png) no-repeat center top;
    width:23px;
    height:23px
}

#inst-bar ul#accessibility li.opt-icon:hover .icon-vlibras{
    background-position:0 -23px
}

#inst-bar .btn-acesso-info,

#inst-bar .btn-desaparecidos{
    line-height:35px;
    float:left;
    color:#999;
    font-weight:700;
    text-transform:uppercase;
    font-size:.757em!important
}

@media (max-width:1199px){
    
#inst-bar .btn-acesso-info,
#inst-bar .btn-desaparecidos{
    font-size:.657em!important
}
}

#inst-bar .btn-acesso-info:visited,
#inst-bar .btn-desaparecidos:visited{
    color:#999;
}

#inst-bar .btn-acesso-info:hover,#inst-bar .btn-desaparecidos:hover{
    color:#21A0CE;
    text-decoration:none
}

#inst-bar .btn-acesso-info:focus,#inst-bar .btn-desaparecidos:focus{
    color:#21A0CE;
    text-decoration:none
}

#inst-bar .btn-acesso-info{
    background:url(../images/icon_acesso_informacao.png) left center no-repeat;
    padding-left:20px;
    margin-right:10px
}

#inst-bar nav .btn-group{
    float:left;
    cursor:pointer
}

#inst-bar nav .btn-group button{
    background:0 0;
    border:none;
    color:#ffffff;
    font-size:.757em!important;
    font-weight:700;
    height: 23px;
    /*height:35px; */
    padding:0 10px!important
}

@media (max-width:1199px){
    
    #inst-bar nav .btn-group button{
        font-size:.657em!important
    }
}

#inst-bar nav .btn-group .dropdown-menu{
   /* font-size:.857em!important; */
    background-color: #0072bb;
    padding:0
}

#inst-bar nav .btn-group .dropdown-menu>li>a{
    color:#333;
    border-top:1px solid #e3dede;
    padding:7px 10px;
    display:block
}

#inst-bar nav .btn-group .dropdown-menu>li>a:hover{
    background:#0072bb;
    color:#fff
}

#inst-bar nav .btn-group .dropdown-menu>li>a:focus{
    background:#0072bb;
    color:#fff
}

#inst-bar nav .btn-group .dropdown-menu>li:first-child>a{
    border:none
}

@media (min-width:768px) and (max-width:991px){
    #inst-bar ul#accessibility li.opt-accessibility,
    #inst-bar ul#accessibility li.opt-content,
    #inst-bar ul#accessibility li.opt-navigation,
    #inst-bar ul#accessibility li.opt-search{
        display:none
    }
}

@media (min-width:992px) and (max-width:1200px){
    #inst-bar ul#accessibility li a{
        padding:0 4px
    }
    
    #inst-bar ul#accessibility li.opt-icon{
        margin-left:9px
    }
}