@charset "UTF-8";
/**
* by Dois Comunicacao.
* Layout for Prefeitura Municipal de Monte Carmelo
*
* @project montecarmelo.mg.gov.br
* @version 1.0.
* @package layout.
* @copyright 2017 - Dois Comunicacao e Tecnlogia.
*
* @colordef #094296;
* @colordef #F9BF08;
* @colordef #094296;
**/
* {
    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: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%;
    }
}