@charset "utf-8";
/* CSS Document */

/* PREVISÃO DO TEMPO */
#e_conteudo .e_area_previsao_tempo {background-color: #ebedf2;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual {width: 220px; height: 150px; display: inline-block; vertical-align: top; background: #fff; border-radius: 5px; padding: 15px 10px; padding-bottom: 0; margin-right: 20px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_title_previsao {padding: 0 10px; text-align: center; text-transform: uppercase;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_title_previsao .e_cidade_prev {display: block; font-size: 17px; color: #086bb4; line-height: 22px; letter-spacing: .8px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_title_previsao .e_cont_title_prev {text-align: right; padding: 0 10px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_title_previsao .e_cont_title_prev span {color: #7b7b81; font-size: 14px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual {text-align: center;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual .e_img_prev_atual {position: relative; display: inline-block; vertical-align: middle;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual .e_img_prev_atual::before {content: ""; width: 1px; height: 50%; position: absolute; right: 0; top: 25px; background: #dbdce1;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual .e_img_prev_atual img {width: 90px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual .e_cont_prev_atual {width: 100px; display: inline-block; vertical-align: middle; text-align: center; margin-left: 10px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual .e_cont_prev_atual .e_data_atual {display: block; font-size: 12px; text-transform: uppercase; color: #7b7b81;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual .e_cont_prev_atual .e_prev_atual {padding: 5px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual .e_cont_prev_atual .e_prev_atual span {display: inline-block; vertical-align: middle; font-size: 17px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual .e_cont_prev_atual .e_prev_atual .e_prev_min {color: #4bd4f8; margin-right: 10px;}
#e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_cont_previsao_atual .e_cont_prev_atual .e_prev_atual .e_prev_max {color: #fc7f41;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura {width: 850px; width: calc(100% - 240px); height: 150px; display: inline-block; vertical-align: top; background: #fff; border-radius: 5px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura .e_previsao_futura {height: 150px; padding: 0 20px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura .e_previsao_futura .e_img_prev_futura {width: 95px; height: 85px; margin: 0 auto;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura .e_previsao_futura .e_img_prev_futura img {width: 95px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura .e_previsao_futura .e_cont_prev_futura {border-top: solid 1px #dbdce1; text-align: center; padding: 7px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura .e_previsao_futura .e_cont_prev_futura .e_data_futura {display: block; font-size: 12px; text-transform: uppercase; color: #7b7b81;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura .e_previsao_futura .e_cont_prev_futura .e_prev_futura span {display: inline-block; vertical-align: middle; font-size: 17px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura .e_previsao_futura .e_cont_prev_futura .e_prev_futura .e_prev_min {color: #4bd4f8; margin-right: 10px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura .e_previsao_futura .e_cont_prev_futura .e_prev_futura .e_prev_max {color: #fc7f41;}
@media (max-width: 600px) {
    #e_conteudo .e_area_previsao_tempo .e_previsao_atual {width: 100%; margin-right: 0; text-align: center; margin-bottom: 20px;}
    #e_conteudo .e_area_previsao_tempo .e_previsao_atual .e_title_previsao .e_cont_title_prev {text-align: center;}
    #e_conteudo .e_area_previsao_tempo .e_cont_previsao_futura {width: 100%;}
}