@charset "utf-8";

/* PREVISAO DO TEMPO */
#e_conteudo .e_area_previsao_tempo { padding:20px; }
#e_conteudo .e_area_previsao_tempo .e_titulo_previsao { position: relative; float: left; width:300px;}
#e_conteudo .e_area_previsao_tempo .e_titulo_previsao .e_titulo_padrao { position: absolute; top: 60px; left: 80px; text-align: right;}
#e_conteudo .e_area_previsao_tempo .e_cont_slide_previsao { width:calc(100% - 300px); float:right }
#e_conteudo .e_area_previsao_tempo .e_cont_previsao { padding:10px; text-align: center;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao { width:182px; height: 182px; padding:3px; background: #eceff2;  border-radius: 100%; margin: auto; position: relative;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao .e_padding_previsao { width:100%; height: 100%; border-radius: 100%; background:linear-gradient(#046696, #2c94c6); padding:5px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao .e_padding_previsao .e_conteudo_previsao { background:#eceff2; border-radius:100%; width:100%; height: 100%;  }
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao_img  { width:80px; height:80px; position: relative; overflow: hidden; display: inline-block}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao_img img { position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height: 100%;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao .e_previsao_dia {color: #479edf; font-size: 16px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao .e_previsao_data {color: #647983; font-size: 14px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao .e_temperatura { font-size: 18px; margin-top:5px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao .e_temperatura span {color: #41b0ea; margin:0 10px;}
#e_conteudo .e_area_previsao_tempo .e_cont_previsao .e_previsao .e_temperatura span:last-child {color: #eb7a00;}
@media(max-width:800px) {
    #e_conteudo .e_area_previsao_tempo .e_titulo_previsao { display:none;}
    #e_conteudo .e_area_previsao_tempo .e_cont_slide_previsao { width:100%;}

}