.prodesp-blue{
    background:#034ea2
}
.prodesp-black{
    background:#11161d
}
.prodesp-gray{
    background:#4d4d4f
}
.prodesp-white{
    background:#fff
}
img.prodesp-icon-social{
    margin-left:4px
}
img.prodesp-icon-social:hover{
    filter:drop-shadow(1);
    box-shadow:inset 0 0 0 20px #111;
    border-radius:3px
}
.prodesp-link:hover{
    background:#444!important;
    color:#fff;
    border-color:#444;
    text-decoration:none!important
}
p.prodesp-social{
    width:82px;
    color:#444;
    font-size:10px!important;
    margin-top:0;
    height:0;
    padding-right:20px;
    margin-bottom:10px
}
::-moz-selection{
    background:#666;
    text-shadow:none;
    color:#fff
}
::selection{
    background:#666;
    text-shadow:none;
    color:#fff
}
.prodesp-link{
    font-size:10px;
    color:#444;
    border:1px solid;
    border-radius:16px;
    padding:6px 10px;
    margin-right:40px;
    text-decoration:none
}
@media only screen{
    #prodesp-topbarGlobal{
        width:100%;
        display:block;
        box-sizing:border-box;
        z-index:0;
        position:relative
    }
    #prodesp-topbarGlobal *{
        box-sizing:border-box;
        font-family:Verdana,Arial,Sans-serif
    }
    #prodesp-topbarGlobal.blu-e{
        background-color:#fff
    }
    #prodesp-topbarGlobal.gre-y{
        background-color:#ccc
    }
    #prodesp-topbarGlobal.yello-w{
        background-color:#fc0
    }
    #prodesp-topbarGlobal.re-d{
        background-color:red
    }
    #prodesp-topbarGlobal.blac-k{
        background-color:#11161d
    }
    #prodesp-topbarGlobal #topbarGlobal{
        width:100%;
        max-width:968px;
        margin:auto;
        font-size:0;
        text-align:right
    }
    #prodesp-topbarGlobal #topbarLink{
        font-size:20px;
        font-weight:700;
        width:auto;
        text-align:left
    }
    #prodesp-topbarGlobal #topbarLink a{
        text-decoration:none;
        padding:5px
    }
    #prodesp-topbarGlobal #topbarLink a:active,#prodesp-topbarGlobal #topbarLink a:visited{
        color:inherit
    }
    #prodesp-topbarGlobal #topbarLink a:hover{
        cursor:pointer;
        text-decoration:underline
    }
    #prodesp-topbarGlobal.blac-k #topbarLink a,#prodesp-topbarGlobal.blu-e #topbarLink a,#prodesp-topbarGlobal.re-d #topbarLink a{
        color:#fff
    }
    #prodesp-topbarGlobal.blac-k #topbarLink a,#prodesp-topbarGlobal.re-d #topbarLink a,#prodesp-topbarGlobal.whit-e #topbarLink a{
        color:#11161d
    }
    #prodesp-topbarGlobal.gre-y #topbarLink a,#prodesp-topbarGlobal.yello-w #topbarLink a{
        color:#11161d
    }
    #prodesp-topbarGlobal #topbarMenu,#prodesp-topbarGlobal #topbarOpen{
        font-size:13px;
        color:#fff;
        padding:0;
        margin:0
    }
    #prodesp-topbarGlobal #topbarMenu li,#prodesp-topbarGlobal #topbarOpen li{
        display:block
    }
    #prodesp-topbarGlobal #topbarMenu br+li,#prodesp-topbarGlobal #topbarOpen br+li{
        padding:4px 8px;
        margin-top:-8px;
        cursor:default;
        font-weight:700
    }
    #prodesp-topbarGlobal #topbarMenu a,#prodesp-topbarGlobal #topbarOpen a{
        display:block;
        width:100%;
        color:#fff;
        text-decoration:none;
        line-height:1.3;
        padding:4px 8px
    }
    #prodesp-topbarGlobal #topbarMenu a:hover,#prodesp-topbarGlobal #topbarOpen a:hover{
        background-color:rgba(166,166,166,.6)
    }
    #prodesp-topbarGlobal #topbarOpen>li{
        position:relative;
        margin:0 10px 0 0
    }
    #prodesp-topbarGlobal #topbarOpen>li span{
        font-size:22px;
        line-height:0;
        font-weight:400;
        display:inline-block;
        vertical-align:text-top;
        margin-top:4px;
        width:13px
    }
    #prodesp-topbarGlobal #topbarOpen.topbarOpening #topbarMenu{
        display:block!important
    }
    #prodesp-topbarGlobal #topbarMenu{
        margin-left:0;
        overflow-y:auto;
        position:absolute;
        left:0;
        height:450px;
        width:350px;
        text-align:left;
        background-color:#999;
        background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#11161d));
        background:-webkit-linear-gradient(top,#999,#11161d);
        background:-moz-linear-gradient(top,#999,#11161d);
        background:-ms-linear-gradient(top,#999,#11161d);
        background:-o-linear-gradient(top,#999,#11161d);
        background:linear-gradient(to bottom,#999,#11161d);
        border-radius:0 10px 10px 0
    }
    #prodesp-topbarGlobal #topbarMenu::-webkit-scrollbar-track{
        -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
        border-radius:10px;
        background-color:#a6a6a6
    }
    #prodesp-topbarGlobal #topbarMenu::-webkit-scrollbar{
        width:10px;
        border-radius:10px;
        background-color:#f2f2f2
    }
    #prodesp-topbarGlobal #topbarMenu::-webkit-scrollbar-thumb{
        background-color:#d9d9d9
    }
}
@media only screen and (max-width:968px){
    #prodesp-topbarGlobal #topbarMenu{
        left:inherit;
        right:0
    }
    #prodesp-topbarGlobal #topbarLink{
        width:47%
    }
}
@media only screen and (min-width:769px){
    #prodesp-topbarGlobal{
        padding:0
    }
    #prodesp-topbarGlobal #topbarGlobal{
        min-width:84px;
        min-height:70px
    }
    #prodesp-topbarGlobal #topbarLink,#prodesp-topbarGlobal #topbarLogo,#prodesp-topbarGlobal #topbarOpen{
        display:inline-block;
        vertical-align:middle
    }
    #prodesp-topbarGlobal #topbarLogo{
        background-repeat:no-repeat;
        min-width:84px;
        min-height:60px;
        background-position:center right;
        padding:16.5px 0;
        width:18%
    }
}
@media only screen and (max-width:480px){
    #prodesp-topbarGlobal #topbarLink.prodesp-blue{
        padding:20px 16px 0 2%!important
    }
}
@media only screen and (max-width:460px){
    a.prodesp-link{
        margin-right:30px
    }
    a.prodesp-link:hover{
        background:#444!important;
        text-decoration:none!important
    }
}
@media only screen and (max-width:400px){
    a.prodesp-link{
        margin-left:10px;
        margin-right:20px
    }
    a.prodesp-link:hover{
        background:#444!important;
        text-decoration:none!important
    }
    .prodesp-portal{
        font-size:16px;
        margin-top:4px
    }
}
@media only screen and (min-width:769px){
    .prodesp-kebab{
        display:none
    }
    div#prodesp-topbarGlobal div#topbarGlobal{
        max-width:100%!important;
        display:flex;
        position:relative;
        justify-content:flex-end;
        border-bottom:solid 3px #444
    }
    div#prodesp-topbarGlobal div#topbarGlobal #topbarLink{
        background-image:url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png);
        background-repeat:no-repeat;
        background-position:right;
        position:absolute;
        width:350px;
        height:67px;
        top:0;
        left:0
    }
    .prodesp-portal{
        margin-top:20px;
        margin-left:30px
    }
}
@media only screen and (max-width:768px){
    .prodesp-social{
        margin-top:14px;
        margin-right:2px
    }
    p.prodesp-social{
        margin-top:22px;
        margin-left:2px
    }
    .prodesp-link{
        font-size:10px;
        color:#444;
        border:1px solid;
        border-radius:16px;
        padding:6px 10px;
        margin-top:10px;
        margin-left:20px;
        margin-right:100px
    }
    #prodesp-topbarGlobal #topbarLink.prodesp-black,#prodesp-topbarGlobal #topbarLink.prodesp-blue,#prodesp-topbarGlobal #topbarLink.prodesp-gray,#prodesp-topbarGlobal #topbarLink.prodesp-white{
        width:76%;
        text-align:left;
        height:67px;
        padding:20px 16px 0 2%
    }
    nav.prodesp-navbar.prodesp-navbar-expand-lg{
        display:none
    }
    div#prodesp-topbarGlobal{
        border-bottom:solid 3px #444
    }
    #prodesp-topbarGlobal #topbarLink.prodesp-blue{
        background:url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png) right no-repeat #034ea2
    }
    #prodesp-topbarGlobal #topbarLink.prodesp-black{
        background:url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png) right no-repeat #11161d
    }
    #prodesp-topbarGlobal #topbarLink.prodesp-gray{
        background:url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png) right no-repeat #4d4d4f
    }
    #prodesp-topbarGlobal #topbarLink.prodesp-white{
        background:url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png) right no-repeat #fff
    }
    .prodesp-kebab{
        cursor:pointer;
        position:absolute;
        display:inline-block;
        box-sizing:border-box;
        padding:0;
        float:right;
        top:20px;
        right:30px;
        width:7px;
        height:26px
    }
    .prodesp-kebab.prodesp-active{
        display:-webkit-box;
        top:28px;
        margin-right:10px
    }
}
.govsp-kebab figure{
    width:6px;
    height:6px;
    border-radius:5px;
    background:#444;
    margin:3px 0
}
.prodesp-middle{
    transform:scale(1);
    position:relative;
    box-shadow:0 .1px .1px 0 rgba(0,0,0,.16),0 .1px .3px 0 rgba(0,0,0,.12);
    -webkit-filter:blur(.1px);
    filter:blur(.1px)
}
.prodesp-middle.prodesp-active{
    margin-left:3px;
    margin-right:3px;
    padding-left:3px;
    padding-right:3px;
    box-shadow:0 .1px .1px 0 rgba(0,0,0,.16),0 .1px .3px 0 rgba(0,0,0,.12)
}
.prodesp-cross{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(0);
    margin-top:-1px;
    font-family:Nunito,sans-serif;
    color:#fff;
    transition:all .2s cubic-bezier(.72,1.2,.71,.72);
    font-size:22px;
    user-select:none
}
.prodesp-cross.prodesp-active{
    transform:translate(-50%,-50%) scale(1);
    transition:all .15s cubic-bezier(.32,2.04,.85,.54)
}
.prodesp-dropdown{
    position:fixed;
    width:100%;
    left:0;
    top:64px;
    padding:0 0 10px;
    border-bottom:solid 1px #444;
    transform:scale(0)
}
.prodesp-dropdown li{
    display:block
}
.prodesp-dropdown li a{
    display:inline-block;
    white-space:pre;
    box-sizing:border-box
}
.prodesp-dropdown li a:hover{
    background:#ebebeb
}
.prodesp-dropdown:hover ul{
    transform:scale(1)
}
.prodesp-dropdown.prodesp-active{
    position:fixed;
    display:inline-flex;
    transform:scale(1);
    transition:all .25s cubic-bezier(.5,1.8,.9,.8);
    background:#fff
}
@media (min-width:992px){
    .prodesp-navbar-expand-lg{
        -ms-flex-flow:row nowrap;
        flex-flow:row nowrap;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
}
.prodesp-navbar{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:.5rem 1rem
}
body,section.prodesp-topo{
    margin:0
}
ul.prodesp-dropdown.prodesp-active.hide-dropdown{
    display:none
}
.prodesp-acessibilidade{
    margin-right:2px;
    margin-top:2px
}
a.prodesp-pasta{
    padding:0!important
}
a.prodesp-pasta:hover{
    text-decoration:none!important
}

.header-prodesp-transp {
    background-color: transparent;
    margin: 0;
    display: flex;
    padding: 0;
    color: #FFF;
    font-size: 5px;
    text-decoration: none;
    width: auto;
    text-align: center;
}