#mapCastle {
  padding: 5px;
  background-color: white;
}

#globus {
	margin: 10px;
}

#htspt {
  position: relative;
  display: inline-block;
}

#htspt img {
  position: relative;
  padding-right: 20px;
  margin: 0;
}

#htspt a {
  position: absolute;
  border: 1px solid rgba(128,128,255,.8);
  background-color: rgba(128,128,255,.2);
  width: 20px;
  height: 20px;
  border-radius: 20px;  
}

#htspt a:hover {
  border: 2px solid rgba(255,64,64,.8);
  background: rgba(255,64,64,.3);
  width: 28px;
  height: 28px;
  border-radius: 28px;
  margin-left: calc(-5px);
  margin-top: calc(-5px);
}

#htspt .currentMap {
  border: 2px solid rgba(255,64,64,.8);
  background: rgba(255,64,64,.3);
  width: 28px;
  height: 28px;
  border-radius: 28px;
  margin-left: calc(-5px);
  margin-top: calc(-5px);
}

#htspt a[data-id="1"] {
  left: 60px;
  top: 500px;
}

#htspt a[data-id="2"] {
  left: 43px;
  top: 540px;
}

#htspt a[data-id="3"] {
  left: 60px;
  top: 420px;
}

#htspt a[data-id="4"] {
  left: 43px;
  top: 365px;
}

#htspt a[data-id="5"] {
  left: 143px;
  top: 365px;
}

#htspt a[data-id="6"] {
  left: 190px;
  top: 355px;
}

#htspt a[data-id="7"] {
  left: 218px;
  top: 490px;
}

#htspt a[data-id="8"] {
  left: 270px;
  top: 510px;
}

#htspt a[data-id="9"] {
  left: 270px;
  top: 420px;
}

#htspt a[data-id="10"] {
  left: 270px;
  top: 380px;
}

#htspt a[data-id="11"] {
  left: 245px;
  top: 560px;
}

#htspt a[data-id="12"] {
  left: 275px;
  top: 560px;
}

#htspt a[data-id="13"] {
  left: 275px;
  top: 590px;
}

#htspt a[data-id="14"] {
  left: 105px;
  top: 525px;
}

#htspt a[data-id="15"] {
  left: 450px;
  top: 410px;
}

#htspt a[data-id="16"] {
  left: 360px;
  top: 380px;
}

#htspt a[data-id="17"] {
  left: 420px;
  top: 360px;
}

#htspt a[data-id="18"] {
  left: 520px;
  top: 360px;
}

#htspt a[data-id="19"] {
  left: 585px;
  top: 375px;
}

#htspt a[data-id="20"] {
  left: 565px;
  top: 410px;
}

#htspt a[data-id="21"] {
  left: 595px;
  top: 430px;
}

#htspt a[data-id="22"] {
  left: 560px;
  top: 460px;
}

#htspt a[data-id="23"] {
  left: 595px;
  top: 500px;
}

#htspt a[data-id="24"] {
  left: 560px;
  top: 500px;
}

#htspt a[data-id="25"] {
  left: 570px;
  top: 570px;
}

#htspt a[data-id="26"] {
  left: 550px;
  top: 280px;
}

#htspt a[data-id="27"] {
  left: 575px;
  top: 280px;
}

#htspt a[data-id="28"] {
  left: 600px;
  top: 280px;
}

#htspt a[data-id="29"] {
  left: 450px;
  top: 590px;
}

#htspt a[data-id="30"] {
  left: 420px;
  top: 510px;
}

#htspt a[data-id="31"] {
  left: 400px;
  top: 530px;
}

#htspt a[data-id="32"] {
  left: 375px;
  top: 530px;
}

#htspt a[data-id="33"] {
  left: 350px;
  top: 530px;
}

#htspt a[data-id="34"] {
  left: 525px;
  top: 410px;
}

#htspt a[data-id="35"] {
  left: 500px;
  top: 240px;
}

#htspt a[data-id="36"] {
  left: 460px;
  top: 240px;
}

#htspt a[data-id="37"] {
  left: 420px;
  top: 240px;
}

#htspt a[data-id="38"] {
  left: 420px;
  top: 265px;
}

#htspt a[data-id="39"] {
  left: 525px;
  top: 240px;
}

#htspt a[data-id="40"] {
  left: 500px;
  top: 265px;
}

#htspt a[data-id="41"] {
  left: 525px;
  top: 265px;
}

#htspt a[data-id="42"] {
  left: 550px;
  top: 255px;
}

#htspt a[data-id="43"] {
  left: 575px;
  top: 255px;
}

#htspt a[data-id="44"] {
  left: 575px;
  top: 195px;
}

#htspt a[data-id="45"] {
  left: 590px;
  top: 165px;
}

#htspt a[data-id="46"] {
  left: 590px;
  top: 135px;
}

#htspt a[data-id="47"] {
  left: 590px;
  top: 105px;
}

#htspt a[data-id="48"] {
  left: 590px;
  top: 75px;
}

#htspt a[data-id="49"] {
  left: 590px;
  top: 45px;
}

#htspt a[data-id="50"] {
  left: 565px;
  top: 45px;
}

#htspt a[data-id="51"] {
  left: 565px;
  top: 75px;
}

#htspt a[data-id="52"] {
  left: 565px;
  top: 105px;
}

#htspt a[data-id="53"] {
  left: 565px;
  top: 135px;
}

#htspt a[data-id="54"] {
  left: 600px;
  top: 255px;
}

#htspt a[data-id="55"] {
  left: 600px;
  top: 230px;
}

#htspt a[data-id="56"] {
  left: 575px;
  top: 230px;
}

#htspt a[data-id="57"] {
  left: 550px;
  top: 230px;
}

#htspt a[data-id="58"] {
  left: 625px;
  top: 230px;
}

#htspt a[data-id="59"] {
  left: 625px;
  top: 255px;
}

#htspt a[data-id="60"] {
  left: 625px;
  top: 280px;
}

#htspt a[data-id="61"] {
  left: 625px;
  top: 305px;
}

#htspt a[data-id="62"] {
  left: 405px;
  top: 195px;
}

#htspt a[data-id="63"] {
  left: 405px;
  top: 165px;
}

#htspt a[data-id="64"] {
  left: 600px;
  top: 305px;
}

#htspt a[data-id="65"] {
  left: 530px;
  top: 155px;
}

#htspt a[data-id="66"] {
  left: 520px;
  top: 40px;
}

#htspt a[data-id="67"] {
  left: 480px;
  top: 40px;
}

#htspt a[data-id="68"] {
  left: 440px;
  top: 40px;
}

#htspt a[data-id="69"] {
  left: 415px;
  top: 55px;
}

#htspt a[data-id="70"] {
  left: 460px;
  top: 55px;
}

#htspt a[data-id="71"] {
  left: 500px;
  top: 55px;
}

#htspt a[data-id="72"] {
  left: 530px;
  top: 100px;
}

#htspt a[data-id="73"] {
  left: 420px;
  top: 100px;
}

#htspt a[data-id="74"] {
  left: 420px;
  top: 210px;
}

#htspt a[data-id="75"] {
  left: 160px;
  top: 180px;
}

#htspt a[data-id="76"] {
  left: 110px;
  top: 240px;
}

#htspt a[data-id="202"] {
  left: 140px;
  top: 30px;
}

#htspt a[data-id="203"] {
  left: 170px;
  top: 30px;
}

#htspt a[data-id="204"] {
  left: 200px;
  top: 30px;
}

#htspt a[data-id="205"] {
  left: 230px;
  top: 30px;
}

#htspt a[data-id="206"] {
  left: 260px;
  top: 30px;
}

#htspt a[data-id="207"] {
  left: 290px;
  top: 30px;
}

#htspt a[data-id="208"] {
  left: 110px;
  top: 60px;
}

#htspt a[data-id="209"] {
  left: 140px;
  top: 60px;
}

#htspt a[data-id="210"] {
  left: 170px;
  top: 60px;
}

#htspt a[data-id="211"] {
  left: 200px;
  top: 60px;
}

#htspt a[data-id="212"] {
  left: 230px;
  top: 60px;
}

#htspt a[data-id="213"] {
  left: 260px;
  top: 60px;
}

#htspt a[data-id="214"] {
  left: 290px;
  top: 60px;
}

#htspt a[data-id="215"] {
  left: 110px;
  top: 30px;
}