@charset "iso-8859-1";
body,
footer,
main,
nav,
section {
    min-width: 320px;
    max-width: 100%
}

#logo,
body,
html,
main {
    margin: 0;
    padding: 0
}

#logo,
section#menu-lateral {
    text-align: center;
    width: 100%
}

body {
    width: 100%;
    overflow-y: hidden
}

body,
html {
    overflow-x: hidden
}

footer,
main,
nav,
section {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%
}

#banner-lateral,
#barrasp,
#barrasp iframe,
#mySlideShow,
header,
nav ul {
    display: none
}

#menu-superior {
    margin: 20px 0 0
}

main {
    min-height: 0
}

form>label {
    margin-top: 15px
}

form>label.first {
    margin-top: 0
}

section#menu-lateral {
    float: left;
    margin: 15px 0 0
}

select#menu_mobile {
    border: 1px solid #000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 3px;
    margin-top: 10px
}

.breadCrumb,
section#conteudo {
    margin: 0;
    box-sizing: border-box;
    float: left
}

section#conteudo {
    padding: 10px;
    max-width: 100%;
    min-height: auto
}

section#conteudo img {
    max-width: 100%
}

.breadCrumb {
    width: 100%
}

.contentBorder {
    float: left;
    width: 100%;
    margin-top: 0;
    padding: 15px;
    box-sizing: border-box
}

.contentBorder li,
.contentBorder ul {
    float: left;
    max-width: 100%;
    box-sizing: border-box
}

#map,
:not([#map*]) {
    max-width: 100% !important
}

footer {
    display: block;
    left: 0;
    margin: 20px 0 0;
    padding: 0;
    font-size: 10px;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 200px
}

footer p.rodape {
    display: none
}

footer p.rodape-mobile {
    display: block;
    padding: 20px;
    margin: 0;
    line-height: 18px;
    font-size: 12px;
    text-align: left;
    border-top: 1px solid #bbb;
    background-color: #f3f3f3
}

footer #footer-governo {
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
    position: relative;
    top: 0;
    left: 0
}

footer .logo {
    display: none
}

footer span.logoright {
    float: left;
    display: block;
    width: 100%;
    padding-bottom: 0
}

footer span.rodape-mobile {
    float: left;
    display: block;
    padding: 10px 20px;
    width: 100%;
    line-height: 15px;
    text-align: center;
    height: auto
}

#map {
    max-height: 300px
}

form,
h1,
h2,
h3,
p,
span,
table,
td,
th,
tr {
    box-sizing: border-box;
    max-width: 100%
}

ul.bloco_sisbravet {
    width: 100%;
    box-sizing: border-box;
    padding: 10 0 10px 20px
}

ul.bloco_sisbravet li {
    width: 100%;
    box-sizing: border-box;
    padding: 2px 25px 10px 0
}

ul.bloco_3 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 20px 20px
}

ul.bloco_3 li {
    width: 100%;
    box-sizing: border-box;
    padding: 2px 25px 10px 0
}

ul.bloco_destaque li {
    box-sizing: border-box;
    width: 100%;
    padding: 10px
}

.no-mobile {
    display: none
}

.readmore {
    position: relative;
    float: left;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-right: 10px !important;
    max-width: 450px;
    border: 0 !important
}