﻿/****************INICIO CONTRASTE*****************/
/*Banner Urgente*/
.banner-urgente{
    text-align: center;
    margin: 0 auto;
    margin: 0 0 15px 0;
}
.banner-urgente div.img{
    width: 100%;
}
/**/
.banner-top-inner h4{
    color: #086AC3;
    text-align: center;
    font-weight: bold;
}
.banner-top-inner {
    border: 1px solid #f3f3f3;
    margin: 35px 15px 0 10px;
    width: 150px;
    padding: 5px;
    float: right;
}
.banner-top-inner img{
    margin-top: 10px;
    margin: 0 auto;
}
.banner-top-inner img{
    height: 40px;
    margin-top: 10px;
}
body.contrast{
    background-color: #000;
    color: #fff;
}
body.contrast span{
    color: #fff;
}
.contrast h1, .contrast .h1, .contrast h2, .contrast .h2,.contrast  h3,.contrast .h3 {
    color: #e4e400;
}
.contrast a{
    color: yellow !important;
}
.contrast button,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: none !important;
}
.contrast img.on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}
.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}
/**ACESSIVEL MENU TOPO**/
.contrast div .menu-top a {
    color: #fff;
}
.contrast div.menu-top div {
    background-color: #000;
    border: solid #fff 1px;
}
/**ACESSIVEL MENU**/
.contrast .navbar-default {
    background-color: #000;
    border-top: 1px solid #000;
}
.contrast .navbar-default .navbar-nav > .open > a, .contrast .navbar-default .navbar-nav > .contrast .open > a:hover, .contrast .navbar-default .navbar-nav > .open > a:focus {
    color: #000;
    background-color: #000;
}
.contrast .navbar .boder-bottom-navbar {
    background: #000;
}
.contrast  .navbar-default {
    border-color: #000;
}
.contrast .navbar-default .navbar-nav > .active > a, .contrast .navbar-default .navbar-nav > .active > a:hover, .contrast .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: #000;
}
.contrast  .navbar-default .navbar-nav > li > a {
    color: #fff;
}
.contrast  .navbar-default .navbar-nav > li > a:hover{
    background-color: #000;
    color: #000;
}
.contrast .dropdown-menu > li > a:hover, .contrast .dropdown-menu > li > a:focus {
    color: #000;
    background-color: #000;
}
.contrast .dropdown-menu {
    background-color: #000 !important;
    color: #000 !important;
}
.contrast .dropdown-menu > li > a {
    color: #000;
}
.contrast .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #f3f3f3;
}
.contrast section#noticias div.urgente span {
    color: #fff;
}
.contrast div.destaque .minuta h1, .contrast div.destaque .minuta h4 {
    background-color: #000;
}
.contrast div.destaque .minuta span {
    color: #fff;
    background-color: #000;
}
.contrast section#categorias-mais-acessadas div.categorias .titulo {
    background-color: #fff;
}
.contrast section#categorias-mais-acessadas div.categorias .titulo span {
    color: #000;
}
.contrast span.titfalecom {
    color: #000;
}
.contrast section#conteudo div.titulo h1, .contrast section#mais-lidas div.titulo h1, .contrast section#servicos div.titulo h1, .contrast section#conheca div.titulo h1, .contrast section#sidebar div.titulo h1 {
    color: #fff !important;
}
.contrast .box-servicos a {
    color: #000;
}
.contrast .box-conheca span {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
}
.contrast .box-galeria span {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
}
.contrast section#newsletter {
    background-color: #000;
    border-top: 1px solid #eeeeee;
}
.contrast section#newsletter span {
    color: #fff;
}
.contrast .btn-warning {
    color: #fff;
    background-color: #000000;
    border-color: #ffffff;
    border-bottom: solid #ffffff 3px;
}
.contrast .btn-default {
    background-color: #000;
    border-color: yelow;
}
.contrast #galeria .container-fluid{
    background-color: #000 !important;
}
.contrast section#rodape {
    background: #000 none repeat scroll 0 0;
}
.contrast #rodape .container-fluid{
    background: #000 !important;
}
.contrast .flutuante_servicos a {
    color: #fff  !important;
}
.contrast .item-calendario span {
    color: #fff;
}
.contrast #calendario .conteudo-calendario {
    background-color: #000;
}
.contrast section#sidebar div.ultimas-noticias a {
    color: #fff;
}
.contrast .box-servicos {
    background-color: #000000;
    border: 1px solid #ffffff;
}
.contrast section#conteudo div.tags-noticia a {
    background: #000000 none repeat scroll 0 0;
}
.contrast  section#conteudo .titulo-grande {
    color: #fff;
}
.contrast div.video span.titulo-video {
    color: yellow;
}
.contrast div.video span.video-info {
    color: #ffffff;
}

/****************FIM CONTRASTE*****************/
.no-bkg {
    background: none !important;
}

div.container {
    max-width: 1170px;
}

div.menu-top {
    float: right;
    width: 100%;
}

div.menu-top div {
    /*background-color: #f3f3f3;*/
    margin-left: 1px;
    background-color: #fafafa;
    /*border: solid #f0f0f0 1px;*/
    /*float: left;*/
    /*padding: 10px 0px;*/
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.menu-top div:hover{
    /*background-color: #e4e4e4;*/
    color: #fff;
}
    div.menu-top div {
        float: right;
        padding: 5px 0px;
        /**height: 41px;**/
}

div .menu-top a {
    color: #086ac3;
    display: inline-block;
    font-size: 11px !important;
    font-weight: bold;
    text-align: center;
    width: auto;
}

div .menu-top .redes_sociais a {
    font-size: 18px !important;
}

.navbar .boder-bottom-navbar {
    float: left;
    width: 100%;
    height: 5px;
    background: #096AC4;
}

.navbar-default {
    background-color: #eeeeee;
    border-top: 1px solid #ddd;
    border-bottom-width: 0px;
        border-color: #f3f3f3;
    margin-bottom: 0;
}
    .navbar .dropdown .glyphicon{
    margin-right: 10px;
    }
.input-group {
    margin-top: 8px;
    margin-bottom: 5px;
}

a.social {
    background-image: url("../img/social-icons.png");
    display: inline-block;
    height: 17px;
    width: 27px !important;
}

a.topofacebook {
    background-position: 0px center;
}

a.topoinsta {
    background-position: -40px center;
}

a.topotwitter {
    background-position: -77px center;
}

a.topoyoutube {
    background-position: -115px center;
}

a.topoflick {
    background-position: -152px center;
}
a.topoarea-restrita {
    background-position: -190px center;
}

section#noticias div.urgente {
    background-image: url("../img/icon-urgente.png");
    background-repeat: no-repeat;
    border: 1px solid #eee;
    min-height: 40px;
    padding: 7px 0 0 140px;
    width: 100%;
}

section#noticias div.urgente span a{
    font-size: 15px;
    color: #B20000;
    font-weight: 600;
}

div.destaque {
    position: relative;
}

div.destaque .minuta {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    width: 100%;
    max-height: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03ffffff', endColorstr='#b3000000', GradientType=0); /* IE6-9 */
}

div.destaque .minuta h1, div.destaque .minuta h4 div.destaque .minuta .h5 a{
    color: #fff;
}

div.minuta h5 a{
    color: #fff;
}

div.destaque .minuta h3 a {
    color: #fff;
}

div.destaque .minuta span {
    color: #fff;
    font-size: 0.8em;
}

a.circle {
    background: #126CC2;
    color: #fff;
    width: 15px;
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    border: solid #fff 1px;
    margin: 0px 3px;
}

a.circle:hover {
    background: #F1C004;
}

.red {
    color: red;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

section#categorias-mais-acessadas {
    margin: 10px 0;
}

section#categorias-mais-acessadas div.categorias {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
}

section#categorias-mais-acessadas div.categorias .titulo {
    background-color: #F1C004;
}

section#categorias-mais-acessadas div.categorias .links {
    background-color: #086AC3;
}

section#categorias-mais-acessadas div.categorias .links a, section#categorias-mais-acessadas div.categorias .links {
    color: #fff !important;
}

section#categorias-mais-acessadas div.categorias a, section#categorias-mais-acessadas div.categorias .titulo span {
    display: inline-block;
    padding: 20px 15px;
}

section#categorias-mais-acessadas div.categorias .mais-categorias {
    background-color: #086AC3;
    border-left: solid #fff 1px;
    text-align: center;
}

section#categorias-mais-acessadas div.categorias .mais-categorias a {
    color: #fff !important;
}

section#conteudo div.titulo, section#mais-lidas div.titulo, section#servicos div.titulo, section#conheca div.titulo, section#sidebar div.titulo, div.titulo {
    width: 100%;
    height: 32px;
    /*border-bottom: solid #F0C514 5px;*/
    margin: 20px 0px;
}

section#conteudo div.titulo:after, section#calendario div.titulo:after, section#diario-oficial div.titulo:after, section#mais-lidas div.titulo:after, section#servicos div.titulo:after, section#conheca div.titulo:after, section#sidebar div.titulo:after, div.titulo:after {
    background: #F0C514 none repeat scroll 0 0;
    content: "";
    float: left;
    height: 5px;
    width: 50px;
}

section#conteudo div.titulo h1, section#calendario div.titulo h1, section#diario-oficial div.titulo h1, section#mais-lidas div.titulo h1, section#servicos div.titulo h1, section#conheca div.titulo h1, section#sidebar div.titulo h1, div.titulo h1 {
    color: #086ac3;
    /*display: ruby;*/
    font-size: 20px;
    /*width: 100px;*/
    font-weight: bold;
}

section#conteudo div.titulo-vermelho {
    width: 100%;
    height: 32px;
    /*border-bottom: solid #F00 5px;*/
    margin: 10px 0px;
}

section#conteudo div.titulo-vermelho:after {
    background: #f00 none repeat scroll 0 0;
    content: "";
    float: left;
    height: 5px;
    width: 50px;
}

section#conteudo div.titulo-vermelho h1 {
    color: #F00;
    /*display: ruby;*/
    font-size: 20px;
    /*width: 100px;*/
    font-weight: bold;
}

section#conteudo .noticia {
    margin: 30px 0 0 0;
    padding-bottom: 0px;
}

.conteudo-morenews {
    padding: 0 5px 10px 5px;
}

.botao-noticia.pull-right {
    margin-right: 10px;
}

section#conteudo .noticia span {
    font-size: 0.8em;
}


section#conteudo h5.texto {
    text-align:justify;
}
section#conteudo .noticia strong {
    margin-left: 5px;
}

section#mais-lidas {
    margin-bottom: 20px;
}
section#mais-servicos-informacoes {
    margin: 30px;
}
.box-mais-noticias {

    margin-bottom: 20px;
}

.box-mais-noticias:nth-child(3n+1) {
    border-left: none;
}

.box-mais-noticias .mais-lida {
    border-top: solid #aeaeae 1px;
}

.box-mais-noticias:nth-child(1) .mais-lida, .box-mais-noticias:nth-child(2) .mais-lida, .box-mais-noticias:nth-child(3) .mais-lida {
    border-top: none;
}

.mais-lida .numero span {
    color: #aeaeae;
    font-size: 60px;
    font-weight: 100;
    line-height: 50px;
}

.mais-lida .conteudo {
    width: 80%;
}

.mais-lida .conteudo span {
    font-weight: bold;
    display: block;
}

.mais-lida .conteudo span.texto {
    font-weight: normal;
    text-align: justify;
}

.mais-lida .conteudo span.texto a {
    color: #333;
}


@media (max-width: 767px) {
    #noticias-meio .noticias-meio-mb{
    margin-bottom: 20px;
}
#secretarios .destaque-secretarios{
    margin-bottom: 70px;
}
#conheca .home-galeria{
    margin-bottom: 20px;
}
    .hidden-xs {
        display: none !important;
    }

    section#conteudo div.box-mais {
        border-right: none !important;
        width: 100% !important;
        max-width: inherit !important;
    }

    section#conteudo div.box-mais img {
        width: 100% !important;
    }

    .box-mais-noticias {
        border-left: none;
    }

    .box-mais-noticias .mais-lida {
        margin-top: 10px;
        border-bottom: solid #aeaeae 1px;
        padding-top: 20px;
        border-top: none;
    }

    .mais-lida .numero span {
        color: #aeaeae;
        font-size: 40px;
        font-weight: 100;
        line-height: 50px;
    }

    .mais-lida .conteudo {
        width: 80%;
    }

    .mais-lida .conteudo span {
        font-weight: bold;
        display: block;
    }

    .mais-lida .conteudo span.texto {
        font-weight: normal;

    }
}

.box-servicos {
    background-color: #fafafa;
    border: 1px solid #DDDDDD;
    float: left;
    height: auto;
    margin: 1%;
    padding: 20px 0;
    text-align: center;
    border-radius: 5px;
    width: 18%;
}

@media (max-width: 767px) {

    section#galeria .titulo h1 {
        font-size: 12px !important;
    }

    div.logo {
        text-align: center;

    }

    div.logo img {
        display: inline-block;
    }

    .box-servicos {
        margin: 5px 0px 0px 0px;
        width: 100%;
    }
}

.box-servicos a {
    color: #086ac3;
    font-weight: bold;
    font-size: 12px;
    display: block;
}

.box-servicos img {
    text-align: center;
    display: inline-block;
}

section#servicos {
    margin: 60px 0px;
}

section#conheca {
    margin: 60px 0px;
}

.box-conheca {
    float: left;
    position: relative;
    margin-right: 5px;
    margin-top: 5px;
}

.box-conheca:last-child {
    margin-right: 0px;
}

.box-conheca span {
    background-color: rgba(240, 197, 20, 0.9);
    bottom: 0;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    width: 100%;
}

.box-conheca img {
    max-width: 245px;
    height: auto;
}

a.navegacao {
    color: #fff;
    display: block;
    font-size: 38px;
    margin-top: 10px;
}

section#galeria .titulo {
}

section#galeria .titulo {
    width: 100%;
    height: 32px;
    margin: 10px 0px;
}

section#galeria .titulo h1 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

section#galeria .titulo i {
    border-top: 5px solid #f0c514;
    display: inline-block;
    height: 14px;
    width: 40px;
}

#carrosel-galeria {
    height: 210px;
    width: 20000px;
}

.thumb-galeria {
    float: left;
    position: relative;
}

.thumb-galeria span {
    background-color: rgba(240, 197, 20, 0.9);
    bottom: 0;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    width: 100%;
}

section#newsletter {
    padding: 30px 0px;
    background-color: #FAFAFA;
    border-top: 1px solid #eeeeee;
    margin-top: 30px;
}
section#newsletter a{
    background: #086ac3;
    color: #fff;
    border: none;
    padding: 20px;
    border-radius: 5px !important;
}
section#newsletter span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #086ac3;
}

section#newsletter input[type=text]::-moz-placeholder {
    color: #086ac3;
}

#newsletter .glyphicon-envelope {
    margin-right: 10px;
}
#newsletter h2{
    font-size: 22px;
    text-align: right;
}
section#rodape {
    padding-top: 35px;
    background: #086ac3 none repeat scroll 0 0;
}

section#rodape ul {
    padding-left: 0px;
}

section#rodape ul span {
    color: #fcb92d;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

section#rodape ul li {
    list-style: none;
    line-height: 18px;
}



section#rodape .copyright {
    padding: 20px 10px;
}

section#rodape .copyright span {
    font-size: 12px;
    color: #fff;
    display: block;
    font-weight: bold;
}

section#rodape .copyright a.social {
    background-image: url("../img/social-icons-laranja.png");
    display: inline-block;
    height: 30px;
    width: 30px;
}

section#rodape .copyright a.facebook {
    background-position: 0px;
}

section#rodape .copyright a.insta {
    background-position: -31px center;
}

section#rodape .copyright a.twitter {
    background-position: -92px center;
}

section#rodape .copyright a.youtube {
    background-position: -123px center;
}

section#rodape .copyright a.google {
    background-position: -61px center;
}

section#sidebar a.servicos img{
    margin-bottom: 15px;
    border: 1px solid #f5f5f5;
    widht: 100%
}

section#sidebar img.servicos{
    margin-bottom: 15px;
    border: 1px solid #f5f5f5;
    widht: 100%
}
section#sidebar div.player-lateral {
    border-bottom: solid #aeaeae 5px;
    margin-bottom: 20px;
    min-height: 280px;
    text-align: center;
}

section#sidebar div.player-lateral a.link {
    font-size: 12px;
    color: #333;
}

section#sidebar div.player-lateral span.texto {
    display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
}

section#sidebar div.player-lateral iframe {
    border-bottom: solid #086ac3 5px;
}

section#sidebar div.categorias {
    margin-bottom: 30px;
}

section#sidebar div.ultimas-noticias {
    border-bottom: 1px solid #aeaeae;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

section#sidebar div.ultimas-noticias span {
    font-size: 14px;
    display: block;
}

section#sidebar div.ultimas-noticias a {
    color: #333;
}

section#sidebar div.mais-lidas {
    border-bottom: 1px solid #aeaeae;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

section#sidebar div.mais-lidas span {
    font-size: 14px;
    display: block;
}

section#sidebar div.mais-lidas a {
    color: #333;
}

section#sidebar div.mais-lidas div.numero {
    vertical-align: middle;
}

section#sidebar div.mais-lidas div.numero span {
    color: #aeaeae;
    font-size: 34px;
}

section#conteudo span.titulo-grande {
    font-size: 20px;
    display: block;
}

section#conteudo span.descricao {
    font-size: 10px;
    display: block;
    color: #666;
    margin-bottom: 20px;
}

section#conteudo div.noticia-slide {
    margin: 0px 0px 20px 0px;
}

section#conteudo p {
    text-align: justify;
}

section#conteudo div.tags-noticia {
    background-image: url(../img/tag.png);
    background-repeat: no-repeat;
    min-height: 26px;
    padding-left: 40px;
    margin-top: 20px;
}

section#conteudo div.noticia-lista {
    margin-bottom: 10px;
}

section#conteudo div.tags-noticia a {
    background: #e9e6df none repeat scroll 0 0;
    color: #7d7d7d;
    display: inline-block;
    padding: 4px 9px;
    margin-bottom: 5px;
}

section#conteudo div.noticias-outro {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin: 20px 0;
    padding: 10px 0;
}

section#conteudo div.noticias-outro a {
    color: #333;
    margin-right: 5px;
    font-size: 12px;
}

section#conteudo div.noticias-outro a.btn {
    color: #fff;
}

section#conteudo .btn-facebook {
    background-color: #325C99;
    font-size: 11px !important;
}

section#conteudo .btn-twitter {
    background-color: #02ACEC;
    font-size: 11px !important;
}

section#conteudo .btn-google {
    background-color: #DD4B39;
    font-size: 11px !important;
}

section#conteudo .btn-pinterest {
    background-color: #CB2027;
    font-size: 11px !important;
}

section#conteudo .btn-whats {
    background-color: #32AE21;
    font-size: 11px !important;
}

section#conteudo div.box-mais {
    border-right: 1px solid #ddd;
    float: left;
    max-width: 160px;
    padding: 0 10px;
}

section#conteudo div.box-mais:last-child {
    border: none;
}

section#conteudo div.box-mais a {
    color: #333;
    font-size: 14px;
    display: block;
}

section#conteudo div.box-mais span {
    color: #ccc;
    font-size: 12px;
}

section#conteudo div.paginacao {
    text-align: center;
    margin-bottom: 30px;
}

section#conteudo div.paginacao a {
    background: #086ac3 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 30px;
    margin: 0 5px;
    padding: 5px;
    width: 30px;
}

section#sidebar div.navegar {
    margin-bottom: 20px;
}

section#sidebar div.navegar a {
    color: #076AC4;
    display: block;
    border-bottom: solid #ddd 1px;
    padding: 5px 0px;
}

section#sidebar div.navegar a:first-child {
    border-top: solid #ddd 1px;
}

section#sidebar div.navegar a:hover {
    color: #F1BF04;
    text-decoration: none;
}

section#sidebar div.navegar-secretaria {
    margin-bottom: 20px;
}

section#sidebar div.navegar-secretaria a {
    color: #076AC4;
    display: block;
    border-bottom: solid #ddd 1px;
    padding: 5px 0px;
}

section#sidebar div.navegar-secretaria a i {
    color: #F1BF04;
}

section#sidebar div.navegar-secretaria a:first-child {
    border-top: solid #ddd 1px;
}

section#sidebar div.navegar-secretaria a:hover {
    color: #F1BF04;
    text-decoration: none;
}

section#conteudo div.galeria-thumbs {
}

section#conteudo div.galeria-thumbs div.thumb {
    float: left;
    padding: 6px;
    position: relative;
    width: 33%;
    min-height: 255px;
}

section#conteudo div.galeria-thumbs div.thumb a img:hover {
    opacity: 0.8;
}

section#conteudo div.galeria-thumbs div.galerias {
    border: 1px inset #fff;
    float: left;
    position: relative;
}

section#conteudo div.galeria-thumbs div.galerias span.descricao-galeria {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    padding: 10px;
    position: absolute;
    width: 100%;
}

section#conteudo div.galeria-thumbs div.galerias span.quantidade-galeria {
    background: #086ac3;
    top: 0;
    right: 0;
    color: #fff;
    display: block;
    padding: 10px;
    position: absolute;
}

@media (max-width: 767px) {
    section#conteudo div.galeria-thumbs div.galerias img {
        width: 100%;
        max-width: inherit;
    }
}

section#conteudo div.botao-carregar {
    text-align: center;
    margin: 20px 0px;
}

div.contato {
    margin-bottom: 20px;
}

div.contato span {
    display: block;
    line-height: 30px;
}

div.fale-conosco input[type=text], div.fale-conosco select, div.fale-conosco textarea {
    background-color: #f9f9f9;
}

.container-btn {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.btn-topo {
    padding: 20px 50px;
    max-width: 200px !important;
}

@media (max-width: 767px) {
    .btn-topo, .foto-secretaria {
        width: 100% !important;
        max-width: inherit !important;
    }
}

.img-circle {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin-bottom: 15px;
}

div.equipe {
    margin-top: 20px;
}

div.box-equipe {
    text-align: center;
    margin-bottom: 20px;
    min-height: 250px;
}

div.box-equipe span.membro-equipe {
    display: block;
    width: 100%;
    color: #086ac3;
    font-weight: bold;
    text-align: center;
}

div.box-equipe span.cargo-equipe {
    display: block;
    width: 100%;
    color: #666;
    font-weight: bold;
    text-align: center;
}

div.dados-gerais p {
    padding: 10px;
}

div.dados-gerais p.titulo {
    background-color: #ededed;
    color: #333;
    font-weight: bold;
    width: 100%;
}

div.box-simbolos {
    text-align: center;
}

div.box-simbolos img {
    display: inline-block !important;
}

div.hino p {
    text-align: center !important;
}

div.box-videos {
    margin-top: 40px;
    min-height: 280px;
}

div.video span.titulo-video {
    color: #086ac3;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

div.video span.video-info {
    color: #333;
    font-size: 11px;
}

.watched .video-thumb {
    opacity: 0.7;
}

.video-thumb {
    position: relative;
}

.yt-thumb {
    background: #f1f1f1 none repeat scroll 0 0;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle;
    width: 100%;
}

.video-time {
    background-color: #000;
    color: #fff !important;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    height: 14px;
    line-height: 14px;
    margin-right: 0;
    margin-top: 0;
    opacity: 0.75;
    padding: 0 4px;
    vertical-align: top;
}

.video-time {
    bottom: 2px;
    position: absolute;
    right: 2px;
}

.glyphicon-square {
    width: 8px;
    height: 12px;
    margin-right: 5px;
}
/**********ajustem pagina pesquisa***************/
section#conteudo .titulo-grande {
    font-size: 24px;
    display: block;
    color: #333;
}
section#conteudo span.titulo-grande a:hover{
    color: #337ab7;
}
.resultado-lista .red {
    margin-right: 15px;
}
.item .fakeImg {
    background: no-repeat center;
    background-size: cover;
}
/**********fim*************/

/***********Página de erro 404******************/
.paginas-erro {
    margin: 50px auto;
    text-align: center;
}
.conteudo-erro h1 {
    background: url(../img/bg-404.gif) no-repeat center center;
    display: block;
    margin: 0 auto 1.25em auto;
    height: 5em;
    overflow: hidden;
    text-indent: -9999px;
}
.conteudo-erro h2 {
    color: #086ac3;
}
.conteudo-erro .img-erro404 {
    width: 170px
}

/**Página Vereadores**/
.img-vereador {
    border-radius: 5px;
    margin-bottom: 15px;
}
div.vereadores {
    margin-top: 20px;
}

div.box-vereadores {
    text-align: center;
    margin-bottom: 20px;
}

div.box-vereadores span.nome-vereador {
    display: block;
    width: 100%;
    color: #086ac3;
    font-weight: bold;
    text-align: center;
}

div.box-vereadores span.partido {
    display: block;
    width: 100%;
    color: #666;
    font-weight: bold;
    text-align: center;
}

div.dados-gerais p {
    padding: 10px;
}

div.dados-gerais p.titulo {
    background-color: #ededed;
    color: #333;
    font-weight: bold;
    width: 100%;
}
/**Página Vereador Interno**/
div#texto-parlamentar {
    line-height: 40px;
}
ul.nav.nav-pills {
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .btn-topo, .foto-vereador {
        width: 80% !important;
        max-width: inherit !important;
    }
}

.box-galeria {
    float: left;
    position: relative;
    margin-right: 5px;
    margin-top: 5px;
}
.box-galeria:last-child {
    margin-right: 0px;
}
.box-galeria span {
    background-color: rgba(240, 197, 20, 0.9);
    bottom: 0;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    width: 100%;
}
.box-galeria img {
    max-width: 100%;
    height: auto;
}

.carousel-indicators {bottom: -5px;}

.carousel-indicators {position: absolute;bottom: 10px;left: 10px;z-index: 15;width: 100%;padding-left: 0;margin-left: 0;text-align: left;list-style: none;display: none;}

.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgb(241, 192, 4);
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: rgb(8, 106, 195);
}

.logo-copy {
    width: 160px;
    float: right;
}

/*Página Indisponivel*/
html, body {
    height: 100%;
    min-height: 100%;
}

#head-indis{
    text-align: center;
}
#head-indis img{
    text-align: center;
    display: inline-flex;
}

#indisponivel {
    text-align: center;
    /*height: 100%;
    min-height: 100%;*/
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 45px;
}
#header-indis {
    text-align: center;
    display: inline-block;
}
.footer-indis {
    text-align: center;
    display: inline-block;
}
#indisponivel img {
    width: 250px;
}
.content-indis{
    margin: 5px 0 20px 0;
}
#indisponivel h1{
    font-size: 40px;
    color: #b5b5b5;
}
.boder-bottom-navbar {
    float: left;
    width: 100%;
    height: 5px;
    background: #096AC4;
}

.carousel-indicators.videos {
    bottom: -32px;
    left: 0px;
}

.wrapper {
    position: relative;
    padding-bottom: 56.25%; / 16:9 /
padding-top: 25px;
    height: 1100px;
}
.wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.h_iframe iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 1000px;
}

/**********Box banner informações ***********/
section#conteudo .info {
    margin: 10px 0;
    padding-bottom: 10px;
}
/**************Fale com o prefeito ********************/
.falecomopref{
    background-color:rgb(238,238,238);
    width:100%;
    height:124px;
    margin-bottom: 20px;
    padding-top: 7px;
    border-color:rgb(204,204,204);
    border-width:1px;
    border-style:solid;
    /* Firefox v3.5+ */
    -moz-box-shadow:0px 5px 0px rgb(9,106,196);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow:0px 5px 0px rgb(9,106,196);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow:0px 5px 0px rgb(9,106,196);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=5,Color=#ff096ac4,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=5,Color=#ff096ac4,Positive=true);
}
span.titfalecom {
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -1pt;
    color: rgb(8,106,196);
    float: left;
    position: absolute;
    padding-top: 15px;
    left: 130px;
}

/***********Redes sociais flutuantes ***************/
.social-bar {
    position: fixed;
    color: white;
    left: 0px;
    width: 65px;
    max-width: 100%;
    padding: 20px;
    background: #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.23);
    z-index: 99999;
}
a.boxsocial{
    background-image: url("../img/social-icons-fix.png");
    display: inline-block;
    height: 35px;
    width: 35px !important;
}
.flutuante_servicos a {
    color: #fff  !important;
}
a.facebook {
    background-position: 0px;
}
a.twitter {
    background-position: -42px center;
}
a.instagran {
    background-position: -85px center;
}
a.gmais{
    background-position: -127px center;
}
a.youtube {
    background-position: -170px center;
}
a.skype {
    background-position: -212px center;
}
a.linkedin {
    background-position: -254px center;
}
a.pinterest {
    background-position: -297px center;
}
a.whatsapp {
    background-position: -338px center;
}



.menu_flutuante {
    position: absolute;
    z-index: 9999999;
    left: 12px;
}

@media (max-width: 768px) {
    .menu_flutuante {
        display: none
    }
}
.menu_flutuante ul {
    margin: 0px;
    padding: 0px
}
.menu_flutuante ul li {
    padding: 10px;
    border-radius: 50px;
    list-style-type: none;
    margin: 10px 0px;
    text-align: center;
    width: 50px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menu_flutuante img{
    width: 30px;
}
.menu_flutuante ul li span {
    color: #fff;
    padding-left: 10px;
    display: none
}
.menu_flutuante ul li:hover {
    width: auto;
    text-align: left
}
.menu_flutuante ul li:hover span {
    display: inline-block
}
.menu_flutuante .flutuante_libras {
    background: #1c4f9c
}
.menu_flutuante .flutuante_servicos {
    background: #086AC4
}
.menu_flutuante .flutuante_face {
    background: #3B5998
}
.menu_flutuante .flutuante_google {
    background: #dc4e41
}
.menu_flutuante .flutuante_twitter {
    background: #26A6D1
}
.menu_flutuante .flutuante_instagram {
    background: #3F729B
}

.noticia-conteudo img{

    max-width: 100%;
    height: auto !important;
}

/********************************
* LOGIN CONTRACHEQUE
********************************/
.auth-box {
    -moz-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 40%;
    height: 450px;
    margin: 0 auto;
    background-color: #fff;
    margin-bottom: 15px; }
.auth-box:before {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    content: ' ';
    vertical-align: middle;
    height: 100%; }
.auth-box .content {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 98%;
    vertical-align: middle; }
.auth-box .left {
    float: left;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    text-align: center; }
.auth-box .left:before {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    content: ' ';
    vertical-align: middle;
    height: 100%; }
.auth-box .right {
    float: right;
    width: 58%;
    height: 100%;
    position: relative;
    background-image: url("../../img/loginbg.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
.auth-box .right:before {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    content: ' ';
    vertical-align: middle;
    height: 100%; }
.auth-box .right .text {
    position: relative;
    padding: 0 30px;
    color: #fff; }
.auth-box .right .heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 26px;
    font-weight: 300; }
.auth-box .right p {
    margin: 0;
    font-size: 18px;
    font-weight: 300; }
.auth-box .right .overlay {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(99, 156, 185, 0.92); }
.auth-box .header {
    margin-bottom: 30px; }
.auth-box .lead {
    margin-top: 5px;
    font-size: 18px;
    text-align: center; }
.auth-box .form-auth-small .btn {
    margin-top: 20px; }
.auth-box .form-auth-small .element-left {
    float: left; }
.auth-box .form-auth-small .element-right {
    float: right; }
.auth-box .form-auth-small .bottom {
    margin-top: 20px;
    text-align: center; }
.auth-box.lockscreen {
    width: 50%;
    padding: 40px 60px; }
.auth-box.lockscreen .logo {
    margin-bottom: 30px; }
.auth-box.lockscreen .user {
    margin-bottom: 30px; }
.auth-box.lockscreen .user .name {
    font-size: 18px;
    margin-top: 10px; }
@media screen and (min-width: 1440px) {
    .auth-box.lockscreen {
        width: 35%; } }
@media screen and (max-width: 1279px) {
    .auth-box {
        width: 40%; }
    .auth-box .left {
        top: 3.3em; } }
@media screen and (max-width: 1023px) {
    .auth-box .left {
        width: 100%;
        position: inherit;
        padding: 30px; }
    .auth-box .right {
        display: none; } }
@media screen and (max-width: 992px) {
    .auth-box {
        width: 70%; }
    .auth-box.lockscreen {
        width: 50%;
        padding: 40px 20px; } 
    ul.service-itens {
    column-count: 2 !important;}}
@media screen and (max-width: 768px) {
    .auth-box {
        width: 90%; }
    .auth-box .content {
        width: 95%; }
    .auth-box.lockscreen {
        width: 90%; } 
    ul.service-itens {
    column-count: 1 !important;}
}
/********BOX CALENDARIO HOME*********/


#calendario .item-calendario {
    margin-top: 20px;
    background-color: #337ab7;
    border-radius: 10px;
}
#calendario .tipo-calendario {

    height: 40px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    background-color: #337ab7;
    border-radius: 10px;
    padding-top: 13px;
}
#calendario .conteudo-calendario {
    position: relative;
    padding: 5px;
    background-color: #dcdcdc;
    border-radius: 0px 6px 6px 0px;
}
#calendario .calendario-vermais{
    margin-top: 10px;
    border: 1px solid #dcdcdc;
    padding: 5px;
    margin-right: 15px;
    float: right;
}

/********BOX CALENDARIO VIEW*********/
.box-calendario-lista .tipo-calendario {
    float: left;
    width: 88px;
    height: 65px;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    line-height: 64px;
    border-right: 1px solid #ddd;
    background-color: #337ab7;
    border-radius: 10px;
}
.box-calendario-lista .item-calendario {
    border-bottom: 1px solid #dcdcdc;
    margin-top: 20px;
}
.box-calendario-lista .tipo-calendario {
    float: left;
    width: 88px;
    height: 65px;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    line-height: 64px;
    border-right: 1px solid #ddd;
    margin-right: 10px;
    background-color: #337ab7;
    border-radius: 10px;
}
.box-calendario-lista .conteudo-calendario {
    /* float: left; */
    position: relative;
    padding: 5px;
}
.box-calendario-lista .calendario-vermais{
    margin-top: 10px;
    border: 1px solid #dcdcdc;
    padding: 5px;
    margin-right: 15px;
    float: right;
}
/********FIM BOX CALENDARIO*********/
/*compartilhamento Face news*/
.col-md-3.redessociais-news {
    float: right;
    width: auto;
}

/**********BARRA VLIBRA**********/
#brasil-vlibras .link-vlibras {
    height: 50px;
    top: 10px;
    width: 166px !important;
    display: block;
    border: 2px solid #00529b;
    color: #ffffff;
    visibility: hidden;
    position: absolute;
    background-color: #00529b;
    left: 150px;
}
.vlibras:hover #brasil-vlibras .link-vlibras {
    width: 166px !important;
    height: 50px !important;
    display: inline-table;
    border: 2px solid #00529b;
    padding: 10px 15px 10px 15px;
    visibility: visible;
    background: #00529b;
    z-index: 8;
}
.link-vlibras img{width: 160px}
/**********FIM BARRA VLIBRA**********/


.section-3-list {
    padding: 0;
    list-style-type: none;
}
.section-3-list span {
    margin-left: 8px;
}
.section-vlibras {
    line-height: 30px;
}


/*SECTION DIARIO OFICIAL*/
.titulo-diario h2{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
#diario-oficial p{
    font-size: 12px;
}
#diario-oficial h3{
    font-size: 18px;
    font-weight: 600;
    color: #337ab7;
    margin: 9px 0 3px;
}
.box-diario{
    background-color: #fafafa;
    border: 1px solid #DDDDDD;
    float: left;
    height: 115px;
    margin: 20px 0px 0px 14px;
    width: 18.5%;
    padding: 20px 0;
    text-align: center;
    border-radius: 5px;
}
#diario-oficial img{
    display: block;
    max-width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
.contrast #diario-oficial h3{
    color: yellow !important;
}
.contrast #diario-oficial .box-diario {
    background-color: #000000;
}
/*SECTION DIARIO OFICIAL FIM*/
.redes_sociais_rodape {
    float: right;
    width: auto;
}
.redes_sociais_rodape .fa-inverse {
    font-size: 20px !important;
    color: #234277 !important;
}
.redes_sociais_rodape i {
    color: inherit !important;
    font-size: 45px !important;
}
.redes_sociais_rodape span {
    font-size: 24px !important;
}

div .menu-top .redes_sociais a:hover {
    color: #003d68 !important;
}

h2.titulo-redessociais {
    color: #fff;
}

.copyright .row {
    display: flex !important;
    align-items: center;
}