@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: 95px;
  position: absolute;
  top: 220px;
  left: 8%;
}

#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 .luisRiera img{

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

}

.mapamovil .tinoCasal img{

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

}

.mapamovil .woodyAllen img{

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

}


.mapamovil .regreso img{

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

}

.mapamovil .regenta img{

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

}

.mapamovil .bolivar img{

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

}

.mapamovil .ramonPerez img{

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

} 

.mapamovil .condeCampomanes img{

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

}

.mapamovil .alfonsoIglesias img{

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

}

.mapamovil .leopoldo img{

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

}

.mapamovil .alvaroNaviaOsorio img{

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

}

.mapamovil .joseTartiere img{

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

}


.mapamovil .generalSabino img{

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

}

.mapamovil .moñeco{

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

  width: 14%;

}

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



h3{

  background-color: rgba(249, 174, 53, 0.931);
  border-radius: 15px;
  padding: 5px;
  font-size: 1.2rem;
}


.luisRieraT{

  position: absolute;
  top: 9%;
  left: 15%;
  z-index: 1000;


}

.tinoCasalT{

  position: absolute;
  top: 9%;
  left: 21%;
  z-index: 1000;


}

.woodyAllenT{

  position: absolute;
  top: 23%;
  left: 34%;
  z-index: 1000;

}

.regresoT{

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


}

.regentaT{

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


}

.simonBolibarT{

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


}

.ramonPerezT{

  position: absolute;
  top: 53%;
  left: 54%;
  z-index: 1000;


}

.condeCampomanesT{

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


}

.alfonsoIglesiasT{

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


}

.leopoldoT{

  position: absolute;
  top: 42%;
  left: 8%;
  z-index: 1000;


}

.alvaroNaviaOsorioT{

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


}

.joseTartiereT{

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


}

.generalSabinoT{

  position: absolute;
  top: 28%;
  left: 10%;
  z-index: 1000;


}

/*tamaño fuenta títulos esculturas*/
div.contenido h1{
  font-size: 1.75rem;
}

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