@media only screen and (min-width: 1200px) {
    #derecha{
      height: 100vh;
    }
   
  }

  @media screen and (max-width:767px){
    .marcador1{
      top: calc(72vw - 1vh);
    }
  }
  .marcador{
    z-index: 100;
  }
 

  @keyframes iconAnim
{
    0%
    {
        transform: rotate(0);
    }
    100%
    {
        transform: rotate(359deg);
    }
}

#circulo{
  animation: iconAnim 10s infinite linear;
}

/* ICONOS POSITION */
.icontxt img
{
    
    transform: rota;
    width: 100%;

    animation-duration: 1.5s;
    animation-direction:normal;
    animation-iteration-count:1;
    /* The element will retain the style values that is set by the last keyframe (depends on animation-direction and animation-iteration-count) */
    animation-fill-mode:forwards;


    position: absolute;
}

.iconOtxt img{
   
    
    top: 100%;
    left: 55%;
   
}
.iconO img
{
    width: 60%;
    position: absolute;
    top: 75%;
    z-index: 100;
}
#vende{
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

.iconActive img
{
    width: 8%;
    position: absolute;
}








.botP
{
 z-index: 3;
}

.botP:hover{
    transform: scale(1.3);
}

#colorlogo{
    background:rgb(0, 124, 249);
}
#mapa{
    border:rgb(2, 64, 123) 10px solid ;
    border-radius: 15px;
}


/* TEXTOS */


@media only screen and (min-width: 1200px) {
  #derecha{
    height: 100vh;
  }
 
}

@media screen and (max-width:767px){
  .marcador1{
    top: calc(72vw - 1vh);
  }
}
.marcador{
  z-index: 100;
}

.moñeco{  
  width: 90px;
  position: absolute;
  top: 220px;
  left: 12%;
}

#hoverimg:hover{
  transform: scale(1.14,1.14);
  box-shadow: 8px 8px 45px rgb(11, 78, 138), -8px -8px 45PX rgb(11, 78, 138);
}
.hoverimg:hover{
  transform: scale(1.5,1.5);
  box-shadow: 8px 8px 25px rgb(11, 78, 138);
  border-radius: 70%;
}



.mapamovil .cordera img{

  position: absolute;
  top: calc(38vw - 1vh);
  left: 4%;

}

.mapamovil .alfonso img{

  position: absolute;
  top: calc(64vw - 1vh);
  left: 32%;

}

.mapamovil .clarin img{

  position: absolute;
  top:calc(49vw - 1vh);
  left: 49%;

}

.mapamovil .mafi img{

  position: absolute;
  top: calc(27vw - 1vh);
  left: 22%;

}

.mapamovil .armando img{

  position: absolute;
  top: calc(25vw - 1vh);
  left: 44%;

}

.mapamovil .esperanza img{

  position: absolute;
  top: calc(20vw - 1vh);
  left:80%;

}

.mapamovil .regenta img{

  position: absolute;
  top: calc(44vw - 1vh);
  left: 84%;

}






.mapamovil .moñeco{

  position: absolute;
  top: calc(72vw - 1vh);
  left: 23%;

  width: 14%;

}


.contenido p{
  font-size: calc(12pt + 0.1vw);
}


.finalRecorrido a{
  color: white;
  text-decoration:none;

}

.corderaT{

  position: absolute;
  top: 38%;
  left: 50%;
  z-index: 1000;

}

.alfonsoT{

  position: absolute;
  top: 57%;
  left: 55%;
  z-index: 1000;


}

.clarinT{

  position: absolute;
  top: 46%;
  left: 72%;
  z-index: 1000;


}

.mafiT{

  position: absolute;
  top: 24%;
  left: 61%;
  z-index: 1000;


}

.armandoT{

  position: absolute;
  top: 22%;
  left: 67%;
  z-index: 1000;


}

.esperanzaT{

  position: absolute;
  top: 16%;
  left: 85%;
  z-index: 1000;


}

.regentaT{

  position: absolute;
  top: 40%;
  left: 90%;
  z-index: 1000;


}


  h3{

    background-color: rgba(249, 174, 53, 0.931);
    border-radius: 15px;
    padding: 5px;
    font-size: 1.2rem;
  }
  
/*tamaño fuenta títulos esculturas*/
div.contenido h1{
  font-size: 1.75rem;
}

/*tamaño mapa ordenador*/
#mapaizquierda1{
  height: 790px;
}