@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Francois+One');

.font-destaque {
    font-family: 'Roboto Condensed', sans-serif;
}

.cor-secundaria {
    color: #0095e1;
}

@media screen and (min-width: 0px) and (max-width: 479px) {
    /* CSS DO HEADER */
    header {
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: url('../imagens/bg-header.jpg');
        background-size: cover;
        background-position: center center;
    }

    header li:first-child img {
        height: 65px;
        width: auto;
    }

    header li:nth-child(2) {
        font-size: 28px;
        text-align: center;
        font-weight: bold;
    }

    header li:nth-child(2) span {
        display: block;
        font-size: 20px;
        font-weight: normal;
    }

    header li:nth-child(2) .endereco span {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        line-height: 1.2;
    }

    header li:not(:first-child) {
        margin-top: 20px !important; 
    }

    .telefoneHeader {
        font-family: 'Francois One', sans-serif;
        font-size: 20px;
    }

    form input {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    form button {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        background: #0095e1;
        color: white;
        border: none;
        position: relative;
        top: 0px;
        cursor: pointer;
        margin-top: 10px;
        width: 100%;
    }

    #txtNoticia {
        width: 100%;
    }

    #div-menu-responsivo {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    #div-menu-responsivo #menu-principal-responsivo {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    #div-menu-responsivo label {
        margin-left: 10px;
        margin-right: 10px;
    }

    #menu-principal {
        background: #313131;
        overflow: hidden;
    }

    #menu-principal nav {
        float: left;
    }

    #menu-principal nav a {
        color: white;
        text-transform: uppercase;
        padding: 20px;
        display: inline-block;
        font-size: 14px;
    }

    #menu-principal nav a:hover {
        background: #0095e1;
    }

    #menu-principal #redes-sociais, #redes-sociais-vereador {
        float: right;
        padding-top: 12px;
    }

    #menu-principal #redes-sociais a, #redes-sociais-vereador a {
        width: 35px;
        height: 35px;
        text-align: center;
        border: 1px solid white;
        border-radius: 100%;
        display: inline-block;
        color: white;
        font-size: 20px;
        margin-left: 5px;
        padding-top: 2px;
        outline: none;
    }

    #menu-principal #redes-sociais a:hover, #redes-sociais-vereador a:hover {
        color: #0095e1;
        border: 1px solid #0095e1;
    }

    .nav-hidden {
        display: none;
        position: absolute;
        left: 0px;
        background: red;
        width: 100%;
        z-index: 10;
        background: rgba(0, 0, 0, .80);
        padding-top: 25px;
        padding-bottom: 25px;
        box-sizing: border-box;
    }

    .nav-hidden a {
        padding: 20px;
        display: block;
        width: 100%;
        border: 1px solid white;
        box-sizing: border-box;
        text-align: center;
    }

    .nav-hidden li:nth-child(n+5) {
        margin-top: 25px !important;
    }

    /* CSS DA PÁGINA PRINCIPAL */

    .bg-arrow-banner {
        background: rgba(0,0,0,.75);
        color: white;
        text-align: center;
        font-size: 50px;
        width: 60px;
    }

    .banner-full {
        display: none;
    }

    #chamada-links {
        margin-top: -15px;
    }

    .titulo-chamada-index {
        overflow: hidden;
        margin-bottom: 50px;
        position: relative;
    }

    .titulo-chamada-index .titulo-subtitulo-chamada {
        width: 100%;
    }

    .titulo-chamada-index  div:last-child {
        width: 100%;
    }

    .titulo-subtitulo-chamada h2 {
        font-size: 34px;
        color: #005f90;
        text-transform: uppercase;
    }

    .titulo-subtitulo-chamada h3 {
        font-size: 16px;
        color: #696969;
        font-weight: 300;
        margin-top: 0px;
    }

    .botao-link {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .botao-link:hover, .link-interno:hover {
        background: #005f90;
    }

    .link-interno {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 40px;
        width: 250px;
    }

    .lista-noticias h3 {
        font-size: 14px;
        text-align: center;
    }

    .img-noticia, .galeria1 .img-galeria, .lista-legislativo-geral .img-legislativo {
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

    .img-noticia img, .galeria1 .img-galeria img, .lista-legislativo-geral .img-legislativo img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 180px;
    }

    .link-saiba-mais {
        margin: 0 auto;
        width: 150px;
        padding: 15px;
        box-sizing: border-box;
        background: #e1e1e1;
        margin-top: 35px;
        display: block;
        color: black;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        border: 1px solid #c7c7c7;
    }

    .link-saiba-mais span {
        margin-left: 10px
    }

    .link-saiba-mais:hover {
        background: #f8b91d;
        border: 1px solid #d09b17;
    }

    .bg-divisor {
        height: 7px;
        background-image: url('../imagens/bg-divisor.jpg');
        width: 100%;
        background-repeat: repeat-x;
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .tabela-agenda li {
        padding: 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #f8b91d;
    }

    .tabela-agenda li h2 {
        color: #0095e1;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tabela-agenda li a {
        margin: 0 auto !important;
        display: block;
        margin-top: 20px !important;
    }

    #bg-vereadores {
        padding: 5px;
        border: 1px solid #e1e1e1;
        box-sizing: border-box;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    #chamada-vereadores {
        text-align: center;
        padding: 20px;
        color: #0095e1;
        font-style: italic;
        font-size: 22px;
        box-sizing: border-box;
        background: #f2f2f2;
        position: relative;
    }

    #chamada-vereadores img {
        position: absolute;
        top: 0px;
        height: 165px;
    }

    .img-vereador-1 {
        left: 0px;
    }

    .img-vereador-2 {
        right: 0px;
    }

    .btn-vereadores {
        position: initial;
        margin: 0 auto;
        margin-top: 15px;
        width: 100%;
        display: block;
        font-style: normal;
    }

    #lista-avisos h4 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    #lista-avisos h2 {
        font-size: 25px;
        color: #0095e1;
    }

    #lista-avisos h3 {
        font-size: 18px;
    }

    #lista-avisos li {
        border-top: 1px solid #e1e1e1;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0px !important;
    }

    #lista-avisos li:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

    #chamada-links li {
        background: #f2f2f2;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 30px;
        text-align: center;
        min-height: 300px;
        height: 320px;
    }

    #chamada-links li img {
        height: 130px;
    }

    #chamada-links li h2 {
        color: #373737;
        font-size: 22px;
    }

    #chamada-links li a {
        color: #0095e1;
    }

    #chamada-links li:nth-child(1) img {
        height: 90px;
    }

     #chamada-links li:nth-child(2) img {
        height: 90px;
    }

    #chamada-links li:nth-child(3) img {
        height: 90px;
    }

    #chamada-links li:nth-child(4) img {
        height: 80px;
        margin-top: 10px;
    }

     #chamada-links li:nth-child(5) img {
        height: 80px;
        margin-top: 10px;
    }

    #galeria-fotos {
        background: #f2f2f2;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    #lista-galeria img {
        width: 100%;
    }

    #newsletter {
        padding-top: 45px;
        padding-bottom: 45px;
        background: #0095e1;
        text-align: center;
    }

    #newsletter h2 {
        color: #313131;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #newsletter h3 {
        color: white;
        font-size: 18px;
        margin-bottom: 20px;
    }

    #form-newsletter input {
        border: none;
        background: white;
        width: 100%;
        margin-top: 5px;
    }

    #form-newsletter button {
        background: #313131;
        color: white;
        min-width: 150px;
    }

    #mapa iframe {
        width: 100%;
        height: 375px;
        z-index: 9998;
    }

    .overlay .page-content div {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        background: white;
        position: absolute;
        left: 0px;
        border: 3px dashed #0095e1;
        box-shadow: 7px 7px 7px rgba(0,0,0,.2);
        margin-top: 71.5px;
        display: none;
    }

    .overlay .page-content div h3 {
        color: #0095e1;
        font-size: 20px;
        margin-bottom: 7px;
    }

    .overlay .page-content div h4 {
        font-size: 14px;
    }

    .overlay .page-content div i {
        font-size: 70px;
        color: #0095e1;
    }

    .overlay {
        background:transparent; 
        position:relative; 
        width:100%;
        height:375px;
        top:375px;
        margin-top:-375px;
    }

    #menu-footer {
        padding-top: 40px;
        padding-bottom:  40px;
    }

    #menu-footer li {
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        min-height: 255px;
    }

    #menu-footer li:not(:first-child) {
        border-top: 1px solid #c1c1c1;
    }

    #menu-footer li h3 {
        font-size: 24px;
        color: #0095e1;
        margin-bottom: 10px;
    }

    #menu-footer nav a, #menu-footer div span {
        display: block;
        color: #2e2e2e;
        line-height: 1.75;
    }

    #menu-footer a:hover {
        color: #0095e1;
    }

    #redes-sociais-footer {
        margin-top: 20px;
    }

    #redes-sociais-footer a {
        color: #2e2e2e;
        margin: 5px;
    }

    #creditos {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        color: white;
        background: #313131;
    }

    #creditos a {
        color: #0095e1;
    }

    /* CSS PÁGINA NOTÍCIAS */

    .inside-container {
        margin-top: 80px;
        padding-bottom: 85px;
        border-bottom: 1px solid #c0c0c0;
    }

    .acesso-rapido {
        display: none;
    }

    .acesso-rapido a {
        color: #7b7a7a;
        font-size: 14px;
        display: block;
    }

    .acesso-rapido a:not(:first-child) {
        padding-top: 10px;
        border-top: 1px solid #7b7a7a;
        margin-top: 10px;
    }

    .acesso-rapido a:hover {
        color: #0095e1;
    }

    .bg-divisor-interno {
        margin-top: 15px;
        margin-bottom: 55px;
        display: none;
    }

    .margem-titulo {
        margin-bottom: 40px;
    }

    .bg-divisor-noticia {
        margin-top: 40px;
        display: block;
        margin-bottom: 50px;
    }

    .lista-noticias-geral .img-noticia, .lista-legislativo-geral .img-legislativo {
        width: 100%;
        margin-bottom: 25px;
    }

    .lista-noticias-geral h2, .noticia-detalhada h2, .lista-legislativo-geral h2 {
        font-size: 26px;
        margin-bottom: 20px;
        color: #0095e1;
    }

    .lista-noticias-geral h3, .noticia-detalhada h4, .lista-legislativo-geral h4 {
        font-size: 16px;
        color: #666666;
        line-height: 1.6;
    }

    .saiba-mais-noticia {
        margin-top: 30px;
    }

    .load-more {
        background: #0095e1;
        color: white;
        padding: 20px;
        box-sizing: border-box;
        width: 200px;
        display: block;
        margin: 0 auto;
        text-align: center;
        border: none;
        cursor: pointer;
    }

    .noticia-detalhada {
        overflow: hidden;
    }

    .noticia-detalhada .img-noticia {
        width: 100%;
        margin-bottom: 25px;
    }

    .noticia-detalhada img {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .noticia-video {
        margin-top: 50px;
    }

    .noticia-video h3 {
        font-size: 42px;
        color: #343434;
        margin-bottom: 20px;
    }

    .noticia-video iframe {
        width: 100%;
        height: 250px;
    }

    /* CSS DA PÁGINA DA CÂMARA */

    .galeria1 li {
        text-align: center;
    }

    .galeria1 li h2 {
        color: #0095e1;
        font-size: 20px;
    }

    .galeria1 li h3 {
        color: black;
        font-size: 18px;
        margin-top: 5px;
    }

    .galeria1 li h4 {
        font-size: 14px;
    }

    .galeria1 li:nth-child(n+5) {
        margin-top: 50px;
    }

    .lista-legislativo-geral h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 7px;
        margin-top: -10px;
    }

    .lista-vereadores li {
        overflow: hidden;
    }

    #redes-sociais-vereador {
        float: none;
    }

    #redes-sociais-vereador a {
        color: #2e2e2e;
        border: 1px solid #2e2e2e;
    }

    /* CSS CANAIS */

    .chamadaLinksEscolha {
        font-size: 20px;
        color: #005f90;
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 25px;
    }

    .layout-canal-1 li {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 10px;
    }

    .layout-canal-1 li a {
        color: #2e2e2e;

    }

    .layout-canal-1 li a:hover {
        color: #0095e1;
    }

    .layout-canal-1 li:hover  {
        color: #0095e1;
        border-bottom: 1px solid #0095e1 !important;
    }

    .layout-canal-1 li:nth-child(n+5) {
        margin-top: 30px !important; 
    }

    .layout-canal-2 li:nth-child(n+2) {
        margin-top: 15px !important;
    }

    .layout-canal-2 li {
        padding: 30px;
        box-sizing: border-box;
        background: #f2f2f2;
    }

    .layout-canal-2 li h3 {
        font-weight: bold;
        margin-bottom: 7px;
    }

    .layout-canal-2 li a {
        color: #0095e1;
    }

    .layout-canal-left li {
        text-align: left !important;
    }

    .chamaFormulario {
        margin-top: 50px;
    }

    .avisoForm {
        font-size: 14px;
        display: block;
        margin-bottom: 30px;
        color: #d10000;
    }

    form li label {
        display: block;
        margin-bottom: 7px;
    }

    form input, form select {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    form textarea {
        min-width: 100%;
        max-width: 100%;
        min-height: 250px;
        max-height: 250px;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    /* CSS CONTATO */

    #div-form-contato {
        width: 100%;
    }

    #div-inf-contato {
        width: 100% !important;
    }

    #form-contato li {
        width: 100% !important;
    }

    #form-contato li:nth-child(n+3) {
        margin-top: 25px !important;
    }

    #inf-contato h3 {
        font-size: 32px;
        margin-bottom: 25px;
        color: #005f90;
    }

    #inf-contato a {
        color: #0095e1;
    }

    #horariAtendimentoContato {
        margin-top: 35px;
        margin-bottom: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
    /* CSS DO HEADER */
    header {
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: url('../imagens/bg-header.jpg');
        background-size: cover;
        background-position: center center;
    }

    header li:first-child img {
        height: 75px;
        width: auto;
    }

    header li:nth-child(2) {
        font-size: 28px;
        text-align: center;
        font-weight: bold;
    }

    header li:nth-child(2) span {
        display: block;
        font-size: 20px;
        font-weight: normal;
    }

    header li:nth-child(2) .endereco span {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        line-height: 1.2;
    }

    header li:not(:first-child) {
        margin-top: 20px !important; 
    }

    .telefoneHeader {
        font-family: 'Francois One', sans-serif;
        font-size: 20px;
    }

    form input {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    form button {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        background: #0095e1;
        color: white;
        border: none;
        position: relative;
        top: 0px;
        cursor: pointer;
        margin-top: 10px;
        width: 100%;
    }

    #txtNoticia {
        width: 100%;
    }

    #div-menu-responsivo {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    #div-menu-responsivo #menu-principal-responsivo {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    #div-menu-responsivo label {
        margin-left: 10px;
        margin-right: 10px;
    }

    #menu-principal {
        background: #313131;
        overflow: hidden;
    }

    #menu-principal nav {
        float: left;
    }

    #menu-principal nav a {
        color: white;
        text-transform: uppercase;
        padding: 20px;
        display: inline-block;
        font-size: 14px;
    }

    #menu-principal nav a:hover {
        background: #0095e1;
    }

    #menu-principal #redes-sociais, #redes-sociais-vereador {
        float: right;
        padding-top: 12px;
    }

    #menu-principal #redes-sociais a, #redes-sociais-vereador a {
        width: 35px;
        height: 35px;
        text-align: center;
        border: 1px solid white;
        border-radius: 100%;
        display: inline-block;
        color: white;
        font-size: 20px;
        margin-left: 5px;
        padding-top: 2px;
        outline: none;
    }

    #menu-principal #redes-sociais a:hover, #redes-sociais-vereador a:hover {
        color: #0095e1;
        border: 1px solid #0095e1;
    }

    .nav-hidden {
        display: none;
        position: absolute;
        left: 0px;
        background: red;
        width: 100%;
        z-index: 10;
        background: rgba(0, 0, 0, .80);
        padding-top: 25px;
        padding-bottom: 25px;
        box-sizing: border-box;
    }

    .nav-hidden a {
        padding: 20px;
        display: block;
        width: 100%;
        border: 1px solid white;
        box-sizing: border-box;
        text-align: center;
    }

    .nav-hidden li:nth-child(n+5) {
        margin-top: 25px !important;
    }

    /* CSS DA PÁGINA PRINCIPAL */

    .bg-arrow-banner {
        background: rgba(0,0,0,.75);
        color: white;
        text-align: center;
        font-size: 50px;
        width: 60px;
    }

    .banner-full {
        display: none;
    }

    #chamada-links {
        margin-top: -15px;
    }

    .titulo-chamada-index {
        overflow: hidden;
        margin-bottom: 50px;
        position: relative;
    }

    .titulo-chamada-index .titulo-subtitulo-chamada {
        width: 100%;
    }

    .titulo-chamada-index  div:last-child {
        width: 100%;
    }

    .titulo-subtitulo-chamada h2 {
        font-size: 34px;
        color: #005f90;
        text-transform: uppercase;
    }

    .titulo-subtitulo-chamada h3 {
        font-size: 16px;
        color: #696969;
        font-weight: 300;
        margin-top: 0px;
    }

    .botao-link {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .botao-link:hover, .link-interno:hover {
        background: #005f90;
    }

    .link-interno {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 40px;
        width: 250px;
    }

    .lista-noticias h3 {
        font-size: 14px;
        text-align: center;
    }

    .img-noticia, .galeria1 .img-galeria, .lista-legislativo-geral .img-legislativo {
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

    .img-noticia img, .galeria1 .img-galeria img, .lista-legislativo-geral .img-legislativo img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 180px;
    }

    .link-saiba-mais {
        margin: 0 auto;
        width: 150px;
        padding: 15px;
        box-sizing: border-box;
        background: #e1e1e1;
        margin-top: 35px;
        display: block;
        color: black;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        border: 1px solid #c7c7c7;
    }

    .link-saiba-mais span {
        margin-left: 10px
    }

    .link-saiba-mais:hover {
        background: #f8b91d;
        border: 1px solid #d09b17;
    }

    .bg-divisor {
        height: 7px;
        background-image: url('../imagens/bg-divisor.jpg');
        width: 100%;
        background-repeat: repeat-x;
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .tabela-agenda li {
        padding: 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #f8b91d;
    }

    .tabela-agenda li h2 {
        color: #0095e1;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tabela-agenda li a {
        margin: 0 auto !important;
        display: block;
        margin-top: 20px !important;
    }

    #bg-vereadores {
        padding: 5px;
        border: 1px solid #e1e1e1;
        box-sizing: border-box;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    #chamada-vereadores {
        text-align: center;
        padding: 20px;
        color: #0095e1;
        font-style: italic;
        font-size: 22px;
        box-sizing: border-box;
        background: #f2f2f2;
        position: relative;
    }

    #chamada-vereadores img {
        position: absolute;
        top: 0px;
        height: 165px;
    }

    .img-vereador-1 {
        left: 0px;
    }

    .img-vereador-2 {
        right: 0px;
    }

    .btn-vereadores {
        position: initial;
        margin: 0 auto;
        margin-top: 15px;
        width: 100%;
        display: block;
        font-style: normal;
    }

    #lista-avisos h4 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    #lista-avisos h2 {
        font-size: 25px;
        color: #0095e1;
    }

    #lista-avisos h3 {
        font-size: 18px;
    }

    #lista-avisos li {
        border-top: 1px solid #e1e1e1;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0px !important;
    }

    #lista-avisos li:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

    #chamada-links li {
        background: #f2f2f2;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 30px;
        text-align: center;
        min-height: 300px;
        height: 320px;
    }

    #chamada-links li img {
        height: 130px;
    }

    #chamada-links li h2 {
        color: #373737;
        font-size: 22px;
    }

    #chamada-links li a {
        color: #0095e1;
    }

    #chamada-links li:nth-child(1) img {
        height: 90px;
    }

     #chamada-links li:nth-child(2) img {
        height: 90px;
    }

    #chamada-links li:nth-child(3) img {
        height: 90px;
    }

    #chamada-links li:nth-child(4) img {
        height: 80px;
        margin-top: 10px;
    }

    #chamada-links li:nth-child(5) img {
        height: 80px;
        margin-top: 10px;
    }


    #galeria-fotos {
        background: #f2f2f2;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    #lista-galeria img {
        width: 100%;
    }

    #newsletter {
        padding-top: 45px;
        padding-bottom: 45px;
        background: #0095e1;
        text-align: center;
    }

    #newsletter h2 {
        color: #313131;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #newsletter h3 {
        color: white;
        font-size: 18px;
        margin-bottom: 20px;
    }

    #form-newsletter input {
        border: none;
        background: white;
        width: 100%;
        margin-top: 5px;
    }

    #form-newsletter button {
        background: #313131;
        color: white;
        min-width: 150px;
    }

    #mapa iframe {
        width: 100%;
        height: 375px;
        z-index: 9998;
    }

    .overlay .page-content div {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        background: white;
        position: absolute;
        left: 0px;
        border: 3px dashed #0095e1;
        box-shadow: 7px 7px 7px rgba(0,0,0,.2);
        margin-top: 71.5px;
        display: none;
    }

    .overlay .page-content div h3 {
        color: #0095e1;
        font-size: 20px;
        margin-bottom: 7px;
    }

    .overlay .page-content div h4 {
        font-size: 14px;
    }

    .overlay .page-content div i {
        font-size: 70px;
        color: #0095e1;
    }

    .overlay {
        background:transparent; 
        position:relative; 
        width:100%;
        height:375px;
        top:375px;
        margin-top:-375px;
    }

    #menu-footer {
        padding-top: 40px;
        padding-bottom:  40px;
    }

    #menu-footer li {
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        min-height: 255px;
    }

    #menu-footer li:not(:first-child) {
        border-top: 1px solid #c1c1c1;
    }

    #menu-footer li h3 {
        font-size: 24px;
        color: #0095e1;
        margin-bottom: 10px;
    }

    #menu-footer nav a, #menu-footer div span {
        display: block;
        color: #2e2e2e;
        line-height: 1.75;
    }

    #menu-footer a:hover {
        color: #0095e1;
    }

    #redes-sociais-footer {
        margin-top: 20px;
    }

    #redes-sociais-footer a {
        color: #2e2e2e;
        margin: 5px;
    }

    #creditos {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        color: white;
        background: #313131;
    }

    #creditos a {
        color: #0095e1;
    }

    /* CSS PÁGINA NOTÍCIAS */

    .inside-container {
        margin-top: 80px;
        padding-bottom: 85px;
        border-bottom: 1px solid #c0c0c0;
    }

    .acesso-rapido {
        display: none;
    }

    .acesso-rapido a {
        color: #7b7a7a;
        font-size: 14px;
        display: block;
    }

    .acesso-rapido a:not(:first-child) {
        padding-top: 10px;
        border-top: 1px solid #7b7a7a;
        margin-top: 10px;
    }

    .acesso-rapido a:hover {
        color: #0095e1;
    }

    .bg-divisor-interno {
        margin-top: 15px;
        margin-bottom: 55px;
        display: none;
    }

    .margem-titulo {
        margin-bottom: 40px;
    }

    .bg-divisor-noticia {
        margin-top: 40px;
        display: block;
        margin-bottom: 50px;
    }

    .lista-noticias-geral .img-noticia, .lista-legislativo-geral .img-legislativo {
        width: 100%;
        margin-bottom: 25px;
    }

    .lista-noticias-geral h2, .noticia-detalhada h2, .lista-legislativo-geral h2 {
        font-size: 26px;
        margin-bottom: 20px;
        color: #0095e1;
    }

    .lista-noticias-geral h3, .noticia-detalhada h4, .lista-legislativo-geral h4 {
        font-size: 16px;
        color: #666666;
        line-height: 1.6;
    }

    .saiba-mais-noticia {
        margin-top: 30px;
    }

    .load-more {
        background: #0095e1;
        color: white;
        padding: 20px;
        box-sizing: border-box;
        width: 200px;
        display: block;
        margin: 0 auto;
        text-align: center;
        border: none;
        cursor: pointer;
    }

    .noticia-detalhada {
        overflow: hidden;
    }

    .noticia-detalhada .img-noticia {
        width: 100%;
        display: block;
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .noticia-detalhada img {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .noticia-video {
        margin-top: 50px;
    }

    .noticia-video h3 {
        font-size: 42px;
        color: #343434;
        margin-bottom: 20px;
    }

    .noticia-video iframe {
        width: 100%;
        height: 250px;
    }

    /* CSS DA PÁGINA DA CÂMARA */

    .galeria1 li {
        text-align: center;
    }

    .galeria1 li h2 {
        color: #0095e1;
        font-size: 20px;
    }

    .galeria1 li h3 {
        color: black;
        font-size: 18px;
        margin-top: 5px;
    }

    .galeria1 li h4 {
        font-size: 14px;
    }

    .galeria1 li:nth-child(n+5) {
        margin-top: 50px;
    }

    .lista-legislativo-geral h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 7px;
        margin-top: -10px;
    }

    .lista-vereadores li {
        overflow: hidden;
    }

    #redes-sociais-vereador {
        float: none;
    }

    #redes-sociais-vereador a {
        color: #2e2e2e;
        border: 1px solid #2e2e2e;
    }

    /* CSS CANAIS */

    .chamadaLinksEscolha {
        font-size: 20px;
        color: #005f90;
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 25px;
    }

    .layout-canal-1 li {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 10px;
    }

    .layout-canal-1 li a {
        color: #2e2e2e;

    }

    .layout-canal-1 li a:hover {
        color: #0095e1;
    }

    .layout-canal-1 li:hover  {
        color: #0095e1;
        border-bottom: 1px solid #0095e1 !important;
    }

    .layout-canal-1 li:nth-child(n+5) {
        margin-top: 30px !important; 
    }

    .layout-canal-2 li:nth-child(n+2) {
        margin-top: 15px !important;
    }

    .layout-canal-2 li {
        padding: 30px;
        box-sizing: border-box;
        background: #f2f2f2;
    }

    .layout-canal-2 li h3 {
        font-weight: bold;
        margin-bottom: 7px;
    }

    .layout-canal-2 li a {
        color: #0095e1;
    }

    .layout-canal-left li {
        text-align: left !important;
    }

    .chamaFormulario {
        margin-top: 50px;
    }

    .avisoForm {
        font-size: 14px;
        display: block;
        margin-bottom: 30px;
        color: #d10000;
    }

    form li label {
        display: block;
        margin-bottom: 7px;
    }

    form input, form select {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    form textarea {
        min-width: 100%;
        max-width: 100%;
        min-height: 250px;
        max-height: 250px;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    /* CSS CONTATO */

    #div-form-contato {
        width: 100%;
    }

    #div-inf-contato {
        width: 100% !important;
    }

    #form-contato li {
        width: 100% !important;
    }

    #form-contato li:nth-child(n+3) {
        margin-top: 25px !important;
    }

    #inf-contato h3 {
        font-size: 32px;
        margin-bottom: 25px;
        color: #005f90;
    }

    #inf-contato a {
        color: #0095e1;
    }

    #horariAtendimentoContato {
        margin-top: 35px;
        margin-bottom: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
    /* CSS DO HEADER */
    header {
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: url('../imagens/bg-header.jpg');
        background-size: cover;
        background-position: center center;
    }

    header li:first-child img {
        height: 85px;
        width: auto;
    }

    header li:nth-child(2) {
        font-size: 28px;
        text-align: center;
        font-weight: bold;
    }

    header li:nth-child(2) span {
        display: block;
        font-size: 20px;
        font-weight: normal;
    }

    header li:nth-child(2) .endereco span {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        line-height: 1.2;
    }

    header li:not(:first-child) {
        margin-top: 20px !important; 
    }

    header li {
        width: 100% !important;
    }

    .telefoneHeader {
        font-family: 'Francois One', sans-serif;
        font-size: 20px;
    }

    form input {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    form button {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        background: #0095e1;
        color: white;
        border: none;
        position: relative;
        top: 0px;
        cursor: pointer;
        margin-top: 10px;
        width: 100%;
    }

    #txtNoticia {
        width: 100%;
    }

    #div-menu-responsivo {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    #div-menu-responsivo #menu-principal-responsivo {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    #div-menu-responsivo label {
        margin-left: 10px;
        margin-right: 10px;
    }

    #menu-principal {
        background: #313131;
        overflow: hidden;
    }

    #menu-principal nav {
        float: left;
    }

    #menu-principal nav a {
        color: white;
        text-transform: uppercase;
        padding: 20px;
        display: inline-block;
        font-size: 14px;
    }

    #menu-principal nav a:hover {
        background: #0095e1;
    }

    #menu-principal #redes-sociais, #redes-sociais-vereador {
        float: right;
        padding-top: 12px;
    }

    #menu-principal #redes-sociais a, #redes-sociais-vereador a {
        width: 35px;
        height: 35px;
        text-align: center;
        border: 1px solid white;
        border-radius: 100%;
        display: inline-block;
        color: white;
        font-size: 20px;
        margin-left: 5px;
        padding-top: 2px;
        outline: none;
    }

    #menu-principal #redes-sociais a:hover, #redes-sociais-vereador a:hover {
        color: #0095e1;
        border: 1px solid #0095e1;
    }

    .nav-hidden {
        display: none;
        position: absolute;
        left: 0px;
        background: red;
        width: 100%;
        z-index: 10;
        background: rgba(0, 0, 0, .80);
        padding-top: 25px;
        padding-bottom: 25px;
        box-sizing: border-box;
    }

    .nav-hidden a {
        padding: 20px;
        display: block;
        width: 100%;
        border: 1px solid white;
        box-sizing: border-box;
        text-align: center;
    }

    .nav-hidden li:nth-child(n+5) {
        margin-top: 25px !important;
    }

    /* CSS DA PÁGINA PRINCIPAL */

    .bg-arrow-banner {
        background: rgba(0,0,0,.75);
        color: white;
        text-align: center;
        font-size: 30px;
        width: 40px;
    }

    .flex-next .bg-arrow-banner {
        right: -60px;
        position: relative;
    }

    .banner-full {
        text-align: right;
        margin-bottom: 80px !important;
    }

    #chamada-links {
        margin-top: -15px;
    }

    .titulo-chamada-index {
        overflow: hidden;
        margin-bottom: 50px;
        position: relative;
    }

    .titulo-chamada-index .titulo-subtitulo-chamada {
        width: 100%;
    }

    .titulo-chamada-index  div:last-child {
        width: 100%;
    }

    .titulo-subtitulo-chamada h2 {
        font-size: 34px;
        color: #005f90;
        text-transform: uppercase;
    }

    .titulo-subtitulo-chamada h3 {
        font-size: 16px;
        color: #696969;
        font-weight: 300;
        margin-top: 0px;
    }

    .botao-link {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .botao-link:hover, .link-interno:hover {
        background: #005f90;
    }

    .link-interno {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 40px;
        width: 250px;
    }

    .lista-noticias h3 {
        font-size: 14px;
        text-align: center;
        min-height: 85px;
    }

    .img-noticia, .galeria1 .img-galeria, .lista-legislativo-geral .img-legislativo {
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

    .img-noticia img, .galeria1 .img-galeria img, .lista-legislativo-geral .img-legislativo img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 180px;
    }

    .link-saiba-mais {
        margin: 0 auto;
        width: 150px;
        padding: 15px;
        box-sizing: border-box;
        background: #e1e1e1;
        margin-top: 35px;
        display: block;
        color: black;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        border: 1px solid #c7c7c7;
    }

    .link-saiba-mais span {
        margin-left: 10px
    }

    .link-saiba-mais:hover {
        background: #f8b91d;
        border: 1px solid #d09b17;
    }

    .bg-divisor {
        height: 7px;
        background-image: url('../imagens/bg-divisor.jpg');
        width: 100%;
        background-repeat: repeat-x;
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .tabela-agenda li {
        padding: 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #f8b91d;
    }

    .tabela-agenda li h2 {
        color: #0095e1;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tabela-agenda li a {
        margin: 0 auto !important;
        display: block;
        margin-top: 20px !important;
    }

    #bg-vereadores {
        padding: 5px;
        border: 1px solid #e1e1e1;
        box-sizing: border-box;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    #chamada-vereadores {
        text-align: center;
        padding: 20px;
        color: #0095e1;
        font-style: italic;
        font-size: 22px;
        box-sizing: border-box;
        background: #f2f2f2;
        position: relative;
    }

    #chamada-vereadores img {
        position: absolute;
        top: 0px;
        height: 165px;
    }

    .img-vereador-1 {
        left: 0px;
    }

    .img-vereador-2 {
        right: 0px;
    }

    .btn-vereadores {
        position: initial;
        margin: 0 auto;
        margin-top: 15px;
        width: 100%;
        display: block;
        font-style: normal;
    }

    #lista-avisos h4 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    #lista-avisos h2 {
        font-size: 25px;
        color: #0095e1;
    }

    #lista-avisos h3 {
        font-size: 18px;
    }

    #lista-avisos li {
        border-top: 1px solid #e1e1e1;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0px !important;
    }

    #lista-avisos li:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

    #chamada-links li {
        background: #f2f2f2;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 30px;
        text-align: center;
        min-height: 300px;
        height: 320px;
    }

    #chamada-links li img {
        height: 130px;
    }

    #chamada-links li h2 {
        color: #373737;
        font-size: 22px;
    }

    #chamada-links li a {
        color: #0095e1;
    }

    #chamada-links li:nth-child(1) img {
        height: 90px;
    }

     #chamada-links li:nth-child(2) img {
        height: 90px;
    }

    #chamada-links li:nth-child(3) img {
        height: 90px;
    }

    #chamada-links li:nth-child(4) img {
        height: 80px;
        margin-top: 10px;
    }

    #chamada-links li:nth-child(5) img {
        height: 80px;
        margin-top: 10px;
    }

    #galeria-fotos {
        background: #f2f2f2;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    #lista-galeria img {
        width: 100%;
    }

    #newsletter {
        padding-top: 45px;
        padding-bottom: 45px;
        background: #0095e1;
        text-align: center;
    }

    #newsletter h2 {
        color: #313131;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #newsletter h3 {
        color: white;
        font-size: 18px;
        margin-bottom: 20px;
    }

    #form-newsletter input {
        border: none;
        background: white;
        width: 100%;
        margin-top: 5px;
    }

    #form-newsletter button {
        background: #313131;
        color: white;
        min-width: 150px;
    }

    #mapa iframe {
        width: 100%;
        height: 375px;
        z-index: 9998;
    }

    .overlay .page-content div {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        background: white;
        position: absolute;
        left: 0px;
        border: 3px dashed #0095e1;
        box-shadow: 7px 7px 7px rgba(0,0,0,.2);
        margin-top: 71.5px;
        display: none;
    }

    .overlay .page-content div h3 {
        color: #0095e1;
        font-size: 20px;
        margin-bottom: 7px;
    }

    .overlay .page-content div h4 {
        font-size: 14px;
    }

    .overlay .page-content div i {
        font-size: 70px;
        color: #0095e1;
    }

    .overlay {
        background:transparent; 
        position:relative; 
        width:100%;
        height:375px;
        top:375px;
        margin-top:-375px;
    }

    #menu-footer {
        padding-top: 40px;
        padding-bottom:  40px;
    }

    #menu-footer li {
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        min-height: 255px;
    }

    #menu-footer li:not(:first-child):not(:nth-child(3)) {
        border-left: 1px solid #c1c1c1;
    }

    #menu-footer li h3 {
        font-size: 24px;
        color: #0095e1;
        margin-bottom: 10px;
    }

    #menu-footer nav a, #menu-footer div span {
        display: block;
        color: #2e2e2e;
        line-height: 1.75;
    }

    #menu-footer a:hover {
        color: #0095e1;
    }

    #redes-sociais-footer {
        margin-top: 20px;
    }

    #redes-sociais-footer a {
        color: #2e2e2e;
        margin: 5px;
    }

    #creditos {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        color: white;
        background: #313131;
    }

    #creditos a {
        color: #0095e1;
    }

    /* CSS PÁGINA NOTÍCIAS */

    .inside-container {
        margin-top: 80px;
        padding-bottom: 85px;
        border-bottom: 1px solid #c0c0c0;
    }

    .acesso-rapido {
        display: none;
    }

    .acesso-rapido a {
        color: #7b7a7a;
        font-size: 14px;
        display: block;
    }

    .acesso-rapido a:not(:first-child) {
        padding-top: 10px;
        border-top: 1px solid #7b7a7a;
        margin-top: 10px;
    }

    .acesso-rapido a:hover {
        color: #0095e1;
    }

    .bg-divisor-interno {
        margin-top: 15px;
        margin-bottom: 55px;
        display: none;
    }

    .margem-titulo {
        margin-bottom: 40px;
    }

    .bg-divisor-noticia {
        margin-top: 40px;
        display: block;
        margin-bottom: 50px;
    }

    .lista-noticias-geral .img-noticia, .lista-legislativo-geral .img-legislativo {
        width: 100%;
        margin-bottom: 25px;
    }

    .lista-noticias-geral h2, .noticia-detalhada h2, .lista-legislativo-geral h2 {
        font-size: 26px;
        margin-bottom: 20px;
        color: #0095e1;
    }

    .lista-noticias-geral h3, .noticia-detalhada h4, .lista-legislativo-geral h4 {
        font-size: 16px;
        color: #666666;
        line-height: 1.6;
    }

    .saiba-mais-noticia {
        margin-top: 30px;
    }

    .load-more {
        background: #0095e1;
        color: white;
        padding: 20px;
        box-sizing: border-box;
        width: 200px;
        display: block;
        margin: 0 auto;
        text-align: center;
        border: none;
        cursor: pointer;
    }

    .noticia-detalhada {
        overflow: hidden;
    }

    .noticia-detalhada .img-noticia {
        width: 100%;
        display: block;
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .noticia-detalhada img {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .noticia-video {
        margin-top: 50px;
    }

    .noticia-video h3 {
        font-size: 42px;
        color: #343434;
        margin-bottom: 20px;
    }

    .noticia-video iframe {
        width: 100%;
        height: 250px;
    }

    /* CSS DA PÁGINA DA CÂMARA */

    .galeria1 li {
        text-align: center;
    }

    .galeria1 li h2 {
        color: #0095e1;
        font-size: 20px;
    }

    .galeria1 li h3 {
        color: black;
        font-size: 18px;
        margin-top: 5px;
    }

    .galeria1 li h4 {
        font-size: 14px;
    }

    .galeria1 li:nth-child(n+5) {
        margin-top: 50px;
    }

    .lista-legislativo-geral h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 7px;
        margin-top: -10px;
    }

    .lista-vereadores li {
        overflow: hidden;
    }

    #redes-sociais-vereador {
        float: none;
    }

    #redes-sociais-vereador a {
        color: #2e2e2e;
        border: 1px solid #2e2e2e;
    }

    /* CSS CANAIS */

    .chamadaLinksEscolha {
        font-size: 20px;
        color: #005f90;
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 25px;
    }

    .layout-canal-1 li {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 10px;
    }

    .layout-canal-1 li a {
        color: #2e2e2e;

    }

    .layout-canal-1 li a:hover {
        color: #0095e1;
    }

    .layout-canal-1 li:hover  {
        color: #0095e1;
        border-bottom: 1px solid #0095e1 !important;
    }

    .layout-canal-1 li:nth-child(n+5) {
        margin-top: 30px !important; 
    }

    .layout-canal-2 li:nth-child(n+2) {
        margin-top: 15px !important;
    }

    .layout-canal-2 li {
        padding: 30px;
        box-sizing: border-box;
        background: #f2f2f2;
    }

    .layout-canal-2 li h3 {
        font-weight: bold;
        margin-bottom: 7px;
    }

    .layout-canal-2 li a {
        color: #0095e1;
    }

    .layout-canal-left li {
        text-align: left !important;
    }

    .chamaFormulario {
        margin-top: 50px;
    }

    .avisoForm {
        font-size: 14px;
        display: block;
        margin-bottom: 30px;
        color: #d10000;
    }

    form li label {
        display: block;
        margin-bottom: 7px;
    }

    form input, form select {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    form textarea {
        min-width: 100%;
        max-width: 100%;
        min-height: 250px;
        max-height: 250px;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    /* CSS CONTATO */

    #div-form-contato {
        width: 100%;
    }

    #div-inf-contato {
        width: 100% !important;
    }

    #form-contato li {
        width: 100% !important;
    }

    #form-contato li:nth-child(n+3) {
        margin-top: 25px !important;
    }

    #inf-contato h3 {
        font-size: 32px;
        margin-bottom: 25px;
        color: #005f90;
    }

    #inf-contato a {
        color: #0095e1;
    }

    #horariAtendimentoContato {
        margin-top: 35px;
        margin-bottom: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    /* CSS DO HEADER */
    header {
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: url('../imagens/bg-header.jpg');
        background-size: cover;
        background-position: center center;
    }

    header li:first-child img {
        height: 85px;
        width: auto;
    }

    header li:nth-child(2) {
        font-size: 28px;
        text-align: center;
        font-weight: bold;
    }

    header li:nth-child(2) span {
        display: block;
        font-size: 20px;
        font-weight: normal;
    }

    header li:nth-child(2) .endereco span {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        line-height: 1.2;
    }

    header li:not(:first-child) {
        margin-top: 20px !important; 
    }

    header li {
        width: 100% !important;
    }

    .telefoneHeader {
        font-family: 'Francois One', sans-serif;
        font-size: 20px;
    }

    form input {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    form button {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        background: #0095e1;
        color: white;
        border: none;
        position: relative;
        top: 0px;
        cursor: pointer;
        margin-top: 10px;
        width: 100%;
    }

    #txtNoticia {
        width: 100%;
    }

    #div-menu-responsivo {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    #div-menu-responsivo #menu-principal-responsivo {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    #div-menu-responsivo label {
        margin-left: 10px;
        margin-right: 10px;
    }

    #menu-principal {
        background: #313131;
        overflow: hidden;
    }

    #menu-principal nav {
        float: left;
    }

    #menu-principal nav a {
        color: white;
        text-transform: uppercase;
        padding: 20px;
        display: inline-block;
        font-size: 14px;
    }

    #menu-principal nav a:hover {
        background: #0095e1;
    }

    #menu-principal #redes-sociais, #redes-sociais-vereador {
        float: right;
        padding-top: 12px;
    }

    #menu-principal #redes-sociais a, #redes-sociais-vereador a {
        width: 35px;
        height: 35px;
        text-align: center;
        border: 1px solid white;
        border-radius: 100%;
        display: inline-block;
        color: white;
        font-size: 20px;
        margin-left: 5px;
        padding-top: 2px;
        outline: none;
    }

    #menu-principal #redes-sociais a:hover, #redes-sociais-vereador a:hover {
        color: #0095e1;
        border: 1px solid #0095e1;
    }

    .nav-hidden {
        display: none;
        position: absolute;
        left: 0px;
        background: red;
        width: 100%;
        z-index: 10;
        background: rgba(0, 0, 0, .80);
        padding-top: 25px;
        padding-bottom: 25px;
        box-sizing: border-box;
    }

    .nav-hidden a {
        padding: 20px;
        display: block;
        width: 100%;
        border: 1px solid white;
        box-sizing: border-box;
        text-align: center;
    }

    .nav-hidden li:nth-child(n+5) {
        margin-top: 25px !important;
    }

    /* CSS DA PÁGINA PRINCIPAL */

    .bg-arrow-banner {
        background: rgba(0,0,0,.75);
        color: white;
        text-align: center;
        font-size: 30px;
        width: 40px;
    }

    .flex-next .bg-arrow-banner {
        right: -60px;
        position: relative;
    }

    .banner-full {
        text-align: right;
        margin-bottom: 80px !important;
    }

    #chamada-links {
        margin-top: -15px;
    }

    .titulo-chamada-index {
        overflow: hidden;
        margin-bottom: 50px;
        position: relative;
    }

    .titulo-chamada-index .titulo-subtitulo-chamada {
        width: 100%;
    }

    .titulo-chamada-index  div:last-child {
        width: 100%;
    }

    .titulo-subtitulo-chamada h2 {
        font-size: 34px;
        color: #005f90;
        text-transform: uppercase;
    }

    .titulo-subtitulo-chamada h3 {
        font-size: 16px;
        color: #696969;
        font-weight: 300;
        margin-top: 0px;
    }

    .botao-link {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .botao-link:hover, .link-interno:hover {
        background: #005f90;
    }

    .link-interno {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 40px;
        width: 250px;
    }

    .lista-noticias h3 {
        font-size: 14px;
        text-align: center;
        min-height: 85px;
    }

    .img-noticia, .galeria1 .img-galeria, .lista-legislativo-geral .img-legislativo {
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

    .img-noticia img, .galeria1 .img-galeria img, .lista-legislativo-geral .img-legislativo img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 180px;
    }

    .link-saiba-mais {
        margin: 0 auto;
        width: 150px;
        padding: 15px;
        box-sizing: border-box;
        background: #e1e1e1;
        margin-top: 35px;
        display: block;
        color: black;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        border: 1px solid #c7c7c7;
    }

    .link-saiba-mais span {
        margin-left: 10px
    }

    .link-saiba-mais:hover {
        background: #f8b91d;
        border: 1px solid #d09b17;
    }

    .bg-divisor {
        height: 7px;
        background-image: url('../imagens/bg-divisor.jpg');
        width: 100%;
        background-repeat: repeat-x;
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .tabela-agenda li {
        padding: 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #f8b91d;
    }

    .tabela-agenda li h2 {
        color: #0095e1;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tabela-agenda li a {
        margin: 0 auto !important;
        display: block;
        margin-top: 20px !important;
    }

    #bg-vereadores {
        padding: 5px;
        border: 1px solid #e1e1e1;
        box-sizing: border-box;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    #chamada-vereadores {
        text-align: center;
        padding: 20px;
        color: #0095e1;
        font-style: italic;
        font-size: 22px;
        box-sizing: border-box;
        background: #f2f2f2;
        position: relative;
    }

    #chamada-vereadores img {
        position: absolute;
        top: 0px;
        height: 165px;
    }

    .img-vereador-1 {
        left: 0px;
    }

    .img-vereador-2 {
        right: 0px;
    }

    .btn-vereadores {
        position: initial;
        margin: 0 auto;
        margin-top: 15px;
        width: 100%;
        display: block;
        font-style: normal;
    }

    #lista-avisos h4 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    #lista-avisos h2 {
        font-size: 25px;
        color: #0095e1;
    }

    #lista-avisos h3 {
        font-size: 18px;
    }

    #lista-avisos li {
        border-top: 1px solid #e1e1e1;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0px !important;
    }

    #lista-avisos li:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

    #chamada-links li {
        background: #f2f2f2;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 30px;
        text-align: center;
        min-height: 300px;
        height: 320px;
    }

    #chamada-links li img {
        height: 130px;
    }

    #chamada-links li h2 {
        color: #373737;
        font-size: 22px;
    }

    #chamada-links li a {
        color: #0095e1;
    }

    #chamada-links li:nth-child(1) img {
        height: 90px;
    }

     #chamada-links li:nth-child(2) img {
        height: 90px;
    }

    #chamada-links li:nth-child(3) img {
        height: 90px;
    }

    #chamada-links li:nth-child(4) img {
        height: 80px;
        margin-top: 10px;
    }

    #chamada-links li:nth-child(5) img {
        height: 80px;
        margin-top: 10px;
    }

    #galeria-fotos {
        background: #f2f2f2;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    #lista-galeria img {
        width: 100%;
    }

    #newsletter {
        padding-top: 45px;
        padding-bottom: 45px;
        background: #0095e1;
        text-align: center;
    }

    #newsletter h2 {
        color: #313131;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #newsletter h3 {
        color: white;
        font-size: 18px;
        margin-bottom: 20px;
    }

    #form-newsletter input {
        border: none;
        background: white;
        width: 100%;
        margin-top: 5px;
    }

    #form-newsletter button {
        background: #313131;
        color: white;
        min-width: 150px;
    }

    #mapa iframe {
        width: 100%;
        height: 375px;
        z-index: 9998;
    }

    .overlay .page-content div {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        background: white;
        position: absolute;
        left: 0px;
        border: 3px dashed #0095e1;
        box-shadow: 7px 7px 7px rgba(0,0,0,.2);
        margin-top: 71.5px;
        display: none;
    }

    .overlay .page-content div h3 {
        color: #0095e1;
        font-size: 20px;
        margin-bottom: 7px;
    }

    .overlay .page-content div h4 {
        font-size: 14px;
    }

    .overlay .page-content div i {
        font-size: 70px;
        color: #0095e1;
    }

    .overlay {
        background:transparent; 
        position:relative; 
        width:100%;
        height:375px;
        top:375px;
        margin-top:-375px;
    }

    #menu-footer {
        padding-top: 40px;
        padding-bottom:  40px;
    }

    #menu-footer li {
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        min-height: 255px;
    }

    #menu-footer li:not(:first-child):not(:nth-child(3)) {
        border-left: 1px solid #c1c1c1;
    }

    #menu-footer li h3 {
        font-size: 24px;
        color: #0095e1;
        margin-bottom: 10px;
    }

    #menu-footer nav a, #menu-footer div span {
        display: block;
        color: #2e2e2e;
        line-height: 1.75;
    }

    #menu-footer a:hover {
        color: #0095e1;
    }

    #redes-sociais-footer {
        margin-top: 20px;
    }

    #redes-sociais-footer a {
        color: #2e2e2e;
        margin: 5px;
    }

    #creditos {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        color: white;
        background: #313131;
    }

    #creditos a {
        color: #0095e1;
    }

    /* CSS PÁGINA NOTÍCIAS */

    .inside-container {
        margin-top: 80px;
        padding-bottom: 85px;
        border-bottom: 1px solid #c0c0c0;
    }

    .acesso-rapido {
        display: none;
    }

    .acesso-rapido a {
        color: #7b7a7a;
        font-size: 14px;
        display: block;
    }

    .acesso-rapido a:not(:first-child) {
        padding-top: 10px;
        border-top: 1px solid #7b7a7a;
        margin-top: 10px;
    }

    .acesso-rapido a:hover {
        color: #0095e1;
    }

    .bg-divisor-interno {
        margin-top: 15px;
        margin-bottom: 55px;
        display: none;
    }

    .margem-titulo {
        margin-bottom: 40px;
    }

    .bg-divisor-noticia {
        margin-top: 40px;
        display: block;
        margin-bottom: 50px;
    }

    .lista-noticias-geral .img-noticia, .lista-legislativo-geral .img-legislativo {
        width: 100%;
        margin-bottom: 25px;
    }

    .lista-noticias-geral h2, .noticia-detalhada h2, .lista-legislativo-geral h2 {
        font-size: 26px;
        margin-bottom: 20px;
        color: #0095e1;
    }

    .lista-noticias-geral h3, .noticia-detalhada h4, .lista-legislativo-geral h4 {
        font-size: 16px;
        color: #666666;
        line-height: 1.6;
    }

    .saiba-mais-noticia {
        margin-top: 30px;
    }

    .load-more {
        background: #0095e1;
        color: white;
        padding: 20px;
        box-sizing: border-box;
        width: 200px;
        display: block;
        margin: 0 auto;
        text-align: center;
        border: none;
        cursor: pointer;
    }

    .noticia-detalhada {
        overflow: hidden;
    }

    .noticia-detalhada .img-noticia {
        width: 100%;
        display: block;
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .noticia-detalhada img {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .noticia-video {
        margin-top: 50px;
    }

    .noticia-video h3 {
        font-size: 42px;
        color: #343434;
        margin-bottom: 20px;
    }

    .noticia-video iframe {
        width: 100%;
        height: 250px;
    }

    /* CSS DA PÁGINA DA CÂMARA */

    .galeria1 li {
        text-align: center;
    }

    .galeria1 li h2 {
        color: #0095e1;
        font-size: 20px;
    }

    .galeria1 li h3 {
        color: black;
        font-size: 18px;
        margin-top: 5px;
    }

    .galeria1 li h4 {
        font-size: 14px;
    }

    .galeria1 li:nth-child(n+5) {
        margin-top: 50px;
    }

    .lista-legislativo-geral h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 7px;
        margin-top: -10px;
    }

    .lista-vereadores li {
        overflow: hidden;
    }

    #redes-sociais-vereador {
        float: none;
    }

    #redes-sociais-vereador a {
        color: #2e2e2e;
        border: 1px solid #2e2e2e;
    }

    /* CSS CANAIS */

    .chamadaLinksEscolha {
        font-size: 20px;
        color: #005f90;
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 25px;
    }

    .layout-canal-1 li {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 10px;
    }

    .layout-canal-1 li a {
        color: #2e2e2e;

    }

    .layout-canal-1 li a:hover {
        color: #0095e1;
    }

    .layout-canal-1 li:hover  {
        color: #0095e1;
        border-bottom: 1px solid #0095e1 !important;
    }

    .layout-canal-1 li:nth-child(n+5) {
        margin-top: 30px !important; 
    }

    .layout-canal-2 li:nth-child(n+2) {
        margin-top: 15px !important;
    }

    .layout-canal-2 li {
        padding: 30px;
        box-sizing: border-box;
        background: #f2f2f2;
    }

    .layout-canal-2 li h3 {
        font-weight: bold;
        margin-bottom: 7px;
    }

    .layout-canal-2 li a {
        color: #0095e1;
    }

    .layout-canal-left li {
        text-align: left !important;
    }

    .chamaFormulario {
        margin-top: 50px;
    }

    .avisoForm {
        font-size: 14px;
        display: block;
        margin-bottom: 30px;
        color: #d10000;
    }

    form li label {
        display: block;
        margin-bottom: 7px;
    }

    form input, form select {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    form textarea {
        min-width: 100%;
        max-width: 100%;
        min-height: 250px;
        max-height: 250px;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    /* CSS CONTATO */

    #div-form-contato {
        width: 100%;
    }

    #div-inf-contato {
        width: 100% !important;
    }

    #form-contato li {
        width: 100% !important;
    }

    #form-contato li:nth-child(n+3) {
        margin-top: 25px !important;
    }

    #inf-contato h3 {
        font-size: 32px;
        margin-bottom: 25px;
        color: #005f90;
    }

    #inf-contato a {
        color: #0095e1;
    }

    #horariAtendimentoContato {
        margin-top: 35px;
        margin-bottom: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
    /* CSS DO HEADER */
    header {
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: url('../imagens/bg-header.jpg');
        background-size: cover;
        background-position: center center;
    }

    header li:first-child img {
        height: 75px;
        width: auto;
    }

    header li:nth-child(2) {
        font-size: 28px;
        text-align: center;
        padding-top: 14px;
        font-weight: bold;
    }

    header li:nth-child(2) span {
        display: block;
        font-size: 20px;
        font-weight: normal;
    }

    header li:nth-child(2) .endereco span {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        line-height: 1.2;
    }

    header li:nth-child(3) {
        text-align: right;
        padding-top: 28.5px;
    }

    .telefoneHeader {
        font-family: 'Francois One', sans-serif;
        font-size: 16px;
    }

    form input {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    form button {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        background: #0095e1;
        color: white;
        border: none;
        position: relative;
        top: 0px;
        cursor: pointer;
    }

    #txtNoticia {
        width: 165px;
    }

    #menu-principal {
        background: #313131;
        overflow: hidden;
    }

    #menu-principal nav {
        float: left;
    }

    #menu-principal nav a {
        color: white;
        text-transform: uppercase;
        padding: 15px;
        display: inline-block;
        font-size: 14px;
    }

    #menu-principal nav a:hover {
        background: #0095e1;
    }

    #menu-principal #redes-sociais, #redes-sociais-vereador {
        float: right;
        padding-top: 6px;
    }

    #menu-principal #redes-sociais a, #redes-sociais-vereador a {
        width: 35px;
        height: 35px;
        text-align: center;
        border: 1px solid white;
        border-radius: 100%;
        display: inline-block;
        color: white;
        font-size: 20px;
        margin-left: 5px;
        padding-top: 2px;
        outline: none;
    }

    #menu-principal #redes-sociais a:hover, #redes-sociais-vereador a:hover {
        color: #0095e1;
        border: 1px solid #0095e1;
    }

    .nav-hidden {
        display: none;
        position: absolute;
        left: 0px;
        background: red;
        width: 100%;
        z-index: 10;
        background: rgba(0, 0, 0, .80);
        padding-top: 25px;
        padding-bottom: 25px;
        box-sizing: border-box;
    }

    .nav-hidden a {
        padding: 20px;
        display: block;
        width: 100%;
        border: 1px solid white;
        box-sizing: border-box;
        text-align: center;
    }

    .nav-hidden li:nth-child(n+5) {
        margin-top: 25px !important;
    }

    /* CSS DA PÁGINA PRINCIPAL */

    .bg-arrow-banner {
        background: rgba(0,0,0,.75);
        color: white;
        text-align: center;
        font-size: 50px;
        width: 60px;
    }

    .titulo-chamada-index {
        overflow: hidden;
        margin-bottom: 70px;
        position: relative;
    }

    .titulo-chamada-index .titulo-subtitulo-chamada {
        width: 650px;
        float: left;
    }

    .titulo-chamada-index  div:last-child {
        position: absolute;
        width: calc(100% - 670px);
        right: 0px;
        bottom: 0px;
    }

    .titulo-subtitulo-chamada h2 {
        font-size: 42px;
        color: #005f90;
        text-transform: uppercase;
    }

    .titulo-subtitulo-chamada h3 {
        font-size: 18px;
        color: #696969;
        font-weight: 300;
        margin-top: -5px;
    }

    .botao-link {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        position: absolute;
        bottom: 0px;
        display: block;
        width: 100%;
        text-align: center;
    }

    .botao-link:hover, .link-interno:hover {
        background: #005f90;
    }

    .link-interno {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        text-align: center;
        margin-top: 40px;
        width: 250px;
    }

    #noticias-index h3 {
        min-height: 85px;
    }

    .lista-noticias h3 {
        font-size: 14px;
        text-align: center;
    }

    .img-noticia, .galeria1 .img-galeria, .lista-legislativo-geral .img-legislativo {
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

    .img-noticia img, .galeria1 .img-galeria img, .lista-legislativo-geral .img-legislativo img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 180px;
    }

    .link-saiba-mais {
        margin: 0 auto;
        width: 150px;
        padding: 15px;
        box-sizing: border-box;
        background: #e1e1e1;
        margin-top: 35px;
        display: block;
        color: black;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        border: 1px solid #c7c7c7;
    }

    .link-saiba-mais span {
        margin-left: 10px
    }

    .link-saiba-mais:hover {
        background: #f8b91d;
        border: 1px solid #d09b17;
    }

    .bg-divisor {
        height: 7px;
        background-image: url('../imagens/bg-divisor.jpg');
        width: 100%;
        background-repeat: repeat-x;
        background-size: cover;
        background-position: center center;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .tabela-agenda thead td {
        padding: 15px;
        box-sizing: border-box;
        background: #f2f2f2;
        color: #737373;
        text-align: center;
    }

    .tabela-agenda tr td:not(:first-child) {
        border-left: 1px solid #d6d6d6;
    }

    .tabela-agenda tbody tr td {
        border-bottom: 1px solid #f8b91d;
        box-sizing: border-box;
        padding: 20px;
        overflow: hidden;
        vertical-align: middle;
    }

    .tabela-agenda tr td:first-child {
        width: 230px;
    }

    .tabela-agenda tr td:nth-child(2) {
        width: 160px;
    }

    .tabela-agenda tr td:last-child {
        width: 190px;
    }

    .tabela-agenda tbody tr td:first-child label {
        font-weight: bold;
        position: relative;
        top: 25px;
        font-size: 19px;
        line-height: 1;
    }

    .tabela-agenda tbody tr td:first-child span {
        float: left;
        font-size: 60px;
        color: #0095e1;
        margin-right: 10px;
        font-weight: bold;
    }

    .tabela-agenda tbody tr td:not(:first-child) {
        text-align: center;
    }

    #bg-vereadores {
        padding: 5px;
        border: 1px solid #e1e1e1;
        box-sizing: border-box;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    #chamada-vereadores {
        text-align: center;
        padding: 30px;
        color: #0095e1;
        font-style: italic;
        font-size: 26px;
        box-sizing: border-box;
        background: #f2f2f2;
        position: relative;
    }

    #chamada-vereadores img {
        position: absolute;
        top: 0px;
        height: 165px;
    }

    .img-vereador-1 {
        left: 0px;
    }

    .img-vereador-2 {
        right: 0px;
    }

    .btn-vereadores {
        position: initial;
        margin: 0 auto;
        margin-top: 15px;
        width: 250px;
        display: block;
        font-style: normal;
    }

    #lista-avisos h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #lista-avisos h2 {
        font-size: 25px;
        margin-bottom: 7px;
        color: #0095e1;
    }

    #lista-avisos h3 {
        font-size: 18px;
        text-align: justify;
    }

    #lista-avisos li {
        border-top: 1px solid #e1e1e1;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0px !important;
    }

    #lista-avisos li:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

    #chamada-links li {
        background: #f2f2f2;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 30px;
        text-align: center;
        min-height: 325px;
        height: 340px;
    }

    #chamada-links li img {
        height: 130px;
    }

    #chamada-links li h2 {
        color: #373737;
        font-size: 22px;
    }

    #chamada-links li a {
        color: #0095e1;
    }

    #chamada-links li:nth-child(1) img {
        height: 90px;
    }

     #chamada-links li:nth-child(2) img {
        height: 90px;
    }

    #chamada-links li:nth-child(3) img {
        height: 90px;
    }

    #chamada-links li:nth-child(4) img {
        height: 80px;
        margin-top: 10px;
    }

    #chamada-links li:nth-child(5) img {
        height: 80px;
        margin-top: 10px;
    }

    #galeria-fotos {
        background: #f2f2f2;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    #lista-galeria img {
        width: 100%;
    }

    #newsletter {
        padding-top: 45px;
        padding-bottom: 45px;
        background: #0095e1;
        text-align: center;
    }

    #newsletter h2 {
        color: #313131;
        font-size: 32px;
        font-weight: bold;
    }

    #newsletter h3 {
        color: white;
        font-size: 22px;
        margin-bottom: 20px;
    }

    #form-newsletter input {
        border: none;
        background: white;
        width: 300px;
    }

    #form-newsletter button {
        background: #313131;
        color: white;
        min-width: 150px;
    }

    #mapa iframe {
        width: 100%;
        height: 375px;
        z-index: 9998;
    }

    .overlay .page-content div {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        background: white;
        position: absolute;
        left: 0px;
        border: 3px dashed #0095e1;
        box-shadow: 7px 7px 7px rgba(0,0,0,.2);
        margin-top: 71.5px;
    }

    .overlay .page-content div h3 {
        color: #0095e1;
        font-size: 20px;
        margin-bottom: 7px;
    }

    .overlay .page-content div h4 {
        font-size: 14px;
    }

    .overlay .page-content div i {
        font-size: 70px;
        color: #0095e1;
    }

    .overlay {
        background:transparent; 
        position:relative; 
        width:100%;
        height:375px;
        top:375px;
        margin-top:-375px;
    }

    #menu-footer {
        padding-top: 40px;
        padding-bottom:  40px;
    }

    #menu-footer li {
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        min-height: 370px;
    }

    #menu-footer li:not(:first-child) {
        border-left: 1px solid #c1c1c1;
    }

    #menu-footer li h3 {
        font-size: 24px;
        color: #0095e1;
        margin-bottom: 10px;
    }

    #menu-footer nav a, #menu-footer div span {
        display: block;
        color: #2e2e2e;
        line-height: 1.75;
    }

    #menu-footer a:hover {
        color: #0095e1;
    }

    #redes-sociais-footer {
        margin-top: 20px;
    }

    #redes-sociais-footer a {
        color: #2e2e2e;
        margin: 5px;
    }

    #creditos {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        color: white;
        background: #313131;
    }

    #creditos a {
        color: #0095e1;
    }

    /* CSS PÁGINA NOTÍCIAS */

    .inside-container {
        margin-top: 80px;
        padding-bottom: 85px;
        border-bottom: 1px solid #c0c0c0;
    }

    .acesso-rapido a {
        color: #7b7a7a;
        font-size: 14px;
    }

    .acesso-rapido a:not(:last-child) {
        padding-right: 20px;
        border-right: 1px solid #7b7a7a;
        margin-right: 20px;
    }

    .acesso-rapido a:hover {
        color: #0095e1;
    }

    .bg-divisor-interno {
        margin-top: 15px;
        margin-bottom: 55px;
    }

    .margem-titulo {
        margin-bottom: 40px;
    }

    .bg-divisor-noticia {
        margin-top: 40px;
        display: block;
        margin-bottom: 50px;
    }

    .lista-noticias-geral .img-noticia, .lista-legislativo-geral .img-legislativo {
        width: 280px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .lista-noticias-geral h2, .noticia-detalhada h2, .lista-legislativo-geral h2 {
        font-size: 26px;
        margin-bottom: 20px;
        color: #0095e1;
    }

    .lista-noticias-geral h3, .noticia-detalhada h4, .lista-legislativo-geral h4 {
        font-size: 16px;
        color: #666666;
        line-height: 1.6;
        text-align: justify;
    }

    .saiba-mais-noticia {
        float: right;
        margin-top: 10px;
    }

    .load-more {
        background: #0095e1;
        color: white;
        padding: 20px;
        box-sizing: border-box;
        width: 200px;
        display: block;
        margin: 0 auto;
        text-align: center;
        border: none;
        cursor: pointer;
    }

    .noticia-detalhada {
        overflow: hidden;
    }

    .noticia-detalhada .img-noticia {
        width: 450px;
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .noticia-detalhada img {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .noticia-video {
        margin-top: 50px;
    }

    .noticia-video h3 {
        font-size: 42px;
        color: #343434;
        margin-bottom: 20px;
    }

    .noticia-video iframe {
        width: 415px;
        height: 250px;
    }

    /* CSS DA PÁGINA DA CÂMARA */

    .galeria1 li {
        text-align: center;
    }

    .galeria1 li h2 {
        color: #0095e1;
        font-size: 20px;
    }

    .galeria1 li h3 {
        color: black;
        font-size: 18px;
        margin-top: 5px;
    }

    .galeria1 li h4 {
        font-size: 14px;
    }

    .galeria1 li:nth-child(n+5) {
        margin-top: 50px;
    }

    .lista-legislativo-geral h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 7px;
        margin-top: -10px;
    }

    .lista-vereadores li {
        overflow: hidden;
    }

    #redes-sociais-vereador {
        float: none;
    }

    #redes-sociais-vereador a {
        color: #2e2e2e;
        border: 1px solid #2e2e2e;
    }

    /* CSS CANAIS */

    .chamadaLinksEscolha {
        font-size: 20px;
        color: #005f90;
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 25px;
    }

    .layout-canal-1 li {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 10px;
    }

    .layout-canal-1 li a {
        color: #2e2e2e;

    }

    .layout-canal-1 li a:hover {
        color: #0095e1;
    }

    .layout-canal-1 li:hover  {
        color: #0095e1;
        border-bottom: 1px solid #0095e1 !important;
    }

    .layout-canal-1 li:nth-child(n+5) {
        margin-top: 30px !important; 
    }

    .layout-canal-2 li:nth-child(n+2) {
        margin-top: 15px !important;
    }

    .layout-canal-2 li {
        padding: 30px;
        box-sizing: border-box;
        background: #f2f2f2;
    }

    .layout-canal-2 li h3 {
        font-weight: bold;
        margin-bottom: 7px;
    }

    .layout-canal-2 li a {
        color: #0095e1;
    }

    .layout-canal-left li {
        text-align: left !important;
    }

    .chamaFormulario {
        margin-top: 50px;
    }

    .avisoForm {
        font-size: 14px;
        display: block;
        margin-bottom: 30px;
        color: #d10000;
    }

    form li label {
        display: block;
        margin-bottom: 7px;
    }

    form input, form select {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    form textarea {
        min-width: 100%;
        max-width: 100%;
        min-height: 250px;
        max-height: 250px;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    /* CSS CONTATO */

    #div-form-contato {
        width: 600px;
    }

    #div-inf-contato {
        width: calc(100% - 700px) !important;
    }

    #form-contato li {
        width: 100% !important;
    }

    #form-contato li:nth-child(n+3) {
        margin-top: 25px !important;
    }

    #inf-contato h3 {
        font-size: 32px;
        margin-bottom: 25px;
        color: #005f90;
    }

    #inf-contato a {
        color: #0095e1;
    }

    #horariAtendimentoContato {
        margin-top: 35px;
        margin-bottom: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1169px) {
    /* CSS DO HEADER */
    header {
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: url('../imagens/bg-header.jpg');
        background-size: cover;
        background-position: center center;
    }

    header li:first-child img {
        height: 75px;
        width: auto;
    }

    header li:nth-child(2) {
        font-size: 28px;
        text-align: center;
        padding-top: 14px;
        font-weight: bold;
    }

    header li:nth-child(2) span {
        display: block;
        font-size: 20px;
        font-weight: normal;
    }

    header li:nth-child(2) .endereco span {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        line-height: 1.2;
    }

    header li:nth-child(3) {
        text-align: right;
        padding-top: 28.5px;
    }

    .telefoneHeader {
        font-family: 'Francois One', sans-serif;
        font-size: 18px;
    }

    form input {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    form button {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        background: #0095e1;
        color: white;
        border: none;
        position: relative;
        top: 0px;
        cursor: pointer;
    }

    #txtNoticia {
        width: 185px;
    }

    #menu-principal {
        background: #313131;
        overflow: hidden;
    }

    #menu-principal nav {
        float: left;
    }

    #menu-principal nav a {
        color: white;
        text-transform: uppercase;
        padding: 20px;
        display: inline-block;
        font-size: 14px;
    }

    #menu-principal nav a:hover {
        background: #0095e1;
    }

    #menu-principal #redes-sociais, #redes-sociais-vereador {
        float: right;
        padding-top: 12px;
    }

    #menu-principal #redes-sociais a, #redes-sociais-vereador a {
        width: 35px;
        height: 35px;
        text-align: center;
        border: 1px solid white;
        border-radius: 100%;
        display: inline-block;
        color: white;
        font-size: 20px;
        margin-left: 5px;
        padding-top: 2px;
        outline: none;
    }

    #menu-principal #redes-sociais a:hover, #redes-sociais-vereador a:hover {
        color: #0095e1;
        border: 1px solid #0095e1;
    }

    .nav-hidden {
        display: none;
        position: absolute;
        left: 0px;
        background: red;
        width: 100%;
        z-index: 10;
        background: rgba(0, 0, 0, .80);
        padding-top: 25px;
        padding-bottom: 25px;
        box-sizing: border-box;
    }

    .nav-hidden a {
        padding: 20px;
        display: block;
        width: 100%;
        border: 1px solid white;
        box-sizing: border-box;
        text-align: center;
    }

    .nav-hidden li:nth-child(n+5) {
        margin-top: 25px !important;
    }

    /* CSS DA PÁGINA PRINCIPAL */

    .bg-arrow-banner {
        background: rgba(0,0,0,.75);
        color: white;
        text-align: center;
        font-size: 50px;
        width: 60px;
    }

    .titulo-chamada-index {
        overflow: hidden;
        margin-bottom: 70px;
        position: relative;
    }

    .titulo-chamada-index .titulo-subtitulo-chamada {
        width: 700px;
        float: left;
    }

    .titulo-chamada-index  div:last-child {
        position: absolute;
        width: calc(100% - 720px);
        right: 0px;
        bottom: 0px;
    }

    .titulo-subtitulo-chamada h2 {
        font-size: 42px;
        color: #005f90;
        text-transform: uppercase;
    }

    .titulo-subtitulo-chamada h3 {
        font-size: 18px;
        color: #696969;
        font-weight: 300;
        margin-top: -5px;
    }

    .botao-link {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        position: absolute;
        bottom: 0px;
        display: block;
        width: 100%;
        text-align: center;
    }

    .botao-link:hover, .link-interno:hover {
        background: #005f90;
    }

    .link-interno {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        text-align: center;
        margin-top: 40px;
        width: 250px;
    }

    #noticias-index h3 {
        min-height: 85px;
    }

    .lista-noticias h3 {
        font-size: 14px;
        text-align: center;
    }

    .img-noticia, .galeria1 .img-galeria, .lista-legislativo-geral .img-legislativo {
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

    .img-noticia img, .galeria1 .img-galeria img, .lista-legislativo-geral .img-legislativo img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 180px;
    }

    .link-saiba-mais {
        margin: 0 auto;
        width: 150px;
        padding: 15px;
        box-sizing: border-box;
        background: #e1e1e1;
        margin-top: 35px;
        display: block;
        color: black;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        border: 1px solid #c7c7c7;
    }

    .link-saiba-mais span {
        margin-left: 10px
    }

    .link-saiba-mais:hover {
        background: #f8b91d;
        border: 1px solid #d09b17;
    }

    .bg-divisor {
        height: 7px;
        background-image: url('../imagens/bg-divisor.jpg');
        width: 100%;
        background-repeat: repeat-x;
        background-size: cover;
        background-position: center center;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .tabela-agenda thead td {
        padding: 15px;
        box-sizing: border-box;
        background: #f2f2f2;
        color: #737373;
        text-align: center;
    }

    .tabela-agenda tr td:not(:first-child) {
        border-left: 1px solid #d6d6d6;
    }

    .tabela-agenda tbody tr td {
        border-bottom: 1px solid #f8b91d;
        box-sizing: border-box;
        padding: 20px;
        overflow: hidden;
        vertical-align: middle;
    }

    .tabela-agenda tr td:first-child {
        width: 230px;
    }

    .tabela-agenda tr td:nth-child(2) {
        width: 160px;
    }

    .tabela-agenda tr td:last-child {
        width: 190px;
    }

    .tabela-agenda tbody tr td:first-child label {
        font-weight: bold;
        position: relative;
        top: 25px;
        font-size: 19px;
        line-height: 1;
    }

    .tabela-agenda tbody tr td:first-child span {
        float: left;
        font-size: 60px;
        color: #0095e1;
        margin-right: 10px;
        font-weight: bold;
    }

    .tabela-agenda tbody tr td:not(:first-child) {
        text-align: center;
    }

    #bg-vereadores {
        padding: 5px;
        border: 1px solid #e1e1e1;
        box-sizing: border-box;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    #chamada-vereadores {
        text-align: center;
        padding: 30px;
        color: #0095e1;
        font-style: italic;
        font-size: 26px;
        box-sizing: border-box;
        background: #f2f2f2;
        position: relative;
    }

    #chamada-vereadores img {
        position: absolute;
        top: 0px;
        height: 165px;
    }

    .img-vereador-1 {
        left: 0px;
    }

    .img-vereador-2 {
        right: 0px;
    }

    .btn-vereadores {
        position: initial;
        margin: 0 auto;
        margin-top: 15px;
        width: 250px;
        display: block;
        font-style: normal;
    }

    #lista-avisos h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #lista-avisos h2 {
        font-size: 25px;
        margin-bottom: 7px;
        color: #0095e1;
    }

    #lista-avisos h3 {
        font-size: 18px;
        text-align: justify;
    }

    #lista-avisos li {
        border-top: 1px solid #e1e1e1;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0px !important;
    }

    #lista-avisos li:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

    #chamada-links li {
        background: #f2f2f2;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 30px;
        text-align: center;
        min-height: 325px;
        height: 340px;
    }

    #chamada-links li img {
        height: 130px;
    }

    #chamada-links li h2 {
        color: #373737;
        font-size: 22px;
    }

    #chamada-links li a {
        color: #0095e1;
    }

    #chamada-links li:nth-child(1) img {
        height: 90px;
    }

     #chamada-links li:nth-child(2) img {
        height: 90px;
    }

    #chamada-links li:nth-child(3) img {
        height: 90px;
    }

    #chamada-links li:nth-child(4) img {
        height: 80px;
        margin-top: 10px;
    }

    #chamada-links li:nth-child(5) img {
        height: 80px;
        margin-top: 10px;
    }

    #galeria-fotos {
        background: #f2f2f2;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    #lista-galeria img {
        width: 100%;
    }

    #newsletter {
        padding-top: 45px;
        padding-bottom: 45px;
        background: #0095e1;
        text-align: center;
    }

    #newsletter h2 {
        color: #313131;
        font-size: 32px;
        font-weight: bold;
    }

    #newsletter h3 {
        color: white;
        font-size: 22px;
        margin-bottom: 20px;
    }

    #form-newsletter input {
        border: none;
        background: white;
        width: 300px;
    }

    #form-newsletter button {
        background: #313131;
        color: white;
        min-width: 150px;
    }

    #mapa iframe {
        width: 100%;
        height: 375px;
        z-index: 9998;
    }

    .overlay .page-content div {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        background: white;
        position: absolute;
        left: 0px;
        border: 3px dashed #0095e1;
        box-shadow: 7px 7px 7px rgba(0,0,0,.2);
        margin-top: 71.5px;
    }

    .overlay .page-content div h3 {
        color: #0095e1;
        font-size: 20px;
        margin-bottom: 7px;
    }

    .overlay .page-content div h4 {
        font-size: 14px;
    }

    .overlay .page-content div i {
        font-size: 70px;
        color: #0095e1;
    }

    .overlay {
        background:transparent; 
        position:relative; 
        width:100%;
        height:375px;
        top:375px;
        margin-top:-375px;
    }

    #menu-footer {
        padding-top: 40px;
        padding-bottom:  40px;
    }

    #menu-footer li {
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        min-height: 370px;
    }

    #menu-footer li:not(:first-child) {
        border-left: 1px solid #c1c1c1;
    }

    #menu-footer li h3 {
        font-size: 24px;
        color: #0095e1;
        margin-bottom: 10px;
    }

    #menu-footer nav a, #menu-footer div span {
        display: block;
        color: #2e2e2e;
        line-height: 1.75;
    }

    #menu-footer a:hover {
        color: #0095e1;
    }

    #redes-sociais-footer {
        margin-top: 20px;
    }

    #redes-sociais-footer a {
        color: #2e2e2e;
        margin: 5px;
    }

    #creditos {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        color: white;
        background: #313131;
    }

    #creditos a {
        color: #0095e1;
    }

    /* CSS PÁGINA NOTÍCIAS */

    .inside-container {
        margin-top: 80px;
        padding-bottom: 85px;
        border-bottom: 1px solid #c0c0c0;
    }

    .acesso-rapido a {
        color: #7b7a7a;
        font-size: 14px;
    }

    .acesso-rapido a:not(:last-child) {
        padding-right: 20px;
        border-right: 1px solid #7b7a7a;
        margin-right: 20px;
    }

    .acesso-rapido a:hover {
        color: #0095e1;
    }

    .bg-divisor-interno {
        margin-top: 15px;
        margin-bottom: 55px;
    }

    .margem-titulo {
        margin-bottom: 40px;
    }

    .bg-divisor-noticia {
        margin-top: 40px;
        display: block;
        margin-bottom: 50px;
    }

    .lista-noticias-geral .img-noticia, .lista-legislativo-geral .img-legislativo {
        width: 280px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .lista-noticias-geral h2, .noticia-detalhada h2, .lista-legislativo-geral h2 {
        font-size: 26px;
        margin-bottom: 20px;
        color: #0095e1;
    }

    .lista-noticias-geral h3, .noticia-detalhada h4, .lista-legislativo-geral h4 {
        font-size: 16px;
        color: #666666;
        line-height: 1.6;
        text-align: justify;
    }

    .saiba-mais-noticia {
        float: right;
        margin-top: 10px;
    }

    .load-more {
        background: #0095e1;
        color: white;
        padding: 20px;
        box-sizing: border-box;
        width: 200px;
        display: block;
        margin: 0 auto;
        text-align: center;
        border: none;
        cursor: pointer;
    }

    .noticia-detalhada {
        overflow: hidden;
    }

    .noticia-detalhada .img-noticia {
        width: 450px;
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .noticia-detalhada img {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .noticia-video {
        margin-top: 50px;
    }

    .noticia-video h3 {
        font-size: 42px;
        color: #343434;
        margin-bottom: 20px;
    }

    .noticia-video iframe {
        width: 415px;
        height: 250px;
    }

    /* CSS DA PÁGINA DA CÂMARA */

    .galeria1 li {
        text-align: center;
    }

    .galeria1 li h2 {
        color: #0095e1;
        font-size: 20px;
    }

    .galeria1 li h3 {
        color: black;
        font-size: 18px;
        margin-top: 5px;
    }

    .galeria1 li h4 {
        font-size: 14px;
    }

    .galeria1 li:nth-child(n+5) {
        margin-top: 50px;
    }

    .lista-legislativo-geral h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 7px;
        margin-top: -10px;
    }

    .lista-vereadores li {
        overflow: hidden;
    }

    #redes-sociais-vereador {
        float: none;
    }

    #redes-sociais-vereador a {
        color: #2e2e2e;
        border: 1px solid #2e2e2e;
    }

    /* CSS CANAIS */

    .chamadaLinksEscolha {
        font-size: 20px;
        color: #005f90;
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 25px;
    }

    .layout-canal-1 li {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 10px;
    }

    .layout-canal-1 li a {
        color: #2e2e2e;

    }

    .layout-canal-1 li a:hover {
        color: #0095e1;
    }

    .layout-canal-1 li:hover  {
        color: #0095e1;
        border-bottom: 1px solid #0095e1 !important;
    }

    .layout-canal-1 li:nth-child(n+5) {
        margin-top: 30px !important; 
    }

    .layout-canal-2 li:nth-child(n+2) {
        margin-top: 15px !important;
    }

    .layout-canal-2 li {
        padding: 30px;
        box-sizing: border-box;
        background: #f2f2f2;
    }

    .layout-canal-2 li h3 {
        font-weight: bold;
        margin-bottom: 7px;
    }

    .layout-canal-2 li a {
        color: #0095e1;
    }

    .layout-canal-left li {
        text-align: left !important;
    }

    .chamaFormulario {
        margin-top: 50px;
    }

    .avisoForm {
        font-size: 14px;
        display: block;
        margin-bottom: 30px;
        color: #d10000;
    }

    form li label {
        display: block;
        margin-bottom: 7px;
    }

    form input, form select {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    form textarea {
        min-width: 100%;
        max-width: 100%;
        min-height: 250px;
        max-height: 250px;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    /* CSS CONTATO */

    #div-form-contato {
        width: 700px;
    }

    #div-inf-contato {
        width: calc(100% - 800px) !important;
    }

    #form-contato li {
        width: 100% !important;
    }

    #form-contato li:nth-child(n+3) {
        margin-top: 25px !important;
    }

    #inf-contato h3 {
        font-size: 32px;
        margin-bottom: 25px;
        color: #005f90;
    }

    #inf-contato a {
        color: #0095e1;
    }

    #horariAtendimentoContato {
        margin-top: 35px;
        margin-bottom: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
}
@media screen and (min-width: 1170px) {
    /* CSS DO HEADER */
    header {
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: url('../imagens/bg-header.jpg');
        background-size: cover;
        background-position: center center;
    }

    header li:first-child img {
        height: 90px;
        width: auto;
    }

    header li:nth-child(2) {
        font-size: 28px;
        text-align: center;
        padding-top: 14px;
        font-weight: bold;
    }

    header li:nth-child(2) span {
        display: block;
        font-size: 20px;
        font-weight: normal;
    }

    header li:nth-child(2) .endereco span {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        line-height: 1.2;
    }

    header li:nth-child(3) {
        text-align: right;
        padding-top: 28.5px;
    }

    .telefoneHeader {
        font-family: 'Francois One', sans-serif;
        font-size: 24px;
    }

    form input {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #dddddd;
    }

    form button {
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        background: #0095e1;
        color: white;
        border: none;
        position: relative;
        top: 0px;
        cursor: pointer;
    }

    #txtNoticia {
        width: 235px;
    }

    #menu-principal {
        background: #313131;
        overflow: hidden;
    }

    #menu-principal nav {
        float: left;
    }

    #menu-principal nav a {
        color: white;
        text-transform: uppercase;
        padding: 20px;
        display: inline-block;
        font-size: 14px;
    }

    #menu-principal nav a:hover {
        background: #0095e1;
    }

    #menu-principal #redes-sociais, #redes-sociais-vereador {
        float: right;
        padding-top: 12px;
    }

    #menu-principal #redes-sociais a, #redes-sociais-vereador a {
        width: 35px;
        height: 35px;
        text-align: center;
        border: 1px solid white;
        border-radius: 100%;
        display: inline-block;
        color: white;
        font-size: 20px;
        margin-left: 5px;
        padding-top: 2px;
        outline: none;
    }

    #menu-principal #redes-sociais a:hover, #redes-sociais-vereador a:hover {
        color: #0095e1;
        border: 1px solid #0095e1;
    }

    .nav-hidden {
        display: none;
        position: absolute;
        left: 0px;
        background: red;
        width: 100%;
        z-index: 10;
        background: rgba(0, 0, 0, .80);
        padding-top: 25px;
        padding-bottom: 25px;
        box-sizing: border-box;
    }

    .nav-hidden a {
        padding: 20px;
        display: block;
        width: 100%;
        border: 1px solid white;
        box-sizing: border-box;
        text-align: center;
    }

    .nav-hidden li:nth-child(n+5) {
        margin-top: 25px !important;
    }

    /* CSS DA PÁGINA PRINCIPAL */

    .bg-arrow-banner {
        background: rgba(0,0,0,.75);
        color: white;
        text-align: center;
        font-size: 50px;
        width: 60px;
    }

    .titulo-chamada-index {
        overflow: hidden;
        margin-bottom: 70px;
        position: relative;
    }

    .titulo-chamada-index .titulo-subtitulo-chamada {
        width: 850px;
        float: left;
    }

    .titulo-chamada-index  div:last-child {
        position: absolute;
        width: calc(100% - 870px);
        right: 0px;
        bottom: 0px;
    }

    .titulo-subtitulo-chamada h2 {
        font-size: 42px;
        color: #005f90;
        text-transform: uppercase;
    }

    .titulo-subtitulo-chamada h3 {
        font-size: 18px;
        color: #696969;
        font-weight: 300;
        margin-top: -5px;
    }

    .botao-link {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        position: absolute;
        bottom: 0px;
        display: block;
        width: 100%;
        text-align: center;
    }

    .botao-link:hover, .link-interno:hover {
        background: #005f90;
    }

    .link-interno {
        background: #0095e1;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
        display: block;
        text-align: center;
        margin-top: 40px;
        width: 250px;
    }

    #noticias-index h3 {
        min-height: 65px;
    }

    .lista-noticias h3 {
        font-size: 14px;
        text-align: center;
    }

    .img-noticia, .galeria1 .img-galeria, .lista-legislativo-geral .img-legislativo {
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

    .img-noticia img, .galeria1 .img-galeria img, .lista-legislativo-geral .img-legislativo img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 180px;
    }

    .link-saiba-mais {
        margin: 0 auto;
        width: 150px;
        padding: 15px;
        box-sizing: border-box;
        background: #e1e1e1;
        margin-top: 35px;
        display: block;
        color: black;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        border: 1px solid #c7c7c7;
    }

    .link-saiba-mais span {
        margin-left: 10px
    }

    .link-saiba-mais:hover {
        background: #f8b91d;
        border: 1px solid #d09b17;
    }

    .bg-divisor {
        height: 7px;
        background-image: url('../imagens/bg-divisor.jpg');
        width: 100%;
        background-repeat: repeat-x;
        background-size: cover;
        background-position: center center;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .tabela-agenda thead td {
        padding: 15px;
        box-sizing: border-box;
        background: #f2f2f2;
        color: #737373;
        text-align: center;
    }

    .tabela-agenda tr td:not(:first-child) {
        border-left: 1px solid #d6d6d6;
    }

    .tabela-agenda tbody tr td {
        border-bottom: 1px solid #f8b91d;
        box-sizing: border-box;
        padding: 20px;
        overflow: hidden;
        vertical-align: middle;
    }

    .tabela-agenda tr td:first-child {
        width: 230px;
    }

    .tabela-agenda tr td:nth-child(2) {
        width: 160px;
    }

    .tabela-agenda tr td:last-child {
        width: 190px;
    }

    .tabela-agenda tbody tr td:first-child label {
        font-weight: bold;
        position: relative;
        top: 25px;
        font-size: 19px;
        line-height: 1;
    }

    .tabela-agenda tbody tr td:first-child span {
        float: left;
        font-size: 60px;
        color: #0095e1;
        margin-right: 10px;
        font-weight: bold;
    }

    .tabela-agenda tbody tr td:not(:first-child) {
        text-align: center;
    }

    #bg-vereadores {
        padding: 5px;
        border: 1px solid #e1e1e1;
        box-sizing: border-box;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    #chamada-vereadores {
        text-align: center;
        padding: 30px;
        color: #0095e1;
        font-style: italic;
        font-size: 26px;
        box-sizing: border-box;
        background: #f2f2f2;
        position: relative;
    }

    #chamada-vereadores img {
        position: absolute;
        top: 0px;
        height: 165px;
    }

    .img-vereador-1 {
        left: 0px;
    }

    .img-vereador-2 {
        right: 0px;
    }

    .btn-vereadores {
        position: initial;
        margin: 0 auto;
        margin-top: 15px;
        width: 250px;
        display: block;
        font-style: normal;
    }

    #lista-avisos h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #lista-avisos h2 {
        font-size: 25px;
        margin-bottom: 7px;
        color: #0095e1;
    }

    #lista-avisos h3 {
        font-size: 18px;
        text-align: justify;
    }

    #lista-avisos li {
        border-top: 1px solid #e1e1e1;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0px !important;
    }

    #lista-avisos li:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

    #chamada-links li {
        background: #f2f2f2;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 30px;
        text-align: center;
        min-height: 300px;
        height: 320px;
    }

    #chamada-links li img {
        height: 130px;
    }

    #chamada-links li h2 {
        color: #373737;
        font-size: 22px;
    }

    #chamada-links li a {
        color: #0095e1;
    }

    #chamada-links li:nth-child(1) img {
        height: 90px;
    }

     #chamada-links li:nth-child(2) img {
        height: 90px;
    }

    #chamada-links li:nth-child(3) img {
        height: 90px;
    }

    #chamada-links li:nth-child(4) img {
        height: 80px;
        margin-top: 10px;
    }

    #chamada-links li:nth-child(5) img {
        height: 80px;
        margin-top: 10px;
    }

    #galeria-fotos {
        background: #f2f2f2;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    #lista-galeria img {
        width: 100%;
    }

    #newsletter {
        padding-top: 45px;
        padding-bottom: 45px;
        background: #0095e1;
        text-align: center;
    }

    #newsletter h2 {
        color: #313131;
        font-size: 32px;
        font-weight: bold;
    }

    #newsletter h3 {
        color: white;
        font-size: 22px;
        margin-bottom: 20px;
    }

    #form-newsletter input {
        border: none;
        background: white;
        width: 300px;
    }

    #form-newsletter button {
        background: #313131;
        color: white;
        min-width: 150px;
    }

    #mapa iframe {
        width: 100%;
        height: 375px;
        z-index: 9998;
    }

    .overlay .page-content div {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        background: white;
        position: absolute;
        left: 0px;
        border: 3px dashed #0095e1;
        box-shadow: 7px 7px 7px rgba(0,0,0,.2);
        margin-top: 71.5px;
    }

    .overlay .page-content div h3 {
        color: #0095e1;
        font-size: 20px;
        margin-bottom: 7px;
    }

    .overlay .page-content div h4 {
        font-size: 14px;
    }

    .overlay .page-content div i {
        font-size: 70px;
        color: #0095e1;
    }

    .overlay {
        background:transparent; 
        position:relative; 
        width:100%;
        height:375px;
        top:375px;
        margin-top:-375px;
    }

    #menu-footer {
        padding-top: 40px;
        padding-bottom:  40px;
    }

    #menu-footer li {
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        min-height: 350px;
    }

    #menu-footer li:not(:first-child) {
        border-left: 1px solid #c1c1c1;
    }

    #menu-footer li h3 {
        font-size: 24px;
        color: #0095e1;
        margin-bottom: 10px;
    }

    #menu-footer nav a, #menu-footer div span {
        display: block;
        color: #2e2e2e;
        line-height: 1.75;
    }

    #menu-footer a:hover {
        color: #0095e1;
    }

    #redes-sociais-footer {
        margin-top: 20px;
    }

    #redes-sociais-footer a {
        color: #2e2e2e;
        margin: 5px;
    }

    #creditos {
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        color: white;
        background: #313131;
    }

    #creditos a {
        color: #0095e1;
    }

    /* CSS PÁGINA NOTÍCIAS */

    .inside-container {
        margin-top: 80px;
        padding-bottom: 85px;
        border-bottom: 1px solid #c0c0c0;
    }

    .acesso-rapido a {
        color: #7b7a7a;
        font-size: 14px;
    }

    .acesso-rapido a:not(:last-child) {
        padding-right: 20px;
        border-right: 1px solid #7b7a7a;
        margin-right: 20px;
    }

    .acesso-rapido a:hover {
        color: #0095e1;
    }

    .bg-divisor-interno {
        margin-top: 15px;
        margin-bottom: 55px;
    }

    .margem-titulo {
        margin-bottom: 40px;
    }

    .bg-divisor-noticia {
        margin-top: 40px;
        display: block;
        margin-bottom: 50px;
    }

    .lista-noticias-geral .img-noticia, .lista-legislativo-geral .img-legislativo {
        width: 280px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .lista-noticias-geral h2, .noticia-detalhada h2, .lista-legislativo-geral h2 {
        font-size: 26px;
        margin-bottom: 20px;
        color: #0095e1;
    }

    .lista-noticias-geral h3, .noticia-detalhada h4, .lista-legislativo-geral h4 {
        font-size: 16px;
        color: #666666;
        line-height: 1.6;
        text-align: justify;
    }

    .saiba-mais-noticia {
        float: right;
        margin-top: 10px;
    }

    .load-more {
        background: #0095e1;
        color: white;
        padding: 20px;
        box-sizing: border-box;
        width: 200px;
        display: block;
        margin: 0 auto;
        text-align: center;
        border: none;
        cursor: pointer;
    }

    .noticia-detalhada {
        overflow: hidden;
    }

    .noticia-detalhada .img-noticia {
        width: 550px;
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .noticia-detalhada img {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .noticia-video {
        margin-top: 50px;
    }

    .noticia-video h3 {
        font-size: 42px;
        color: #343434;
        margin-bottom: 20px;
    }

    .noticia-video iframe {
        width: 415px;
        height: 250px;
    }

    /* CSS DA PÁGINA DA CÂMARA */

    .galeria1 li {
        text-align: center;
    }

    .galeria1 li h2 {
        color: #0095e1;
        font-size: 20px;
    }

    .galeria1 li h3 {
        color: black;
        font-size: 18px;
        margin-top: 5px;
    }

    .galeria1 li h4 {
        font-size: 14px;
    }

    .galeria1 li:nth-child(n+5) {
        margin-top: 50px;
    }

    .lista-legislativo-geral h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 7px;
        margin-top: -10px;
    }

    .lista-vereadores li {
        overflow: hidden;
    }

    #redes-sociais-vereador {
        float: none;
    }

    #redes-sociais-vereador a {
        color: #2e2e2e;
        border: 1px solid #2e2e2e;
    }

    /* CSS CANAIS */

    .chamadaLinksEscolha {
        font-size: 20px;
        color: #005f90;
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 25px;
    }

    .layout-canal-1 li {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 10px;
    }

    .layout-canal-1 li a {
        color: #2e2e2e;

    }

    .layout-canal-1 li a:hover {
        color: #0095e1;
    }

    .layout-canal-1 li:hover  {
        color: #0095e1;
        border-bottom: 1px solid #0095e1 !important;
    }

    .layout-canal-1 li:nth-child(n+5) {
        margin-top: 30px !important; 
    }

    .layout-canal-2 li:nth-child(n+2) {
        margin-top: 15px !important;
    }

    .layout-canal-2 li {
        padding: 30px;
        box-sizing: border-box;
        background: #f2f2f2;
    }

    .layout-canal-2 li h3 {
        font-weight: bold;
        margin-bottom: 7px;
    }

    .layout-canal-2 li a {
        color: #0095e1;
    }

    .layout-canal-left li {
        text-align: left !important;
    }

    .chamaFormulario {
        margin-top: 50px;
    }

    .avisoForm {
        font-size: 14px;
        display: block;
        margin-bottom: 30px;
        color: #d10000;
    }

    form li label {
        display: block;
        margin-bottom: 7px;
    }

    form input, form select {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    form textarea {
        min-width: 100%;
        max-width: 100%;
        min-height: 250px;
        max-height: 250px;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
    }

    /* CSS CONTATO */

    #div-form-contato {
        width: 850px;
    }

    #div-inf-contato {
        width: calc(100% - 900px) !important;
    }

    #form-contato li {
        width: 100% !important;
    }

    #form-contato li:nth-child(n+3) {
        margin-top: 25px !important;
    }

    #inf-contato h3 {
        font-size: 32px;
        margin-bottom: 25px;
        color: #005f90;
    }

    #inf-contato a {
        color: #0095e1;
    }

    #horariAtendimentoContato {
        margin-top: 35px;
        margin-bottom: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
}

@media screen and (min-width: 1175px) AND (max-width: 1489px) {
    .overlay .page-content div {
        left: 150px;
    }
}

@media screen and (min-width: 960px) AND (max-width: 1174px) {
    .overlay .page-content div {
        left: 150px;
        padding: 20px;
    }
}