body{
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:black;
}
a {
  text-decoration:none;
}

a:hover{
  font-weight: 500;
}

h2 {
  font-size:15px;
  font-weight: 400;
}

#header{
  z-index: 5;
  width:100%;
  height:40px;
  position:fixed;
  background: transparent}

#rodape{
  font-size:10px;
  color:#2a388f;
  }

.btn_header{
  margin-left:20px;
  font-size:10px;
  color:#2a388f;
}

.btn_header:hover{
  font-size:11px;
}

#inicio{
  width:100%;
  height:600px;
}

#bg_inicio {
  width:728px;
  height:467px;
  margin-left:auto;
  margin-right: auto;
  position:relative;
  padding-left: 300px;
  margin-top:70px;

}
#boteos_inicio{
  width: 100%;
  margin-left:279px;

}
.btn_inicio {
    font-size:25px;
    font-weight: 700;
    color:#2a388f;
    margin: 10px;
    margin-left:50px;
    position: relative;
}

#eventos {
  margin-top:80px;
  width:100%;
  height:600px;
}
#bg_eventos {
  width:705px;
  height:473px;
  padding-left: 300px;
  margin-left:auto;
  margin-right: auto;
  position: absolute;
}

.btn_eventos{
  font-size:25px;
  font-weight: 700;
  color:#2a388f;
  margin: 10px;
  margin-left:20px;
  position: relative;
}

.btn_eventosbuilding{
  top: 486px;
  left: 378px;

}

.btn_eventosbiotech{
  top: 486px;
  left: 368px;

}

#visual{
  margin-top:80px;
  with:100%;
  height:600px;
}

#bg_visual {
  width:782px;
  height:480px;
  padding-left: 300px;
  margin-left:auto;
  margin-right: auto;
  position: absolute;

}

.btn_visual{
  font-size:25px;
  font-weight: 700;
  color:#2a388f;
  margin: 10px;
  margin-left:20px;
  position: relative;
}

.btn_visualinfo{
  top: 486px;
  left: 431px;

}

.btn_visualinter{
  top: 486px;
  left: 475px;

}

#bg_info {
  width:456px;
  height:468px;
  padding-left: 400px;
  margin-left:auto;
  margin-right: auto;
  position: absolute;
  margin-top:80px;

}

.btn_info{
  font-size:25px;
  font-weight: 700;
  color:#2a388f;
  margin: 10px;
  margin-left:20px;
  position: relative;
}

.btn_infotarantula{
  top: 557px;
  left: 412px;
}

.btn_infovisualize{
  top: 557px;
  left: 514px;
}

#bg_interactivas{
  width:696px;
  height:482px;
  padding-left: 300px;
  margin-left: 5%;
  margin-left:auto;
  margin-right: auto;
  position: absolute;
  margin-top:80px;


}

.btn_interactivas{
  font-size:25px;
  font-weight: 700;
  color:#2a388f;
  margin: 10px;
  margin-left:20px;
  position: relative;
}

.btn_world{
  top: 567px;
  left: 204px;
}
.btn_urban{
  top: 567px;
  left: 272px;
}

.btn_nike{
  top: 567px;
  left: 333px;
}

#filme {
  margin-top:80px;
  with:100%;
  height:600px;
}

#bg_filme {
  width:446px;
  height:475px;
  padding-left: 400px;
  margin-left:auto;
  margin-right: auto;
  position: absolute;

}

.btn_filme{
  font-size:25px;
  font-weight: 700;
  color:#2a388f;
  margin: 10px;
  margin-left:20px;
  position: relative;
}

.btn_filmeambition{
  top: 479px;
  left: 553px;
}

.columncenter {
  color:#2a388f;
  position: relative;
  top: 628px;
  margin-bottom: 50px;
  text-align:justify;
  width: 57%;
  padding-left: 309px;

}

.columncenter_ {
  color:#2a388f;
  position: relative;
  top: 30px;
  margin-bottom: 50px;
  text-align:justify;
  width: 57%;
  padding-left: 309px;

}

.columncenter00 {
  color:#2a388f;
  position: relative;
  top: 30px;
  margin-bottom: 50px;
  text-align:justify;
  width: 57%;
  padding-left: 309px;

}

.titulo {
  font-size:25px;
  color:#ED1C24;
}

#imagens {
  position: relative;
  width: 75%;
  padding-left: 306px;
  top: 600px;
  margin-bottom: 30px;
  z-index: 1;

}

#imagens1 {
  position: relative;
  width: 75%;
  padding-left: 306px;
  margin-bottom: 30px;
  z-index: 1;
}

#imagens2 {
  position: relative;
  width: 75%;
  padding-left: 306px;
  margin-bottom: 30px;
  z-index: 1;
}


#imagem1 {
  width: 240px;
  height: 150px;
  opacity: 1;
  z-index: 1;
}

#imagem1:hover {
  opacity: 0.6;
}
#imagem2 {
  width: 240px;
  height: 150px;
  opacity: 1;
}

#imagem2:hover {
  opacity: 0.6;
}


#imagem_1 {
  width: 240px;
  height: 130px;
  opacity: 1;
  z-index: 1;

}

#imagem_1:hover {
  opacity: 0.6;
}
#imagem_2 {
  width: 240px;
  height: 130px;
  opacity: 1;
  z-index: 1;

}

#imagem_2:hover {
  opacity: 0.6;
}

#imagem_3 {
  width: 240px;
  height: 110px;
  opacity: 1;
  z-index: 1;
}

#imagem_3:hover {
  opacity: 0.6;
}
#imagem_4 {
  width: 240px;
  height: 110px;
  opacity: 1;
  z-index: 1;
}

#imagem_4:hover {
  opacity: 0.6;
}

#imagem_5 {
  width: 240px;
  height: 145px;
  opacity: 1;
  z-index: 1;
}

#imagem_i {
  width: 240px;
  height: 165px;
  opacity: 1;
  z-index: 1;
}

#imagem_5:hover {
  opacity: 1;
}
#imagem_6 {
  width: 240px;
  height: 145px;
  opacity: 1;
  z-index: 1;
}

#imagem_6:hover {
  opacity: 1;
}

#img_tarantula {
  width: 1059px;
  height: 700;
  margin-left: 110px;
  margin-top: 50px;
  z-index: 1;
}

#img_visualize{
  position: relative;
  margin-left: 300px;
  top: 50px;
  margin-bottom: 30px;
  z-index: 1;
}

#img_visualize1{
  position: relative;
  margin-left: 300px;
  height: 500px;
  top: 50px;
  margin-bottom: 30px;
  z-index: 1;
}

#ambition{
  margin-left: 306px;
  margin-bottom: 30px;
}

#vimeo{
  margin-left: 310px;
  margin-bottom: 30px;
}

#about {
  background-color: #DCDCDC;
  color:#2a388f;
}

#legendanike{
  margin-left: 108px;
  color: #2a388f;
}

#legendapi{
  margin-left: 300px;
  color: #2a388f;
  margin-top: 2%;
}