@charset "UTF-8";

* {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.01em;
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:baseline;
    border: 0;
}
::selection { background: #094296; color: #F9BF08; }
::-moz-selection { background: #094296; color: #F9BF08; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #F9BF08;
    outline-offset: 2px;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) {
    outline: none;
}
a,
a:hover{
    text-decoration: none!important;
}
.margin_top{
    margin-top: 10px;
}
.margin_top_small{
    margin-top: 6px;
}
/*-----------------------------------*\
  $INTERFACE
\*-----------------------------------*/

body {
    background-color: #FFFFFF !important;
}

#loader>img{
    margin: 0 auto;
    height: 80px;
}
#loader{
    background-color: #164f7f;
    height: 100%;
    width: 100%;
    padding-top: 42vh;
    padding-bottom: 30vh;
    opacity: 0.9;
    position: fixed;
    z-index: 10000
}
/*-----------------------------------*\
    $EDITIONS TEXT
\*-----------------------------------*/
.text_white{
    color: white!important;
}
.text_yellow{
    color: #F9BF08!important;
}
.text_orange{
    color: #F9BF08;
}
.text_black{
    color: #4e5a62;
}
.text_grey{
    color: #727376;
}
.text_grey_2{
    color: #d2d3d5;
}
.text_blue{
    color: #094296;
}
.text_blue_2{
    color: #3179f1;
}
.text_blue_light{
    color: #5cc6d0!important;
}
.text_green{
    color: #099137;
}
.bold{
    font-weight: bold;
}
.italic{
    font-style: italic;
}

a.text_blue:hover {
    color: #3179f1;
}
/*-----------------------------------*\
  $HEADER
\*-----------------------------------*/
#bar_accessibility{
    font-size: 1em;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #FFFFFF;
    letter-spacing: -0.2px;
}
#bar_accessibility>div>div>a:hover {
    color: #099137 !important;
}
#bar_accessibility>div>div>a>strong {
    background-color: #094296;
    color: #FFFFFF;
    font-size: 1em;
    padding-left: 3px;
    padding-right: 3px;
}
#bar_top{
    font-size: 1.2em;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #094296;
}
#bar_top>div>div>a>i{
    font-size: 1.2em;
}
#bar_top>div>div>a:hover span{
    color: #F9BF08!important;
}
.margin_left_icon{
    margin-left: 20px;
}
#content_top{
    padding-top: 40px;
    padding-bottom: 40px;
}
#content_top>div>div>div>div{
    font-size: 1.6em;
    color: #4e5a62;
}
#content_top>div>div>div>div>a:hover div{
    background-color: #099137
}
#content_top>div>div>div>div>a:hover div>i{
    color: #ffffff!important
}
#content_top>div>div>div>div>a>div>i{
    font-size: 1em;
    position: absolute;
    margin: 0.5px 0px 0 -9px;
}
#content_top>div>div>div>div>span{
    margin-top: -10px;
    display: block;
    float: right;
}
#content_top>div>div>div>div>i{
    font-size: 1.6em;
    margin-top: -19px;
    display: block;
    float: right;
}
.box_icon{
    margin-top: -2px;
    float: right;
    padding: 0px 21px 36px 16px;
    text-align: center;
    border-radius: 20px;
    background-color: #dfdfdf;
}
.margin_left_button{
    margin-left: 1%;
}
.margin_right_button{
    margin-right: 1%;
}
/*-----------------------------------*\
  $EDTIONS OF MENU
\*-----------------------------------*/
#slider{
    margin-top: 3px;
    border-top: #099137 solid 7px;
}
.border-bottom-slider{
    margin-top: -1px;
    border-top: #F9BF08 solid 7px
}
#slider-content{
    /*height: 68.4vh;*/
}
#scroll{
    position: absolute;
    margin-top: 32%;
    height: 3px;
    width: 200px;
}
#conteudo:focus {
    outline: 3px solid #F9BF08;
    outline-offset: 2px;
}
.slider{
    margin-top: -1px;
}
.navbar{
    min-height: 47px!important;
    border-radius: 0!important;
    border: none!important;
    z-index: 999;
    margin-bottom: 0!important;
}
.navbar-form>button:hover{
    background-color: #F9BF08
}
.navbar-form>button{
    width: 13%;
    height: 56px;
    background-color: #F9BF08;
    padding-left: 5px;
    padding-right: 5px;
}

.nav>li>a,
.nav>li>button{
    font-size: 1.4em;
    background-color: #094296;
    color: white;
    border: 0;
    width: 100%;
}
.nav>li>a:focus,
.nav>li>button:focus{
    background-color: #F9BF08!important;
    color: #094296;
}
.nav .open>a{
    background-color: #F9BF08!important;
    color: #094296;
}
.nav>li>a:hover,
.nav>li>button:hover{
    background-color: #F9BF08!important;
    color: #094296;
}
.nav>li>a,
.nav>li>button {
    padding-top: 18px!important;
    padding-bottom: 18px!important;
}
.form-menu{
    padding-top: 0;
    padding-bottom: 0;
    margin: 0px 0 0 0;
    border: 0;
    width: 100%!important;
    box-shadow: none;
    height: 56px;
    padding: 9px 12px;
    font-size: 1.4em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#form_pesquisa>div{
    background-color: white;
}
#form_pesquisa>div>input.error{
    background-color: rgba(255, 0, 0, 0.1)!important;
}
.navbar-form>div>input::-moz-placeholder{color: #bdbfc1}
.navbar-form>div>input::-webkit-input-placeholder{color: #bdbfc1}
.navbar-form{
    width: 25%!important;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
}
@media (min-width: 768px){
    .navbar{
        margin-top: 3.5%;
        position: absolute;
    }
    .site-navbar-fixed>.navbar{
        position: relative!important;
    }
    .navbar-form>div{
        float: right;
        width: 87%;
        display: inline-block;
        margin: 0px 0 0 -3px!important;
        vertical-align: middle;
    }
    .site-navbar-fixed>nav>div>div#navbar-menu{
        background-color: #099137;
    }
    .site-navbar-fixed{
        transition: 0.2s;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        background-color: #f4f4f4;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .site-navbar-fixed>nav{
        margin-left: 0!important;
        width: 100%!important;
    }
    .navbar{
        background-color: #099137;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .site-navbar-tools{
        width: 20%;
    }
    .navbar-nav{
        width: 80%
    }
    .nav>li{
        text-align: center;
        width: 16.66%;
    }
    .description_notice{
        min-height: 100px;
    }
}
/*edtions dropdown*/
.dropdown-toggle>b.mdi{
    margin: -16px 0 0 -40px;
    font-size: 2.1em;
    position: absolute;
}
.dropdown>a,
.dropdown>button{
    color: white;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown:hover a>b:before,
.dropdown:hover button>b:before{
    content:"\F143"!important;
}
.site-navbar-tools {
    margin-right: 0!important;
    margin-bottom: 0!important;
}
.site-navbar-tools>li>a,
.site-navbar-tools>li>button{
    font-size: 1.4em;
}
.site-navbar-tools>li{
    padding: 14px 0px 12px 35px;
}
.site-navbar-tools>li>a:hover,
.site-navbar-tools>li>button:hover{
    color: white!important;
}
.site-navbar-tools>li>a:focus,
.site-navbar-tools>li>button:focus{
    color: #094296!important;
}
.dropdown-plus{
    width: 216px!important;
}
.dropdown-menu{
    padding: 0;
    width: 100%;
    margin-top: -1px!important;
    font-size: 1.1em!important;
    text-align: center;
    background-color: #094296!important;
    border-radius: 0!important;
}
.dropdown-menu>li>a:focus{
    background-color: #00a854!important
}
.dropdown-menu>li>a:hover{
    background-color: #F9BF08!important;
    color: #094296!important;
}
.dropdown-menu>li>a{
    padding: 6px 20px;
    color: white!important
}

/*------MENU FIXED------*/
.site-navbar-fixed{
    padding-left: 25px;
    padding-right: 25px;
}
.site-navbar-fixed>nav.navbar{
    margin-top: 0!important;
}
#btn-mobile-top{
    cursor: pointer;
    display: none
}
#btn-mobile-top > div{ /*botao topo mobile*/
    position: fixed;
    background-color: #00a854;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 1em;
    bottom: 1em;
    z-index: 2000;
}
/*-----------------------------------*\
  $BODY
\*-----------------------------------*/
/*CRIANDO 5 COLUNAS COM BOOTSTRAP*/
.col-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/*Medias queries */

.col-15 {
    flex: 0 0 auto;
    width: 20%;
}
@media (min-width: 768px) {
    .col-sm-15 {
        flex: 0 0 auto;
        width: 20%;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        flex: 0 0 auto;
        width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        flex: 0 0 auto;
        width: 20%;
    }
}
/*FIM DA CRIAÇÃO*/
#navigation_icons>div>a,
#navigation_icons>div>button{
    cursor: pointer
}
#navigation_icons{
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: #e6e7e8 solid 3px;
}
#navigation_icons>div>a>div>span,
#navigation_icons>div>button>div>span{
    font-size: 4.8em;
    color: #099137;
}
#navigation_icons>div>a:hover div>span,
#navigation_icons>div>button:hover div>span,
#navigation_icons>div>button:focus-visible div>span{
    color: #F9BF08;
}
#navigation_icons>div>a>div>h5,
#navigation_icons>div>button>div>h5{
    font-weight: bold;
    font-size: 1.4em!important;
    margin-top: 0!important;
}
#utilies-and-agenda{
    border-bottom: #e6e7e8 solid 3px;
    padding-bottom: 30px;
    padding-top: 30px;
}
#utilies-and-agenda>div>div:first-child{
    line-height: 110%
}
#utilies-and-agenda>div>div>h4{
    font-size: 3.6em;
    margin-top: 0!important;
    margin-bottom: 0px!important;
}
#utilies-and-agenda>div>div>span{
    font-size: 1.6em;
    margin-left: 7%;
    margin-bottom: 0px!important;
}
.margin_top_plus{
    margin-top: 30px;
}
#utilies-and-agenda>div>div>a>div{
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #094296;
}
#utilies-and-agenda>div>div>a:hover div{
    background-color: #F9BF08;
}
#utilies-and-agenda>div>div>a:hover div>div>span{/*icone branco com hover*/
    color: white;
}
#utilies-and-agenda>div>div>a:hover div>div>div>span.text_white{/*texto azul com hover*/
    color: #094296!important;
    font-weight: bold;
}
.border-right-utilidade{
    border-right: white solid 2px;
}
.border-left-utilidade,.border-left-notice{
    border-left: white solid 2px;
}
.border-radius-t-l{
    border-radius: 8px 0 0 0;
}
.border-radius-t-r{
    border-radius: 0 8px 0 0;
}
.border-radius-b-l{
    border-radius: 0 0 8px 0;
}
.border-radius-b-r{
    border-radius: 0 0 0 8px;
}
#utilies-and-agenda>div>div>a>div>div>div{
    margin-top: 12px;
    margin-left: 10px;
    font-size: 1.5em!important;
    float: left
}
#utilies-and-agenda>div>div>a>div>div>span.text_blue_2{
    float: left;
    font-size: 2.5em!important;
    margin-left: 15px;
}
#agenda{
    border-left: white solid 30px;
}
#agenda>div:first-child div{
    background-color: #F9BF08;
    border-radius: 43px;
    float: right;
    margin-top: -53px;
    padding: 33px 15px 18px 16px;
}
#agenda>div>h5{
    padding-bottom: 1px;
    border-bottom: #1560ab solid 2px;
    font-size: 3.1em!important
}
/*CALENDAR RESPONSIVE*/
.header_day{
    width: 100%;
    padding: 0!important;
    margin: 0!important;
}
.header_day>div{
    color: #1560ab;
    font-weight: bold;
    text-align: center;
    width: 14.28%;
    display: block;
    float: left;
}
.header_day>div:first-child{
    margin-left: -16px;
}
#agenda>div>div.margin_top{
    border-left: white solid 10px;
}
#agenda>div>div>div>a>p,#agenda>div>div>div>p{
    font-size: 1.2em!important;
    margin-bottom: 0!important;
}
#agenda>div>div>div>a:hover p{
    color: #1560ab
}
#agenda>div>div>div>span{
    font-size: 1.3em;
    margin-right: 15px;
    font-weight: bold;
}
.nano-div{
    height: auto;
    margin-right: 0px!important;
    max-height: 190px;
    /*overflow:auto;*/
    overflow-y: hidden!important;
}
#links_outhers{
    padding-top: 30px;
    padding-bottom: 30px;
}
#links_outhers>div>div>a>div>div>div>div.icon_link{
    background-color: #094296;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    padding: 8px 5px;
}
#links_outhers>div>div>a:hover div>div>div>div>span{
    color: white
}
#links_outhers>div>div>a:hover div>div>div>div.icon_link{
    background-color: #099137;
}
#links_outhers>div>div>a>div>div>div>div>span{
    font-size: 4em
}
#links_outhers>div>div>a>div>div>div>div>h3{
    font-size: 1.9em!important;
    margin-left: 20px;
}
#links_outhers>div>div>a:hover div>div>div>div>h3{
    color: #094296
}
#notices_important>div>div>div>div>h4{
    font-size: 2.6em;
    margin-top: 70px!important;
    margin-bottom: 0px!important
}
#notices_important>div>div>div>div>span{
    margin-left: 50px;
    font-size: 1.4em
}
#notices_important>div>div>a>div>div>div{
    float: right;
}
#notices_important>div>div>a:hover div>div>div>div.box_date{
    background-color: #f58634
}
#notices_important>div>div>a:hover div>div.description_notice{
    color: #1560ab!important;
}
.box_date{
    height: 55px;
    width: 48px;
    margin-left: -48px;
    z-index: 999;
    position: absolute;
    padding: 12px 8px;
    line-height: 100%;
    background-color: #094296
}
.box_date>span.text_yellow{
    font-size: 1.4em
}
.description_notice{
    color: #4e5a62;
    font-size: 1.1em;
    background-color: #f1f1f2;
    padding: 15px 20px ;
}
#programs{
    margin-top: 25px;
}
#programs>div>div>div>div>div,#page_notices_list>div>div.icon_title{
    float: right;
}
#programs>div>div>div>div>div>div,#page_notices_list>div>div.icon_title>div{
    background-color: #F9BF08;
    border-radius: 43px;
    position: absolute;
    margin-top: -40px;
    margin-left: -73px;
    padding: 5px 15px 5px 16px;
    z-index: 1000;
}
#programs>div>div>div>div>h5{
    font-size: 3.1em!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    border-bottom: #094296 solid 3px;
}
#programs>div>div>div>div>h4{
    font-size: 2.6em;
}
#programs>div>div>div.col-sm-7{
    border-right: 60px white solid;
}
.description_program{
    position: absolute;
    width: 100%;
    top: 20%;
    bottom: 0;
    height: 100%;
}
.description_program>h4{
    font-size: 1.5em;
    margin-top: 0px!important;
    margin-bottom: 0px!important
}
.description_program>h5{
    font-size: 1.3em;
    margin-top: 0px!important;
    margin-bottom: 0px!important
}
.description_program>span{
    font-size: 4em
}
.item_notice{
    background-color: #f1f1f2;
    padding: 25px 40px;
}
.item_notice>span{
    font-size: 1.1em
}
.item_notice>h4,.item_notice>span{
    color: #4e5a62;
}
.item_notice>h4{
    font-size: 1.7em!important;
    margin: 5px 0 0 0!important
}
#programs>div>div>div>a:hover .item_notice{
    background-color: #d2d3d5
}
#programs>div>div>div>a>div{
    font-size: 1.2em
}
#know{
    margin-top: 20px;
}
#know>div>div:first-child{
    float: right;
}
#title_know{
    background-color: #0098da;
    font-size: 2.3em;
    padding: 10px 35px;
    position: absolute;
    z-index: 999;
    margin: 0px 0 0 -205px!important;
}
#know>div{
    background-color: #094296;
}
.description_img_slider{
    padding: 20px 30px!important;
    margin-top: 90px;
    font-size: 1.5em;
    line-height: 110%;
}
.owl-prev>i,.owl-next>i{
    font-size: 2em
}
.owl-prev,.owl-next{
    float: right!important;
    position: absolute;
    padding: 2px 10px;
    background-color: #5bc0de
}
.owl-nav{
    margin-right: 50px;
    margin-top: -48px;
    float: right!important;
}
.owl-prev{
    margin-left: -60px;
}
/*-----------------------------------*\
  $END EDTIONS BODY
\*-----------------------------------*/

/*-----------------------------------*\
  $FOOTER
\*-----------------------------------*/
footer{
    margin-top: 20px;
}
#menu_footer{
    background-color: #094296;
    padding-bottom: 40px;
    padding-top: 40px
}
hr.menu-footer{
    margin-bottom: 0px!important;
    margin-top: 0px!important;
    border-top: thin dotted #01427a!important;
}
#menu_footer>div>div>div>div>div>div>div>div>div>ul>li>a:hover,#menu_footer>div>div>div>div>div>div>div>ul>li>a:hover{
    color: #5bc0de!important
}
#menu_footer div div div div div div div div div ul li:first-child,#menu_footer div div div div div div div ul li:first-child{
    font-size: 1.4em!important;
}
#menu_footer>div>div>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>span{
    font-size: 1.1em;
}
#menu_footer>div>div>div>div>div{
    line-height: 180%;
}
#menu_footer>div>div>div>div>h3{
    margin-top: 0!important;
    font-size: 2.2em!important
}
#menu_footer>div>div>div>div>span{
    line-height: 110%;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block
}
#bar_footer{
    color: #4e5a62;
    font-size: 0.9em;
    padding-bottom: 15px;
    padding-top: 15px;
}
#bar_footer>div>div>a>img{
    float: right
}
/*-----------------------------------*\
  $BEGIN PAGE noticias.php
\*-----------------------------------*/
#fast_acess{
    margin-top: 30px;
    margin-bottom: 30px;
}
#fast_acess>div>h4,#content_contact>div>div>div>div>h4{
    font-size: 1.6em!important;
    margin-bottom: 0!important;
    margin-top: 5px!important
}
#fast_acess>div>a>div>div{
    padding: 5px 12px 5px 12px;
    background-color: #094296;
}
#fast_acess>div>a>div{
    margin-top: 5px;
}
#fast_acess>div>a>div>div>span{
    font-size: 2.7em;
}
#fast_acess>div>a>div>div>div{
    position: absolute;
    display: inline-block;
    font-size: 1.3em;
    margin-left: 6px;
    margin-top: 17px;
}
#fast_acess>div>a:hover div>div{
    background-color: #F9BF08;
}
#fast_acess>div>a:hover div>div>span{
    color: white;
}
#fast_acess>div>a:hover div>div>div>span{
    color: #1560ab!important;
    font-weight: bold;
}
.border_right_div_title{
    border-right: white solid 40px;
}
#page_notices_list,#page_secretaria{
    margin-top: 30px;
    margin-bottom: 30px;
}
#page_notices_list>div>h5{
    font-size: 3.3em!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    border-bottom: #094296 solid 3px;
}
#page_notices_list>a>div.margin_top{
    margin-top: 50px!important;
}
/*editions icon bus...*/
#fast_acess>div:last-child >div>a>div{
    border-left: 2px #e6e6e6 solid;
    border-right: 2px #e6e6e6 solid;
    border-top: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
    padding: 15px 10px
}
#fast_acess>div:last-child >div>a>div>div>div.icon_link{
    background-color: #094296;
    font-size: 2.9em;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    padding: 0px 5px;
}
#fast_acess>div:last-child >div>a>div>div>div>h3{
    font-size: 1.4em!important;
    margin-bottom: 8px!important;
    margin-top: 8px!important;
    margin-left: 19px;
}
#fast_acess>div:last-child >div>a:hover div>div>div.icon_link{
    background-color: #099137;
}
#fast_acess>div:last-child >div>a:hover div>div>div.icon_link>span{
    color: white!important
}
#fast_acess>div:last-child >div>a:hover div>div>div>h3{
    color: #1560ab
}
/*---list notices---*/
#page_notices_list>a:nth-child(2n) div.notice_item{
    background-color: #f8f8f8
}
#page_notices_list>a:hover .notice_item,.notice_item:hover{
    background-color: #e6e7e8!important
}
.notice_item{
    padding: 10px
}
.notice_item>div>h3{
    font-size: 1.6em!important;
    margin-bottom: 0!important;
    margin-top: 0!important
}
.notice_item>div>span{
    font-size: 1.1em;
    margin-top: 20px;
    display: block;
}
.btn-page{
    text-align: center!important;
    margin: 0 auto!important;
}
.btn-page>a:hover div{
    background-color: #bdbfc1;
    color: white
}
.btn_pages_notices{
    border: 1px solid #d2d3d5;
    color: #094296;
    width: 40px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    font-size: 1.2em;
    padding: 5px 10px;
    background-color: #f8f8f8;
    min-height: 40px;
    min-width: 40px;
    text-decoration: none;
}
.btn_pages_notices:hover,
.btn_pages_notices:focus {
    background-color: #F9BF08;
    color: #094296;
    text-decoration: none;
}
.title-none-notice{
    font-size: 1.3em;
    margin-top: 20px;
}
/*-----------------------------------*\
  $END PAGE noticias.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE secretarias.php // and secretaria-saude......
\*-----------------------------------*/
#page_secretaria>div>h5{
    margin-top: 0!important;
    margin-bottom: 0!important;
    font-size: 1.6em!important;
    display: inline;
}
#page_secretaria>div>span{
    font-size: 2.3em
}
hr{
    margin-bottom: 10px!important;
    margin-top: 10px!important;
    border-top: 2px solid #eee!important;
}
#page_secretaria>a:hover div>h5{
    color: #0098db
}
#page_secretaria>a>div>h5{
    margin-left: 10px;
    position: absolute;
    margin-top: 17px!important;
    font-size: 1.6em!important;
    display: inline-block!important
}
#page_secretaria>a>div>div{
    height: 53px;
    width: 53px;
    padding: 0px;
    display: inline-block!important;
}
.bg_red{
    background-color: #ec3237;
}
.bg_red_2{
    background-color: #b73537;
}
.bg_wheat{
    background-color: #847058;
}
.bg_green{
    background-color: #a9cf46;
}
.bg_green_2{
    background-color: #00a854;
}
.bg_blue{
    background-color: #0098db;
}
.bg_blue_2{
    background-color: #094296
}
.bg-orange {
    background-color: #f58634 !important;
}

#page_secretaria>a>div>div>span{
    font-size: 2.5em
}
#title_pages_secretaria{
    background-color: #094296;
}
#title_pages_secretaria>div>span{
    font-size: 2.5em;
}
#title_pages_secretaria>h5{
    margin-left: 10px;
    position: absolute;
    margin-top: 17px!important;
    font-size: 1.6em!important;
    display: inline-block!important;
}
#title_pages_secretaria>div{
    height: 53px;
    width: 53px;
    padding: 0px;
    display: inline-block!important;
}
#content_secretaria>p{
    font-size: 1.4em
}
#content_secretaria{
    line-height: 160%;
    background-color: #f3f3f3;
    padding: 30px 40px;
}
#content_secretaria>div>div{
    display: inline;
    margin-bottom: 15px;
    font-size: 1.4em;
    margin-left: 3px
}
#content_secretaria>div>span{
    font-size: 2.1em
}
#list_notices_secretaria>a>div{
    font-size: 1.3em;
    border-bottom: #e8e8e8 solid 2px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#list_notices_secretaria>a:hover{
    color: #0098db;
}
#list_notices_secretaria>h4{
    font-size: 1.7em!important
}
.link-not:hover .news-item{
    background-color: #F2F2F2;
}
.news-item{
    border-bottom: #F2F2F2 solid thin;
    min-height: 70px;
}
.date-notice{
    background-color: #0098da;
    border-radius: 3px;
    color: white;
    float: left;
    height: 40px;
    font-size: 0.8em;
    margin: 9px 10px 0 0;
    text-align: center;
    width: 45px;
    line-height: 100%;
    padding-top: 5px;
}
.text_info h5{
    font-size: 0.9em
}
/*-----------------------------------*\
  $END PAGE secretarias.php// and secretaria-saude......
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE noticia-aberta.php
\*-----------------------------------*/
.active_page{
    background-color: #bdbfc1;
    color: #0098db
}
#notice_open>div>div>span{
    font-size: 1.3em
}
#notice_open>div>div>h3{
    font-size: 1.9em!important;
    padding-bottom: 20px!important;
    border-bottom: #e7e7e7 solid 2px
}
#notice_open>div>div>p{
    font-size: 1.2em
}
#gallery_imgs>div{
    border-left: white 3px solid;
    border-right: white 3px solid;
}
.margin_top_gallery{
    margin-top: 6px
}
.share-btn {
    display: inline-block;
    color: #ffffff;
    border: none;
    padding: 0;
    width: 3em;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    text-align: center;
}
.share-btn:focus {
    color: #00a854;
}
.share-btn:hover {
    color: #ccc;
}
.share-btn:active {
    position: relative;
    top: 2px;
    box-shadow: none;
    color: #e2e2e2;
}
.twitter     { background-color: #55acee; }
.google-plus { background-color: #dd4b39; }
.facebook    { background-color: #3B5998; }
.linkedin    { background-color: #4875B4; }

/*-----------------------------------*\
  $END PAGE noticia-aberta.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE telefones.php
\*-----------------------------------*/
.title_phones>div>div>div.box_phone{
    position: absolute;
    background-color: #094296;
    height: 70px;
    width: 70px;
    text-align: center;
    padding: 7px 10px;
    border-radius: 50px;
    font-size: 2.7em
}
.title_phones>div>div>h3{
    margin-left: 90px;
    font-size: 2.1em!important
}
.item_phone{
    border-bottom: #e8e8e8 solid 2px
}
.item_phone>div>div>div{
    font-size: 1.6em;
    width: 50%;
    padding: 5px 0 3px 0;
    display: block;
    float: left;
}
/*-----------------------------------*\
  $END PAGE telefones.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE unidade-saude.php
\*-----------------------------------*/
.unidade_saude,.unidade_saude_secretaria{
    border-left: 5px solid white;
    border-right: 5px solid white;
}
.unidade_saude>div>div.text_white:first-child{
    background-color: #5bc0de;
    padding: 10px 15px;
    font-size: 1.4em
}
.unidade_saude_secretaria>div>div.text_white:first-child{
    background-color: #5bc0de;
    padding: 10px 15px;
    font-size: 0.9em
}
.description_unidade_father{
    padding: 10px 20px;
    background-color: #f1f1f1;
    min-height: 275px;
}
.description_unidade,.description_unidade_secretaria{
    margin-bottom: 10px;
    background-color: #f1f1f1;
}
.description_unidade_secretaria>span.mdi,.description_unidade_secretaria>div.icon-unidade{
    position: absolute;
    font-size: 1.4em;
    z-index: 999;
    margin-left: 4px;
}
.description_unidade_secretaria div div h4{
    font-size: 1em!important;
    margin-left: 12px;
    margin-top: 8px;
    margin-bottom: 5px!important
}
.description_unidade>div>div>h4{
    font-size: 1.1em!important;
    margin-left: 10px;
    margin-bottom: 5px!important
}
.description_unidade>span.mdi,.description_unidade>div.icon-unidade{
    position: absolute;
    font-size: 1.9em;
    z-index: 999;
    margin-left: 4px;
}
.description_population{
    background-color: #094296;
    padding: 10px 15px;
}
.description_population>h5{
    margin-top: 5px!important;
    font-size: 1.1em!important;
    margin-bottom: 5px!important;
}
/*-----------------------------------*\
  $END PAGE unidade-saude.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE contato.php
\*-----------------------------------*/
#content_contact>div>div>h4{
    font-size: 1.5em!important
}
#content_contact>div>div>div.col-sm-3>div.margin_top>div{
    font-size: 1.2em
}
.form_input{
    float: left;
    display: inline-block;
    width: 90%;
    padding: 10.5px 12px;
    font-size: 1.4em;
    line-height: 1.42857143;
    color: #5a5a5a;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #f3f3f3;
}
#form_contato>div>div>label,
#form_avaliacao>div>div>label,
#form_transito>div>div>label,
#form_transito>div>div>div>label{
    float: left;
    display: inline-block!important;
    text-align: center;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    background-color: #094296;
    color: white;
    height: 50px;
    margin-right: 10px;
    width: 50px!important;
}
#form_contato>div>div>label>span,
#form_avaliacao>div>div>label>span,
#form_transito>div>div>label>span,
#form_transito>div>div>div>label>span{
    font-size: 2.2em
}
#form_contato>div>div>div>select,
#form_avaliacao>div>div>div>select,
#form_transito>div>div>div>select{
    float: right;
    width: 80%;
}
#form_contato>div>div>button,
#form_avaliacao>div>div>button,
#form_transito>div>div>button{
    color: white;
    margin-right: 10px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1.4em;
    background-color: #094296;
    border-radius: 0!important;
}
#form_transito .form_input {
    width: calc(100% - 60px);
}
#form_transito .campos-tipo .form_input {
    width: 100%;
}
.bg_yellow{
    background-color: #F9BF08
}
/*ERROR CLASS*/
label.error{
    background: transparent!important;
    border: 0!important;
    clear: both;
    color: #cc0000!important;
    display: block!important;
    float: none!important;
    font-size: 0.95em!important;
    font-weight: bold;
    height: auto!important;
    line-height: 1.4!important;
    margin: 0 0 8px 60px!important;
    padding: 0!important;
    text-align: left!important;
    width: auto!important;
}
#form_transito #aceite_privacidade-error{
    display: block!important;
    background-color: transparent!important;
    background: none!important;
    color: #cc0000!important;
    font-size: 12px!important;
    font-weight: normal!important;
    float: none!important;
    width: 100%!important;
    height: auto!important;
    text-align: left!important;
    margin: 4px 0 0 0!important;
    padding: 0!important;
    line-height: 1.4!important;
    border: none!important;
    box-shadow: none!important;
    outline: none!important;
}
.my_error{
    border: #ff6666 solid 1px!important;
    color: red ;
}
.error{
    background-color: rgba(255, 0, 0, 0.1);
    border: #ff6666 solid 1px!important;
    margin-top: 0px!important;
    color: red ;
}
#recapcha div div {
    float: right;
    margin-right: 3px;
}
#envio_sucesso{
    display: none;
    margin-top: 15%;
    margin-bottom: 5%;
}
#envio_sucesso h4{
    font-size: 2em!important;
}
#envio_sucesso span.mdi-checkbox-marked-circle-outline,#envio_sucesso h4.success{
    color: #33cc00
}
#envio_sucesso>span.mdi{
    font-size: 4.5em;
}
#envio_sucesso span.mdi-close-circle-outline,#envio_sucesso h4.erro{
    color: #ff1616;
}
#envio_sucesso img{
    height: 210px;
}
#envio_sucesso_transito{
    display: none;
    margin-top: 15%;
    margin-bottom: 5%;
}
#envio_sucesso_transito h4{
    font-size: 2em!important;
}
#envio_sucesso_transito span.mdi-checkbox-marked-circle-outline,#envio_sucesso_transito h4.success{
    color: #33cc00
}
#envio_sucesso_transito>span.mdi{
    font-size: 4.5em;
}
#envio_sucesso_transito span.mdi-close-circle-outline,#envio_sucesso_transito h4.erro{
    color: #ff1616;
}
#envio_sucesso_transito img{
    height: 210px;
}
/*-----------------------------------*\
  $END PAGE unidade-saude.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE historia.php
\*-----------------------------------*/
#page_secretaria>div.text-justify>p{
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 1.3em;
    line-height: 125%;
}
#page_secretaria>div.text-justify>h4{
    font-size: 1.6em;
    margin-bottom: 0px!important
}
.description_img_history{
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #f5f5f5;
    font-size: 0.6em
}
/*-----------------------------------*\
  $END PAGE historia.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE perfil.php
\*-----------------------------------*/
#page_perfil>div>div>div>div>h5{
    margin-top: 0!important;
    font-size: 1.3em!important;
}
#page_perfil>div>div>div>div>h4{
    margin-bottom: 5px!important;
    font-size: 1.8em!important
}
#page_perfil>div>div>div>div>div>div{
    border-bottom: #e7e7e7 solid 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 1.3em
}
#page_perfil>div>div>div>div.text-end{
    font-size: 1.3em
}
#page_perfil>div>div>div.col-sm-5{
    margin-top: 60px;
}
#page_perfil>div>div.margin_top_plus>p{
    font-size: 1.3em;
    margin: 0!important;
    line-height: 125%;
}
#page_perfil>div>div.margin_top_plus>h5{
    font-size: 1.3em!important;
}
/*-----------------------------------*\
  $END PAGE perfil.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE transporte-publico.php
\*-----------------------------------*/
.content_transporte>div>div>h4{
    font-size: 1.8em!important
}
.content_transporte>div>div>div>div>a:hover div,.actived_linha{
    background-color: #099137!important;
    color: white
}
.content_transporte>div>div>div>div>a:hover{
    cursor: pointer;
}
.content_transporte>div>div>div>div>a>div{
    background-color: #e6e7e9;
    font-size: 1.6em!important;
    padding-bottom: 9px;
    padding-top: 9px;
}
.information_line{
    font-size: 1.2em;
    border: #099137 solid 4px;
    padding: 30px 50px
}
.box_right_bus{
    background-color: #e6e7e9;
    padding: 10px 15px;
}
.box_right_bus>div>h3,.box_right_bus>div>h4{
    margin-bottom: 0!important;
    margin-top: 0!important;
}
.box_right_bus>div>h5{
    margin-bottom: 5px!important;
    margin-top: 5px!important;
}
.box_right_bus>div>h3{
    font-size: 3.8em!important;
}
.box_right_bus>div>h4{
    font-size: 1.6em!important
}
.box_right_bus>div>h5{
    font-size: 1.3em!important
}
.local_bus{
    margin-left: 4px;
    background-color: #099137;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}
.gif-bus{
    height: 20px;
}
/*-----------------------------------*\
  $END PAGE transporte-publico.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE cidadao.php
\*-----------------------------------*/
#bar_cidadao,#bar_empresa{
    display: none;
    background-color: #094296;
    padding-bottom: 20px;
    padding-top: 20px;
}
#bar_cidadao>div>a>div>div>h4,#bar_empresa>div>a>div>div>h4{
    font-size: 1.7em!important;
}
#bar_cidadao>div>a>div>div>h4>span,#bar_empresa>div>a>div>div>h4>span{
    font-size: 1.5em!important
}
#bar_cidadao>div>a:hover div>div>h4,#bar_cidadao>div>a:hover div>div>h4>span,#bar_empresa>div>a:hover div>div>h4,#bar_empresa>div>a:hover div>div>h4>span{
    color: #F9BF08!important
}
/*-----------------------------------*\
  $END PAGE transporte-publico.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE secretarios.php
\*-----------------------------------*/
.content_secretarios>div>div>div>p{
    font-size: 1.5em;
    margin-bottom: 0!important;
    margin-top: 0!important
}
/*-----------------------------------*\
  $END PAGE secretarios.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE agenda.php
\*-----------------------------------*/
#calendar-page>div>div>a>span{
    font-size: 1.6em;
    margin-bottom: 10px;
}
#calendar-page>div>div.controls{
    font-size: 1.3em;
    padding-bottom: 10px;
    padding-top: 10px;
}
#calendar-page>div>div.header_day>div:first-child {
    margin-left: 0!important;
}
#calendar-page>div>div.header_day{
    text-align: center;
    font-size: 1.2em;
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}
#calendar-page>div>div.days{
    font-size: 1.1em
}
#events>div>div>span{
    font-size: 2em;
}
.img-index>img{
    margin: 30px auto;
    height: 70px
}
.listagem-calendar-page{
    font-size: 1.2em
}
.listagem-calendar-page>hr{
    margin-bottom: 0px!important;
    margin-top: 0px!important
}
.listagem-calendar-page>p{
    margin-bottom: 0!important;
}
.listagem-calendar-page>p>span{
    font-size: 2em;
    color: #094296
}
.div-height{
    height: 350px;
}
#listagem_eventos>p>a{
    cursor: pointer
}
#listagem_eventos>img{
    height: 70px;
}
#event-open>div>img{
    height: 100px;
}
#event-open{
    padding-top: 50px;
}
.no_margin_bottom{
    margin-bottom: 0!important
}
/*-----------------------------------*\
  $END PAGE agenda.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN PAGE evento-aberto.php
\*-----------------------------------*/
#search-result>div>div>a>button{
    color: white;
    margin: 0 auto!important;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1.4em;
    border-radius: 0!important;
    padding-bottom: 10px!important;
    padding-top: 10px!important
}
#evento-open>div>div>div.col-sm-8>div>h4{
    font-size: 2em;
    margin-top: 0px
}
#evento-open>div>div>div.col-sm-8{
    padding-left: 30px;
}
.info-event{
    font-size: 1.5em
}
.result_pesquisa{
    display: none;
}
.number-btn{
    font-weight: bold;
    display: block;
    font-size: 1.5em;
}
.documento_item:hover{
    background-color: #e2e2e2
}
.documento_item{
    margin-top: 5px;
    background-color: #f6f6f6;
    padding: 7px 5px;
}
.documento_item>div>span>img{
    margin-right: 8px;
}
.documento_item>div>span{
    font-size: 1.1em;
    display: block;
}
.documento_item>div>h3 {
    color: #337ab7;
    font-size: 1.3em!important;
    margin-bottom: 0!important;
    margin-top: 0!important;
}
/*-----------------------------------*\
  $END PAGE evento-aberto.php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN EDTIONS PAGE erro404.php
\*-----------------------------------*/
.arial{
    font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif!important;
}
.error404{
    margin: 30px 0 40px 0;
}
.error404>div>div>h4{
    margin: 0;
}
.error404>div>div>h4{
    font-size: 1.6em!important;
    line-height: 110%;
}
.btn-info>span{color: #507586;}
.btn-warning>span{color: #825c34;}
.btn-warning{margin-left: 10px;}
.btn>span.mdi{
    font-size: 1.9em;
    margin-top: -9px;
    position: absolute
}
.btn>span:last-child,.margin_left{
    margin-left: 30px!important;
}
button.margin_left_button:hover,button.margin_right_button:hover{
    background-color: #00a854!important
}
.jumbotron h3{
    margin-top: 0!important;
}
.jumbotron{
    border-radius: 6px
}
.btn>span{
    font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif!important;
    font-size: 1.15em;
    display: inline-block;
}
@media only screen and (max-width: 767px){
    .no_margin_xs{
        margin: 0!important
    }
    .btn>span{
        font-size: 1em;
    }
    .error404>div>div>a.margin_left,.error404 .btn-warning{
        margin-left: 0!important
    }
    .error404>div>div>a.btn{
        margin-top: 5px;
    }
    .error404>div>div>h4 {
        font-size: 1.4em!important;
    }
}
/*-----------------------------------*\
  $END EDTIONS PAGE erro404.php
\*-----------------------------------*/
/*-----------------------------------*\
  $MEDIA QUERIES
\*-----------------------------------*/
@media (min-width:1900px){
    * {
        font-size: 1.01em;
    }
}
@media only screen and (max-width: 1460px){
    #utilies-and-agenda>div>div>a>div>div>div{
        margin-top: 14px;
        font-size: 1.3em!important;
        margin-left: 5px;
    }
    #utilies-and-agenda>div>div>a>div>div>span.text_blue_2{
        font-size: 2.4em!important;
    }
    #links_outhers>div>div>a>div>div>div>div.icon_link{
        width: 90px;
        height: 90px;
        padding: 2px 5px;
    }
    #links_outhers>div>div>a>div>div>div>div>h3{
        font-size: 1.7em!important;
        margin-left: 25px;
    }
}
@media (min-width:1200px) and (max-width: 1400px){
    .nav>li>a,.nav>li>button,.site-navbar-tools>li,.form-menu,.site-navbar-tools>li>a,.site-navbar-tools>li>button{
        font-size: 1.1em!important;
    }
}
@media (min-width:767px) and (max-width: 1199px){
    .nav>li>a,.nav>li>button,.site-navbar-tools>li,.form-menu,.site-navbar-tools>li>a,.site-navbar-tools>li>button{
        font-size: 1em!important;
    }
    .navbar {
        padding-right: 15px!important;
    }
}
@media only screen and (max-width: 1300px){
    #utilies-and-agenda>div>div>a>div>div>div{
        margin-top: 18px;
        font-size: 1em!important;
    }
    .item_notice>h4 {
        font-size: 1.4em!important;
    }
    .description_img_slider{
        font-size: 1.7em;
    }
}
@media only screen and (max-width: 1199px){
    .site-navbar-tools>li{
        padding: 18px 0px 12px 35px;
    }
    .dropdown-toggle>b.mdi{
        margin: -12px 0 0 -40px;
        font-size: 1.9em;
    }
    #links_outhers>div>div>a>div>div>div>div.icon_link{
        width: 70px;
        height: 70px;
        padding: 0px 5px;
    }
    #links_outhers>div>div>a>div>div>div>div>h3{
        font-size: 1.6em!important;
        margin-top: 10px!important;
        margin-left: 20px;
    }
    #links_outhers>div>div>a>div>div>div>div>span{
        font-size: 3.4em
    }
    .description_program>h4,.description_img_slider,#menu_footer>div>div>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>span,#page_secretaria>a>div>h5{
        font-size: 1.3em!important;
    }
    .description_program>h5,#fast_acess>div:last-child >div>a>div>div>div>h3 {
        font-size: 1.1em!important;
    }
    #fast_acess>div:last-child >div>a>div>div>div.icon_link {
        font-size: 2.4em;
        width: 50px;
        height: 50px;
    }
    #menu_footer>div>div>div>div>h3 {
        font-size: 2em!important;
    }
    #fast_acess>div>a>div>div>div{
        font-size: 1em;
        margin-top: 15px;
    }
    #fast_acess>div>a>div>div>span{
        font-size: 2.1em;
    }
    #bar_accessibility{
        font-size: 0.8em;
    }
    #bar_top{
        font-size: 1em;
    }
    #search-result>div>div>a>button {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 1.2em;
        padding-bottom: 5px!important;
        padding-top: 5px!important;
    }
}
@media only screen and (max-width: 1100px){
    .form_input{
        width: 80%;
    }
    #utilies-and-agenda>div>div>a>div>div>div{
        margin-top: 13px;
        font-size: 0.9em!important;
    }
    #utilies-and-agenda>div>div>a>div>div>span.text_blue_2{
        font-size: 2em!important;
    }
}
@media only screen and (max-width: 991px){
    #links_outhers>div>div>a>div>div>div>div.icon_link{
        width: 60px;
        height: 60px;
    }
    #links_outhers>div>div>a>div>div>div>div>h3{
        font-size: 1.3em!important;
        margin-top: 10px!important;
        margin-left: 25px;
    }
    .notice_item>div>h3,#page_secretaria>a>div>h5{
        font-size: 1.4em!important;
    }
    #fast_acess>div>a>div>div{
        padding: 5px 5px 5px 5px;
    }
    #fast_acess>div>h4,#content_contact>div>div>div>div>h4,.description_img_slider {
        font-size: 1.2em!important;
    }
    #links_outhers>div>div>a>div>div>div>div>span{
        font-size: 2.7em
    }
    .description_program{
        top: 10%;
    }
    .description_program>span{
        font-size: 3.3em
    }
    .description_program>h4,.item_notice>h4,#menu_footer>div>div>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>span,#fast_acess>div:last-child >div>a>div>div>div>h3{
        font-size: 1em!important;
    }
    #fast_acess>div:last-child >div>a>div>div>div>h3{
        margin-top: 5px!important;
        margin-bottom: 0!important
    }
    .description_program>h5,.item_notice>span{
        font-size: 0.8em;
    }
    .item_notice{
        padding: 13px 30px;
    }
    #search-result>div>div>a>button {
        padding-left: 15px;
        padding-right: 15px;
    }
    .description_img_slider{
        padding: 15px 25px 60px 25px!important;
        margin-top: 15px;
    }
    #menu_footer>div>div>div>div>div{
        line-height: 160%;
    }
    #fast_acess>div:last-child >div>a>div>div>div.icon_link {
        font-size: 2em;
        width: 40px;
        height: 40px;
    }
}
@media only screen and (max-width: 960px){
    #utilies-and-agenda>div>div>a>div>div>div{
        margin-top: 11px;
        font-size: 0.7em!important;
    }
    #utilies-and-agenda>div>div>a>div>div>span.text_blue_2{
        font-size: 1.7em!important;
        margin-left: 10px;
    }
}
@media only screen and (max-width: 767px){
    * {
        font-size: 0.99em;
    }
    .no_row_xs{
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    #content_top>div>div>div>div {
        font-size: 1.6em;
    }
    .form_input{
        width: 88%;
    }
    #form_contato>div>div>label,
    #form_avaliacao>div>div>label,
    #form_transito>div>div>label,
    #form_transito>div>div>div>label{
        height: 45px;
        width: 45px!important;
    }
    #content_top {
        padding-bottom: 25px;
    }
    .navbar-form{
        width: auto!important;
        padding: 0px 0px!important;
    }
    .navbar{
        margin-top: 0px;
    }
    #page_notices_list>a>div.margin_top{
        margin-top: 40px!important;
    }
    #content_top>div>div>div.col-md-9,#evento-open>div>div>div.col-sm-8>div>h4{
        margin-top: 20px
    }
    .border_right_div_title{
        border-right: none;
    }
    .navbar-toggler{
        border: white solid 2px!important;
        padding: 3px 8px!important;
    }
    .navbar-collapse,form.navbar-form{
        border-top: none!important;
    }
    .site-navbar-header{
        background-color: #094296;
    }
    .navbar-form>div{
        float: right;
        width: 87%;
        display: inline-block;
        margin: 0px 0 0 -3px!important;
        vertical-align: middle;
    }
    .navbar-nav {
        margin-bottom: 0!important;
        margin-top: -1px!important;
    }
    #navigation_icons>div>a>div>span{
        font-size: 3em;
    }
    #navigation_icons>div>a>div>h5,#list_notices_secretaria>a>div,#content_secretaria>p,#content_secretaria>div>div,#utilies-and-agenda>div>div>a>div>div>div,#page_secretaria div h5,#title_pages_secretaria h5{
        font-size: 1.1em!important;
    }
    .no_border_xs{
        border: none!important;
    }
    .border-right-utilidade{
        border-right: white solid 2px;
        border-left: white solid 2px;
    }
    .border-left-utilidade{
        border-left: white solid 2px;
        border-right: white solid 2px;
    }
    .dropdown-menu{
        width: 100%!important;
    }
    .navbar-nav .show .dropdown-menu>li>a {
        padding: 13px 15px 13px 15px!important;
    }
    .box_date{
        height: 45px;
        width: 48px;
        padding: 12px 4px;
    }
    .border-radius-t-l,.border-radius-b-l,.border-radius-t-r,.border-radius-b-r{
        border-radius: 0;
    }
    #utilies-and-agenda>div>div>a>div>div>div{
        margin-top: 11px;
    }
    #utilies-and-agenda>div>div>a>div>div>span.text_blue_2{
        font-size: 2.1em!important;
        margin-left: 15px;
    }
    #page_secretaria>div.text-justify>p>a{
        font-size: 0.8em!important
    }
    #links_outhers>div>div>a>div>div>div>div>span{
        font-size: 3.4em
    }
    #title_know{
        margin: 0px 0 0 -141px!important;
    }
    #slider {
        border-top: none;
    }
    #links_outhers>div>div>a>div>div>div>div.icon_link{
        padding-top: 1px;
    }
    .margin_top_xs{
        margin-top: 20px;
    }
    .margin_top_xs_small{
        margin-top: 10px;
    }
    #links_outhers>div>div>a>div>div>div>div>h3,#list_notices_secretaria>h4{
        font-size: 1.5em!important
    }
    .notice_item>div>h3,#title_know,.item_phone>div>div>div,#content_contact>div>div>div.col-sm-3>div.margin_top>div,#bar_cidadao>div>a>div>div>h4,#bar_empresa>div>a>div>div>h4{
        font-size: 1.3em!important;
    }
    #notices_important>div>div>div>div>span{
        margin-left: 40px;
    }
    #notices_important>div>div>div>div>h4{
        font-size: 2.5em;
        margin-top: 20px!important;
    }
    #notices_important>div>div>div>div,#content_secretaria>div>div,.margin_bottom_xs{
        margin-bottom: 10px!important;
    }
    #programs>div>div>div.col-sm-7{
        border-right: none;
    }
    #menu_footer>div>div>div>div>h3,#content_secretaria>div>span{
        font-size: 1.7em!important
    }
    .description_program{
        top: 15%;
    }
    #page_secretaria>a>div>div{
        height: 45px;
        width: 45px;
    }
    #page_secretaria>a>div>h5{
        margin-top:2.5%!important
    }
    .description_program>span{
        font-size: 3.6em
    }
    #menu_footer>div>div>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>span{
        font-size: 1.4em!important
    }
    #envio_sucesso>img{
        height: 150px;
    }
    .description_program>h4,.content_transporte>div>div>div>div>a>div {
        font-size: 1.2em!important;
    }
    .description_program>h5,.information_line{
        font-size: 1em;
    }
    #programs{
        margin-top: 15px;
    }
    .title_phones>div>div>div.box_phone,#event-open>div>img,#listagem_eventos div img{
        height: 53px;
    }
    .title_phones>div>div>div.box_phone{
        width: 53px;
        font-size: 2.2em
    }
    .title_phones>div>div>h3{
        font-size: 1.7em!important;
        margin-top: 15px!important;
        margin-left: 60px;
    }
    .information_line{
        padding: 10px 10px
    }
    .content_transporte>div>div>div>div>a>div {
        padding-bottom: 3px;
        padding-top: 3px;
    }
    .no-margin-left-xs{
        margin-left: 0!important;
    }
}
@media only screen and (max-width: 500px){
    .form_input{
        width: 85%;
    }
    .description_notice{
        min-height: 120px;
        font-size: 1em;
        padding: 15px 15px ;
    }
    #search-result>div>div>a>button {
        font-size: 1em;
        padding-bottom: 5px!important;
        padding-top: 5px!important;
        padding-left: 5px;
        padding-right: 5px;
    }
    .notice_item>div>span {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 400px){
    #navigation_icons>div>a>div>h5{
        font-size: 0.8em!important;
    }
    #utilies-and-agenda>div>div>h4,#notices_important>div>div>div>div>h4,#programs>div>div>div>div>h5{
        font-size: 2.4em!important;
    }
    #navigation_icons>div>a>div>span{
        font-size: 2.8em;
    }
    #page_notices_list>div>h5{
        font-size: 2.2em!important
    }
    .form_input{
        width: 81%;
    }
    #utilies-and-agenda>div>div>a>div>div>span.text_blue_2{
        margin-left: 6px;
    }
    #title_pages_secretaria h5{
        font-size: 1em!important;
        margin-top: 3%!important
    }
    #utilies-and-agenda>div>div>a>div>div>div{
        margin-left: 7px;
    }
    #menu_footer>div>div>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>div>div>div>ul>li>a,#menu_footer>div>div>div>div>span,#page_secretaria>a>div>h5,.item_phone>div>div>div,#content_top>div>div>div>div{
        font-size: 1.1em!important
    }
    .form_input {
        font-size: 1em!important;
    }
    #menu_footer>div>div>div>div>h3,#content_top>div>div>div>div>i{
        font-size: 1.5em!important
    }
    .notice_item>div>span {
        font-size: 0.8em;
    }
    .description_program>h4, .notice_item>div>h3 {
        font-size: 1em!important;
    }
    #page_secretaria>div.text-justify>p>a{
        font-size: 0.7em!important
    }
    .description_img_slider{
        padding: 15px 25px 60px 25px!important;
    }
    .description_program>span{
        font-size: 3.3em
    }
}
@media only screen and (max-width: 320px){
    #links_outhers>div>div>a>div>div>div>div>h3{
        font-size: 1.3em!important
    }
    #links_outhers>div>div>a>div>div>div>div.icon_link{
        width: 50px;
        height: 50px;
        padding-top: 0px
    }
    .form_input{
        width: 80%;
    }
    #content_top>div>div>div>div>i{
        font-size: 1.7em!important
    }
    #content_top>div>div>div>div {
        font-size: 1em!important;
    }
    #links_outhers>div>div>a>div>div>div>div>span,.description_program>span{
        font-size: 3em!important
    }
    .description_program>h4{
        font-size: 1.1em!important;
    }
    .description_program>h5{
        font-size: 0.9em!important;
    }
    .description_program{
        top: 8%;
    }
}

/*-----------------------------------*\
  $AJUSTES CONSOLIDADOS DO SITE
\*-----------------------------------*/

/* Base e acessibilidade */
.mb-5 {
    margin-bottom: 22px;
}

.fs-24 {
    font-size: 24px;
}

.skip-link {
    background-color: #F9BF08;
    color: #094296 !important;
    font-weight: bold;
    left: 12px;
    padding: 10px 14px;
    position: fixed;
    top: 12px;
    transform: translateY(-160%);
    transition: transform .2s ease;
    z-index: 100000000000000;
}

.skip-link:focus {
    transform: translateY(0);
}

html,
body {
    font-size: 13.5px;
    overflow-x: hidden;
}

#bar_accessibility,
#bar_top,
#content_top,
#menu,
#menu_footer,
#nav-header>.row {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

#menu .navbar>.row {
    margin-left: 0;
    margin-right: 0;
}

#bar_accessibility .row,
#bar_top .row {
    align-items: center;
    flex-wrap: wrap;
}

#bar_accessibility .row {
    justify-content: flex-start;
}

#bar_top .row {
    justify-content: flex-end;
}

#bar_accessibility .row>i,
#bar_accessibility .row>a,
#bar_top .row>a {
    flex: 0 0 auto;
    width: auto;
}

a,
button,
.btn_pages_notices,
.dropdown-menu>li>a {
    overflow-wrap: anywhere;
}

a:focus-visible,
button:focus-visible,
.dropdown-menu>li>a:focus-visible,
.owl-prev:focus-visible,
.owl-next:focus-visible {
    box-shadow: 0 0 0 3px rgba(249, 191, 8, .35);
}

.dropdown:focus-within .dropdown-menu {
    display: block;
}

.sitemap-section {
    color: #094296;
    font-weight: bold;
}

/* Topo e navegacao */
.topo {
    align-items: center;
    display: flex;
    justify-content: center;
}

.nav-icon-button {
    appearance: none;
    background: transparent;
    border: 0;
    color: inherit;
    display: block;
    padding: 0;
}

.nav-icon-button .col-15 {
    width: 100%;
}

#navigation_icons>.row>a,
#navigation_icons>.row>button {
    flex: 0 0 auto;
    width: 50%;
}

#navigation_icons>.row>a {
    display: block;
}

#navigation_icons>.row>a>.col-15,
#navigation_icons>.row>button>.col-15 {
    width: 100%;
}

#navigation_icons h5,
#links_outhers h3 {
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
}

#bar_cidadao>.row>a,
#bar_empresa>.row>a,
#utilies-and-agenda .margin_top_plus>a,
#links_outhers>div>.row>a {
    display: block;
    flex: 0 0 auto;
    text-decoration: none;
}

#bar_cidadao>.row>a,
#bar_empresa>.row>a,
#utilies-and-agenda .margin_top_plus>a {
    width: 100%;
}

#bar_cidadao>.row>a>div,
#bar_empresa>.row>a>div,
#utilies-and-agenda .margin_top_plus>a>div {
    width: 100%;
}

#utilies-and-agenda .margin_top_plus {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    row-gap: 4px;
}

#utilies-and-agenda .margin_top_plus>a {
    padding-left: 0;
    padding-right: 0;
}

#utilies-and-agenda .margin_top_plus>a>div {
    align-items: center;
    display: flex;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 64px;
}

#utilies-and-agenda .margin_top_plus>a>div>.row {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0;
    min-height: 56px;
    text-align: left !important;
    width: 100%;
}

#utilies-and-agenda .margin_top_plus>a>div>.row>span.text_blue_2 {
    flex: 0 0 38px;
    float: none;
    margin-left: 16px;
    max-width: 38px;
    text-align: center;
    width: 38px;
}

#utilies-and-agenda .margin_top_plus>a>div>.row>div {
    float: none;
    line-height: 1.1;
    margin-left: 10px;
    margin-top: 0;
    max-width: none;
    min-width: 0;
    width: auto;
}

#links_outhers>div>.row>a {
    width: 100%;
}

#links_outhers>div>.row>a>div {
    width: 100%;
}

#links_outhers>div>.row {
    --bs-gutter-x: 0;
}

#links_outhers>div>.row>a>div>.row {
    --bs-gutter-x: 0;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 100px;
}

#links_outhers>div>.row>a>div>.row>.col-4 {
    flex: 0 0 128px;
    max-width: 128px;
    padding-left: 0;
    padding-right: 0;
    width: 128px;
}

#links_outhers>div>.row>a>div>.row>.col-8 {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

#links_outhers .icon_link {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1;
    padding: 0;
}

#links_outhers .icon_link>span {
    line-height: 1;
}

#links_outhers h3 {
    line-height: 1.08;
    margin-bottom: 0;
    margin-top: 0;
}

/* Agenda */
.agenda-dtq a {
    color: inherit;
    display: block;
    font-size: 18px;
    margin-bottom: 16px;
}

.agenda-dtq a:last-child {
    margin-bottom: 0;
}

.agenda-dtq a:hover {
    color: #f58634;
}

/* Slides */
#slider {
    margin-top: 0;
}

.slider .owl-nav {
    float: none !important;
    left: 50%;
    position: absolute;
}

/* Menu */
.navbar {
    margin-top: 0;
    position: inherit;
}

#menu .dropdown {
    position: relative;
}

.dropdown-plus {
    width: 250px !important;
}

#menu .dropdown-menu {
    border: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .18);
    left: 0;
    margin-top: 0 !important;
    min-width: 100%;
    padding: 0;
    top: 100%;
    width: 100%;
    z-index: 9999999999;
}

.site-navbar-tools>li>button {
    background: transparent;
    border: 0;
    color: #fff;
    font-weight: bold;
}

.nav>li>a,
.nav>li>button{
    font-size: 1.2em;
}

#menu .dropdown-menu>li>a{
    color: #fff !important;
    display: block;
    line-height: 1.35;
    overflow-wrap: normal;
    padding: 8px 18px;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    width: 100%;
    word-break: normal;
}

/* Rodape */
#menu_footer li>span.bold {
    display: inline-block;
}

/* Arquivos */
.dados_arquivo {
    font-size: 12px;
    height: 20px;
    padding: 0 0 8px 20px;
}

/* Unidades publicas */
.description_unidade_father {
    border-left: #1c5e95 solid 5px;
}

.description_unidade {
    margin-bottom: 0;
    padding-left: 20px;
}

.description_unidade .mdi {
    font-size: 24px;
}

/* Noticias */
#notices_important {
    margin-bottom: 30px;
    margin-top: 30px;
}

.description_notice {
    text-transform: uppercase;
}

.subtitulo {
    color: #999;
    font-size: 20px;
}

.title-list-posts {
    border-bottom: #e8e8e8 solid 2px;
    color: #099137;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.list-posts {
    display: block;
}

.list-posts p {
    margin: 0;
}

.list-posts img {
    border-radius: 4px;
}

.list-posts>p:nth-child(1) {
    margin-bottom: 15px;
}

.list-posts>p:nth-child(2) {
    margin-bottom: 5px;
}

.list-posts>p:nth-child(3) {
    border-bottom: 2px dotted #ccc;
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.notice_item {
    align-items: center;
    display: flex;
    justify-content: center;
}

.notice_item>div>span {
    display: inline;
    margin: 0;
}

/* Secretarias */
#content_secretaria {
    background-color: #dddddd;
}

#page_secretaria>a>div>h5 {
    position: inherit;
}

/* Paginas */
.page ul,
.page ol {
    padding-left: 30px !important;
}

/* Formularios */
#envio_sucesso {
    margin-bottom: 50px;
    margin-top: 50px;
}

.public-form-trap {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

.form-response-errors {
    color: #ff1616;
    display: inline-block;
    margin: 8px auto 0;
    padding-left: 20px;
}

.privacy-acceptance {
    background-color: #f8fafc;
    border: 1px solid #e5e9f0;
    box-sizing: border-box;
    clear: both;
    margin: 8px 0 0 60px;
    padding: 12px 14px;
    width: calc(100% - 60px);
}

.privacy-acceptance label {
    align-items: flex-start;
    background: transparent !important;
    border: 0 !important;
    color: #4e5a62 !important;
    cursor: pointer;
    display: flex !important;
    float: none !important;
    font-size: 1em;
    gap: 8px;
    height: auto !important;
    line-height: 1.4;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: auto !important;
}

.privacy-acceptance input {
    flex: 0 0 auto;
    margin-top: 3px;
}

.privacy-acceptance a {
    color: #094296;
    font-weight: bold;
}

.privacy-acceptance label.error,
#form_contato #aceite_privacidade-error,
#form_avaliacao #aceite_privacidade-error {
    background: transparent !important;
    border: 0 !important;
    color: #cc0000 !important;
    display: block !important;
    float: none !important;
    font-size: 12px !important;
    font-weight: normal !important;
    height: auto !important;
    line-height: 1.4 !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
}

.form_input:focus,
.form_input:focus-within,
#form_contato select:focus,
#form_avaliacao select:focus {
    box-shadow: 0 0 0 3px rgba(9, 66, 150, .16);
    outline: 3px solid #F9BF08;
    outline-offset: 2px;
}

label.error {
    overflow-wrap: anywhere;
}

.public-form-page {
    --transito-blue: #094296;
    --transito-yellow: #F9BF08;
    --transito-green: #099137;
    --transito-text: #4e5a62;
    --transito-muted: #727376;
    --transito-border: #e5e9f0;
    --transito-soft: #f6f8fb;
    color: var(--transito-text);
}

.public-form-page a,
.public-form-page button,
.public-form-page input,
.public-form-page select,
.public-form-page textarea {
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

.public-form-container {
    margin-bottom: 34px;
    margin-top: 28px;
}

.public-form-breadcrumb {
    align-items: center;
    color: var(--transito-blue);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.public-form-hero {
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 62%);
    border: 1px solid var(--transito-border);
    border-left: 6px solid var(--transito-blue);
    border-radius: 6px;
    display: flex;
    gap: 22px;
    padding: 26px;
}

.public-form-hero__icon {
    align-items: center;
    background-color: var(--transito-blue);
    border-radius: 50%;
    color: var(--transito-yellow);
    display: flex;
    flex: 0 0 70px;
    font-size: 38px;
    height: 70px;
    justify-content: center;
    width: 70px;
}

.public-form-hero h1,
.public-form-title h2 {
    color: var(--transito-blue);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 12px;
}

.public-form-hero p,
.public-form-title p {
    color: var(--transito-text);
    font-size: 16px;
    line-height: 1.65;
    margin-bottom: 0;
}

#content_contact.public-form-section {
    margin-top: 0;
}

.public-form-card,
.public-form-info {
    background-color: #fff;
    border: 1px solid var(--transito-border);
    border-radius: 6px;
    padding: 26px;
}

.public-form-info {
    background-color: var(--transito-soft);
}

.public-form-intro {
    color: var(--transito-muted);
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 22px;
}

.public-form-fieldset {
    border: 0;
    border-top: 1px solid var(--transito-border);
    margin: 24px 0 0;
    padding: 22px 0 0;
}

.public-form-fieldset:first-of-type {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.public-form-legend {
    align-items: center;
    color: var(--transito-blue);
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 8px;
    margin-bottom: 14px;
    width: 100%;
}

.public-form-legend .mdi,
.public-form-info__header .mdi {
    color: var(--transito-green);
    font-size: 24px;
}

.public-form-field {
    margin-bottom: 16px;
}

.public-form-page .public-form-field>label:not(.error),
.public-form-page .public-form-privacy label:not(.error) {
    background: none !important;
    color: var(--transito-text) !important;
    display: block !important;
    float: none !important;
    font-size: 13px;
    font-weight: 700;
    height: auto !important;
    line-height: 1.35;
    margin: 0 0 7px !important;
    text-align: left;
    text-transform: uppercase;
    width: auto !important;
}

.public-form-page .public-form-field>label:not(.error) .mdi {
    color: var(--transito-green);
    font-size: 18px;
    margin-right: 4px;
    vertical-align: -2px;
}

.public-form-page .form_input,
.public-form-page select.form_input,
.public-form-page textarea.form_input {
    background-color: #fff;
    border: 1px solid #d6dee9;
    border-radius: 4px;
    box-shadow: none;
    color: var(--transito-text);
    display: block;
    float: none;
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
    min-height: 46px;
    padding: 11px 12px;
    width: 100% !important;
}

.public-form-page textarea.form_input {
    min-height: 118px;
    resize: vertical;
}

.public-form-page .form_input:focus,
.public-form-page select.form_input:focus,
.public-form-page textarea.form_input:focus {
    border-color: var(--transito-blue);
    box-shadow: 0 0 0 3px rgba(9, 66, 150, .12);
    outline: 3px solid var(--transito-yellow);
    outline-offset: 2px;
}

.public-form-page .form_input.error,
.public-form-page select.form_input.error,
.public-form-page textarea.form_input.error {
    background-color: rgba(255, 0, 0, .06);
    border-color: #ff6666 !important;
    color: var(--transito-text);
}

.public-form-page label.error {
    background: transparent !important;
    border: 0 !important;
    clear: both;
    color: #cc0000 !important;
    display: block !important;
    float: none !important;
    font-size: 12px !important;
    font-weight: normal !important;
    height: auto !important;
    line-height: 1.4 !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
}

.public-form-privacy {
    background-color: #f9fbfd;
    border: 1px solid var(--transito-border);
    border-radius: 4px;
    box-sizing: border-box;
    clear: both;
    margin: 20px 0 0;
    padding: 14px;
    width: 100%;
}

.public-form-page .public-form-privacy label:not(.error) {
    align-items: flex-start;
    cursor: pointer;
    display: flex !important;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
    margin-bottom: 0 !important;
    text-transform: none;
}

.public-form-page .public-form-privacy input {
    flex: 0 0 auto;
    height: 18px;
    margin-top: 1px;
    width: 18px;
}

.public-form-submit {
    align-items: center;
    background-color: var(--transito-blue);
    border: 0;
    border-radius: 4px !important;
    color: #fff;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    margin: 0;
    min-height: 46px;
    padding: 12px 24px;
}

.public-form-submit>span.mdi {
    color: #fff;
    display: inline-block;
    font-family: "Material Design Icons" !important;
    font-size: 18px;
    line-height: 1;
    margin: 0 !important;
    position: static !important;
}

.public-form-submit:hover,
.public-form-submit:focus {
    background-color: #063574;
    box-shadow: 0 8px 20px rgba(9, 66, 150, .22);
    color: #fff;
    transform: translateY(-1px);
}

.public-form-response {
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 0 !important;
    margin-top: 18px !important;
    padding: 10px;
}

.public-form-info__header {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}

.public-form-info__header h2 {
    color: var(--transito-blue);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.public-form-info__content {
    color: var(--transito-text);
    font-size: 15px;
    line-height: 1.6;
}

.public-form-info__content strong {
    color: var(--transito-blue);
    display: block;
    font-size: 13px;
    margin-top: 14px;
    text-transform: uppercase;
}

.public-form-info__content strong:first-child {
    margin-top: 0;
}

.public-form-info__content p {
    margin: 4px 0 0;
}

.public-form-map {
    border: 1px solid var(--transito-border);
    border-radius: 4px;
    margin-top: 18px;
    overflow: hidden;
}

.public-form-map iframe {
    display: block;
}

@media only screen and (max-width: 767px) {
    .public-form-page {
        overflow-x: hidden;
    }

    .public-form-page>.row,
    #content_contact.public-form-section,
    #content_contact.public-form-section>div>.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .public-form-container {
        margin-bottom: 24px;
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #content_contact.public-form-section>div {
        padding-left: 10px;
        padding-right: 10px;
    }

    .public-form-hero {
        display: block;
        padding: 20px;
        width: 100%;
    }

    .public-form-hero__icon {
        flex-basis: 56px;
        font-size: 30px;
        height: 56px;
        margin-bottom: 16px;
        width: 56px;
    }

    .public-form-hero h1,
    .public-form-title h2 {
        font-size: 24px;
    }

    .public-form-hero p,
    .public-form-title p {
        overflow-wrap: anywhere;
    }

    .public-form-card,
    .public-form-info {
        padding: 18px;
        width: 100%;
    }

    .public-form-info {
        margin-top: 20px;
    }

    .public-form-submit {
        width: 100%;
    }
}

/* Mapa do site */
#mapa_site {
    font-size: 22px;
}

#mapa_site li {
    margin-bottom: 8px;
}

#mapa_site li:last-of-type {
    margin-bottom: 0;
}

.primeiro_nivel {
    padding-left: 20px;
}

.segundo_nivel {
    margin-top: 2px;
    padding-left: 35px;
}

.terceiro_nivel {
    margin-top: 2px;
    padding-left: 50px;
}

/* Ir para o topo */
a[href="#nav-header"] {
    background-color: #099137;
    bottom: 0;
    color: #FFFFFF !important;
    font-size: 32px;
    margin-bottom: 100px;
    margin-right: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    position: fixed;
    right: 0;
    z-index: 999;
}

a[href="#nav-header"]:hover {
    background-color: #FFFFFF;
    color: #099137 !important;
}

/* Privacidade */
#politica-privacidade {
    background-color: #FFFFFF;
    border-radius: 5px;
    bottom: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    display: none;
    left: 10%;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: 80%;
    z-index: 99999999999999;
}

#politica-privacidade[aria-hidden="false"] {
    display: block;
}

#politica-privacidade .btn {
    min-height: 40px;
    min-width: 44px;
}

/* Responsivo consolidado */
@media (min-width: 768px) {
    #navigation_icons>.row>a,
    #navigation_icons>.row>button {
        width: 33.333333%;
    }

    #bar_cidadao>.row>a {
        width: 25%;
    }

    #bar_empresa>.row>a,
    #utilies-and-agenda .margin_top_plus>a {
        width: 33.333333%;
    }

    #navigation_icons h5 {
        font-size: 1em !important;
    }

    #links_outhers>div>.row>a {
        width: 50%;
    }

    #links_outhers>div>.row>a>div>.row {
        min-height: 70px;
    }

    #links_outhers>div>.row>a>div>.row>.col-4 {
        flex-basis: 86px;
        max-width: 86px;
        width: 86px;
    }
}

@media (min-width: 992px) {
    #navigation_icons>.row>a,
    #navigation_icons>.row>button {
        width: 20%;
    }

    #navigation_icons h5 {
        font-size: 1.4em !important;
    }

    #links_outhers>div>.row>a {
        width: 25%;
    }

    #links_outhers>div>.row>a>div>.row {
        min-height: 100px;
    }

    #links_outhers>div>.row>a>div>.row>.col-4 {
        flex-basis: 128px;
        max-width: 128px;
        width: 128px;
    }
}

@media (max-width: 767.98px) {
    #bar_top .row {
        justify-content: center;
        row-gap: 4px;
    }

    #bar_top .margin_left_icon {
        margin-left: 12px;
    }

    #navigation_icons>.row>a,
    #navigation_icons>.row>button {
        margin-bottom: 16px;
    }

    #navigation_icons>.row>a>div>span,
    #navigation_icons>.row>button>div>span {
        font-size: 3em;
    }

    #navigation_icons h5 {
        font-size: 1em !important;
    }

    #mapa_site {
        font-size: 18px;
    }

    #menu .dropdown-menu>li>a {
        white-space: normal;
    }
}

@media (max-width: 575.98px) {
    #navigation_icons>.row>a,
    #navigation_icons>.row>button {
        width: 100%;
    }

    .privacy-acceptance {
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 414px) {
    #politica-privacidade {
        left: 8px;
        right: 8px;
        width: auto;
    }
}

.home-link-buttons {
    padding-bottom: 30px;
    padding-top: 30px;
}

#links_transparency {
    border-top: #e6e7e8 solid 3px;
}

.home-link-buttons-title h4 {
    font-size: 3.2em;
    margin-bottom: 24px !important;
    margin-top: 0 !important;
}

.home-link-buttons>div>.row:not(.home-link-buttons-title) {
    --bs-gutter-x: 0;
    row-gap: 20px;
}

.home-link-buttons>div>.row:not(.home-link-buttons-title)>a {
    display: block;
    flex: 0 0 auto;
    text-decoration: none;
    width: 100%;
}

.home-link-buttons>div>.row:not(.home-link-buttons-title)>a>div {
    width: 100%;
}

.home-link-buttons>div>.row:not(.home-link-buttons-title)>a>div>.row {
    --bs-gutter-x: 0;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 100px;
}

.home-link-buttons>div>.row:not(.home-link-buttons-title)>a>div>.row>.col-4 {
    flex: 0 0 128px;
    max-width: 128px;
    padding-left: 0;
    padding-right: 0;
    width: 128px;
}

.home-link-buttons>div>.row:not(.home-link-buttons-title)>a>div>.row>.col-8 {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.home-link-buttons .icon_link {
    align-items: center;
    background-color: #094296;
    border-radius: 50px;
    display: flex;
    height: 100px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 100px;
}

.home-link-buttons .icon_link>span {
    font-size: 4em;
    line-height: 1;
}

.home-link-buttons h3 {
    hyphens: none;
    line-height: 1.08;
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 0;
    overflow-wrap: normal;
    word-break: normal;
}

.home-link-buttons .margin_top_xs,
.home-link-buttons .margin_top_plus {
    margin-top: 0;
}

.home-link-buttons>div>.row:not(.home-link-buttons-title)>a:hover .icon_link {
    background-color: #099137;
}

.home-link-buttons>div>.row:not(.home-link-buttons-title)>a:hover .icon_link>span {
    color: white;
}

.home-link-buttons>div>.row:not(.home-link-buttons-title)>a:hover h3 {
    color: #094296;
}

#links_transparency .icon_link {
    background-color: transparent;
    border: #094296 solid 2px;
    border-radius: 12px;
    height: 72px;
    width: 72px;
}

#links_transparency .icon_link>span {
    color: #094296 !important;
    font-size: 2.6em;
}

#links_transparency>div>.row:not(.home-link-buttons-title)>a>div>.row>.col-4 {
    flex-basis: 84px;
    max-width: 84px;
    width: 84px;
}

#links_transparency h3 {
    margin-left: 8px;
}

#links_transparency>div>.row:not(.home-link-buttons-title)>a:hover .icon_link {
    background-color: rgba(9, 66, 150, 0.08);
    border-color: #1560ab;
}

#links_transparency>div>.row:not(.home-link-buttons-title)>a:hover .icon_link>span {
    color: #1560ab !important;
}

@media (min-width: 768px) {
    .home-link-buttons>div>.row:not(.home-link-buttons-title)>a {
        width: 50%;
    }

    .home-link-buttons>div>.row:not(.home-link-buttons-title)>a>div>.row {
        min-height: 70px;
    }

    .home-link-buttons>div>.row:not(.home-link-buttons-title)>a>div>.row>.col-4 {
        flex-basis: 86px;
        max-width: 86px;
        width: 86px;
    }
}

@media (min-width: 992px) {
    .home-link-buttons>div>.row:not(.home-link-buttons-title)>a {
        width: 25%;
    }

    .home-link-buttons>div>.row:not(.home-link-buttons-title)>a>div>.row {
        min-height: 100px;
    }

    .home-link-buttons>div>.row:not(.home-link-buttons-title)>a>div>.row>.col-4 {
        flex-basis: 128px;
        max-width: 128px;
        width: 128px;
    }
}

@media (max-width: 767.98px) {
    .home-link-buttons-title h4 {
        font-size: 2.6em;
    }
}