body{
	background-color:white;
	background-attachment:fixed;
    background-repeat: no-repeat;
	}

#header{
	width: 950px;
	height: 200px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	align-self: center;
}
	
#logo{
	width: 300px;
	height: 200px;
	margin-left: 15px;
	float: left;
}

#logout{
	font: normal normal bold 20px serif;
	width: 620px;
	height: 30px;
	float: right;
	text-align: right;
   	color:black;
}

#info{
	font: normal normal bold 30px serif;
	width: 600px;
	height: 130px;
	float: right;
	text-align:right;
	color:black;
}



#links{
	width: 950px;
	height:55px;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	align-self: center;
	margin-top:15px;
	border-radius: 20px;
	background: rgba(1, 100, 247, 0.1);
}	


#links_area{
	width: 950px;
	height:50px;
   	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	align-items: center;
	text-align:center;
}	


#link-1{
	margin-top:12px;
	font-size:25px;
	font-weight:bold;
	width:150px;
	height:25px;
	float: left;
	color:black;
	border-right:medium black solid;
}	

#link-2{
	margin-top:12px;
	font-size:25px;
	font-weight:bold;
	width:140px;
	height:25px;
	float: left;
	text-align:center;
	color:black;
	border-right:medium black solid;
}	

#link-3{
	margin-top:12px;
	font-size:25px;
	font-weight:bold;
	width:130px;
	height:25px;
	float: left;
	text-align:center;
	color:black;
	border-right:medium black solid;
}	

#link-4{
	margin-top:12px;
	font-size:25px;
	font-weight:bold;
	width:130px;
	height:25px;
	float: left;
	text-align:center;
	color:black;
	border-right:medium black solid;
}	

#link-7{
	margin-top:12px;
	font-size:25px;
	font-weight:bold;
	width:230px;
	height:25px;
	float: left;
	text-align:center;
	color:black;
	border-right:medium black solid;
}	

#link-8{
	margin-top:12px;
	font-size:25px;
	font-weight:bold;
	width:130px;
	height:25px;
	float: left;
	text-align:center;
	color:black;
}	

#conteudo{
	width: 970px;
	height:910px;
	margin-left: auto;
	margin-right: auto;
	margin-top:25px;
	background: rgba(1, 100, 247, 0.1);
	border-radius: 20px;
}

#conteudo1{
	width:780px;
	height:535px;
 	border:3px black solid; 
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	border-width:10px;
 	border-color: rgba(255,255,255,0.5);
	border-style:solid;
	border-radius:20px;
}

#marcadores{
	width:780px;
	height:20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	text-align:center;
}

#capa{
	font: normal normal bold 30px serif;
	width: 970px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10;
	color:black;
	text-align:center;
}

#capa-rodape{
	font: normal normal bold 15px serif;
	width: 970px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top:25px;
	color:black;
	text-align:center;
	float: left;
}

#estacao_meteorologica{
	font: normal normal bold 20px serif;
	width:760px;
	height:160px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	text-align: center;
	color:blue;
}

#meteoro{
	font: normal normal bold 15px serif;
	width:160px;
	height:125px;
	margin-left:20px;
	color:blue;
	float: left;
 	border:4px black solid;
	border-radius: 20px;
	background-color:white;
}


#Descricao{
	font: normal normal bold 25px serif;
	width: 850px;
	height: auto;
 	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
	color:black;
	text-align:justify;
	background: rgba(1, 100, 247, 0.1);
	border-width:50px;
 	border-color: rgba(255,255,255,0);
	border-style:solid;
	border-radius:20px;
}

#site_estacao{
	width: 954px;
	height: 2500px;
	margin-top: 25px;
	margin-left: auto;
	margin-bottom: 15px;
	margin-right: auto;
	text-align:center;
	border:medium black solid;
	background: rgba(255,255,255,0.5);
	border-width:10px;
 	border-color: rgba(255,255,255,0);
	border-style:solid;
	border-radius:20px;
}

#atualizacao{
	font: normal normal bold 35px Calibri;
	margin-left:2px;
	margin-top: 25px;
	width:1000px;
	height:100px;
	border-bottom:medium black solid;
	
}	

#conteudo1_estacao{
	margin-left:2px;
	width:1000px;
	height:510px;
	border-bottom:medium black solid;
	
}	

#conteudo1-left_estacao{
	width: 500px;
	height: 500px;
	float: left;
}

#conteudo1-right_estacao{
	width: 500px;
	height: 500px;
	float: left;
}

	
#conteudo2_estacao{
	margin-top: 25px;
	margin-left:2px;
	margin-bottom:25px;
	width:1000px;
	height:620px;
	border-bottom:medium black solid;
}	
	
#conteudo2-left_estacao{
	width: 290px;
	height: 600px;
	float: left;
}
#conteudo2-center_estacao{
	width: 330px;
	height: 600px;
	float: left;
}

#conteudo2-right-top_estacao{
	width: 380px;
	height: 300px;
	float: left;
}
#conteudo2-right-botton_estacao{
	width: 380px;
	height: 300px;
	float: left;

}

#texto_distribuicao_chuva{
	width: 1000px;
	height: 50px;
	text-align:center;
}


#site_pista{
	font: normal normal bold 25px serif;
	width: 1004px;
	height: 450px;
	border-top:medium black solid;
	margin-top: 25px;
	margin-left: auto;
	margin-bottom: 15px;
	margin-right: auto;
	text-align:center;
}


#aviso_estacao{
	font-size:20px;
	text-align:justify;	
	margin-top:40px;
	margin-left:5px;
	width: 995px;
	height: 100px;
}




#site_meteograma{
	font: normal normal bold 25px serif;
	width: 1000px;
	height: 3700px;
	margin-top: 30px;
	margin-left: auto;
	margin-bottom: 15px;
	margin-right: auto;
	text-align:center;
	background-color: #FFFFFF;
	background: rgba(255,255,255,0.5);
	border-width:10px;
 	border-color: rgba(255,255,255,0);
	border-style:solid;
	border-radius:20px;

}

#titulo_meteograma{
	font: normal normal bold 25px serif;
	margin-top: 10px;
	width: 1000px;
	height: 50px;
	text-align:center;
}
#consulta_meteograma{
	font: normal normal bold 25px serif;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	height: 160px;
	text-align:center;
	border:2px black solid;
}

#consulta_meteograma select{
	font: normal normal bold 24px serif;
}

#consulta_meteograma input {
	font: normal normal bold 24px serif;
} 


#erro_data{
	font-size:22px;
	color:red;
}	


#graficos_meteograma{
	font: normal normal bold 25px serif;
	margin-top: 20px;
	width: 1000px;
	height: 3500px;
	text-align:center;
	border-top:2px black solid;
	color:black;
}

#detalhes_graficos{
	margin-top: 20px;
	width: 1000px;
	height: 140px;
	text-align:center;
}



#grafico_temp{
	width: 1000px;
	height: 520px;
	border-top:2px black solid;
	background-color:white;
}
#texto_temp{
	font: normal normal bold 25px serif;
	margin-top: 10px;
	width: 1000px;
	height: 10px;
	text-align:center;
}


#grafico_hmdt{
	width: 1000px;
	height: 520px;
	background-color:white;
}
#texto_hmdt{
	font: normal normal bold 25px serif;
	margin-top: 10px;
	width: 1000px;
	height: 10px;
	text-align:center;
}

#grafico_press{
	width: 1000px;
	height: 520px;
	background-color:white;
}
#texto_press{
	font: normal normal bold 25px serif;
	margin-top: 10px;
	width: 1000px;
	height: 10px;
	text-align:center;
}

#grafico_ws{
	width: 1000px;
	height: 520px;
	background-color:white;
}
#texto_ws{
	font: normal normal bold 25px serif;
	margin-top: 10px;
	width: 1000px;
	height: 10px;
	text-align:center;
}
#grafico_rosa{
	width: 1000px;
	height: 530px;
	background-color:white;
}
#texto_rosa{
	font: normal normal bold 25px serif;
	width: 1000px;
	height: 40px;
	text-align:center;
}
#grafico_chuva{
	width: 1000px;
	height: 500px;
	background-color:white;
}
#texto_chuva{
	font: normal normal bold 25px serif;
	width: 1000px;
	height: 25px;
	text-align:center;
}
#rodape_chuva{
	font: normal normal bold 25px serif;
	width: 1000px;
	height: 25px;
	text-align:center;
}


#fotos_meteorologicas{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: auto;
	font: normal normal bold 35px serif;
	background-color: #FFFFFF;
	text-align:center;
	background: rgba(255,255,255,0.5);
	border-width:10px;
 	border-color: rgba(255,255,255,0);
	border-style:solid;
	border-radius:20px;
}

#titulo_galeria{
	font: normal normal bold 25px serif;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 40px;
	text-align:center;
}

#Galeria_meteorologica{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	height: auto;
	font: normal normal bold 35px serif;
	border-top:2px black solid;
	background-color: #FFFFFF;
	text-align:center;
	background: rgba(255,255,255,0.5);
	border-width:10px;
 	border-color: rgba(255,255,255,0);
	border-style:solid;
	border-radius:20px;
}

#consulta_galeria_meteorologica{
	font: normal normal bold 25px serif;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 160px;
	text-align:center;
	border:2px black solid;
}

#consulta_galeria_meteorologica select{
	font: normal normal bold 24px serif;
}

#consulta_galeria_meteorologica input {
	font: normal normal bold 24px serif;
} 


#downloads{
	font: normal normal bold 18px serif;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 1075px;
	height: 800px;
	text-align:left;
	border-top:2px black solid;
	background-color:rgba(255,255,255,0.5);
	border-width:20px;
 	border-color: rgba(255,255,255,0);
	border-style:solid;
	border-radius:10px;
}

#downloads_coluna{
	margin-top: 20px;
	margin-left: 50px;
	float:left;
	width: 300px;
	height: 750px;
	text-align:left;
}

#galeria_fotos{
	font: normal normal bold 18px serif;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 1000px;
	height:auto;
	background-color:rgba(255,255,255,0.5);
	border-width:5px;
 	border-color: rgba(255,255,255,0);
	border-style:solid;
	border-radius:10px;
}

#Uploads{
	font: normal normal bold 25px serif;
}

#galeria_selecao{
	font: normal normal bold 18px serif;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 1000px;
	height:30px;
}
#galeria_voltar{
	font: normal normal bold 18px serif;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 75px;
	height:525px;
	float:left;
}
#galeria_ampliar{
	font: normal normal bold 18px serif;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 850px;
	height:525px;
	float:left;
}
#galeria_avancar{
	font: normal normal bold 18px serif;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 75px;
	height:525px;
	float:left;
}
#videos{
	font: normal normal bold 18px serif;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 1000px;
	height:auto;
}

#detalhes{
	font: normal normal bold 20px serif;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 890px;
	background: rgba(255,255,255,0.5);
	border-width:5px;
 	border-color: rgba(255,255,255,0);
	border-style:solid;
	border-radius:10px;
}

#Projeto{
	font: normal normal bold 20px serif;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 555px;
}

#Fotos_detalhes{
	font: normal normal bold 20px serif;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 160px;
}

#Contato{
	font: normal normal bold 25px serif;
	width: 1000px;
	height: auto;
 	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	color:black;
	text-align: center;
	background: rgba(255,255,255,0.5);
	border-width:10px;
 	border-color: rgba(255,255,255,0);
	border-style:solid;
	border-radius:10px;
}