#contenida  {
  float: left;
  width:65%x;
  margin: 50px 0px 0px 10px ;
  height: 90vh;
}
.fotos_indices  {
  //margin: 0 auto;
  padding: 1% 1%;
  float: left;
  position: relative;
}
#introduccion{
  float:left;
  width:30%;
  height:70%; 
}

#indice_fotos{
  float:left;
  margin-left: 0%;
  height: 90vh;  
  overflow-y: hidden;   
}
 #foto{
  float:left;
  margin-left: 0%;
  height: 90vh;  
  overflow-y: hidden;   
} 
.cabecera_contenido_vista_pajaro  {
  float: right;
  height: 7vh;  
  width: 91%;
  margin: 0 auto;
  position: relative;
  background: linear-gradient(70deg, #F5DA81 12%, #FFFFFF 50%);
  -webkit-border-radius: 3px 5px 1px 4px;
    border-bottom-left-radius: 4px;
  -moz-border-radius: 24px;
  border-bottom-left-radius: 35%;
}
.caja_mensaje_portada_vista_pajaro {
  margin-top: 3%;
  //display: grid;
  place-items: center;
  width: 99%;
 height: 89vh;  
 overflow-y: hidden;
}
#caja_contenido_seccion_vista_pajaro {
  height: 52em;
  margin-top: 0%;
  margin-left: 10%;
  padding-right: 1%;
  width: 88%;  
  overflow-y: auto;  
 }