@font-face {
	font-family: 'font-1';
	src: url("../font/Pentay-Book-ffp.ttf");
}
@font-face {
	font-family: 'font-2';
	src: url("../font/BlackLabel-Light.ttf");
}
* {
  box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	background-image: url(../image/fundopg.png);
}

h1 {
  font-size: 50px;
  font-family: 'font-1';
  color: white;
  text-shadow: 2px 2px 4px #000000;
  text-align: center;	
}

h2 {
	color: #DA1212;
	font-family: 'font-2';
	text-shadow: 2px 2px 4px #000000;
	margin-bottom: 7px;
}

h3 {
	color: #550275;
	font-family: 'Poppins', sans-serif;
}

/* Figura responsiva */
img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

/* para link em palavra ou frase */
.estilo1 {
	color: #696969;
	text-decoration: none;
	font-family: Arial;
}
a:hover{
 text-decoration: none;
 color: #CCC;
}

/* -- Legenda -- */
legend {
	color: #888888;
	font-weight: bold;
	font-size: 13pt;
	font-family: sans-serif;
}

fieldset {
	border-color: #DA1212;
	margin: 20px;
	padding: 10px;
}
/* ---- */

/* área para escrever */
textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
} 
/* ---- */

/* botão de verificar */
.button-x {
width: 200px;
background: none;
color: #000;
border: 1px solid #EC971F;
border-radius: 25px;
padding: 12px;
text-transform: uppercase;
font-size: 14px;
transition: 0.4s linear;
cursor: pointer;
-webkit-transitio: backgound-color 1s;
	-moz-transitio: backgound-color 1s;
	-o-transitio: backgound-color 1s;
	-ms-transitio: backgound-color 1s;
	transition: background-color 4s;
}
.button-x:hover {
background: #4F4F4F;
border: 1px solid #4F4F4F;
color: #EC971F;
box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 12px 15px 0 rgba(0,0,0,0.19);
}
/* --- */

/* --- menu --- */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: none;
}

li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid  #532567;
}

.active {
	background-color: #BEB7A4;
	border-radius: 6px;
	border: 1px solid  #532567;
	opacity: .7;
 }

/* Change the link color on hover */
li a:hover {
  background-color: #E8EBE4;
  opacity: .7;
  color: #532567;
}
/* ----- */

/* Estrutura do corpo da página com três colunas */
.nave3 {
  padding: 15px;
  background: none;
  margin: 30px;
}
.nave3-a {
	float: left;
	width: 15%;
	padding: 15px;
	text-align: justify;
	background: none;
}
.nave3-b {
	float: left;
	width: 70%;
	padding: 15px;
	text-align: justify;
	background: none;
} 
.nave3-c {
	float: left;
	width: 15%;
	padding: 15px;
	text-align: justify;
	background: none;
}
@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .nave3-a, .nave3-b, .nave3-c {
    width:100%;
  }
}
@media screen and (max-width: 600px) {
  .nave3-a {
  width: 100%;
  background-image: url(../image/fundoaluno.png);
  border-radius: 8px;
  border: 2px solid  #532567;
  margin-top: 10px;
  }
}
/* ----- */

/* --- Rodapé --- */
.footer {
	padding: 1rem;
   background: #313840;
}
.footer h5 {
	font-size: 12px;
	color: #8FB7C7;
	margin-bottom: 0;
	margin-right: 5px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 400;
	text-align: right;
}
.footer h4 {
	font-size: 10px;
	color: #696969;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 400;
	text-align: left;
}
.footer p {
	text-align: right;
	font-size: 11px;
	margin-right: 5px;
	color: #FFF;
}
.roda-a {
  float: left;
  width: 33%;
  padding: 10px;
}
.roda-b {
  float: left;
  width: 33%;
  padding: 10px;
}
.roda-c {
  float: left;
  width: 33%;
  padding: 10px;  
}
@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .roda-a, .roda-b, .roda-c {
    width: 100%;
  }
}

/* --- Botão Voltar que está no rodapé --- */
button {
background: none;
color: #8FB7C7;
border: 1px solid #8FB7C7;
padding: 12px 40px;
border-radius: 8px;
text-transform: uppercase;
font-size: 14px;
transition: 0.4s linear;
cursor: pointer;
-webkit-transitio: backgound-color 1s;
	-moz-transitio: backgound-color 1s;
	-o-transitio: backgound-color 1s;
	-ms-transitio: backgound-color 1s;
	transition: background-color 4s;
}
button:hover {
background: #1C1C1C;
color: #FFF;
}
/* ----- */