@charset "utf-8";

/* OBRAS */
#e_conteudo .e_area_relatorio_obras { display: block; padding: 10px; }
#e_conteudo .e_area_relatorio_obras .e_cont_relatorio { width: 100%; display: flex; justify-content: space-around; vertical-align: middle; background: #fff; padding: 10px 50px; }
#e_conteudo .e_area_relatorio_obras .e_cont_relatorio .e_titulo { width: 175px; height: 40px; line-height: 40px; max-height: 40px; display: inline-block; vertical-align: middle; text-align: center; border-radius: 20px; margin-bottom: 0; background: linear-gradient(to right, #9d3138 , #be3b44); color: #fff; }
#e_conteudo .e_area_relatorio_obras .e_cont_relatorio .e_descricao { display: inline-block; vertical-align: middle; margin-bottom: 0; line-height: 35px; max-height: 40px; }
#e_conteudo .e_area_relatorio_obras .e_cont_relatorio .e_descricao span { display: inline-block; vertical-align: middle; width: 35px; height: 35px; border-radius: 100%; color: #fff; text-align: center; margin-right: 15px; }
#e_conteudo .e_area_obras_mapa { width: 100%; display: inline-block; vertical-align: middle; font-size: 0; }
#e_conteudo .e_area_obras_mapa .e_area_obras { width: 66.66%; display: inline-block; vertical-align: middle; }
#e_conteudo .e_area_obras_mapa .e_area_obras .e_obra { width: 33.33%; height: 290px; display: inline-block; vertical-align: middle; padding: 10px; }
#e_conteudo .e_area_obras_mapa .e_area_obras .e_obra .e_cont_obra { background: #fff; height: 270px; padding: 20px; border-radius: 3px; text-align: center; }
#e_conteudo .e_area_obras_mapa .e_area_obras .e_obra .e_cont_obra .e_area_img_obra { width: 50px; height: 50px; line-height: 50px; background: #0f7fb7; border-radius: 100%; margin: auto; margin-bottom: 10px; text-align: center; color: #fff; font-size: 20px; }
#e_conteudo .e_area_obras_mapa .e_area_mapa { width: 33.33%; height: 270px; display: inline-block; vertical-align: middle; border-radius: 5px; overflow: hidden; }
/* L1 */
#e_conteudo .e_area_obras_mapa.l1 .e_area_mapa { width: 50%; }
#e_conteudo .e_area_obras_mapa.l1 .e_area_obras { width: 50%; }
#e_conteudo .e_area_obras_mapa.l1 .e_area_obras .e_obra { width: 100%; }
/* L2 */
#e_conteudo .e_area_obras_mapa.l2 .e_area_obras .e_obra { width: 50%; }
@media(max-width: 900px){
	#e_conteudo .e_area_relatorio_obras { display: none; }
	#e_conteudo .e_area_obras_mapa .e_area_obras { width: 100%; }
	#e_conteudo .e_area_obras_mapa .e_area_mapa { width: 100%; }
}
@media(max-width: 730px){
	#e_conteudo .e_area_obras_mapa .e_area_obras .e_obra { width: 100%; }
}
@media(max-width: 600px){
	#e_conteudo .e_area_obras_mapa.l1 .e_area_mapa { width: 100%; }
	#e_conteudo .e_area_obras_mapa.l1 .e_area_obras { width: 100%; }
}
@media(max-width: 500px){
	#e_conteudo .e_area_obras_mapa.l2 .e_area_obras .e_obra { width: 100%; }
}