#bloco-geral {
    width: 100%;
    float: left;
}

 .conteudo_interna {
    width: 67%;
    float: left;
    padding: 0 3% 2em 0;
}   
    
.titulo_pagina {
    width: 97%;
    float: left;
    border-left: 5px solid #618a97;
    margin: 0 0 3em 0;
    padding: 1% 0 1% 1.5%;
}

.subtitulo_interna {
    width: 100%;
    font-size: 1em;
    line-height: 1.2em;
    font-style: italic;
    float: left;
    padding-bottom: 2em;
}

.bloco_titulo_paginas_internas {
    width: calc(100% - 21px);
    float: left;
    padding: 0 0 0.3em 17px;
    margin-bottom: 2em;
    border-left: 4px solid #81b9c9;
}


/************************************************************************************
LISTA COM 1 RESULTADO POR LINHA
*************************************************************************************/

#lista {
    width: 70%;
    float: left;
    padding: 0 0 2em 0;
    background: #ffffff;
}

.item_lista {
    width: 97%;
    float: left;
    margin: 0 0 2em 0;
    padding-bottom: 1.4em;
    border-bottom: 2px solid #f2f2f2;
}

.img_lista {
    text-align: left;
    width: 28%;
    float: left;
    padding-right: 3%;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);  
}

.img_lista:hover {
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);  
}

.dados_lista {
    width: 69%;
    float: left;
}

/************************************************************************************
LISTA COM 2 RESULTADOS POR LINHA
*************************************************************************************/

.linha_lista_02 {
    width: 100%;
    float: left;
}

.item_lista_02 {
    width: 47%;
    float: left;
    margin: 0 3% 2em 0;
    padding-bottom: 1.4em;
    border-bottom: 2px solid #f2f2f2;
}

.item_lista_02 img {
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);  
}

.item_lista_02 img:hover {
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);  
}


/************************************************************************************
LISTA EQUIPE
*************************************************************************************/

.item_lista_equipe {
    width: 100%;
    float: left;
    margin-bottom: 2.4em;
    padding-bottom: 1.4em;
    border-bottom: 2px solid #f2f2f2;
}

.item_lista_equipe .img_lista_equipe {
    width: 20%;
    float: left;
}

.item_lista_equipe .dados_lista_equipe {
    width: 78%;
    float: left;
    margin-left: 2%;
}


/************************************************************************************
LISTA ADOTE
*************************************************************************************/

.linha_lista_adote {
    width: 100%;
    float: left;
}

.item_lista_adote {
    width: 47%;
    float: left;
    margin: 0 3% 2em 0;
    padding-bottom: 1.4em;
    border-bottom: 2px solid #f2f2f2;
}

.item_lista_adote .img_lista_adote {
    width: 35%;
    float: left;
}

.item_lista_adote .img_lista_adote img {
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);  
}

.item_lista_adote .img_lista_adote img:hover {
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);  
}

.item_lista_adote .dados_lista_adote {
    width: 60%;
    float: left;
    margin-left: 5%;
}


/************************************************************************************
BLOCO VER MAIS + BOTOES DE COMPARTILHAR
*************************************************************************************/

.bloco_botoes_lista {
    width: 100%;
    float: left;
    margin: 1.6em 0 1em 0;
    background: #f9f9f9;
    border-radius: 4px;
}

.bloco_botoes_lista .bt_vermais_lista,
.bloco_botoes_lista .bt_vermais_lista:hover {
    width: 35%;
    float: left;
    text-align: center;
    font-style: italic;
    color: #FFFFFF;
    padding: 1% 0 1% 0;
    border-radius: 4px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

.bloco_botoes_lista .bt_vermais_lista {
    background: #618a97;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}
.bloco_botoes_lista .bt_vermais_lista:hover {
    background: #81b9c9;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

.bloco_botoes_lista .minhas_redes_sociais {
    float: right;
    padding: 0.5em;
    font-weight: 600;
    font-style: italic;
    color: #618a97;
    margin-right: 0.5em;
}


.bloco_botoes_lista .bt_redessociais_lista,
.bloco_botoes_lista .bt_redessociais_lista:hover {
    width: 20px; height: 20px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 4px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

.bt_redessociais_lista:hover { 
    opacity: 0.8;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}


/* definições de tamanho */

/* lista com 01 resultado por linha */
.item_lista .bloco_botoes_lista .bt_vermais_lista,
.item_lista .bloco_botoes_lista .bt_vermais_lista:hover {
    width: 35%;
    padding: 1% 0 1% 0;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

.item_lista .bloco_botoes_lista .bt_redessociais_lista,
.item_lista .bloco_botoes_lista .bt_redessociais_lista:hover {
    float: right;
    padding: 1% 1.4% 1% 1.4%;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

/* lista com 02 resultados por linha */
.item_lista_02 .bloco_botoes_lista .bt_vermais_lista,
.item_lista_02 .bloco_botoes_lista .bt_vermais_lista:hover {
    width: 40%;
    padding: 1.3% 0 1.3% 0;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

.item_lista_02 .bloco_botoes_lista .bt_redessociais_lista,
.item_lista_02 .bloco_botoes_lista .bt_redessociais_lista:hover {
    float: right;
    padding: 1.3% 2% 1.3% 2%;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

/* lista equipe */
.item_lista_equipe .bloco_botoes_lista .bt_redessociais_lista,
.item_lista_equipe .bloco_botoes_lista .bt_redessociais_lista:hover {
    float: left; 
    padding: 1.3%;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

/* lista adote */
.item_lista_adote .bloco_botoes_lista .bt_vermais_lista,
.item_lista_adote .bloco_botoes_lista .bt_vermais_lista:hover {
    width: 36%;
    padding: 1.3% 0 1.3% 0;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

.item_lista_adote .bloco_botoes_lista .bt_redessociais_lista,
.item_lista_adote .bloco_botoes_lista .bt_redessociais_lista:hover {
    float: right;
    padding: 1.3% 2% 1.3% 2%;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}


/************************************************************************************
PAGINAÇÃO
*************************************************************************************/

.paginacao { width: 100%; float: left; text-align: center; 
    position: relative; display: table; }

.paginacao .bt_paginacao, .paginacao .bt_paginacao_atual {
    width: 6%;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    float: left;
    padding: 1%;
    margin-right: 1%;
    border-radius: 4px;
    background-color: #618a97;
    background-position: center;
}
.paginacao .bt_paginacao_atual {
    background-color: #010101;
    opacity: 0.8;
}
.paginacao .bt_paginacao a {
    color: #FFFFFF;
    text-decoration: none;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}
.paginacao .bt_paginacao:hover{
    text-decoration: none;
    opacity: 0.9;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

.vermais {
    width: 100%;
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.2em;
    cursor: pointer;
    float: left;
    margin-top: 1em;
}
.vermais a {
    text-decoration: none;
    color: #618a97;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}
.vermais a:hover {
    text-decoration: none;
    color: #71a1b0;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}