#circulo, #vende{

  display: none;

}

/*.pie{
  display: none;

  #pie{

  position: absolute;
  bottom: 0%;


}
}*/

#pie{

  position: absolute;
  bottom: 0%;
  position: fixed;
}



@media screen and (max-height:520px){

  #pie{
    display: none;
  }


}

@media screen and (max-height:521px){

  #pie{
    display: block;
  }


}

.btn_iniciar{

  position: absolute;
  top: 425px; 
  left: 217px;


}

.contenedorPortatil{

  position: absolute;
  top: 160px;


}

#mapaizquierda{

  position: relative;
  bottom: 50px;


}

@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: 100px;
    position: absolute;
    top: 725px;
    right: 35%;
  }

  @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: 100px;
  position: absolute;
  top: 80%;
  left: 25%;
}

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

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

}
.mapamovil .cordera img{

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

}
.mapamovil .torera img{

  position: absolute;
  top: calc(40vw - 1vh);
  left: 37%;
  z-index: 1000;

}

.mapamovil .diestro img{

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

}

.mapamovil .bailarina img{

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

}

.mapamovil .guisandera img{

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

}

.mapamovil .gitana img{

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

} 

.mapamovil .lechera img{

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

}

.mapamovil .vendedor img{

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

}

.mapamovil .pescadera img{

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

}

.mapamovil .vendedoras img{

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

}

.mapamovil .moñeco{

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

  width: 14%;

}

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

h4{

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

.violinistaT{

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

}

.corderaT{

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


}

.diestroT{

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


}

.toreraT{

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


}

.bailarinaT{

  position: absolute;
  top: 25%;
  left: 78%;
  z-index: 1000;


}

.guisanderaT{

  position: absolute;
  top: 12%;
  left: 80%;
  z-index: 1000;


}

.gitanaT{

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


}

.lecheraT{

  position: absolute;
  top: 36%;
  left: 86%;
  z-index: 1000;


}

.vendedorT{

  position: absolute;
  top: 44%;
  left: 80%;
  z-index: 1000;


}

.pescaderaT{

  position: absolute;
  top: 48%;
  left: 83%;
  z-index: 1000;


}

.vendedorasT{

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


}

.fotoIzda{

  min-height: 699px;

}

@media screen and (min-width:1200px) {
  .contenedorPortatil *{

    max-height:776px;    

  }

 

  .contenedorPortatil .acentoPortatil{

    height:776px;    

  }

  #derecha{
    max-height: 776px;
  }

  .contenedorPortatil, #derecha{

    max-height:557px;    

  }

  
  #contenido1{

    position: relative;
    bottom: 100px;
    max-height: 776px;


  }

  #contenido2,#contenido3,#contenido4,#contenido5,#contenido6,#contenido7,#contenido8,#contenido9,#contenido10,#contenido11,#contenido12,#contenido13,#contenido14,#contenido15{

    position: relative;
    bottom: 100px;
    max-height: 700px;
    
       


  }

  .fotoIzda{

    min-height: 457px;
    max-height: 700px;

  }

  #circulo{

    display: none;

  }
  

  /*
  .moñeco{

    display: none;

  }
  */
}




@media screen and (min-width:1200px) {
  
  #mapaizquierda{

    max-height: 571px;


  }

  .infoIzdaContenido{

    position: relative;
    bottom: 300px;
    max-height: 571px;

    
  }

 

  .contenedorPortatil .acentoPortatil{

    min-height:250px;    

  }

  #derecha{
    max-height: 771px;
  }

  .contenedorPortatil, #derecha{

    max-height:571px;    

  }

  #contenido1{

    position: relative;
    bottom: 100px;
    max-height: 571px;


  }

  .fotoIzda{

    min-height: 471px;

  }

  
}


@media screen and (min-width:1900px){

  #contenido1{

    position: relative;
    bottom: 100px;
    min-height: 771px;


  }

  #mapaizquierda{

    min-height: 571px;


  }

  .infoIzdaContenido{

    position: relative;
    bottom: 300px;
    min-height: 771px;

    
  }




}

@media screen and (min-height:900px){

  #contenido1{

    position: relative;
    bottom: 100px;
    min-height: 680px;


  }



}

@media screen and (max-height:900px){

  #contenido1{

    position: relative;
    bottom: 100px;
    min-height: 450px;


  }



}



.descarga{

  margin: 5px auto;

}

.infoIzdaContenido{

  margin-bottom: 15px;

}

/*pie

@media screen and  (min-width:1200px){

  .pie{
    display: block;
    position: absolute;
    bottom: 0%;
  }



}



@media screen and (max-height:971px){

  .pie{
    display: none;
  }

}



@media screen and (min-height:972px){

  .pie{
    display: block;
    position: absolute;
    bottom: 0%;
  }
 
}

@media screen and  (max-width:1199px) and (max-height:972px){

  .pie{
    display: none;
  }

@media screen and (max-height:968px){

  .pie{

    display: none;

  }

}


}*/








/*textos*/

@media screen and (max-width:1328px){

  h1{

    font-size: 20pt;
    

  }


}

.img-thumbnail{

  
  height: 100%;
  

}



@media screen and (max-width: 444px){

  /*titulo movil*/
  .titulo h1{

    max-width: 75%;
   


  }

  /*boton iniciar recorrido movil*/
  .btn_iniciar{

    position: absolute;
    top: 425px; 
    left: 100px;
    


  }

  



}

@media screen and (max-width:768px){

  .descarga{

    display: none;

  }


}