/********************* MENÚ - BOTONERA ******************/

.recuadro{
  background-color: #b2dbdc;
  display: block;
  position: absolute;
  width: 100%;
  height: 800px;
  top: 0px;
}

.redes #regreso {
  list-style: none;
  padding: 0;
  margin: 0;
}


.redes #regreso img{
	width: 200px;
	margin-left: 0%;
	margin-right: 0%;
  position: fixed;
  margin-left: 50%;
  margin-right: 50%;
  top: 30px;
}

.redes #regreso i{
	color: #000;
}
.redes #regreso a:hover{
	text-decoration: none;
}

.foto1 {
	background-image: url('../img/foto1.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto2 {
	background-image: url('../img/foto2.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto3 {
	background-image: url('../img/foto3.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto4 {
	background-image: url('../img/foto4.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto_grande {
	background-image: url('../img/foto_grande.jpg');
	width: 100%;
	height: 800px;
	background-size: cover;
	background-position: center;
}

.foto6 {
	background-image: url('../img/foto6.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto7 {
	background-image: url('../img/foto7.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto8 {
	background-image: url('../img/foto8.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto9 {
	background-image: url('../img/foto9.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}



.foto_ranking {
  justify-content: center;
}

.mob{ display: none;

}
.desk{display: block;

}
/********************* / MENÚ - BOTONERA ******************/

*,
*:active,
*:active:focus,
*:focus,
*:visited,
*:hover,
.btn:focus,
.btn:active:focus,
.btn:focus,
a:focus,





@media screen and (min-width: 1500px) {
	
}

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	

}

@media (min-width: 200px) and (max-width: 575px) {
	.foto1 {
	background-image: url('../img/foto1.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto2 {
	background-image: url('../img/foto2.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto3 {
	background-image: url('../img/foto3.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto4 {
	background-image: url('../img/foto4.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto_grande {
	background-image: url('../img/foto_grande.jpg');
	width: 100%;
	height: 400px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto6 {
	background-image: url('../img/foto6.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto7 {
	background-image: url('../img/foto7.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto8 {
	background-image: url('../img/foto8.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto9 {
	background-image: url('../img/foto9.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}
.mob{ display: block;

}
.desk{display: none;

}
}

@media screen and (max-width: 575px) {
	
  
}

@media screen and (max-width: 479px) {
	
  
}



@media screen and (max-width: 340px) {
	
}