@font-face {
  font-family: Unispace Rg; /* set name */
  src: url(unispace/Unispace\ Rg.otf); /* url of the font */
}
@font-face {
  font-family: Unispace Bd; /* set name */
  src: url(unispace/Unispace\ Bd.otf); /* url of the font */
}.mapa {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 10%;
    margin-top: 5%;
}

.mapa img {

    text-align: center;
    width: 70%;
    margin-bottom: 5%;
}

.pin {
    position: absolute;
    width: 6%;
    height: 6%;
    transform: translate(-50%, -100%);
    border-radius: 50%;
}

 .box {
    border: 1px dotted #0000003a;
    text-align: left;
    margin: 2%;
    padding: 2%;
    margin-top: 0%;
}

.gdansk {
    left: 43.4%;
    top: 10.3%;
}

.warszawa {
    left: 60.3%;
    top: 43.6%;
}

.lodz {
    left: 50.2%;
    top: 49.7%;
}

.wroclaw {
    left: 32.8%;
    top: 55.6%;
}

.opole {
    left: 40.7%;
    top: 67.3%;
}

.katowice {
    left: 50.2%;
    top: 73.0%;
}

.krakow {
    left: 53.6%;
    top: 76.9%;
}

body {
  background-color: white;
}

body{
    width: available;
    height: available;
}

.container{
    width: available;
    height: available;
}

.leftpane{
    width: 25%;
    min-width: 25%;
    height: available;
    min-height: 400px;
    float: left;
    background-color: rgba(188, 143, 143, 0);
    border-collapse: collapse;
    text-align:right;
}

.middlepane{
   width: 50%;
   margin-top: 2%;
   min-width: 50%;
   height: available;
   min-height: 600%;
   float: left;
   background-color: rgba(65, 105, 225, 0);
   border-collapse: collapse;
   text-align: center;
}

.rightpane{
    width: available;
    height: available;
    position: relative;
    margin-left: 75%;
    background-color: rgba(255, 255, 0, 0);
    border-collapse: collapse;
}

.toppane{
    font-family: Unispace Bd;
     font-size:  120%;
    width: available;
    height: 10%;
    border-collapse: collapse;
    background-color: #4da6ff00;
    text-align: center;
    margin-top: 2%;
}
h3{
  font-family: Unispace Bd;
    font-size:  120%;
    text-align: left;
}
.p1 {
    text-align: left;
}