@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 */
#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 #onda{width:30px; height:50px; float:left; padding-top:16px;}
#previsao #onda_dados{height:50px; float:left; width:50px; padding-top:16px;}
#previsao #praia_dados{ margin-left:30px;}
#previsao #praia_dados span{ margin:0 35px 5px 0;}
#previsao .uvBaixo{color:#0033CC; font-size:16px;}
#previsao .uvModerado{color:#009900; font-size:16px;}
#previsao .uvAlto{color:#FFFF00; font-size:16px;}
#previsao .uvMuitoAlto{color:#FF9900; font-size:16px;}
#previsao .uvExtremo{color:#FF0000; font-size:16px;}
#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;}
.nivel{float:left; width:57px; padding-left:30px; color:#000;}

/* NO LITORAL */
.mm{float:left; width:25px; text-align:center; color:#000; font-size:12px;}
#ver_animacao{width:100px; margin-left:160px;}