html { height: 100%;} /*overflow-y - aparece sempre scroll Y*/
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}
a.noaa:link {font-family: Tahoma, Arial; font-size:14px; color:#e06400; text-align:center; font-weight:bold; display: inline;}
a.noaa:active {font-family: Tahoma, Arial; font-size:14px; color:#e06400; text-align:center; font-weight:bold; display: inline;}
a.noaa:visited {font-family: Tahoma, Arial; font-size:14px; color:#e06400; text-align:center; font-weight:bold; display: inline;}
a.noaa:hover {font-family: Tahoma, Arial; font-size:14px; color:#e06400; text-align:center; font-weight:bold; display: inline;}
body{
background-color: #fff; /* Branco */
font-family: Arial, Calibri;
width: 100%;
margin: 0px;
text-align: center;
position: relative;
padding: 0px;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}
#mainOutput{
width: 100%;
text-align:left;
background-color:#fff;
}
/*Estilos Fontes*/
h1 { font-family: Tahoma, Arial; font-size:20px;}
h2 { font-family: Tahoma, Arial; font-size:14px; color:#e06400; text-align:center; display: inline;}
h3 { font-family: Tahoma, Arial; font-size:14px; color:#c0c0c0; text-align:center; display: inline;}
p.center { text-align:center;}
p.noaahead { font-family: Tahoma, Arial; font-size:14px; color:#000000; text-align:center; font-weight:bold; display: inline;}
p.footer1 { font-family: Tahoma, Arial; font-size:10px; color:#000E60; text-align:center;}
p.erro1 { font-family : Tahoma, Arial; font-size:12px; color:#FF0000; text-align:center;}
p.text1 { font-family : Tahoma, Arial; font-size:12px; color:#000000; text-align:center;}
p.text1b { font-family : Tahoma, Arial; font-size:12px; color:#000000; font-weight:bold; text-align:center;}
p.text2 { font-family: Tahoma, Arial; font-size:12px; color:#FF0000;}
p.text3 { font-family: Tahoma, Arial; font-size:14px; color:#FF0000;}
p.text4b { font-family: Tahoma, Arial; font-size:16px; color:#000000; font-weight:bold;}
p.text5b { font-family: Tahoma, Arial; font-size:16px; color:#FF0000; font-weight:bold;}
p.texteficazc {font: 13px Tahoma, Arial; color: #e06400; text-align:center;}
p.texteficaz {font: bold 14px Tahoma, Arial; color: #e06400;}
p.contruir { font-family: Tahoma, Arial; font-size:16px; color:#000; font-weight:bold; text-align:center;}
/*Botões*/
input.btn1ON { text-align:left; color:#000e60; font: 13px Tahoma, Arial; background-color:#ef6b00; border:1px dotted; border-color:#ef6b00; border-bottom-color:#fff; width: 200px; margin-left: 15px;}
input.btn1 { text-align:left; color:#fff; font: 13px Tahoma, Arial; background-color:#ef6b00; border:1px dotted; border-color:#ef6b00; border-bottom-color:#fff; width: 200px; margin-left: 15px;}
input.btnaviso { text-align:left; color:#000; font: bold 10px Tahoma, Arial; background-color:#ef6b00; border:1px solid; border-color: #ef6b00; width: 229px;}
input.btncomment { text-align:center; color:#000; font: bold 13px Tahoma, Arial; background-color:#FFD4BA; border:1px solid; border-color:#000; width: 150px; height: 30px;}
/*Tabelas*/
table.sendertable { text-align: center; width: 460px; margin-left: auto; margin-right: auto;}
tr.sendertable { }
td.senderleft { text-align: left; font-family: Tahoma, Arial; font-size: 12px; width: 400px;}
td.senderright { text-align: left; font-family: Tahoma, Arial; font-size: 12px; width: 60px; font-weight:bold;}
table.timetable { text-align: center; width: 228px; margin-left: auto; margin-right: auto;}
tr.timetable { }
td.timeleft { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #404040; width: 110px; font-weight:bold;}
td.timeright { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #404040; width: 118px; font-weight:bold;}
table.datatable { text-align: center; width: 100%; margin-left: auto; margin-right: auto;}
tr.datatable { }
td.dataaviso { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #FFFFFF; width: 100%; font-weight:bold; background-color:#007F0E;}
td.dataavisoerro { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #404040; width: 100%; font-weight:bold; background-color:#fff;}
td.dataavisotitleAmarelo { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000; width: 100%; font-weight:bold; background-color:#FFD800;}
td.dataavisotitleLaranja { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000; width: 100%; font-weight:bold; background-color:#FF6A00;}
td.dataavisotitleVermelho { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000; width: 100%; font-weight:bold; background-color:#FF0000;}
td.dataavisoAmarelo { text-align: center; font-family: Tahoma, Arial; font-size: 10px; color: #404040; width: 100%; font-weight:bold; background-color:#FFD800;}
td.dataavisoLaranja { text-align: center; font-family: Tahoma, Arial; font-size: 10px; color: #404040; width: 100%; font-weight:bold; background-color:#FF6A00;}
td.dataavisoVermelho { text-align: center; font-family: Tahoma, Arial; font-size: 10px; color: #404040; width: 100%; font-weight:bold; background-color:#FF0000;}
table.values1table { text-align: center; width: 100%; margin-left: auto; margin-right: auto; background-color:#D7D7D7; border-top:1px solid #FFF;}
table.values2table { text-align: center; width: 100%; margin-left: auto; margin-right: auto; background-color:#E9E9E9; border-top:1px solid #FFF;}
table.values1tablefull { text-align: center; width: 100%; margin-left: auto; margin-right: auto; background-color:#D7D7D7;}
table.values2tablefull { text-align: center; width: 100%; margin-left: auto; margin-right: auto; background-color:#E9E9E9;}
tr.valuestable { }
td.valuestitle { text-align: left; font-family: Tahoma, Arial; font-size: 14px; color: #000000; width: 100%; font-weight:bold;}
td.valuesdate { text-align: center; font-family: Tahoma, Arial; font-size: 11px; color: #404040; width: 50%; font-weight:bold;}
td.valuesdesc { text-align: left; font-family: Tahoma, Arial; font-size: 14px; color: #404040; width: 330px; font-weight:bold; padding-left:100px;}
td.valuesdescr { text-align: right; font-family: Tahoma, Arial; font-size: 14px; color: #404040; width: 330px; font-weight:bold; padding-left:100px;}
td.valuesdescrnotmain { text-align: right; font-family: Tahoma, Arial; font-size: 14px; color: #404040; width: 330px; padding-left:100px;}
td.valuesdescfull { text-align: left; font-family: Tahoma, Arial; font-size: 14px; color: #404040; width: 100%; font-weight:bold; padding-left:100px;}
td.valuesdescnotmain { text-align: left; font-family: Tahoma, Arial; font-size: 14px; color: #404040; width: 330px; padding-left:100px;}
td.valuesdescfullnotmain { text-align: left; font-family: Tahoma, Arial; font-size: 14px; color: #404040; width: 100%; padding-left:100px;}
td.valuesmain { text-align: right; font-family: Tahoma, Arial; font-size: 18px; color: #404040; width: 195px; font-weight:bold;}
td.valuesnotmain { text-align: right; font-family: Tahoma, Arial; font-size: 14px; color: #404040; width: 195px;}
td.valuesred { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #FF0000; width: 195px;}
td.valuesblue { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #0000FF; width: 195px;}
td.valuesmainrain { text-align: center; font-family: Tahoma, Arial; font-size: 18px; color: #404040; width: 125px; font-weight:bold;}
td.valuesnotmainrain { text-align: center; font-family: Tahoma, Arial; font-size: 14px; color: #404040; width: 105px;}
table.ultimosgrey { text-align: center; width: 100%; margin-left: auto; margin-right: auto; background-color:#D7D7D7; border-top:1px solid #FFF;}
table.ultimos { text-align: center; width: 100%; margin-left: auto; margin-right: auto; background-color:#fff; border-top:1px solid #FFF;}
tr.ultimos { }
td.ultimos35 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 35px;}
td.ultimos45 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 45px;}
td.ultimos60 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 60px;}
td.ultimos70 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 70px;}
td.ultimos75 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 75px;}
td.ultimos80 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 80px;}
td.ultimos90 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 90px;}
td.ultimos100 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 100px;}
td.ultimos110 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 110px;}
td.ultimos120 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 120px;}
td.ultimos130 { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 130px;}
td.ultimosc25 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 25px;}
td.ultimosc35 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 35px;}
td.ultimosc40 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 40px;}
td.ultimosc45 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 45px;}
td.ultimosc60 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 60px;}
td.ultimosc70 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 70px;}
td.ultimosc75 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 75px;}
td.ultimosc80 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 80px;}
td.ultimosc85 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 85px;}
td.ultimosc90 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 90px;}
td.ultimosc100 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 100px;}
td.ultimosc120 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 120px;}
td.ultimosc130 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 130px;}
td.ultimoslegsmall { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 70px; font-weight:bold;}
td.ultimosleglarge { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 455px;}
table.noaa { text-align: center; width: 525px; margin-left: auto; margin-right: auto; background-color:#fff; border-top:1px solid #FFF;}
tr.noaa { }
td.noaa1 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 5%;}
td.noaa2 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 5%;}
td.noaa3 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 18%;}
td.noaa4 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 18%;}
td.noaa5 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 7%;}
td.noaa6 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 9%;}
td.noaa7 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 21%;}
td.noaa8 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 5%;}
td.noaa9 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 5%;}
td.noaa10 { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 7%;}
td.noaa1d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 4%;}
td.noaa2d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 7%;}
td.noaa3d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaa4d { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 9%;}
td.noaa5d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 7%;}
td.noaa6d { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 10%;}
td.noaa7d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 7%;}
td.noaa8d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 9%;}
td.noaa9d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaa10d { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 10%;}
td.noaa11d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 7%;}
td.noaa12d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 7%;}
td.noaa13d { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 7%;}
td.noaa1r { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 30%;}
td.noaa2r { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 25%;}
td.noaa3r { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 45%;}
td.noaa1days { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 20%;}
td.noaa2days { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 11%;}
td.noaa3days { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 70%;}
td.noaa1a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 6%;}
td.noaa2a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 9%;}
td.noaa3a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 9%;}
td.noaa4a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaa5a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaa6a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaa7a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaa8a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 12%;}
td.noaa9a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaa10a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaa11a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaa12a { text-align: right; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 8%;}
td.noaafull { text-align: left; font-family: Tahoma, Arial; font-size: 12px; color: #000000; width: 100%;}
td.noaafullfooter { text-align: left; font-family: Tahoma, Arial; font-size: 10px; color: #000000; width: 100%; font-style:italic;}
/*Linhas*/
hr.divide {background-color: #404040; color: #404040; border: 0; height: 1px; width: 99%;} /*maximo99%*/