.navegacion{
  position: absolute; 
  width: 2200px;
  left: -5%;
  height: 180px;
  margin:3%;
  background: #212F3D;

}

.navegacion ul{
  list-style: none;
}

.menu > li{
  position: relative;
  display: inline-block;
}

.menu > li > a{
  display: block;
  padding: 20% 125px;
  color: white;
  font-size: 50px;
  font-family: Times New Roman;
  text-decoration: none;
}

.menu li a:hover{
  color: #CE7D35;
  transition: all .3s;
}

/* Submenu*/

.submenu{
  position: absolute;
  background: #333333;
  width: 120%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 2s;
}

.submenu li a{
  display: block;
  padding: 15px;
  color: #fff;
  font-family: 'Open sans';
  text-decoration: none;
}

.menu li:hover .submenu{
  visibility: visible;
  opacity: 1;
}


.texto-encima5{
    position: absolute;
    top:-25%;
    left: 5%; 
}

#imagen{
  position: absolute;
  margin:4%;
top: 30%;
border:20px solid #BCF5A9 ;
width:90%; 
height:70%; 
background:#BCF5A9; 

}

#titulo1{
  position: absolute;
  margin:40%;
  left: -35%;
top: 30%;
border:20px;
width:30%; 
height:70%; 
background:#BCF5A9; 


}

#titulo2{
  left: -4%;
  position: absolute;
  margin:40%;
top: 30%;
border:20px;
width:30%; 
height:70%; 
background:#BCF5A9; 


}

#titulo3{
  
  position: absolute;
  left: 27%;
  margin:40%;
top: 30%;
border:20px;
width:29%; 
height:70%; 
background:#BCF5A9; 


}


#titulo4{
  position: absolute;
  margin:80%;
  left: -75%;
top: 30%;
border:20px;
width:30%; 
height:70%; 
background:#BCF5A9; 


}

#titulo5{

  position: absolute;
    left: -44%;
  margin:80%;
top: 30%;
border:20px;
width:30%; 
height:70%; 
background:#BCF5A9; 


}

#titulo6{
position: absolute;
left: -13%;
margin:80%;
top: 30%;
border:20px;
width:29%; 
height:70%; 
background:#BCF5A9; 

}