*{
	margin: 0px;
	padding: 0px;
}
body{
  margin:0px;
  padding: 0px;
  height: 100vh;
  padding-bottom: 88px;
}

.imagenestatic{
	
	z-index: -1;
  display: block;
}
.container_aso{
  margin-top:0;
  width: 100%;
  position: absolute;
  padding-bottom: 100px;
}
.cont1{
  width: 100%;
  position: relative;
  display: block;
}
.cont2{
  width: 100%;
  display: block;
  position: relative;
}
.cont3{
  width: 100%;
  position: relative;
  display: block;
}
.cont4{
  width: 100%;
  position: relative;
  display: block;
}
.cont5{
  width: 100%;
  position: relative;
  display: block;

}
.circulo1{
  position: relative;
	width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  float: left;
  margin-top: 2%;
  margin-left:0.5%;
}
.circulo2{
  position: relative;
	width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo3{
  position: relative;
	width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo4{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
 }
.circulo5{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo6{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left:0.5%;
}
.circulo7{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top:2%;
  float: left;
  margin-left:0.5%;
}
.circulo8{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo9{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo10{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo11{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo12{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo13{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo14{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left:0.5%;
}
.circulo15{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo16{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo17{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left:0.5%;
}
.circulo18{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left:0.5%;
}
.circulo19{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo20{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo21{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo22{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo23{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo24{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
.circulo25{
  position: relative;
  width:250px;
  height:250px;
  border-radius:250px;
  border:5px solid #666;
  margin-top: 2%;
  float: left;
  margin-left: 0.5%;
}
footer{
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 50px;
  background: #1D447D;
  list-style: none;
  text-align: left;
  color: #3F72BD;
  line-height: 50px;
  font-size: 20px;
  font-family:Arial,Tahoma;
  font-style: bold; 
}
@media screen and (max-width: 508px){
 footer{font-size: 25px;}
  }
  @media screen and (max-width: 285px){
 footer{font-size: 6vw;}
  }
#scrollUp {
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: url(../img/icons/up.png);
  background-size:cover; 
}

.asociados {
 /* margin-top: 41.5%;*/
display:block;
  margin-left: -5%;
}

@media screen and (max-width: 275px){
 
.circulo1{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo2{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo3{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo4{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo5{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo6{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo7{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo8{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo9{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo10{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo11{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo12{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo13{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo14{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo15{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo16{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo17{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
  .circulo18{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
.circulo19{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
.circulo20{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
  }
  .circulo21{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
  }
  .circulo22{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
}
.circulo23{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
  }
  .circulo24{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
  }
 .circulo25{
    width:150px;
    height:150px;
    border-radius:150px;
    border:5px solid #666;
  }
}
@media screen and (max-width: 179px){
.asociados {
  margin-top: 37.5%;
 
}  
  .circulo1{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo2{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo3{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo4{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo5{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo6{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo7{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo8{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo9{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo10{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo11{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo12{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo13{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo14{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo15{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo16{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo17{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
  .circulo18{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
.circulo19{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
.circulo20{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
  }
  .circulo21{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
  }
  .circulo22{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
}
.circulo23{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
  }
  .circulo24{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
  }
   .circulo25{
    width:70px;
    height:70px;
    border-radius:70px;
    border:2px solid #666;
  }
}