@charset "utf-8";

/* PREVISÃO DO TEMPO */
#e_conteudo .e_area_previsao_tempo {width: 100%; padding: 30px 20px; font-size: 0;}
#e_conteudo .e_area_previsao_tempo .e_conteudo_interno {width: 100%; max-width: 1160px; background: url(../img/bg_previsao_tempo.jpg); background-color: #158c51; background-position: left top; background-repeat: no-repeat; background-size: cover;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_prev_tempo {width: 360px; display: inline-block; vertical-align: middle; padding: 15px;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_prev_tempo .e_img_prev {width: 140px; display: inline-block; vertical-align: middle;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_prev_tempo .e_titulo_prev {width: 190px; width: calc(100% - 140px); display: inline-block; vertical-align: middle; text-align: right;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_prev_tempo .e_titulo_prev .e_titulo_tempo {display: block; font-size: 18px; color: #fff; text-transform: uppercase; padding-bottom: 5px;}
#e_conteudo .e_area_previsao_tempo .e_area_titulo_prev_tempo .e_titulo_prev .e_cidade_prev {display: block; font-size: 14px; color: #fff64b; letter-spacing: 0.5px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo {width: 790px; width: calc(100% - 360px); height: 100px; position: relative; display: inline-block; vertical-align: middle; padding-left: 15px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_cont_barra_prev_tempo {position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo {width: 240px; height: 80px; display: inline-block; vertical-align: top; background: rgba(255,255,255,0.7); border-radius: 4px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25); padding: 5px 20px; margin-right: 30px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo:last-child {margin-right: 0;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo .e_info_tempo {width: 130px; text-align: center; display: inline-block; vertical-align: middle;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo .e_info_tempo .e_data_tempo {font-size: 14px; color: #555;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo .e_info_tempo .e_campo_prev {font-size: 10px; text-transform: uppercase; color: #666; letter-spacing: -1px; padding-top: 5px; margin: 0 10px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo .e_info_tempo .e_campo_prev .e_prev_min {display: inline-block; margin-right: 10px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo .e_info_tempo .e_campo_prev .e_prev_min span {font-size: 20px; color: #12b265; margin-left: 5px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo .e_info_tempo .e_campo_prev .e_prev_max {display: inline-block;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo .e_info_tempo .e_campo_prev .e_prev_max span {font-size: 20px; color: #f29c24; margin-left: 5px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo .e_img_prev {width: 70px; height: 70px; display: inline-block; vertical-align: middle; background: rgba(255,255,255,0.8); border-radius: 100%; text-align: center;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_prev_tempo .e_img_prev img {padding-top: 15px;}

@media (max-width: 600px) {	
	/* PREVISÃO DO TEMPO */
	#e_conteudo .e_area_previsao_tempo .e_area_titulo_prev_tempo {width: 100%; text-align: center;}
	#e_conteudo .e_area_previsao_tempo .e_area_titulo_prev_tempo .e_titulo_prev {text-align: center;}
	#e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo {width: 100%; height: 115px; display: block; padding-left: 0;}
    #e_conteudo .e_area_previsao_tempo .e_cont_previsao_tempo .e_cont_barra_prev_tempo {bottom: 15px;}
}