html, body{
  margin-left: 0;
  margin-right:0;
}
.subir{
  
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
  z-index:2;
}
body{
  background-color: #ccf2ff
}
#zona1 {
  background-color: #0099cc;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%;  right: 80%; 
 border-radius: 5px;
}
#zona1:hover{
  background-color: #007399;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 80%; left:0%;
}
#zona1 a{
  text-decoration:none;
  color:white;
}
#zona2 {
  background-color: #0099cc;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 65%; left: 21%;
  border-radius: 5px;
}
#zona2:hover{
  background-color: #007399;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 65%; left: 21%;
}
#zona2 a{
  text-decoration:none;
  color:white;
}
#zona3 {
  background-color: #0099cc;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 45%; left: 42%; 
 border-radius: 5px;
}
#zona3:hover{
  background-color:  #007399;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 45%; left: 42%; 
}
#zona3 a{
  text-decoration:none;
  color:white;
   }
#zona4 {
  background-color: #0099cc;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 20%; left: 63%; 
  border-radius: 5px;
}
#zona4:hover{
  background-color:  #007399;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center;  
    position: absolute; width: 20%; top: 1%; right: 20%; left: 63%; 
}
#zona4 a{
  text-decoration:none;
  color:white;
   }
#zona5 {
  background-color: #0099cc;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 19%; top: 1%; right: 0%; left: 84%;
  border-radius: 5px;
   }
#zona5 { 
  padding: 0%;
  text-align: center;
}
#zona5 a{
  text-decoration:none;
  color:white;
   }
#zona5:hover{
  background-color: #007399;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center;
  position: absolute; width: 19%; top: 1%; right: 0%; left: 84%;
   }
#perfil{ 
 font-family:Monaco;
text-align:center;
  color: white;
  font-size:5vw;
  text-shadow: 1px 1px 1px #004d3d;
  background-color:#00b38f;
  box-shadow: 1px 1px 2px white;
position: absolute; width: 100%; top: 110%; right: 0%; left: 0%;}

#perfilfoto {
  position:absolute; width: 17%; top: 135%; left: 70%;right:7%;
}

.texto1{ font-family: Monaco;
  color:#008060;
  font-size:30px;
  position:absolute;top:117%;
  left:2%;
  }
#Galeria {
  font-family: Monaco;
text-align:center;
  color: White;
  font-size:5vw;
  text-shadow: 1px 1px 1px #004d3d;
  background-color:  #00cc99;
  box-shadow: 1px 1px 2px white;
  position: absolute; width: 100%; top: 235%; right: 0%; left: 0%;
}

#Titulo{ 
font-family: Monaco;
  color: #007399;
  font-size:30px;
 position: absolute; width: 50%; top: 15%;left: 40%}


#fotoprincipal1{
 border: 5px solid white;
  position:absolute;top:40%;right:60%}

#fotoprincipal2{
 border: 5px solid white;
  position:absolute;top:40%;right:5%}

.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#galeria1 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
position:absolute;top:250%;right:65%;
}
#galeria1:hover {
	transform: scale(1.1);
  }
#galeria2 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:250%;text-align:center;
}
#galeria2:hover {
	transform: scale(1.1);
}
#galeria3 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:250%;left:70%;
}
#galeria3:hover {
	transform: scale(1.1);
}
#galeria4 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:290%;right:65%;
}
#galeria4:hover {
	transform: scale(1.1);
}
#galeria5 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:290%;text-align:center;
}
#galeria5:hover {
	transform: scale(1.1);
}
#galeria6 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:290%;left:70%;
}
#galeria6:hover {
	transform: scale(1.1);
}
#galeria7 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:330%;right:65%;
}
#galeria7:hover {
	transform: scale(1.1);
}
#galeria8 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:330%;text-align:center;
}
#galeria8:hover {
	transform: scale(1.1);
}
#galeria9 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:330%;left:70%;
}
#galeria9:hover {
	transform: scale(1.1);
}

#Colegio{
  font-family: Monaco;
text-align:center;
  color: white;
  font-size:5vw;
  text-shadow: 1px 1px 1px #004d3d;
  background-color:#00ffbf;
  box-shadow: 1px 1px 2px white;
  position: absolute; width: 100%; top: 380%; right: 0%; left: 0%;
}
.container1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#colegio1 {
width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
 position:absolute;top:460%;right:65%;
}
#colegio1:hover {
	transform: scale(1.1);
}
#colegio2 {
width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:460%; left: 39%;text-align:center;
}
#colegio2:hover {
	transform: scale(1.1);
}
#colegio3 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:460%;left:70%;
}
#colegio3:hover {
	transform: scale(1.1);
}
#colegio4 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white; position:absolute;top:500%;right:65%;
}
#colegio4:hover {
	transform: scale(1.1);
}
#colegio5 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:500%;left:39%;text-align:center;
}
#colegio5:hover {
	transform: scale(1.1);
}
#colegio6 {
width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid white;
  position:absolute;top:500%;left:70%;
}
#colegio6:hover {
	transform: scale(1.1);
}

#Futuro {font-family: Monaco;
text-align:center;
  color: white;
  font-size:5vw;
  text-shadow: 1px 1px 1px #004d3d;
  background-color:#66ffd9;
  box-shadow: 1px 1px 2px white;
  position: absolute; width: 100%; top:578%; right: 0%; left: 0%;}
#Random
{font-family: Monaco;
text-align:center;
  color:white;
  font-size:5vw;
  text-shadow: 1px 1px 1px #004d3d;
  background-color:#99ffe6;
  box-shadow: 1px 1px 2px white;
  position: absolute; width: 100%; top: 670%; right: 0%; left: 0%;
}

.TextoColegio{ position:absolute;top:395%;left:2%;
font-family: Monaco;
color:#008060;
font-size:3vw; 
}

.texto2
{font-family: Monaco;
  color:#008060;
  font-size:3vw; position:absolute;top:610%;
  left:2%;
}

#Randomfoto1
{position:absolute;top:690%;left:15%;} 

#Randomfoto2
{position:absolute;top:690%;left:65%;}

.rotate{
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	cursor: pointer;
	cursor: hand;
}
.rotate:hover
{-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}

.sexto
{position:absolute;top:10%;left:80%;
font-family: Bebas Neue;
text-align:center;
  color:#007399;
  font-size:3vw;
  text-shadow: 1px 1px 1px white  
}