@charset "utf-8";

/* PREVISÃO DO TEMPO */
#e_conteudo .e_area_previsao_tempo {width: 100%; background: url(../img/bg_tempo.jpg) no-repeat; background-color: #334962; background-size: cover; background-position: center; font-size: 0;}
#e_conteudo .e_area_previsao_tempo .e_conteudo_interno {padding: 30px 13px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_previsao {width: 100%; height: 70px; background: #6e8095; background: rgba(255,255,255,0.3); border-radius: 4px; margin-bottom: 20px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_previsao .e_cont_titulo_prev {width: 280px; position: relative; display: table; text-align: right; padding: 12px; margin: 0 auto;}
#e_conteudo .e_area_previsao_tempo .e_titulo_previsao .e_cont_titulo_prev .e_img_titulo_prev {width: 75px; height: 50px; position: absolute; left: 15px; top: 6px; z-index: 0;}
#e_conteudo .e_area_previsao_tempo .e_titulo_previsao .e_cont_titulo_prev .e_titulo_prev_tempo {position: relative; z-index: 1; display: block; font-size: 20px; color: #fff; text-transform: uppercase;}
#e_conteudo .e_area_previsao_tempo .e_titulo_previsao .e_cont_titulo_prev .e_cidade_prev {display: block; font-size: 14px; color: #12447c; letter-spacing: -0.5px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual {width: 290px; height: 170px; display: inline-block; vertical-align: top; background: #fff; background: rgba(255,255,255,0.6); text-align: center; margin-right: 2px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_dia_previsao {display: block; line-height: 50px; background: #fff; background: rgba(255,255,255,0.3); font-size: 12px; color: #2e4661;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_prev_atual {display: table; margin: 0 auto; padding: 28px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_prev_atual .e_prev_tempo_atual {display: inline-block; vertical-align: middle;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_prev_atual .e_prev_tempo_atual .e_prev_atual {position: relative;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_prev_atual .e_prev_tempo_atual .e_prev_atual .e_max_prev {font-size: 36px; color: #e4302c; margin-right: 3px; line-height: 40px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_prev_atual .e_prev_tempo_atual .e_prev_atual .e_min_prev {position: absolute; top: 8px; font-size: 18px; color: #2b80dd; line-height: 16px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_prev_atual .e_prev_tempo_atual .e_iuv_prev {display: block; font-size: 13px; color: #4e5764;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_prev_atual .e_img_prev_atual {width: 70px; height: 55px; display: inline-block; vertical-align: middle; margin: 0 10px;}
#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura {width: 850px; width: calc(100% - 295px); height: 170px; position: relative; display: inline-block; vertical-align: top; background: #fff; background: rgba(255,255,255,0.6);}
#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura .e_cont_barra_prev {position: absolute; top: 0; right: 15px; bottom: 10px; left: 15px; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura .e_cont_barra_prev .e_previsao_futura {width: 170px; height: 130px; display: inline-block; vertical-align: top; background: transparent; text-align: center; border-right: solid 1px #adb1b8;}
#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura .e_cont_barra_prev .e_previsao_futura .e_dia_previsao {display: block; line-height: 50px; background: #fff; background: rgba(255,255,255,0.3); font-size: 12px; color: #2e4661;}
#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura .e_cont_barra_prev .e_previsao_futura .e_prev_futura {display: table; margin: 10px auto;}
#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura .e_cont_barra_prev .e_previsao_futura .e_prev_futura .e_prev_atual {position: relative;}
#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura .e_cont_barra_prev .e_previsao_futura .e_prev_futura .e_prev_atual .e_max_prev {font-size: 28px; color: #e4302c; margin-right: 3px; line-height: 36px;}
#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura .e_cont_barra_prev .e_previsao_futura .e_prev_futura .e_prev_atual .e_min_prev {position: absolute; top: 8px; font-size: 16px; color: #2b80dd; line-height: 14px;}
#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura .e_cont_barra_prev .e_previsao_futura .e_prev_futura .e_img_prev_atual {width: 50px; height: 35px; display: inline-block; vertical-align: middle;}

@media (max-width: 480px) {	
	/* PREVISÃO DO TEMPO */
	#e_conteudo .e_area_previsao_tempo .e_previsao_atual {width: 100%; margin-right: 0; margin-bottom: 20px;}
	#e_conteudo .e_area_previsao_tempo .e_cont_prev_futura {width: 100%;}
}