@charset "utf-8";

/* PREVISÃO DO TEMPO */
#e_conteudo .e_area_previsao_tempo { padding: 20px; text-align: left; }
#e_conteudo .e_area_previsao_tempo .e_titulo_prev_tempo { width: 100%; max-width: 280px; float: left; padding: 20px; position: relative; }
#e_conteudo .e_area_previsao_tempo .e_titulo_prev_tempo img { position: relative; z-index: 1; }
#e_conteudo .e_area_previsao_tempo .e_titulo_prev_tempo:before { content: ""; width: 100%; width: 100vw; height: 100%; background: #fff; border-radius: 100px; position: absolute; top: 0; right: 40px; }
/* PREVISÕES */
#e_conteudo .e_area_previsao_tempo .e_area_previsoes { width: calc(100% - 280px); height: 130px; float: left; position: relative; }
#e_conteudo .e_area_previsao_tempo .e_area_previsoes .e_cont_barra { width: 100%; height: 100%; position: absolute; top: 0; left: 0; white-space: nowrap; overflow-x: scroll; }
#e_conteudo .e_area_previsao_tempo .e_area_previsoes .e_prev_tempo { height: 100px; display: inline-block; vertical-align: top; background: #fff; border-radius: 5px; margin-left: 20px; margin-right: 25px; }
#e_conteudo .e_area_previsao_tempo .e_area_previsoes .e_prev_tempo:last-child { margin-right: 0; }
#e_conteudo .e_area_previsao_tempo .e_area_previsoes .e_prev_tempo .e_area_img_prev_tempo { width: 70px; height: 70px; display: inline-block; background: #3079c2; border-radius: 5px; margin-left: -20px; margin-top: 15px }
#e_conteudo .e_area_previsao_tempo .e_area_previsoes .e_prev_tempo .e_area_info_prev_tempo { display: inline-block; vertical-align: top; padding: 25px 20px; text-align: center; white-space: normal; }
#e_conteudo .e_area_previsao_tempo .e_area_previsoes .e_prev_tempo .e_area_info_prev_tempo .e_data_prev { font-size: 12px; color: #516070; text-transform: uppercase; letter-spacing: .5px; }
#e_conteudo .e_area_previsao_tempo .e_area_previsoes .e_prev_tempo .e_area_info_prev_tempo .e_data_prev strong { font-size: 12px; color: #2c4157;margin: 2px 0; letter-spacing: 0; vertical-align: baseline; margin-left: 7px }
#e_conteudo .e_area_previsao_tempo .e_area_previsoes .e_prev_tempo .e_area_info_prev_tempo .e_info_prev { display: inline-block; vertical-align: middle; margin: 5px; font-size: 25px; color: #3079c2; }
#e_conteudo .e_area_previsao_tempo .e_area_previsoes .e_prev_tempo .e_area_info_prev_tempo .e_info_prev.e_prev_max { color: #e33c26; }

@media (max-width: 800px) {
	/* PREVISÃO DO TEMPO */
	#e_conteudo .e_area_previsao_tempo .e_titulo_prev_tempo { float: none; margin: auto; }
	/* PREVISÕES */
	#e_conteudo .e_area_previsao_tempo .e_area_previsoes { width: auto; float: none; margin-top: 20px; }
}