@charset "utf-8";

@import
	url('https://fonts.googleapis.com/css2? family= Open+Sans:wght@400;700 & display=swap')
	;

.body1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 400;
	background-image:url('imagens/monitoramento.jpg');
	max-width: 100%;
    max-height: 100%;
}
.body2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 400;
	background-color:#A9A9A9;
	
}
h1 {
	color: #FFFAFA;
}

h2 {
	color: #FFFAFA;
	font-size: 0.8em;
}
h3 {
	color: #FFFAFA;
	font-size: 2.6em;
	text-align: center;
	position: absolute;
    top: 25%;
    left: 50%;
    transform: translateY(-40%) translateX(-50%);
	
}

text {
	color: #FFFAFA;
	font-size: 1.2em;
}

.Botao1 {
	text-decoration: none;
	background-color: #66bbff;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	border-radius: 5px;
	cursor: pointer;
	border: 0;
}

.Botao2 {
	text-decoration: none;
	background-color: #66bbff;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	border-radius: 5px;
	cursor: pointer;
	border: 0;
}

.Botao3 {
	text-decoration: none;
	background-color: #ffd700;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	border-radius: 5px;
	cursor: pointer;
	border: 0;
	
}
.Botao4 {
	text-decoration: none;
	background-color: #ffd700;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	border-radius: 5px;
	cursor: pointer;
	border: 0;
	text-align:center;
	
	
}
.Botao5 {
	text-decoration: none;
	background-color: #ffd700;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	border-radius: 5px;
	cursor: pointer;
	border: 0;
	
}

.Caixa1 {
	width: 320px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #66bbff;
	border-radius: 5px;
	text-transform: uppercase;
	
}

.Caixa2 {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #66bbff;
	border-radius: 5px;
}
.caixa4 {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	border-radius: 5px;
	width: 350px;
}

.img1 {
	width: 320px;
	padding: 5px;
	margin-bottom: 10px;
}

.img2 {
	width: 20px;
	padding: 5px;
	margin-bottom: 10px;
	color: #FFFAFA;
}
.img3 {
	width: 320px;
	padding: 5px;
	margin-bottom: 10px;
	position: absolute;
    top: 10%;
    left: 50%;
    transform: translateY(-30%) translateX(-50%);
}

.div {
	margin-top: 20px;
}

.div1 {
	text-align: right;
	position: relative;
    top: 10px;
    right: 3px;

}
.div2{
	text-align: right;
	position: relative;
    top: -150px;
    right: 3px;

}
.input1 {
	padding: 5px;
	border: 1px solid #66bbff;
	border-radius: 5px;
	border: 0;
	
}

#caixa3 {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #ff0000;
}

#tabela {
	margin-top: 35px;
	border-collapse: collapse;
	width: 100%; 
    
	
}

#tabela tr {
	border: 1px solid #ddd;
	padding: 20px;
	text-align: center;
	background-color: #ffd700;
	color: #fff;
	font-size: 0.9em;
}

#tabela td {
	border: 1px solid #ddd;
	padding: 20px;
	font-size: 0.7em;
	text-align: center;
	color: #000000;
	background-color: #F0FFF0;
	text-transform: uppercase;
	
}
#form{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-40%) translateX(-50%);
   
	
}
#texto{
	color: #FFFAFA;
	font-size: 1.7em;
	
}