@charset "utf-8";

/* OBRAS */
#e_conteudo .e_area_obras { padding-bottom: 10px; }
#e_conteudo .e_area_obras .e_cont_obras { width: 100%; padding: 10px; }
/* OBRA MAPA */
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa { width: 100%; display: table; }
/* OBRA */
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra { display: table-cell; vertical-align: top; width: 420px; padding: 10px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra { width: 100%; height: 290px; position: relative; background: #fff; border-radius: 5px; padding: 20px; padding-bottom: 85px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_img_titulo { width: 100%; position: relative; padding-left: 80px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_img_titulo .e_area_img_obra { position: absolute; top: -10px; left: -10px; width: 70px; height: 60px; background: #ebeef2; border-radius: 5px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_img_titulo .e_area_titulo { width: 100%; height: 50px; border-bottom: 1px solid #6a7999; padding-bottom: 10px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_img_titulo .e_area_titulo .e_titulo { width: 100%; max-height: 40px; display: inline-block; font-size: 15px; color: #6a7999; line-height: 20px; overflow: hidden;  }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_data_inicio_conclusao { width: 100%; text-align: center; border-bottom: 1px solid #6a7999; padding-top: 5px; padding-bottom: 15px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_data_inicio_conclusao .e_data { display: inline-block; vertical-align: middle; font-size: 14px; color: #6a7999; line-height: 20px; margin: 0 20px; margin-top: 10px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_data_inicio_conclusao .e_data .swfa { font-size: 10px; margin-right: 5px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_data_inicio_conclusao .e_data_inicio .swfa { color: #00b03f; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_data_inicio_conclusao .e_data_conclusao .swfa { color: #e00109; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_investimento_situacao { width: 100%; padding-top: 30px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_investimento_situacao .e_campo { display: inline-block; vertical-align: middle; width: 50%; text-align: center; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_investimento_situacao .e_campo .e_titulo { font-size: 14px; color: #6a7999; line-height: 20px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_investimento_situacao .e_campo .e_dados { display: inline-block; max-width: 100%; min-width: 110px; height: 35px; font-size: 14px; color: #fff; line-height: 35px; border-radius: 3px; padding: 0 5px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_investimento_situacao .e_area_investimento .e_dados { background: #008b3b; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_investimento_situacao .e_area_situascao .e_dados { background: #015ab4; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_categoria { position: absolute; bottom: 20px; left: 20px; min-width: 120px; max-width: 150px; text-align: center; background: #ebeef2; border-radius: 3px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_categoria .e_text_categoria { max-height: 35px; display: inline-block; font-size: 12px; color: #3b4048; text-transform: uppercase; line-height: 35px; overflow: hidden; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_btn_saiba_mais { position: absolute; right: 20px; bottom: 20px; text-align: right; font-style: italic; font-size: 14px; color: #015ab4; line-height: 35px; overflow: hidden; transition: .3s; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_btn_saiba_mais:hover { padding-right: 20px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_btn_saiba_mais .swfa { position: absolute; right: -15px; bottom: 12px; font-size: 12px; font-style: normal; transition: .3s; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_btn_saiba_mais:hover .swfa { right: 0; }
/* MAPA */
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_mapa { display: table-cell; vertical-align: top; padding: 10px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_mapa .e_cont_mapa { height: 290px; border-radius: 5px; overflow: hidden; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_mapa .e_cont_mapa iframe { width: 100%; height: 100%; }
/* RELATÓRIO OBRAS */
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras { width: 100%; padding: 10px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras { width: 100%; display: table; background: #fff; border-radius: 5px; padding: 20px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_titulo_relatorio { display: table-cell; vertical-align: middle; width: 220px; height: 50px; font-size: 15px; color: #fff; text-align: center; text-transform: uppercase; line-height: 50px; background: #015ab4; border-radius: 25px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status { display: table-cell; vertical-align: middle; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_cont_quant_status { width: 100%; display: table; padding: 0 5%; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_quant_status { display: table-cell; vertical-align: middle; text-align: center; min-width: 33.33%; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_quant_status .e_quant { display: inline-block; vertical-align: middle; min-width: 50px; height: 50px; font-size: 15px; color: #fff; line-height: 50px; text-align: center; border-radius: 25px; padding: 0 5px; margin: 0 10px; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_quant_andamento .e_quant { background: #008aea; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_quant_concluidas .e_quant { background: #44b30d; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_quant_canceladas .e_quant { background: #c01a22; }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_quant_status .e_status { display: inline-block; vertical-align: middle; font-size: 15px; color: #455a6d; line-height: 30px;  }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_acompanhamentos_contratos { display: table-cell; vertical-align: middle; width: 270px; padding-left: 40px; padding-right: 20px; border-left: 1px solid #ededed;  }
#e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_acompanhamentos_contratos .e_dados { font-size: 15px; color: #283c4f; line-height: 25px; }

@media (max-width: 1000px) {
    
    /* OBRAS */
    #e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_titulo_relatorio { display: block; margin: auto;}
    #e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status { display: block; padding-top: 20px; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_cont_quant_status { padding: 0 }
    
}

@media (max-width: 800px) {

    /* OBRAS */
    #e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra { display: block; width: 100%; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra { height: auto; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_mapa { display: block; width: 100%; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_acompanhamentos_contratos { display: block; width: 100%; text-align: center; padding: 0; padding-top: 20px; border: 0; border-top: 1px solid #ededed; margin-top: 20px; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_acompanhamentos_contratos .e_dados { display: inline-block; vertical-align: middle; width: 50%; }

}

@media (max-width: 480px) {

    /* OBRAS */
    #e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra { padding: 20px; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_investimento_situacao { padding-top: 10px; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_area_investimento_situacao .e_campo { display: block; width: 100%; margin-top: 20px; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_categoria { position: static; margin: auto; margin-top: 20px; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_obra_mapa .e_area_obra .e_cont_obra .e_btn_saiba_mais { position: static; margin: auto; margin-top: 20px; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_quant_status { display: block; padding-top: 10px; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_area_quant_status .e_quant_status .e_status { display: block; }
    #e_conteudo .e_area_obras .e_cont_obras .e_area_relatorio_obras .e_cont_relatorio_obras .e_acompanhamentos_contratos .e_dados { display: block; width: 100%; }

}