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

/* BACKGROUND CLICAVEL */
#container{margin:-855px auto 0 auto; height:auto; background:#fff;}
#bannerClicavel{
    width: 100%;
    height: 855px;
    left: 0px;
    top: 0px;
}

#bannerClicavel .descricaoPeca {
    visibility:hidden;
    left: 0px;
    top: 0px;
    position:absolute;
}

#bannerClicavel .linkPeca{
	width: 100%;
	height: 855px;
	display: block;
}


/* PREVISAO */
#definir_padrao{float:right; margin-top:8px;}
#previsao{border:1px #e2e2e2 solid; margin-top:5px; clear:both;}
#previsao .cabecalho{background-color:#f9f9f9; height:30px; margin-bottom:10px; text-align:left; padding:0 3px 0 3px;font-size:11px; font-weight:bold;}
#previsao .cabecalho .data{ float:left; margin-top:7px;}
#previsao .cabecalho .sol{ float:right; margin-top:3px;}
#previsao .icones{float:left; width:47px; height:57px; text-align:center; font-size:10px;}
#previsao #temperatura{width:80px; height:50px; float:left;}
#previsao #temperatura #min{color:#0283c7; height:30px; text-align:center; font-size:24px; font-weight:bold;}
#previsao #temperatura #max{color:#c00000; height:30px; text-align:center; font-size:24px; font-weight:bold;}
#previsao #prob{width:25px; height:50px; float:left; padding-top:16px;}
#previsao #prob_dados{height:50px; float:left; width:40px; padding-top:16px;}
#previsao #vento{width:25px; height:50px; float:left; padding-top:16px;}
#previsao #vento_dados{height:50px; float:left; width:40px; padding-top:16px;}
#previsao #ur{width:30px; height:50px; float:left; padding-top:16px;}
#previsao #ur_dados{height:50px; float:left; width:50px; padding-top:16px;}
#previsao #veja_mais{ margin-left:3px;}
#previsao #frase{clear:both; margin:0 3px 7px 3px;}
#previsao .mtn{font-size:11px;text-align:center;}
#previsao .titulo{padding-left:3px; font-size:11px; font-weight:bold;}
#previsao .alt{background-color:#FBFBFB;}

/* TEMPO NO MOMENTO */
#momento{border:1px #e2e2e2 solid; display:block; height:90px; margin-bottom:5px;}
#momento .data{background-color:#f9f9f9; margin-bottom:5px; padding-left:3px; font-weight:bold; height:25px; line-height:1.9em;}
#momento li{ width:200px; float:left; margin-left:2px; font-size:10px;}
#momento span{ font-weight:bolder; font-size:11px;}

/* TENDENCIA PARA OS PROXIMOS DIAS */
#tendencia{width:437px; height:340px;}
#tendencia .box_tendencia{border:1px #e2e2e2 solid; float:left; height:295px; width:80px; margin:0 6px 0 7px;}
#tendencia .box_sel{background-color:#f9f9f9; margin:0;}
#tendencia .data{margin-left:12px; width:81px;}
#tendencia .icones{padding-left:22px;}
#tendencia #temperatura #min{color:#0283c7; height:20px; text-align:center; font-size:16px; font-weight:bold;}
#tendencia #temperatura #max{color:#c00000; height:20px; text-align:center; font-size:16px; font-weight:bold;}
#tendencia #prob_dados{ width:65px; height:30px; margin:5px 0 0 12px;}
#tendencia #frase{clear:both; text-align:center; width:77px; margin:10px 1px 0 1px;}
#tendencia .obs{ width:430px;}

/* CIDADE E CEP */
#outras_cidades{border:1px #e2e2e2 solid; background-color:#fbfbfb; margin-top:5px;}
#outras_cidades h3{ font-size:15px;}
#outras_cidades .cidade_cep{margin-right:2px; height:17px; font-size:12px; color:#aaa;}

/* BOX NA REGIÃO */
#regiao{display:table; height:100%;}
#regiao img{float:left; margin-right:5px;}
#veja_outras{clear:left; font-size:12px;}

/* BOX LITORAL */
#litoral{display:table; height:100%;}
#litoral img{float:left; margin-right:5px;}
#veja_outras{clear:left; font-size:12px;}

/* FASES DA LUA */
#faseslua{height:140px;}
#faseslua .ico_faseslua{float:left; width:105px; height:85px; text-align:center; margin-right:1px; margin-bottom:5px;}
#faseslua .lua_per{width:105px; height:13px; background-color:#efedee; font-size:10px; font-weight:bold; padding-top:1px; margin-bottom:5px;}
#faseslua #ico_lua_sel{float:left; width:105px; text-align:center; margin-right:1px; margin-bottom:10px; background:#f7f7f7;}
#faseslua #lua_per_sel{background:#d5d5d5; width:105px; height:13px; font-size:10px; font-weight:bold; padding-top:1px; margin-bottom:5px;}

/* PREVISAO NO CELULAR */
#previsao_celular{ display:table}