@charset "utf-8";

/* PREVISÃO DO TEMPO */
#e_conteudo .e_area_previsao_tempo {width: 100%; position: relative; overflow: hidden; padding: 20px; font-size: 0;}
#e_conteudo .e_area_previsao_tempo::before {content: ""; width: 100%; height: 120px; position: absolute; top: 30px; left: 0; background: #dde2e8; z-index: 0;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_previsao {width: 290px; position: relative; z-index: 2; display: inline-block; vertical-align: middle; margin-right: 20px;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_previsao .e_area_img_prev {width: 140px; height: 140px; display: inline-block; vertical-align: middle; border-radius: 100%; border: solid 5px #dde2e8; background: #fff; overflow: hidden; text-align: center; margin-right: 10px;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_previsao .e_area_img_prev img {padding-top: 22px;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_previsao .e_titulo_previsao {display: inline-block; vertical-align: middle; text-align: right;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_previsao .e_titulo_previsao .e_Corsa_grotesk_light {color: #444; font-size: 22px; letter-spacing: -1px;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_previsao .e_titulo_previsao .e_Corsa_grotesk_xbold {color: #444; font-size: 22px; text-transform: uppercase; letter-spacing: -1px; margin-top: -7px;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_previsao .e_titulo_previsao .e_cidade_prev {font-size: 14px; color: #058fe0; text-transform: uppercase; letter-spacing: -0.5px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo {width: 820px; width: calc(100% - 310px); height: 118px; position: relative; display: inline-block; vertical-align: middle;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_cont_barra_previsao {position: absolute; top: 10px; left: 0; right: 0; bottom: 0; overflow-y: hidden; overflow-x: scroll; white-space: nowrap;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_previsao_tempo {width: 180px; height: 90px; border-radius: 4px; background: rgba(255,255,255,0.5); border-bottom: solid 1px #ced7e2; display: inline-block; vertical-align: top; text-align: center; margin-right: 30px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_previsao_tempo:last-child {margin-right: 0;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_previsao_tempo .e_dia_previsao {height: 35px; border-radius: 4px; background: rgba(255,255,255,0.5); line-height: 35px; font-size: 12px; color: #666; border-bottom: solid 1px #ced7e2;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_previsao_tempo .e_cont_previsao {}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_previsao_tempo .e_cont_previsao .e_img_prev {display: inline-block; vertical-align: middle; margin: 7px 15px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_previsao_tempo .e_cont_previsao .e_prev_tempo {display: inline-block; vertical-align: middle;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_previsao_tempo .e_cont_previsao .e_prev_tempo .e_prev_max {font-size: 22px; color: #f67c04; display: inline-block; vertical-align: top; margin-top: -3px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_previsao_tempo .e_cont_previsao .e_prev_tempo .e_prev_min {font-size: 11px; color: #549cfe; display: inline-block; vertical-align: top;}

@media (max-width: 600px) {	
	/* PREVISÃO DO TEMPO */
	#e_conteudo .e_area_previsao_tempo .e_area_titulo_previsao {width: 100%; text-align: center; margin-bottom: 10px;}
	#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo {width: 100%;}
}