/* Lista */

.lista{
    margin-bottom: -50px;
}

.lista.d_flex{
    justify-content:space-around; 
}

.lista article{
    border: 1px solid #EEE;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    background: #FFF;
}

.lista article:hover{
    background: #FAFAFA;
}

.lista article .informacoes{
    padding: 15px;
    overflow: hidden;
}

h3 a{
    font-size: 20px;
    margin: 0;
    margin-bottom: 10px;
    font-weight: bold;
    display: block;
    color: #555;
}

h3 a:hover{
    text-decoration: underline;
}

.lista article .info1{
    font-size: 16px;
    margin-bottom: 15px;
}

.lista article .info2{
    color: #999;
    margin: 0;
    font-size: 12px;
}

.lista article .info3{
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 5px;
    background: #B7222D;
    font-size: 10px;
    color: #FFF;
    letter-spacing: 0;
    text-transform: uppercase;
}

.lista article span a{
    float: left;
    padding: 5px;
    background: #B7222D;
    color: #FFF;
}


aside{
    flex-basis: 25%;
}

aside h4{
    margin: 0 15px 15px 0;
    padding-left: 10px;
    color: #B7222D;
    font-weight: 900;
    border-left: 5px solid #B7222D;
    font-size: 20px;
}

aside.top-{
    margin-top: -50px;
}

aside.fundo{
    border-bottom: 3px solid #9E825A;
    background: #FFF;
}

aside.fundo2{
    background: #B7222D;
}

aside ul li a{
    width: 100%;
    text-transform: uppercase;
    color: #9E825A;
    font-weight: bold;
    padding: 15px;
    display: block;
    font-size: 15px;
    border-bottom: 1px solid #EEE;
}

aside ul li a:hover{
    background: #9E825A;
    color: #FFF;
}

.conteudo{
    flex-basis: 71%;
}


.calendario{
    background: #FAFAFA;
    border: 1px solid #EEE;
    padding: 25px;
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    color: #555;
}

.calendario .indice{
    flex-basis: 14.28%;
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
    font-weight: bold;
}

.calendario .dia{
    flex-basis: 14.28%;
    font-size: 20px;
    padding: 15px 0;
    text-align: center;
}

.calendario .dia1{
    margin-left: 14.28%;
}

.qtd-datas{
    text-align: center;
    color: #555;
    margin-bottom: 25px;
}


.padrao_tabela{
    border-bottom: 1px dashed #CCC;
    padding: 15px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.padrao_tabela:last-child{
    border-bottom: 0;
}

.padrao_tabela.id{
    font-weight: bold;
}

.padrao_tabela.id:hover{
    background: nome;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.padrao_tabela:hover{
    background: #FFF;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(204,204,204,0.5);
    -moz-box-shadow: 0px 0px 25px 0px rgba(204,204,204,0.5);
    box-shadow: 0px 0px 25px 0px rgba(204,204,204,0.5);
}

.padrao_tabela .link a{
    color: #BC955F;
    font-weight: bold;
}

.padrao_tabela .link a:hover{
    color: #B7222D;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Página Principal */

.principal ul.slider li{
    width: 100%;
    display: flex;
}

.principal ul.slider li .altura{
    flex-basis: 65%;
    height: 400px;
}

.principal ul.slider li .texto{
    flex-basis: 35%;
    padding: 50px;
    padding-right: 0;
    padding-bottom: 25px;
}

.principal ul.slider li h2{
    font-size: 35px;
    color: #FFF;
    padding-left: 25px;
    border-left: 5px solid #B7222D;
}

.principal ul.slider li span a{
    background: #B7222D;
    color: #FFF;
    float: left;
    padding: 10px;
}

.principal ul.slider li span a:hover{
    background: #FFF;
    color: #B7222D;
}


.principal article{
    border: 0;
    background: none;
}

.principal article:hover{
    background: none;
}

.principal .destaques{
    margin-top: 35px;
}

.principal .destaques .lista{
    margin: 0;
}

.principal .destaques h3 a{
    font-weight: 900;
}

.principal .destaques h3 a:hover{
    color: #BC955F;
    text-decoration: none;
}

.principal .destaques article{
    margin-bottom: 20px;
}

.principal .destaques h3 a,
.principal .destaques .info1{
    margin: 0;
    padding: 0;
}

.principal .destaques .info1{
    margin-top: 10px;
}

.principal .destaques .info2{
    margin-bottom: 5px;
    color: #999;
    font-size: 12px;
}

.principal .destaques .topo{
    margin-bottom: 35px;
}

.principal .destaques .topo h3 a{
    font-size: 35px;
    margin-bottom: -5px;
}

.principal .destaques .topo .info1{
    font-size: 18px;
}

.principal .destaques .destaque{
    flex-basis: 52%;
}

.principal .destaques .destaque h3 a{
    font-size: 30px;
    margin-top: 5px;
    margin-bottom: -5px;
}

.principal .destaques .destaque .info2{
    margin-top: 10px;
}

.principal .destaques .lista{
    flex-basis: 45%;
}

.principal .destaques .lista article{
    border: 0;
}

.principal .destaques .lista article:nth-child(n+3) .foto{
    display: none;
}

.principal .destaques .lista article:nth-child(n+3) .dados{
    flex-basis: 100%;
}

.principal .destaques .lista article .foto{
    flex-basis: 42%;
}

.principal .destaques .lista article .dados{
    flex-basis: 55%;
}

.principal .destaques .ver-todas a{
    padding: 15px;
    background: #BC955F;
    color: #FFF;
    text-align: center;
    width: 100%;
    font-size: 20px;
    display: block;
    font-weight: bold;
    margin-top: 15px;
}

.principal .destaques .ver-todas a:hover{
    background: #B7222D;
}


.principal .ultimas_municipios{
    background: #FAFAFA;
    padding: 25px 0;
    margin: 50px 0;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

.principal .ultimas_municipios .lista{
    margin: 0;
}

.principal .mun_news article{
    flex-basis: 24%;
    border: 0;
    margin: 0;
}

.principal .mun_news article .info3{
    left: 10px;
}

.principal .mun_news article .interno{
    margin: 0 10px;
}

.principal .mun_news article h3 a{
    margin-top: 15px;
}

.principal .d_flex .agenda{
    flex-basis: 40%;
}

.principal .d_flex .video{
    flex-basis: 55%;
    padding: 25px;
    background: #B7222D;
}

.principal .d_flex .video h2{
    color: #FFF;
}

.principal .d_flex .video span.more a{
    background: #FFF;
    color: #B7222D;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Associação */

.associacao{
    text-align: justify;
}

/* Diretoria */

.diretoria .padrao_tabela .um{
    flex-basis: 30%;
    padding-right: 15px;
}

.diretoria .padrao_tabela .pref{
    flex-basis: 70%;
}

.diretoria .padrao_tabela .dir{
    flex-basis: 50%;
}

.diretoria h3{
    margin: 35px 0 15px 0;
}

/* Ex-presidentes */

.ex .padrao_tabela .um{
    flex-basis: 10%;
}

.ex .padrao_tabela .pref{
    flex-basis: 60%;
}

.ex .padrao_tabela .pref .dois{
    flex-basis: 50%;
}

.ex .padrao_tabela .dois{
    flex-basis: 30%;
}

/* Equipe */

.equipe .padrao_tabela .foto{
    margin-right: 15px;
}

.equipe .padrao_tabela h3{
    color: #B7222D;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 900;
}

/* Turismo */

.associacao .turismo .caixa{
    flex-basis: 50%;
    background: #B7222D;
    padding: 20px;
    text-align: left;
}

.associacao .turismo .caixa h3{
   color: #FFF;
   font-weight: 900;
   font-size: 25px;
   margin-bottom: 15px;
}

.associacao .turismo .caixa p{
   color: #FFF;
   margin: 15px 0;
}

.associacao .turismo .caixa span a{
    background: #9E825A;
    padding: 9px 12px;
    float: left;
    color: #FFF;
}

.associacao .turismo .caixa span a:hover{
    background: #FFF;
    color: #9E825A;
}

.associacao .turismo .caixa label{
    width: 100%;
    color: #FFF;
    display: block;
    margin: 15px 0 5px 0;
}

.associacao .turismo .caixa #tur_municipios{
   width: 100%;
}

.associacao .turismo .rota{
    flex-basis: 40%;
    margin: 0 5%;
    text-align: center;
}

.associacao .turismo .rota img{
    max-width: 200px;
}

.associacao .turismo .rota .acesse{
    width: 100%;
    padding: 0 15%;
    margin: 15px 0;
}

.associacao .turismo .rota span a{
    color: #BC955F;
}

.associacao .turismo .rota span a:hover{
    color: #B7222D;
}

/* Turismo */

.associacao .funmissoes .publicacoes{
    margin: 35px 0;
}

.associacao .funmissoes .publicacoes article{
    margin: 0;
    margin-top: 15px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Municípios */

.municipios{
    text-align: justify;
}

.municipios .lista article{
    flex-basis: 15%;
    text-align: center;
    border: 0;
    margin: 0 0.75% 25px 0.75%;
    background: #FFF;;
}

.municipios input{
    background: #EEE;
    padding: 20px;
    border: 0;
    font-size: 16px;
}

.tit_municipio{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.tit_municipio img{
    width: 100px;
    margin-right: 10px;
}

.municipios .padrao_tabela .esq{
    flex-basis: 40%;
}

.municipios .padrao_tabela .dir{
    flex-basis: 60%;
}

.municipios .prefeito h2{
    text-transform: uppercase;
}

.municipios .prefeito .d_flex_center .imagem{
    flex-basis: 250px;
}

.municipios .prefeito .d_flex_center .desc{
    flex-basis: 350px;
    margin-left: 25px;
}


.municipios .noticias .lista article{
    flex-basis: 31%;
    text-align: left;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Agenda */

.d_flex.mes span a{
    color: #FFF;
    margin: 5px 2px;
    background: #B7222D;
    padding: 10px 15px;
    font-size: 12px;
}

.d_flex.mes span a:hover{
    background: #941C24;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Turismo */

#tur_municipios{
    width: 250px;
    text-align: right;
    padding: 0;
    border: 0;
    font-size: 15px;
    background: #FAFAFA;
    padding: 15px;
}

.turismo .exibindo{
    text-align: center;
}

.turismo .lista article{
    flex-basis: 32%;
    text-align: left;
}

.turismo .conteudo .foto{
    flex-basis: 45%;
}

.turismo .conteudo .descricao{
    flex-basis: 52.5%;
}

.turismo .conteudo .descricao .texto{
    margin-top: 15px;
}

.turismo .conteudo h2{
    font-size: 40px;
    letter-spacing: -1px; 
    margin: 0;
    font-weight: bold;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Notícias */

#not_municipios{
    width: 250px;
    text-align: right;
    padding: 0;
    border: 0;
    font-size: 15px;
    background: #FAFAFA;
    padding: 15px;
}

.noticias .lista article{
    flex-basis: 24%;
}

.noticias .conteudo h2{
    font-size: 40px;
    letter-spacing: -1px; 
    margin: 0;
    font-weight: bold;
}

.noticias .conteudo .subtitulo{
    font-size: 20px;
    margin-top: 15px;
    padding: 0;
    font-weight: normal;
}

.noticias .conteudo .informacoes{
    font-size: 12px;
    color: #999;
    margin: 25px 0;
}

.noticias .conteudo .imagem{
    background: #FAFAFA;
    text-align: center;
}

.noticias .conteudo .legenda{
    background: #B7222D;
    color: #FFF;
    padding: 12px;
    font-size: 14px;
}

.noticias .conteudo .texto{
    padding-top: 20px;
    text-align: justify;
    margin-bottom: -10px;
}

.noticias .leitura .galeria{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 35px;
}

.noticias .leitura .galeria article{
    flex-basis: 19%;
}


.noticias aside article{
    margin-top: 25px;
    border: 0;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Galerias */

.galerias .lista article{
    flex-basis: 32%;
}

.galerias h2{
    font-size: 40px;
    letter-spacing: -1px; 
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.galerias .info{
    width: 100%;
    font-size: 12px;
    color: #999;
    margin: 25px 0;
}

.galerias .texto{
    max-width: 1000px;
    margin: 0 auto;
    text-align: justify;
    margin-bottom: -25px;
}

.galerias .galeria{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 35px;
}

.galerias .galeria article{
    flex-basis: 20%;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Vídeos */

.videos .lista article{
    flex-basis: 32%;
}

.videos h2{
    font-size: 40px;
    letter-spacing: -1px; 
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.videos .informacoes{
    width: 100%;
    font-size: 12px;
    color: #999;
}

.videos .texto{
    max-width: 1000px;
    text-align: justify;
    margin: 25px auto;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Publicações */

.publicacoes{
    padding-bottom: 35px;
}

.publicacoes article{
    margin-bottom: 15px;
}

.publicacoes article span{
    width: 100%;
    padding: 15px;
    background: #EEE;
}

.publicacoes article span:hover{
    background: #9E825A;
    color: #FFF;
}

.publicacoes article:hover{
    background: none;
}

.publicacoes #anexos{
    display: none;
}

.publicacoes #anexos .padrao_tabela{
    justify-content: space-between;
}

.publicacoes #anexos .padrao_tabela .nome{
    flex-basis: 30%;
}

.publicacoes #anexos .padrao_tabela .desc{
    flex-basis: 40%;
}

.publicacoes #anexos .padrao_tabela .desc p{
    font-size: 14px;
    text-align: justify;
}

.publicacoes #anexos .padrao_tabela .enviado{
    flex-basis: 15%;
}

.publicacoes #anexos .padrao_tabela .tamanho{
    flex-basis: 10%;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Atendimento */

.atendimento h3{
    color: #B7222D;
}

.atendimento form .linha .email{
    flex-basis: 63.5%;
}

.atendimento form .linha .telefone{
    flex-basis: 33.5%;
}

.atendimento form .linha .dois{
    flex-basis: 48.5%;
}

.atendimento section{
    margin-bottom: 25px;
}

.atendimento section p{
    margin: 0;
    margin-top: 10px;
    font-size: 16px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Login */

.login form{
    padding: 25px;
    flex-basis: 600px;
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom: 5px solid #CCC;
}

.login form input[type=password],
.login form input[type=email]{
    background: #FFF;
}

.login form h3{
    margin-bottom: 25px;
}

.login form p{
    margin: 25px 0;
    border-left: 5px solid #04704C;
    padding-left: 15px;
    font-size: 15px;
}

.login form span a{
    background: #FFF;
    border: 1px solid #9E825A;
    padding: 7px 10px;
    float: left;
    color: #9E825A;
}

.login form span a:hover{
    background: #9E825A;
    color: #FFF;
    border: 1px solid #9E825A;
}

.login form .acoes{
    margin-top: 25px;
}

.login form .acoes input[type=submit]{
    margin: 0;
}

.login form .informacoes{
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-top: 22px;
    line-height: 140%;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Conta */

.conta .topo{
    margin-bottom: 25px;
    padding: 10px 15px;
    background: #FAFAFA;
    border: 1px solid #EEE;
}

.conta .topo h2{
    flex-basis: 60%;
    padding: 0;
    margin: 0;
}

.conta .topo .acoes{
    width: 180px;
}

.conta .topo span a{
    background: #B7222D;
    color: #FFF;
    width: 85px;
    text-align: center;
    padding: 10px;
    margin-left: 5px;
}

.conta .topo span a:hover{
    background: #9F7E58;
}

.conta .lista{
    margin-bottom: -10px;
}

.conta .lista article{
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px;
}

.conta .lista article:hover{
    background: #FFF;
}

.conta article .registro{
    flex-basis: 70%;
}

.conta article .registro h3{
    font-weight: normal;
}

.conta article .acoes{
    flex-basis: 30%;
    display: flex;
    justify-content: flex-end;
}

.conta article .acoes span a{
    padding: 10px;
    margin-left: 5px;
    background: #999;
    font-size: 12px;
}

.conta article .acoes span a:hover{
    background: #555;
}

.conta .deletar{
    max-width: 500px;
    text-align: center;
    margin: 25px auto;
    padding: 15px;
    background: #B7222D;
}

.conta .deletar p{
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #FFF;
}

.conta .deletar h3{
    color: #FFF;
    font-size: 25px;
    font-weight: bold;
    margin: 10px 0;
}

.conta .deletar span a{
    padding: 15px;
    background: #FFF;
    color: #B7222D;    
    margin: 5px;    
}

.conta .deletar span a:hover{
    background: #941C24;
    color: #FFF;
}

.conta .consulta_data{
    padding: 15px;
    color: #FFF;
    margin-top: 10px;
    overflow: hidden;
}

.conta .consulta_data h3{
    color: #FFF;
}

.conta .consulta_data p{
    color: #FFF;
    margin: 0;
    margin-top: 5px;
    font-size: 14px;
}

.conta .consulta_data span{
    background: #FFF;
    color: #555;
    padding: 10px;
    font-size: 12px;
    margin-top: 10px;
    float: left;
}

.conta .consulta_data.data_verde{
    background: #01A85B;
}

.conta .consulta_data.data_cinza{
    background: #555;
}

.conta .consulta_data.data_vermelha{
    background: #B7222D;
}

.vinte{ flex-basis: 18.5% }
.trinta{ flex-basis: 28.5% }
.quarenta{ flex-basis: 38.5% }
.cinquenta{ flex-basis: 48.5% }
.sessenta{ flex-basis: 58.5% }
.setenta{ flex-basis: 68.5% }
.oitenta{ flex-basis: 78.5% }