@charset "utf-8";

/* OBRAS */

#e_conteudo .p_area_obras { padding: 20px 10px; font-size: 0; }
#e_conteudo .p_area_obras .p_titulos_c { padding-left: 10px; padding-right: 10px; }
#e_conteudo .p_area_obras .p_cont_obras { display: inline-block; vertical-align: middle; padding: 0 10px; }
#e_conteudo .p_area_obras .p_titulo_obras { text-align: center; letter-spacing: .5px; font-size: 12px; color: #56565b; text-transform: uppercase; padding: 10px; margin-bottom: 10px; border-bottom: solid 1px rgba(0,0,0,.05); }
#e_conteudo .p_area_obras .p_info_obras { padding: 20px; padding-left: 50px; position: relative; font-size: 13px; color: #47474b; }
#e_conteudo .p_area_obras .p_info_obras .swfa { width: 40px; height: 40px; line-height: 40px; font-size: 14px; background: #ccc; background: rgba(255,255,255,.25); border: solid 1px rgba(0,0,0,.05); border-radius: 4px; position: absolute; top: 50%; margin-top: -20px; left: 0; text-align: center; }
#e_conteudo .p_area_obras .p_valor_obra { color: #27ae60 }

/* RELATÓRIO */
#e_conteudo .p_area_obras .p_cont_obras_relatorio { width: 40%; }
#e_conteudo .p_area_obras .p_area_relatorio_obras { background: #d5d5d5; background: rgba(0,0,0,.05); padding: 10px 20px; border-radius: 8px; }

/* LISTAGEM */
#e_conteudo .p_area_obras .p_cont_obras_listagem { width: 60%; }
#e_conteudo .p_area_obras .p_area_listagem_obras { max-height: 280px; overflow-y: scroll; padding-right: 10px; }
#e_conteudo .p_area_obras .p_area_listagem_obras .p_obra { background: #fff; border-radius: 4px; overflow: hidden; position: relative; margin-bottom: 10px; }
#e_conteudo .p_area_obras .p_area_listagem_obras a:last-child .p_obra { margin-bottom: 0; }
#e_conteudo .p_area_obras .p_area_listagem_obras .p_obra .p_area_img_obra { width: 35%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
#e_conteudo .p_area_obras .p_area_listagem_obras .p_obra .p_area_img_obra img { position: absolute; top: 0; left: 0; transition: .2s ease }
#e_conteudo .p_area_obras .p_area_listagem_obras .p_obra:hover .p_area_img_obra img { transform: scale(1.15); }
#e_conteudo .p_area_obras .p_area_listagem_obras .p_obra .p_area_info_obra { min-height: 125px; padding: 15px; margin-left: 35%; }
#e_conteudo .p_area_obras .p_area_listagem_obras .p_obra .p_area_info_obra .p_categoria_obra { max-width: 100%; height: 30px; line-height: 30px; display: inline-block; padding-left: 35px; padding-right: 15px; background: #000; font-size: 10px; font-weight: bold; color: #fff; letter-spacing: .5px; border-radius: 30px; overflow: hidden; text-align: justify; text-transform: uppercase; position: relative; margin-bottom: 7px; }
#e_conteudo .p_area_obras .p_area_listagem_obras .p_obra .p_area_info_obra .p_categoria_obra .swfa { width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 100%; font-size: 12px; position: absolute; top: 3px; left: 3px; }
#e_conteudo .p_area_obras .p_area_listagem_obras .p_obra .p_area_info_obra .p_nome_obra { font-size: 15px; color: #47474b; transition: .1s ease; }
#e_conteudo .p_area_obras .p_area_listagem_obras .p_obra:hover .p_area_info_obra .p_nome_obra { color: #096dab; }


/* MEDIAS */
@media (max-width: 800px) {

    /* RELATÓRIO */
    #e_conteudo .p_area_obras .p_cont_obras_relatorio,
    /* LISTAGEM */
    #e_conteudo .p_area_obras .p_cont_obras_listagem { width: auto; display: block; }
    #e_conteudo .p_area_obras .p_cont_obras_listagem { margin-top: 15px; }
    #e_conteudo .p_area_obras .p_area_listagem_obras .p_obra .p_area_info_obra { min-height: 100px; }
}