
.label_link {
    display: inline-block;
    padding: 1px 3px;
    margin-right: 12px;
    text-decoration: none;
    font-size: 17px;
/*    background-color: #e9e9ed;*/
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
/*    border-radius: 5px;*/
    cursor: pointer;
}

.ventana{
/*  position: relative;*/
  height: 600px ;
  width: 370px ;
  overflow-y: auto;
  overflow-x: auto;
}
.muro{
/*  margin-top: 17px;*/
  height: 900px ;
  width: 4200px ;
  background-image: url("https://www.transparenttextures.com/patterns/brick-wall-dark.png");
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}

.div_cuadro {
  position:relative;
  margin: 12px;
  display: inline-block;
}

.ima_cuadro{
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  cursor: pointer;
  width: 100%;
}

.div_ficha{
  width: 57px;
  float: right;
  background-color: rgb(247, 243, 233);
  margin: 3px;
  font-family: Courier , monospace;
  font-size: 4px;
  padding: 3px;
  border: 1px solid rgb(150, 130, 74);
  opacity:.6;
  cursor: pointer;
}

.ficha_trans_suave{
  -webkit-transition: width 270ms,font-size 270ms,opacity 270ms;   
  -moz-transition:  width 270ms,font-size 270ms,opacity 270ms;  
  -o-transition:  width 270ms,font-size 270ms,opacity 270ms;  
  -ms-transition: width 270ms,font-size 270ms,opacity 270ms; 
  transition: width 270ms,font-size 270ms,opacity 270ms;
}

.div_ficha_flotada{
  right: 0;
  bottom: 0;
  position:absolute;
  width: 57px;
  background-color: #f7f6f4;
  background-image: url("https://www.transparenttextures.com/patterns/beige-paper.png");
  margin: 3px;
  font-family: Courier , monospace;
  font-size: 4px;
  padding: 3px;
  border: 1px solid rgb(150, 130, 74);
  opacity:.6;
  cursor: pointer;
}


.div_ficha_flotada_G{
  line-height: 170%;
  opacity:.95;
  width: 79%;
/*  height: 79%;*/
  margin: 0px;
  font-family: Courier , monospace;
  font-size: 1.5em;
  padding: 9px;
}


.desplegable{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
}

.desplegable.despliega{
  max-height: 70px;
}


.flota{
/*  position: absolute;*/
/*  top: 10px;*/
/*  right: 10px;*/
  background-color: black;
  color: red;
  padding: 3px;
  opacity: .6;
  z-index: 100;
  position: absolute;
  right: 50%;
  top: 50%;
}

#dintel {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
/*  background-color: black;*/
/*  height: 5px ;*/
}

.ancla_al_dintel {
  position: absolute;
  width: 417px;
  height: 630px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
  top: 0px;
  pointer-events: none;
  opacity:0.7;
/*    left: 50%;*/
/*    left: 4px;*/
  z-index: 100;
}
