@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Fjord+One');


body{
  /*padding: 0:inherit;*/
  margin: auto;
  background-image: url("../images/backgrain.gif");
  overflow-x: hidden;

  /*align-content: center;*/
  font-family: 'Fjord One', serif;
}

h1{
  font-family:'Work Sans',sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: black;
  margin-top: 30px;
  text-align: center;
  line-height: 1;
}

h2{
  font-family:'Work Sans',sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: black;
  margin-top: 0px;
}

h3{
  font-family:'Work Sans',sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: black;
  margin-top: 0px;
}

.text{
  margin: auto;
  width: 50%;
  font-size: 22px;
  height: auto;
  text-align: left;
  padding: 10px;
  margin-top: 100px;
  position: static;
  z-index: 1;
  }

.textpages{
  padding-top: 120px;
  width: 50%;
  height: auto;
  text-align: left;
  margin: 0 auto;
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
  /*margin-top: auto; alteração Pierre Dechery. A margem-top:0 está adicionada na linha acima */
  color: black;
}

.title{
  font-family: 'Work Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  margin: 0 auto;
  color: black;
  padding-top: 15px;
}

.pdf{
  font-family:'Work Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: #00c1f0;
  margin-bottom: 20px;
}

.textpdf{
  padding-top: 20px;
  width: 50%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  background-color: white;
  margin-bottom: 55px;
}

.quote{
  font-family:'Work Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: #00c1f0;
  margin-top: 20px;
}

.eng{
  font-family:'Work Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: blue;

}

.autor{
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #00c1f0;
  line-height: 1.5;
}

#autor1{
  margin-top: 4px;
}

p{
  font-family:'Fjord One', serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  color: black;
}

.notes{
  font-family:'Work Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: black;
  margin-bottom: 80px;
  text-align: left;
}

/*b{
  color: black;
  font-family:'Work Sans',sans-serif;
  font-size: 20px;
  font-weight: 700;
}

a{
  color: black;
  font-family:'Work Sans',sans-serif;
  font-size: 14px;
  font-weight: 800;
} */


footer{
  transform: rotate(-90deg);
  font-family: 'Work Sans', sans-serif;
  color: #00c1f0;
  font-weight: 400;
  font-size: 12px;
  position:fixed;
  right: 50px;
  width: 0px;
  bottom: 25%;
  white-space: nowrap;
}

.textfooter{
  font-family: 'Work Sans', sans-serif;
  color: black;
  font-weight: 600;
  font-size: 16px;
}
/*.titulobold:hover {
  color: #fff;
  background-color: blue;
}*/

/*.tituloregular:hover {
  color: #fff;
  background-color: blue;
}*/

/* navegação */
nav{
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  position: fixed;
  top: 10px;
  z-index: 2;
}

/* menu */

.menu{
  margin: 20px;

}
.menu01{
  width: auto;
}
.menu02{
  width: auto;
}
.menu03{
  width: auto;
}

/* links */
a{
 text-decoration: none;
}
a:link{
 color:black;
}
a:visited{
  color:inherit;
}
a:hover{
  color:#00c1f0;
}
a:active{
  color:black !important;
}

.active{
  color:#00c1f0 !important;
  /*background-color: #00afe9; */
  /* padding-left: 3px; */
  /* padding-right: 3px; */
}

/*FIM DOS LINKS */


/* div colective */

.marging{
  text-align: center;
  position: relative;
  margin-top: 80px;
  margin-left: 17%;
  z-index: auto;
}

/* imagens */


.image01{
  width: auto;
  height: auto;
  position: absolute;
  margin-top: 120px;
  margin-left: 60px;
}

.image02{
  width: auto;
  height: auto;
  position: absolute;
  margin-top: 420px;
  margin-left: 550px;
}

.image03{
  width: auto;
  position: absolute;
  margin-top: 100px;
  margin-left: 1000px;
}

.image04{
  width: auto;
  position: absolute;
  margin-top: 430px;
  margin-left: 1100px;
}

.image05{
  width: auto;
  height: auto;
  position: absolute;
  margin-top: 400px;
  margin-right: 200px;
}

.image06{
  width: auto;
  position: absolute;
  margin-top: 310px;
  margin-left: 1580px;
}

.image07{
  width: auto;
  position: absolute;
  margin-top: 140px;
  margin-left: 1980px;
}


.full{
  align-items: center;
  align-content: center;
  margin: auto;
  margin-top: 5%;
}

.imagepublication{
  align-items: center;
  width: 900px;
  height: auto;
  margin: auto;
  margin-bottom: 25px;
  padding-top: 50px;
}

.imagepublication01{
  align-items: center;
  width: 900px;
  height: auto;
  margin: auto;
  margin-bottom: 25px;
  padding-top: 20px;
}

.imagepublication02{
  align-items: center;
  width: 900px;
  height: auto;
  margin: auto;
  margin-bottom: 25px;
  padding-top: 20px;
}

.imagepublication03{
  align-items: center;
  width: 900px;
  height: auto;
  margin: auto;
  margin-bottom: 25px;
  padding-top: 20px;
}

.imagepublication04{
  align-items: center;
  width: 900px;
  height: auto;
  margin: auto;
  margin-bottom: 50px;
  padding-top: 25px;
}

.imagepublication05{
  align-items: center;
  width: 900px;
  height: auto;
  margin: auto;
  margin-bottom: 25px;
  padding-top: 20px;
}


.imagepublication06{
  align-items: center;
  width: 900px;
  height: auto;
  margin: auto;
  margin-bottom: 25px;
  padding-top: 20px;
}

.logo_01{
  width: 450px;
  align-items: center;
  align-content: center;
  margin: auto;
}

.logo{
  width: 100%;
  height: auto;
  margin-top: 24%;
  position: fixed;
  z-index: 1;

}