@charset "utf-8";

/* PREVISÃO DO TEMPO */
#e_conteudo .e_area_previsao_tempo {width: 100%; background: #efefef; margin: 20px 0; font-size: 0;}
#e_conteudo .e_area_previsao_tempo .e_conteudo_interno {padding: 20px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_tempo {width: 370px; display: inline-block; vertical-align: middle; margin-right: 30px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_tempo .e_img_title_tempo {width: 180px; height: 162px; display: inline-block; vertical-align: middle;}
#e_conteudo .e_area_previsao_tempo .e_titulo_tempo .e_previsao_agora {width: 190px; display: inline-block; vertical-align: middle; text-align: right; padding: 10px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_tempo .e_previsao_agora .e_cidade_prev {background: #f7f7f7; border-radius: 4px; box-shadow: 0 1px 2px 0 #e5e5e5; padding: 5px 10px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_tempo .e_previsao_agora .e_cidade_prev .e_cidade {display: block; font-size: 18px; color: #ff3b3f; letter-spacing: -0.5px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_tempo .e_previsao_agora .e_cidade_prev .e_agora_prev {display: block; font-size: 12px; color: #77838c; text-transform: uppercase; letter-spacing: 2px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_tempo .e_previsao_agora .e_cont_prev_agora {margin: 10px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_tempo .e_previsao_agora .e_cont_prev_agora .e_temp_prev {display: inline-block; vertical-align: middle; font-size: 30px; color: #676f73;}
#e_conteudo .e_area_previsao_tempo .e_titulo_tempo .e_previsao_agora .e_cont_prev_agora .e_img_temp {width: 80px; height: 80px; display: inline-block; vertical-align: middle;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao {width: 730px; width: calc(100% - 400px); height: 175px; position: relative; display: inline-block; vertical-align: middle;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_barra_prev_tempo {position: absolute; top: 0; left: 0; bottom: 0; right: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_previsao_tempo {width: 140px; height: 165px; position: relative; display: inline-block; vertical-align: top; text-align: center; margin-right: 60px;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_previsao_tempo .e_data_prev {display: block; font-size: 12px; color: #676f73; text-transform: uppercase; letter-spacing: 2px; margin: 10px 0;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_previsao_tempo .e_img_prev {width: 90px; height: 90px; margin: 0 auto; background: #2e3a43; background: linear-gradient(45deg, #2d3840, #3a4c59); border-radius: 100%; padding: 15px;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_previsao_tempo .e_img_prev img {}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_previsao_tempo .e_cont_prev_temp {position: absolute; left: 0; right: 0; bottom: 15px; background: #fff; border: solid 1px #ebebeb; border-radius: 5px; padding: 5px 10px;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_previsao_tempo .e_cont_prev_temp .e_prev_min {display: inline-block; vertical-align: top; font-size: 11px; color: #9fa6ab; text-transform: uppercase; letter-spacing: 1px; margin-right: 10px;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_previsao_tempo .e_cont_prev_temp .e_prev_min .e_fredoka {display: inline-block; vertical-align: middle; font-size: 18px; color: #52b2f7; letter-spacing: normal; margin-right: 3px;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_previsao_tempo .e_cont_prev_temp .e_prev_max {display: inline-block; vertical-align: top; font-size: 11px; color: #9fa6ab; text-transform: uppercase; letter-spacing: 1px;}
#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao .e_previsao_tempo .e_cont_prev_temp .e_prev_max .e_fredoka {display: inline-block; vertical-align: middle; font-size: 18px; color: #ff3b3f; letter-spacing: normal;}

@media (max-width: 600px) {	
	/* PREVISÃO DO TEMPO */
	#e_conteudo .e_area_previsao_tempo .e_titulo_tempo {width: 100%; text-align: center; margin-right: 0; margin-bottom: 30px;}
	#e_conteudo .e_area_previsao_tempo .e_conteiner_previsao {width: 100%;}
}

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