@charset "utf-8";

/* PREVISÃO DO TEMPO */
#e_conteudo .p_area_previsao_tempo { padding: 35px 20px; padding-bottom:45px; font-size: 0; }

#e_conteudo .p_area_previsao_tempo .p_titulo_previsao_tempo { font-size: 22px; color: #383838; }
#e_conteudo .p_area_previsao_tempo .p_data_prev_tempo { font-size: 16px; color: #ad0b0b; margin-bottom: 3px; margin-top: 10px; }
#e_conteudo .p_area_previsao_tempo .p_info_prev_tempo { font-size: 13px; color: #333; }
#e_conteudo .p_area_previsao_tempo .p_info_prev_tempo .p_prev_min { color: #39addd; }
#e_conteudo .p_area_previsao_tempo .p_info_prev_tempo .p_prev_max { color: #dd3939; }
#e_conteudo .p_area_previsao_tempo .p_info_prev_tempo .p_prev_iuv {}
#e_conteudo .p_area_previsao_tempo img { border: 0 !important; margin: 0 !important; }
/* PREVISÃO ATUAL */
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_atual { width: 300px; display: inline-block; vertical-align: top; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_atual .p_area_info_prev_tempo { display: inline-block; vertical-align: middle; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_atual .p_area_img_prev_tempo { display: inline-block; vertical-align: middle; margin-left: 30px; }
/* PREVISÕES FUTURAS */
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras { width: 850px; width: calc(100% - 300px); height: 100px; display: inline-block; vertical-align: top; position: relative; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_cont_prev_tempo_futuras { position: absolute; left: 0; top: 0; right: 0; bottom: 0; white-space: nowrap; overflow-y: auto; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura { display: inline-block; margin-right: 20px; padding: 10px; background: #f2f5f6; border: solid 1px #ccc; border-radius: 5px; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura:last-child { margin-right: 0; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_data_prev_tempo_futura { width: 55px; height: 50px; display: inline-block; vertical-align: middle; background: #ebf0f1; border: solid 1px #ccc; border-radius: 1px; padding: 3px; text-align: center; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_data_prev_tempo_futura .p_dia_semana_prev_tempo { display: table; margin: 0 auto; font-size: 9px; color: #ad0b0b; letter-spacing: 0.5px; border-bottom: solid 1px #ccc; padding: 1px 5px; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_data_prev_tempo_futura .p_dia_prev_tempo { font-size: 25px; color: #444; margin-top: 2px; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_info_prev_futura { display: inline-block; vertical-align: middle; padding: 0 10px; }
#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_img_prev_tempo_futura { display: inline-block; vertical-align: middle; margin-top: 2px; }


@media (max-width: 800px) {
    /* PREVISÃO DO TEMPO */
	/* PREVISÃO ATUAL */
	#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_atual { width: auto; display: table; margin: 5px auto; text-align: center; }
	#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_atual .p_area_info_prev_tempo { text-align: left; }
	/* PREVISÕES FUTURAS */
	#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras { width: 100%; margin-top: 10px; }
	#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_cont_prev_tempo_futuras { position: absolute; left: 0; top: 0; right: 0; bottom: 0; white-space: nowrap; overflow-y: auto; }
	#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura { display: inline-block; margin-right: 20px; padding: 10px; background: #f2f5f6; border: solid 1px #ccc; border-radius: 5px; }
	#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_data_prev_tempo_futura { width: 55px; height: 50px; display: inline-block; vertical-align: middle; background: #ebf0f1; border: solid 1px #ccc; border-radius: 1px; padding: 3px; text-align: center; }
	#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_data_prev_tempo_futura .p_dia_semana_prev_tempo { display: table; margin: 0 auto; font-size: 9px; color: #ad0b0b; letter-spacing: 0.5px; border-bottom: solid 1px #ccc; padding: 1px 5px; text-transform: uppercase; }
	#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_data_prev_tempo_futura .p_dia_prev_tempo { font-size: 25px; color: #444; margin-top: 2px; }
	#e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_info_prev_futura { display: inline-block; vertical-align: middle; padding: 0 10px; }
    #e_conteudo .p_area_previsao_tempo .p_area_prev_tempo_futuras .p_prev_tempo_futura .p_area_img_prev_tempo_futura { display: inline-block; vertical-align: middle; margin-top: 2px; }
}