@font-face {
	font-family: 'font01';
	src: url("../font/Pentay-Book-ffp.ttf");
}

@font-face {
	font-family: 'font02';
	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);
}

p {
	text-align: justify;
	text-indent: .3in;
	color: #000;
}

.recuo {
	margin-left: 30%;
	font-family: "Times New Roman", Times, serif;
}

h2 { 
  text-align: center;
  font-family:'font02';
  color: #DA1212;
  text-shadow: 2px 2px 4px #CCCCCC;
}

h3 { 
	text-align: center;
   font-family:"Times New Roman"; 
}

/* ---------- Cabeçalho das páginas --------- */
.headern {
  padding: 2rem;
  background-image: url(../image/fundo-elesaqui.png);
  background-attachment: fixed;
  background-size: cover;
}
.headern h1 {
  font-size: 40px;
  font-family: 'font01';
  color: #FFF;
  text-shadow: 2px 2px 4px #000000;
  text-align: center;	
}
/* ----- */

/* Botão troca de página */
.page-btn {
	margin: 0 auto 80px;
}
.active {
	background: #FF523B;
}
.page-btn span {
	display: inline-block;
	border:1px solid #FF523B;
	margin-left: 10px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.page-btn span:hover {
	background: #FF523B;
	color: #FFF;
}
/* ----- */


/* 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%;
  }
}


/* Rodapé da página */
.footer {
  background: none;
  margin: 0;
}
.footer h5 {
	font-size: 12px;
	color: #000;
	margin-bottom: 40px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 400;
	text-align: left;
}
.footer h4 {
	font-size: 10px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 400;
	text-align: right;
}
.primo {
  float: left;
  width: 33%;
  padding: 10px;
  
}
.main {
  float: left;
  width: 33%;
  padding: 10px;
 
}
.right {
  float: left;
  width: 33%;
  padding: 10px;
 
}
@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .primo, .main, .right {
    width: 100%;
  }
}

/* Botão Voltar */
button {
background: none;
color: #696969;
border: 1px solid #696969;
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: #696969;
color: #FFF;
}