.addi,
.srvi { position: absolute; opacity: .6; cursor: pointer; }
.addi p {
    position: absolute;
    width: 25px;
    height: 25px;
    border: 2px solid #00314D;
    color: #00314D;
    border-radius: 100px;
    background: #fff;
    font-size: 18px;
    line-height: 21px;  
    font-weight: bold;
}
.srvi.koridor { cursor: default; }
/* 1 floor */
#fp-1 .fl-1 { 
    background: url('../img/1/_1.1pack.png') no-repeat;
    width: 102px;
    height: 43px;
    top: 171px;
    left: 40px;   
} 

#fp-1 .fl-1.hover,
#fp-1 .fl-1.active          { background-position: -107px; }

#fp-1 .fl-1.arenda          { background-position: -214px; }

#fp-1 .fl-1.arenda.hover,
#fp-1 .fl-1.arenda.active   { background-position: -321px; }

#fp-1 .fl-2 { 
    background: url('../img/1/_1.2pack.png') no-repeat;
    width: 378px;
    height: 268px;
    top: 77px;
    left: 136px;   
} 

#fp-1 .fl-2.hover,
#fp-1 .fl-2.active          { background-position: -378px; }

#fp-1 .fl-2.arenda          { background-position: -756px; }

#fp-1 .fl-2.arenda.hover,
#fp-1 .fl-2.arenda.active   { background-position: -1134px; }

#fp-1 .fl-3 { 
    background: url('../img/1/_1.3pack.png') no-repeat;
    width: 331px;
    height: 157px;
    bottom: 35px;
    left: 164px;   
} 

#fp-1 .fl-3.hover,
#fp-1 .fl-3.active          { background-position: -331px; }

#fp-1 .fl-3.arenda          { background-position: -662px; }

#fp-1 .fl-3.arenda.hover,
#fp-1 .fl-3.arenda.active   { background-position: -993px; }
#fp-1 .fl-3 p { top: 90px !important; }
/* 2 floor */
/* 2-1 */
#fp-2 .fl-1 { 
    background: url('../img/2/_2.1pack.png') no-repeat;
    width: 373px;
    height: 165px;
    top: 76px;
    left: 51px; 
    z-index: 2;
} 

#fp-2 .fl-1.hover,
#fp-2 .fl-1.active          { background-position: -373px; }

#fp-2 .fl-1.arenda          { background-position: -746px; }

#fp-2 .fl-1.arenda.hover,
#fp-2 .fl-1.arenda.active   { background-position: -1119px; }
/* 2-2 */
#fp-2 .fl-2 { 
    background: url('../img/2/_2.2pack.png') no-repeat;
    width: 68px;
    height: 25px;
    top: 180px;
    left: 446px;
} 
#fp-2 .fl-2.hover,
#fp-2 .fl-2.active          { background-position: -68px; }

#fp-2 .fl-2.arenda          { background-position: -136px; }

#fp-2 .fl-2.arenda.hover,
#fp-2 .fl-2.arenda.active   { background-position: -204px; }
#fp-2 .fl-2 p { top: 0 !important; }
#fp-2 .fl-3 p,
#fp-2 .fl-6 p  { top: 49px !important; }
#fp-2 .fl-4 p {
    top: 133px !important;
    left: 70.5px !important;
}
/* 2-3 */
#fp-2 .fl-3 { 
    background: url('../img/2/_2.3pack.png') no-repeat;
    width: 125px;
    height: 152px;
    top: 208px;
    left: 419px;
    z-index: 3;
} 

#fp-2 .fl-3.hover,
#fp-2 .fl-3.active          { background-position: -125px; }

#fp-2 .fl-3.arenda          { background-position: -250px; }

#fp-2 .fl-3.arenda.hover,
#fp-2 .fl-3.arenda.active   { background-position: -375px; }
/* 2-4 */
#fp-2 .fl-4 { 
    background: url('../img/2/_2.4pack.png') no-repeat;
    width: 135px;
    height: 330px;
    top: 178px;
    left: 6px;
    z-index: 2;
} 

#fp-2 .fl-4.hover,
#fp-2 .fl-4.active          { background-position: -135px; }

#fp-2 .fl-4.arenda          { background-position: -270px; }

#fp-2 .fl-4.arenda.hover,
#fp-2 .fl-4.arenda.active   { background-position: -405px; }
/* 2-5 */
#fp-2 .fl-5 { 
    background: url('../img/2/_2.5pack.png') no-repeat;
    width: 350px;
    height: 310px;
    top: 231px;
    left: 194px;
    z-index: 2;
} 

#fp-2 .fl-5.hover,
#fp-2 .fl-5.active          { background-position: -350px; }

#fp-2 .fl-5.arenda          { background-position: -700px; }

#fp-2 .fl-5.arenda.hover,
#fp-2 .fl-5.arenda.active   { background-position: -1050px; }
#fp-2 .fl-5 p {
    top: 80px !important;
}
/* 2-6 */
#fp-2 .fl-6 { 
    background: url('../img/2/_2.6pack.png') no-repeat;
    width: 184px;
    height: 170px;
    top: 368px;
    left: 242px;
    z-index: 2;
} 

#fp-2 .fl-6.hover,
#fp-2 .fl-6.active          { background-position: -184px; }

#fp-2 .fl-6.arenda          { background-position: -368px; }

#fp-2 .fl-6.arenda.hover,
#fp-2 .fl-6.arenda.active   { background-position: -552px; }
/* 2-7 */
#fp-2 .fl-7 { 
    background: url('../img/2/_2.7pack.png') no-repeat;
    width: 46px;
    height: 59px;
    top: 479px;
    left: 193px;
    z-index: 2;
} 

#fp-2 .fl-7.hover,
#fp-2 .fl-7.active          { background-position: -46px; }

#fp-2 .fl-7.arenda          { background-position: -92px; }

#fp-2 .fl-7.arenda.hover,
#fp-2 .fl-7.arenda.active   { background-position: -138px; }
/* 2-8 */
#fp-2 .fl-8 { 
    background: url('../img/2/_2.8pack.png') no-repeat;
    width: 51px;
    height: 83px;
    top: 455px;
    left: 139px;
} 

#fp-2 .fl-8.hover,
#fp-2 .fl-8.active          { background-position: -51px; }

#fp-2 .fl-8.arenda          { background-position: -102px; }

#fp-2 .fl-8.arenda.hover,
#fp-2 .fl-8.arenda.active   { background-position: -153px; }
#fp-2 .fp-5 p {
    top: 78px;
    left: 164px;
}
/** 2 floor service **/
/* 2-1 wc */
#fp-2 .wc-1 {
    background: url('../img/2/_2.1spack.png') no-repeat;
    width: 35px;
    height: 95px;
    top: 126px;
    left: 352px;
    z-index: 3;
}
#fp-2 .wc-1.hover,
#fp-2 .wc-1.active          { background-position: -35px; }

#fp-2 .wc-1.arenda          { background-position: -70px; }

#fp-2 .wc-1.arenda.hover,
#fp-2 .wc-1.arenda.active   { background-position: -105px; }
/* 2-2 wc */
#fp-2 .wc-2 {
    background: url('../img/2/_2.2spack.png') no-repeat;
    width: 35px;
    height: 80px;
    top: 126px;
    left: 389px;
    z-index: 3;
}
#fp-2 .wc-2.hover,
#fp-2 .wc-2.active          { background-position: -35px; }

#fp-2 .wc-2.arenda          { background-position: -70px; }

#fp-2 .wc-2.arenda.hover,
#fp-2 .wc-2.arenda.active   { background-position: -105px; }
/* 2-3 wc */
#fp-2 .wc-3 {
    background: url('../img/2/_2.3spack.png') no-repeat;
    width: 25px;
    height: 17px;
    top: 368px;
    left: 139px;
    z-index: 3;
}
#fp-2 .wc-3.hover,
#fp-2 .wc-3.active          { background-position: -25px; }

#fp-2 .wc-3.arenda          { background-position: -50px; }

#fp-2 .wc-3.arenda.hover,
#fp-2 .wc-3.arenda.active   { background-position: -75px; }
/* 2-4 wc */
#fp-2 .wc-4 {
    background: url('../img/2/_2.4spack.png') no-repeat;
    width: 25px;
    height: 39px;
    top: 388px;
    left: 139px;
    z-index: 3;
}
#fp-2 .wc-4.hover,
#fp-2 .wc-4.active          { background-position: -25px; }

#fp-2 .wc-4.arenda          { background-position: -50px; }

#fp-2 .wc-4.arenda.hover,
#fp-2 .wc-4.arenda.active   { background-position: -75px; }
/* koridor */
#fp-2 .koridor {
    background: url('../img/2/_2.5spack.png') no-repeat;
    width: 420px;
    height: 292px;
    top: 157px;
    left: 24px;
    z-index: 1;
}
#fp-2 .koridor.hover,
#fp-2 .koridor.active          { background-position: -420px; }

#fp-2 .koridor.arenda          { background-position: -840px; }

#fp-2 .koridor.arenda.hover,
#fp-2 .koridor.arenda.active   { background-position: -1260px; }

/* 3 floor */
/* 3-1 */
#fp-3 .fl-1 { 
    background: url('../img/3/_3.1pack.png') no-repeat;
    width: 191px;
    height: 210px;
    top: 76px;
    left: 272px;  
    z-index: 2;
} 

#fp-3 .fl-1.hover,
#fp-3 .fl-1.active          { background-position: -191px; }

#fp-3 .fl-1.arenda          { background-position: -382px; }

#fp-3 .fl-1.arenda.hover,
#fp-3 .fl-1.arenda.active   { background-position: -573px; }
/* 3-2 */
#fp-3 .fl-2 { 
    background: url('../img/3/_3.2pack.png') no-repeat;
    width: 220px;
    height: 202px;
    top: 76px;
    left: 49px;
    z-index: 2;
} 
#fp-3 .fl-2.hover,
#fp-3 .fl-2.active          { background-position: -220px; }

#fp-3 .fl-2.arenda          { background-position: -440px; }

#fp-3 .fl-2.arenda.hover,
#fp-3 .fl-2.arenda.active   { background-position: -660px; }
/* 3-3 */
#fp-3 .fl-3 { 
    background: url('../img/3/_3.3pack.png') no-repeat;
    width: 86px;
    height: 153px;
    top: 235px;
    left: 458px;
    z-index: 2;
} 

#fp-3 .fl-3.hover,
#fp-3 .fl-3.active          { background-position: -86px; }

#fp-3 .fl-3.arenda          { background-position: -172px; }

#fp-3 .fl-3.arenda.hover,
#fp-3 .fl-3.arenda.active   { background-position: -258px; }
#fp-3 .fl-3 p { left: 25px !important;}
/* 3-4 */
#fp-3 .fl-4 { 
    background: url('../img/3/_3.4pack.png') no-repeat;
    width: 199px;
    height: 275px;
    top: 233px;
    left: 8px;
    z-index: 2;
} 

#fp-3 .fl-4.hover,
#fp-3 .fl-4.active          { background-position: -199px; }

#fp-3 .fl-4.arenda          { background-position: -398px; }

#fp-3 .fl-4.arenda.hover,
#fp-3 .fl-4.arenda.active   { background-position: -597px; }
/* 3-5 */
#fp-3 .fl-5 { 
    background: url('../img/3/_3.5pack.png') no-repeat;
    width: 72px;
    height: 70px;
    top: 393px;
    left: 361px;
    z-index: 3;
} 

#fp-3 .fl-5.hover,
#fp-3 .fl-5.active          { background-position: -72px; }

#fp-3 .fl-5.arenda          { background-position: -144px; }

#fp-3 .fl-5.arenda.hover,
#fp-3 .fl-5.arenda.active   { background-position: -216px; }
/* 3-6 */
#fp-3 .fl-6 { 
    background: url('../img/3/_3.6pack.png') no-repeat;
    width: 81px;
    height: 70px;
    top: 393px;
    left: 275px;
    z-index: 2;
} 

#fp-3 .fl-6.hover,
#fp-3 .fl-6.active          { background-position: -81px; }

#fp-3 .fl-6.arenda          { background-position: -162px; }

#fp-3 .fl-6.arenda.hover,
#fp-3 .fl-6.arenda.active   { background-position: -243px; }
/* 3-7 */
#fp-3 .fl-7 { 
    background: url('../img/3/_3.7pack.png') no-repeat;
    width: 186px;
    height: 106px;
    top: 435px;
    left: 356px;
    z-index: 2;
} 

#fp-3 .fl-7.hover,
#fp-3 .fl-7.active          { background-position: -186px; }

#fp-3 .fl-7.arenda          { background-position: -372px; }

#fp-3 .fl-7.arenda.hover,
#fp-3 .fl-7.arenda.active   { background-position: -558px; }
#fp-3 .fl-7 p { 
    top: 70px !important;
    left: 90px !important;
}
/* 3-8 */
#fp-3 .fl-8 { 
    background: url('../img/3/_3.8pack.png') no-repeat;
    width: 48px;
    height: 49px;
    top: 489px;
    left: 305px;
    z-index: 2;
} 

#fp-3 .fl-8.hover,
#fp-3 .fl-8.active          { background-position: -48px; }

#fp-3 .fl-8.arenda          { background-position: -96px; }

#fp-3 .fl-8.arenda.hover,
#fp-3 .fl-8.arenda.active   { background-position: -144px; }
/* 3-9 */
#fp-3 .fl-9 { 
    background: url('../img/3/_3.9pack.png') no-repeat;
    width: 91px;
    height: 49px;
    top: 488px;
    left: 211px;
    z-index: 2;
} 

#fp-3 .fl-9.hover,
#fp-3 .fl-9.active          { background-position: -91px; }

#fp-3 .fl-9.arenda          { background-position: -182px;}

#fp-3 .fl-9.arenda.hover,
#fp-3 .fl-9.arenda.active   { background-position: -273px; }
#fp-3 .fl-9 p {left: 53px !important; }
/* 3-10*/
#fp-3 .fl-10 { 
    background: url('../img/3/_3.10pack.png') no-repeat;
    width: 48px;
    height: 70px;
    top: 468px;
    left: 161px;
    z-index: 2;
} 

#fp-3 .fl-10.hover,
#fp-3 .fl-10.active          { background-position: -48px; }

#fp-3 .fl-10.arenda          { background-position: -96px; }

#fp-3 .fl-10.arenda.hover,
#fp-3 .fl-10.arenda.active   { background-position: -144px; }
#fp-3 .fl-10 p { font-size: 17px; }
#fp-3 .fl-1 p {
    left: 45.5px !important;
}
#fp-3 .fl-2 p {
    top: 70px !important;
}
/** 3 floor service **/
/* 3-1 wc */
#fp-3 .wc-1 {
    background: url('../img/3/_3.1spack.png') no-repeat;
    width: 31px;
    height: 58px;
    top: 169px;
    left: 375px;
    z-index: 4;
}
#fp-3 .wc-1.hover,
#fp-3 .wc-1.active          { background-position: -31px; }

#fp-3 .wc-1.arenda          { background-position: -62px; }

#fp-3 .wc-1.arenda.hover,
#fp-3 .wc-1.arenda.active   { background-position: -93px; }
/* 3-2 wc */
#fp-3 .wc-2 {
    background: url('../img/3/_3.2spack.png') no-repeat;
    width: 32px;
    height: 58px;
    top: 169px;
    left: 409px;
    z-index: 4;
}
#fp-3 .wc-2.hover,
#fp-3 .wc-2.active          { background-position: -32px; }

#fp-3 .wc-2.arenda          { background-position: -64px; }

#fp-3 .wc-2.arenda.hover,
#fp-3 .wc-2.arenda.active   { background-position: -96px; }
/* 3-3 wc */
#fp-3 .wc-3 {
    background: url('../img/3/_3.3spack.png') no-repeat;
    width: 25px;
    height: 19px;
    top: 393px;
    left: 161px;
    z-index: 4;
}
#fp-3 .wc-3.hover,
#fp-3 .wc-3.active          { background-position: -25px; }

#fp-3 .wc-3.arenda          { background-position: -50px; }

#fp-3 .wc-3.arenda.hover,
#fp-3 .wc-3.arenda.active   { background-position: -75px; }
/* 3-4 wc */
#fp-3 .wc-4 {
    background: url('../img/3/_3.4spack.png') no-repeat;
    width: 25px;
    height: 30px;
    top: 414px;
    left: 161px;
    z-index: 4;
}
#fp-3 .wc-4.hover,
#fp-3 .wc-4.active          { background-position: -25px; }

#fp-3 .wc-4.arenda          { background-position: -50px; }

#fp-3 .wc-4.arenda.hover,
#fp-3 .wc-4.arenda.active   { background-position: -75px; }
/* serv 1 */
#fp-3 .serv-1 {
    background: url('../img/3/_3.5spack.png') no-repeat;
    width: 55px;
    height: 14px;
    top: 218px;
    left: 463px;
    z-index: 4;
}
#fp-3 .serv-1.hover,
#fp-3 .serv-1.active          { background-position: -55px; }

#fp-3 .serv-1.arenda          { background-position: -110px; }

#fp-3 .serv-1.arenda.hover,
#fp-3 .wserv-1.arenda.active   { background-position: -165px; }
/* koridor */
#fp-3 .koridor {
    background: url('../img/3/_3.6spack.png') no-repeat;
    width: 433px;
    height: 283px;
    top: 213px;
    left: 28px;
    z-index: 1;
}
#fp-3 .koridor.hover,
#fp-3 .koridor.active          { background-position: -433px; }

#fp-3 .koridor.arenda          { background-position: -866px; }

#fp-3 .koridor.arenda.hover,
#fp-3 .koridor.arenda.active   { background-position: -1299px; }

/* 4 floor */
/* 4-1 */
#fp-4 .fl-1 { 
    background: url('../img/4/_4.1pack.png') no-repeat;
    width: 186px;
    height: 168px;
    top: 232px;
    left: 8px;  
    z-index: 2;
} 

#fp-4 .fl-1.hover,
#fp-4 .fl-1.active          { background-position: -186px; }

#fp-4 .fl-1.arenda          { background-position: -372px; }

#fp-4 .fl-1.arenda.hover,
#fp-4 .fl-1.arenda.active   { background-position: -558px; }
/* 4-2 */
#fp-4 .fl-2 { 
    background: url('../img/4/_4.2pack.png') no-repeat;
    width: 121px;
    height: 106px;
    top: 402px;
    left: 33px;
    z-index: 2;
} 
#fp-4 .fl-2.hover,
#fp-4 .fl-2.active          { background-position: -121px; }

#fp-4 .fl-2.arenda          { background-position: -242px; }

#fp-4 .fl-2.arenda.hover,
#fp-4 .fl-2.arenda.active   { background-position: -363px; }
#fp-4 .fl-2 p {
    top: 43px !important;
    left: 53.5px !important;
}
/* 4-3 */
#fp-4 .fl-3 { 
    background: url('../img/4/_4.3pack.png') no-repeat;
    width: 135px;
    height: 73px;
    top: 468px;
    left: 161px;
    z-index: 2;
} 

#fp-4 .fl-3.hover,
#fp-4 .fl-3.active          { background-position: -135px; }

#fp-4 .fl-3.arenda          { background-position: -270px; }

#fp-4 .fl-3.arenda.hover,
#fp-4 .fl-3.arenda.active   { background-position: -405px; }
#fp-4 .fl-3 p {
    top: 35.5px !important; 
    left: 45.5px !important;
}
/* 4-4 */
#fp-4 .fl-4 { 
    background: url('../img/4/_4.4pack.png') no-repeat;
    width: 90px;
    height: 52px;
    top: 489px;
    left: 299px;
    z-index: 2;
} 

#fp-4 .fl-4.hover,
#fp-4 .fl-4.active          { background-position: -90px; }

#fp-4 .fl-4.arenda          { background-position: -180px; }

#fp-4 .fl-4.arenda.hover,
#fp-4 .fl-4.arenda.active   { background-position: -270px; }
#fp-4 .fl-4 p {
    top: 10px !important;  
    left: 30px !important;
}
/* 4-5 */
#fp-4 .fl-5 { 
    background: url('../img/4/_4.5pack.png') no-repeat;
    width: 150px;
    height: 106px;
    top: 435px;
    left: 392px;
    z-index: 2;
} 

#fp-4 .fl-5.hover,
#fp-4 .fl-5.active          { background-position: -150px; }

#fp-4 .fl-5.arenda          { background-position: -300px; }

#fp-4 .fl-5.arenda.hover,
#fp-4 .fl-5.arenda.active   { background-position: -450px; }
#fp-4 .fl-5 p {
    top: 56px !important;
    left: 110px !important;
}
/* 4-6 */
#fp-4 .fl-6 { 
    background: url('../img/4/_4.6pack.png') no-repeat;
    width: 70px;
    height: 70px;
    top: 393px;
    left: 363px;
    z-index: 2;
} 

#fp-4 .fl-6.hover,
#fp-4 .fl-6.active          { background-position: -70px; }

#fp-4 .fl-6.arenda          { background-position: -140px; }

#fp-4 .fl-6.arenda.hover,
#fp-4 .fl-6.arenda.active   { background-position: -210px; }
/* 4-7 */
#fp-4 .fl-7 { 
    background: url('../img/4/_4.7pack.png') no-repeat;
    width: 85px;
    height: 70px;
    top: 393px;
    left: 275px;
    z-index: 2;
} 

#fp-4 .fl-7.hover,
#fp-4 .fl-7.active          { background-position: -85px; }

#fp-4 .fl-7.arenda          { background-position: -170px; }

#fp-4 .fl-7.arenda.hover,
#fp-4 .fl-7.arenda.active   { background-position: -255px; }
#fp-4 .fl-7 p {
    left: 54.5px !important;
}
/* 4-8 */
#fp-4 .fl-8 { 
    background: url('../img/4/_4.8pack.png') no-repeat;
    width: 86px;
    height: 125px;
    top: 262px;
    left: 458px;
    z-index: 2;
} 

#fp-4 .fl-8.hover,
#fp-4 .fl-8.active          { background-position: -86px; }

#fp-4 .fl-8.arenda          { background-position: -172px; }

#fp-4 .fl-8.arenda.hover,
#fp-4 .fl-8.arenda.active   { background-position: -258px; }
#fp-4 .fl-8 p { top: 75.5px !important; }
/* 4-9 */
#fp-4 .fl-9 { 
    background: url('../img/4/_4.9pack.png') no-repeat;
    width: 414px;
    height: 211px;
    top: 75px;
    left: 48px;
    z-index: 2;
} 

#fp-4 .fl-9.hover,
#fp-4 .fl-9.active          { background-position: -414px; }

#fp-4 .fl-9.arenda          { background-position: -828px; }

#fp-4 .fl-9.arenda.hover,
#fp-4 .fl-9.arenda.active   { background-position: -1242px; }
#fp-4 .fl-9 p {
    top: 50.5px !important;
    left: 188px !important;
}
/** 4 floor service **/
/* 4-1 wc */
#fp-4 .wc-1 {
    background: url('../img/4/_4.1spack.png') no-repeat;
    width: 31px;
    height: 57px;
    top: 169px;
    left: 375px;
    z-index: 4;
}
#fp-4 .wc-1.hover,
#fp-4 .wc-1.active          { background-position: -31px; }

#fp-4 .wc-1.arenda          { background-position: -62px; }

#fp-4 .wc-1.arenda.hover,
#fp-4 .wc-1.arenda.active   { background-position: -93px; }
/* 4-2 wc */
#fp-4 .wc-2 {
    background: url('../img/4/_4.2spack.png') no-repeat;
    width: 32px;
    height: 57px;
    top: 169px;
    left: 409px;
    z-index: 4;
}
#fp-4 .wc-2.hover,
#fp-4 .wc-2.active          { background-position: -32px; }

#fp-4 .wc-2.arenda          { background-position: -64px; }

#fp-4 .wc-2.arenda.hover,
#fp-4 .wc-2.arenda.active   { background-position: -96px; }
/* 4-3 wc */
#fp-4 .wc-3 {
    background: url('../img/4/_4.3spack.png') no-repeat;
    width: 26px;
    height: 19px;
    top: 393px;
    left: 161px;
    z-index: 4;
}
#fp-4 .wc-3.hover,
#fp-4 .wc-3.active          { background-position: -26px; }

#fp-4 .wc-3.arenda          { background-position: -52px; }

#fp-4 .wc-3.arenda.hover,
#fp-4 .wc-3.arenda.active   { background-position: -78px; }
/* 4-4 wc */
#fp-4 .wc-4 {
    background: url('../img/4/_4.4spack.png') no-repeat;
    width: 26px;
    height: 30px;
    top: 414px;
    left: 161px;
    z-index: 4;
}
#fp-4 .wc-4.hover,
#fp-4 .wc-4.active          { background-position: -26px; }

#fp-4 .wc-4.arenda          { background-position: -52px; }

#fp-4 .wc-4.arenda.hover,
#fp-4 .wc-4.arenda.active   { background-position: -78px; }
/* serv 1 */
#fp-4 .serv-1 {
    background: url('../img/4/_4.5spack.png') no-repeat;
    width: 64px;
    height: 42px;
    top: 217px;
    left: 458px;
    z-index: 4;
}
#fp-4 .serv-1.hover,
#fp-4 .serv-1.active          { background-position: -64px; }

#fp-4 .serv-1.arenda          { background-position: -128px; }

#fp-4 .serv-1.arenda.hover,
#fp-4 .wserv-1.arenda.active   { background-position: -192px; }
/* koridor */
#fp-4 .koridor {
    background: url('../img/4/_4.6spack.png') no-repeat;
    width: 433px;
    height: 314px;
    top: 182px;
    left: 28px;
    z-index: 1;
}
#fp-4 .koridor.hover,
#fp-4 .koridor.active          { background-position: -433px; }

#fp-4 .koridor.arenda          { background-position: -866px; }

#fp-4 .koridor.arenda.hover,
#fp-4 .koridor.arenda.active   { background-position: -1299px; }


/* 5 floor */
/* 5-1 */
#fp-5 .fl-1 { 
    background: url('../img/5/_5.1pack.png') no-repeat;
    width: 403px;
    height: 133px;
    top: 75px;
    left: 50px; 
    z-index: 2; 
} 

#fp-5 .fl-1.hover,
#fp-5 .fl-1.active          { background-position: -403px; }

#fp-5 .fl-1.arenda          { background-position: -806px; }

#fp-5 .fl-1.arenda.hover,
#fp-5 .fl-1.arenda.active   { background-position: -1209px; }
#fp-5 .fl-1 p { top: 80.5px !important;}
/* 5-2 */
#fp-5 .fl-2 { 
    background: url('../img/5/_5.2pack.png') no-repeat;
    width: 221px;
    height: 281px;
    top: 230px;
    left: 8px; 
    z-index: 2;
} 
#fp-5 .fl-2.hover,
#fp-5 .fl-2.active          { background-position: -221px; }

#fp-5 .fl-2.arenda          { background-position: -442px; }

#fp-5 .fl-2.arenda.hover,
#fp-5 .fl-2.arenda.active   { background-position: -663px; }
/* 5-3 */
#fp-5 .fl-3 { 
    background: url('../img/5/_5.3pack.png') no-repeat;
    width: 159px;
    height: 73px;
    top: 230px;
    left: 258px;
    z-index: 2;
} 

#fp-5 .fl-3.hover,
#fp-5 .fl-3.active          { background-position: -159px; }

#fp-5 .fl-3.arenda          { background-position: -318px; }

#fp-5 .fl-3.arenda.hover,
#fp-5 .fl-3.arenda.active   { background-position: -477px; }
/* 5-4 */
#fp-5 .fl-4 { 
    background: url('../img/5/_5.4pack.png') no-repeat;
    width: 148px;
    height: 73px;
    top: 387px;
    left: 278px;
    z-index: 3;
} 

#fp-5 .fl-4.hover,
#fp-5 .fl-4.active          { background-position: -148px; }

#fp-5 .fl-4.arenda          { background-position: -296px; }

#fp-5 .fl-4.arenda.hover,
#fp-5 .fl-4.arenda.active   { background-position: -444px; }
#fp-5 .fl-4 p { left: 75px !important; }
/* 5-5 */
#fp-5 .fl-5 { 
    background: url('../img/5/_5.5pack.png') no-repeat;
    width: 83px;
    height: 162px;
    top: 220px;
    left: 453px;
    z-index: 2;
} 

#fp-5 .fl-5.hover,
#fp-5 .fl-5.active          { background-position: -83px; }

#fp-5 .fl-5.arenda          { background-position: -166px; }

#fp-5 .fl-5.arenda.hover,
#fp-5 .fl-5.arenda.active   { background-position: -249px; }
#fp-5 .fl-5 p {
    top: 79px !important;
    left: 14.5px !important;
}
/* 5-6 */
#fp-5 .fl-6 { 
    background: url('../img/5/_5.6pack.png') no-repeat;
    width: 148px;
    height: 111px;
    top: 430px;
    left: 391px;
    z-index: 2;
} 

#fp-5 .fl-6.hover,
#fp-5 .fl-6.active          { background-position: -148px; }

#fp-5 .fl-6.arenda          { background-position: -296px; }

#fp-5 .fl-6.arenda.hover,
#fp-5 .fl-6.arenda.active   { background-position: -444px; }
#fp-5 .fl-6 p { top: 68.5px !important; }
/* 5-7 */
#fp-5 .fl-7 { 
    background: url('../img/5/_5.7pack.png') no-repeat;
    width: 89px;
    height: 61px;
    top: 480px;
    left: 300px;
    z-index: 2;
} 

#fp-5 .fl-7.hover,
#fp-5 .fl-7.active          { background-position: -89px; }

#fp-5 .fl-7.arenda          { background-position: -178px; }

#fp-5 .fl-7.arenda.hover,
#fp-5 .fl-7.arenda.active   { background-position: -267px; }
/* 5-8 */
#fp-5 .fl-8 { 
    background: url('../img/5/_5.8pack.png') no-repeat;
    width: 140px;
    height: 81px;
    top: 460px;
    left: 158px;
    z-index: 2;
} 

#fp-5 .fl-8.hover,
#fp-5 .fl-8.active          { background-position: -140px; }

#fp-5 .fl-8.arenda          { background-position: -280px; }

#fp-5 .fl-8.arenda.hover,
#fp-5 .fl-8.arenda.active   { background-position: -420px; }
/** 5 floor service**/
/* 5-1 wc */
#fp-5 .wc-1 {
    background: url('../img/5/_5.1spack.png') no-repeat;
    width: 33px;
    height: 43px;
    top: 165px;
    left: 370px;
    z-index: 4;
}
#fp-5 .wc-1.hover,
#fp-5 .wc-1.active          { background-position: -33px; }

#fp-5 .wc-1.arenda          { background-position: -66px; }

#fp-5 .wc-1.arenda.hover,
#fp-5 .wc-1.arenda.active   { background-position: -99px; }
/* 5-2 wc */
#fp-5 .wc-2 {
    background: url('../img/5/_5.2spack.png') no-repeat;
    width: 60px;
    height: 43px;
    top: 165px;
    left: 405px;
    z-index: 4;
}
#fp-5 .wc-2.hover,
#fp-5 .wc-2.active          { background-position: -60px; }

#fp-5 .wc-2.arenda          { background-position: -120px; }

#fp-5 .wc-2.arenda.hover,
#fp-5 .wc-2.arenda.active   { background-position: -180px; }
/* 5-3 wc */
#fp-5 .wc-3 {
    background: url('../img/5/_5.3spack.png') no-repeat;
    width: 27px;
    height: 36px;
    top: 370px;
    left: 158px;
    z-index: 4;
}
#fp-5 .wc-3.hover,
#fp-5 .wc-3.active          { background-position: -27px; }

#fp-5 .wc-3.arenda          { background-position: -54px; }

#fp-5 .wc-3.arenda.hover,
#fp-5 .wc-3.arenda.active   { background-position: -81px; }
/* 5-4 wc */
#fp-5 .wc-4 {
    background: url('../img/5/_5.4spack.png') no-repeat;
    width: 27px;
    height: 31px;
    top: 408px;
    left: 158px;
    z-index: 4;
}
#fp-5 .wc-4.hover,
#fp-5 .wc-4.active          { background-position: -27px; }

#fp-5 .wc-4.arenda          { background-position: -54px; }

#fp-5 .wc-4.arenda.hover,
#fp-5 .wc-4.arenda.active   { background-position: -81px; }
/* koridor */
#fp-5 .koridor {
    background: url('../img/5/_5.5spack.png') no-repeat;
    width: 419px;
    height: 310px;
    top: 180px;
    left: 32px;
    z-index: 1;
}
#fp-5 .koridor.hover,
#fp-5 .koridor.active          { background-position: -419px; }

#fp-5 .koridor.arenda          { background-position: -838px; }

#fp-5 .koridor.arenda.hover,
#fp-5 .koridor.arenda.active   { background-position: -1257px; }


/* 6 floor */
#fp-6 .fl-1 { 
    background: url('../img/6/_6.1pack.png') no-repeat;
    width: 164px;
    height: 74px;
    top: 229px;
    left: 252px;
    z-index: 2; 
} 
#fp-6 .fl-1.hover,
#fp-6 .fl-1.active          { background-position: -164px; }

#fp-6 .fl-1.arenda          { background-position: -328px; }

#fp-6 .fl-1.arenda.hover,
#fp-6 .fl-1.arenda.active   { background-position: -492px; }

#fp-6 .fl-2 { 
    background: url('../img/6/_6.2pack.png') no-repeat;
    width: 188px;
    height: 210px;
    top: 229px;
    left: 8px; 
    z-index: 2; 
} 

#fp-6 .fl-2.hover,
#fp-6 .fl-2.active          { background-position: -188px; }

#fp-6 .fl-2.arenda          { background-position: -376px; }

#fp-6 .fl-2.arenda.hover,
#fp-6 .fl-2.arenda.active   { background-position: -564px; }
#fp-6 .fl-2 p {
    top: 40px !important;
    left: 78px !important;
}
#fp-6 .fl-3 { 
    background: url('../img/6/_6.3pack.png') no-repeat;
    width: 402px;
    height: 134px;
    top: 74px;
    left: 50px;
    z-index: 2; 
} 

#fp-6 .fl-3.hover,
#fp-6 .fl-3.active          { background-position: -402px; }

#fp-6 .fl-3.arenda          { background-position: -804px; }

#fp-6 .fl-3.arenda.hover,
#fp-6 .fl-3.arenda.active   { background-position: -1206px; }
#fp-6 .fl-3 p {
    top: 77px !important;
    left: 213px !important;
}
/** 6 floor service**/
/* 6-1 wc */
#fp-6 .wc-1 {
    background: url('../img/6/_6.1spack.png') no-repeat;
    width: 32px;
    height: 44px;
    top: 164px;
    left: 370px;
    z-index: 4;
}
#fp-6 .wc-1.hover,
#fp-6 .wc-1.active          { background-position: -32px; }

#fp-6 .wc-1.arenda          { background-position: -64px; }

#fp-6 .wc-1.arenda.hover,
#fp-6 .wc-1.arenda.active   { background-position: -96px; }
/* 6-2 wc */
#fp-6 .wc-2 {
    background: url('../img/6/_6.2spack.png') no-repeat;
    width: 30px;
    height: 44px;
    top: 164px;
    left: 405px;
    z-index: 4;
}
#fp-6 .wc-2.hover,
#fp-6 .wc-2.active          { background-position: -30px; }

#fp-6 .wc-2.arenda          { background-position: -60px; }

#fp-6 .wc-2.arenda.hover,
#fp-6 .wc-2.arenda.active   { background-position: -90px; }
/* 6-3 wc */
#fp-6 .wc-3 {
    background: url('../img/6/_6.3spack.png') no-repeat;
    width: 31px;
    height: 22px;
    top: 229px;
    left: 198px;
    z-index: 4;
}
#fp-6 .wc-3.hover,
#fp-6 .wc-3.active          { background-position: -31px; }

#fp-6 .wc-3.arenda          { background-position: -62px; }

#fp-6 .wc-3.arenda.hover,
#fp-6 .wc-3.arenda.active   { background-position: -93px; }
/* 6-4 wc */
#fp-6 .wc-4 {
    background: url('../img/6/_6.4spack.png') no-repeat;
    width: 31px;
    height: 31px;
    top: 253px;
    left: 198px;
    z-index: 4;
}
#fp-6 .wc-4.hover,
#fp-6 .wc-4.active          { background-position: -31px; }

#fp-6 .wc-4.arenda          { background-position: -62px; }

#fp-6 .wc-4.arenda.hover,
#fp-6 .wc-4.arenda.active   { background-position: -93px; }
/* koridor */
#fp-6 .koridor {
    background: url('../img/6/_6.5spack.png') no-repeat;
    width: 404px;
    height: 199px;
    top: 179px;
    left: 31px;
    z-index: 1;
}
#fp-6 .koridor.hover,
#fp-6 .koridor.active          { background-position: -404px; }

#fp-6 .koridor.arenda          { background-position: -808px; }

#fp-6 .koridor.arenda.hover,
#fp-6 .koridor.arenda.active   { background-position: -1212px; }



/* 8 floor */
#fp-8 .fl-1 { 
    background: url('../img/8/_8.1pack.png') no-repeat;
    width: 187px;
    height: 116px;
    top: 229px;
    left: 8px;  
    z-index: 2;
} 
#fp-8 .fl-1.hover,
#fp-8 .fl-1.active          { background-position: -187px; }

#fp-8 .fl-1.arenda          { background-position: -374px; }

#fp-8 .fl-1.arenda.hover,
#fp-8 .fl-1.arenda.active   { background-position: -561px; }

#fp-8 .fl-2 { 
    background: url('../img/8/_8.2pack.png') no-repeat;
    width: 401px;
    height: 133px;
    top: 74px;
    left: 51px; 
    z-index: 2;
} 

#fp-8 .fl-2.hover,
#fp-8 .fl-2.active          { background-position: -401px; }

#fp-8 .fl-2.arenda          { background-position: -802px; }

#fp-8 .fl-2.arenda.hover,
#fp-8 .fl-2.arenda.active   { background-position: -1203px; }
#fp-8 .fl-2 p {
    top: 33.5px !important;
    left: 222.5px !important;
}
#fp-8 .fl-3 { 
    background: url('../img/8/_8.3pack.png') no-repeat;
    width: 164px;
    height: 74px;
    top: 229px;
    left: 252px;
    z-index: 2;
} 

#fp-8 .fl-3.hover,
#fp-8 .fl-3.active          { background-position: -164px; }

#fp-8 .fl-3.arenda          { background-position: -328px; }

#fp-8 .fl-3.arenda.hover,
#fp-8 .fl-3.arenda.active   { background-position: -492px; }
/** 8 floor service**/
/* 8-1 wc */
#fp-8 .wc-1 {
    background: url('../img/8/_8.1spack.png') no-repeat;
    width: 32px;
    height: 42px;
    top: 165px;
    left: 370px;
    z-index: 4;
}
#fp-8 .wc-1.hover,
#fp-8 .wc-1.active          { background-position: -32px; }

#fp-8 .wc-1.arenda          { background-position: -64px; }

#fp-8 .wc-1.arenda.hover,
#fp-8 .wc-1.arenda.active   { background-position: -96px; }
/* 8-2 wc */
#fp-8 .wc-2 {
    background: url('../img/8/_8.2spack.png') no-repeat;
    width: 30px;
    height: 42px;
    top: 165px;
    left: 405px;
    z-index: 4;
}
#fp-8 .wc-2.hover,
#fp-8 .wc-2.active          { background-position: -30px; }

#fp-8 .wc-2.arenda          { background-position: -60px; }

#fp-8 .wc-2.arenda.hover,
#fp-8 .wc-2.arenda.active   { background-position: -90px; }
/* 8-3 wc */
#fp-8 .wc-3 {
    background: url('../img/8/_8.3spack.png') no-repeat;
    width: 31px;
    height: 21px;
    top: 229px;
    left: 198px;
    z-index: 4;
}
#fp-8 .wc-3.hover,
#fp-8 .wc-3.active          { background-position: -31px; }

#fp-8 .wc-3.arenda          { background-position: -62px; }

#fp-8 .wc-3.arenda.hover,
#fp-8 .wc-3.arenda.active   { background-position: -93px; }
/* 8-4 wc */
#fp-8 .wc-4 {
    background: url('../img/8/_8.4spack.png') no-repeat;
    width: 31px;
    height: 31px;
    top: 253px;
    left: 198px;
    z-index: 4;
}
#fp-8 .wc-4.hover,
#fp-8 .wc-4.active          { background-position: -31px; }

#fp-8 .wc-4.arenda          { background-position: -62px; }

#fp-8 .wc-4.arenda.hover,
#fp-8 .wc-4.arenda.active   { background-position: -93px; }
/* koridor */
#fp-8 .koridor {
    background: url('../img/8/_8.5spack.png') no-repeat;
    width: 404px;
    height: 199px;
    top: 179px;
    left: 31px;
    z-index: 1;
}
#fp-8 .koridor.hover,
#fp-8 .koridor.active          { background-position: -404px; }

#fp-8 .koridor.arenda          { background-position: -808px; }

#fp-8 .koridor.arenda.hover,
#fp-8 .koridor.arenda.active   { background-position: -1212px; }

/* 9 floor */
#fp-9 .fl-1 { 
    background: url('../img/9/_9.1pack.png') no-repeat;
    width: 401px;
    height: 133px;
    top: 74px;
    left: 51px;
    z-index: 2;   
} 
#fp-9 .fl-1.hover,
#fp-9 .fl-1.active          { background-position: -401px; }

#fp-9 .fl-1.arenda          { background-position: -802px; }

#fp-9 .fl-1.arenda.hover,
#fp-9 .fl-1.arenda.active   { background-position: -1203px; }

#fp-9 .fl-2 { 
    background: url('../img/9/_9.2pack.png') no-repeat;
    width: 187px;
    height: 116px;
    top: 229px;
    left: 8px; 
    z-index: 2;
} 

#fp-9 .fl-2.hover,
#fp-9 .fl-2.active          { background-position: -187px; }

#fp-9 .fl-2.arenda          { background-position: -374px; }

#fp-9 .fl-2.arenda.hover,
#fp-9 .fl-2.arenda.active   { background-position: -561px; }
#fp-9 .fl-2 p {
    top: 33.5px !important;
    left: 79.5px !important;
}
#fp-9 .fl-3 { 
    background: url('../img/9/_9.3pack.png') no-repeat;
    width: 164px;
    height: 74px;
    top: 229px;
    left: 252px;
    z-index: 2;
} 

#fp-9 .fl-3.hover,
#fp-9 .fl-3.active          { background-position: -164px; }

#fp-9 .fl-3.arenda          { background-position: -328px; }

#fp-9 .fl-3.arenda.hover,
#fp-9 .fl-3.arenda.active   { background-position: -492px; }

/** 9 floor service**/
/* 9-1 wc */
#fp-9 .wc-1 {
    background: url('../img/9/_9.1spack.png') no-repeat;
    width: 32px;
    height: 42px;
    top: 165px;
    left: 370px;
    z-index: 4;
}
#fp-9 .wc-1.hover,
#fp-9 .wc-1.active          { background-position: -32px; }

#fp-9 .wc-1.arenda          { background-position: -64px; }

#fp-9 .wc-1.arenda.hover,
#fp-9 .wc-1.arenda.active   { background-position: -96px; }
/* 9-2 wc */
#fp-9 .wc-2 {
    background: url('../img/9/_9.2spack.png') no-repeat;
    width: 30px;
    height: 42px;
    top: 165px;
    left: 405px;
    z-index: 4;
}
#fp-9 .wc-2.hover,
#fp-9 .wc-2.active          { background-position: -30px; }

#fp-9 .wc-2.arenda          { background-position: -60px; }

#fp-9 .wc-2.arenda.hover,
#fp-9 .wc-2.arenda.active   { background-position: -90px; }
/* 9-3 wc */
#fp-9 .wc-3 {
    background: url('../img/9/_9.3spack.png') no-repeat;
    width: 31px;
    height: 21px;
    top: 229px;
    left: 198px;
    z-index: 4;
}
#fp-9 .wc-3.hover,
#fp-9 .wc-3.active          { background-position: -31px; }

#fp-9 .wc-3.arenda          { background-position: -62px; }

#fp-9 .wc-3.arenda.hover,
#fp-9 .wc-3.arenda.active   { background-position: -93px; }
/* 9-4 wc */
#fp-9 .wc-4 {
    background: url('../img/9/_9.4spack.png') no-repeat;
    width: 31px;
    height: 31px;
    top: 253px;
    left: 198px;
    z-index: 4;
}
#fp-9 .wc-4.hover,
#fp-9 .wc-4.active          { background-position: -31px; }

#fp-9 .wc-4.arenda          { background-position: -62px; }

#fp-9 .wc-4.arenda.hover,
#fp-9 .wc-4.arenda.active   { background-position: -93px; }

/* koridor */
#fp-9 .koridor {
    background: url('../img/9/_9.5spack.png') no-repeat;
    width: 404px;
    height: 199px;
    top: 179px;
    left: 31px;
    z-index: 1;
}
#fp-9 .koridor.hover,
#fp-9 .koridor.active          { background-position: -404px; }

#fp-9 .koridor.arenda          { background-position: -808px; }

#fp-9 .koridor.arenda.hover,
#fp-9 .koridor.arenda.active   { background-position: -1212px; }


/* 10 floor */
#fp-10 .fl-1 { 
    background: url('../img/10/_10.1pack.png') no-repeat;
    width: 162px;
    height: 65px;
    top: 229px;
    left: 33px;   
    z-index: 2;
} 
#fp-10 .fl-1.hover,
#fp-10 .fl-1.active          { background-position: -162px; }

#fp-10 .fl-1.arenda          { background-position: -324px; }

#fp-10 .fl-1.arenda.hover,
#fp-10 .fl-1.arenda.active   { background-position: -486px; }

#fp-10 .fl-2 { 
    background: url('../img/10/_10.2pack.png') no-repeat;
    width: 159px;
    height: 97px;
    top: 79px;
    left: 50px;
    z-index: 2;
} 

#fp-10 .fl-2.hover,
#fp-10 .fl-2.active          { background-position: -159px; }

#fp-10 .fl-2.arenda          { background-position: -318px; }

#fp-10 .fl-2.arenda.hover,
#fp-10 .fl-2.arenda.active   { background-position: -477px; }

#fp-10 .fl-3 { 
    background: url('../img/10/_10.3pack.png') no-repeat;
    width: 168px;
    height: 102px;
    top: 74px;
    left: 212px;
    z-index: 2;
} 

#fp-10 .fl-3.hover,
#fp-10 .fl-3.active          { background-position: -168px; }

#fp-10 .fl-3.arenda          { background-position: -336px; }

#fp-10 .fl-3.arenda.hover,
#fp-10 .fl-3.arenda.active   { background-position: -504px; }
#fp-10 .fl-3 p {
    top: 75px !important;
}
#fp-10 .fl-4 { 
    background: url('../img/10/_10.4pack.png') no-repeat;
    width: 95px;
    height: 100px;
    top: 107px;
    left: 370px;
    z-index: 2;
} 

#fp-10 .fl-4.hover,
#fp-10 .fl-4.active          { background-position: -95px; }

#fp-10 .fl-4.arenda          { background-position: -190px; }

#fp-10 .fl-4.arenda.hover,
#fp-10 .fl-4.arenda.active   { background-position: -285px; }
#fp-10 .fl-4 p {
    top: 23px !important;
    left: 11.5px !important;
}
/** 10 floor service**/
/* 10-1 wc */
#fp-10 .wc-1 {
    background: url('../img/10/_10.1spack.png') no-repeat;
    width: 22px;
    height: 21px;
    top: 229px;
    left: 198px;
    z-index: 4;
}
#fp-10 .wc-1.hover,
#fp-10 .wc-1.active          { background-position: -22px; }

#fp-10 .wc-1.arenda          { background-position: -44px; }

#fp-10 .wc-1.arenda.hover,
#fp-10 .wc-1.arenda.active   { background-position: -66px; }
/* 10-2 wc */
#fp-10 .wc-2 {
    background: url('../img/10/_10.2spack.png') no-repeat;
    width: 22px;
    height: 26px;
    top: 253px;
    left: 198px;
    z-index: 4;
}
#fp-10 .wc-2.hover,
#fp-10 .wc-2.active          { background-position: -22px; }

#fp-10 .wc-2.arenda          { background-position: -44px; }

#fp-10 .wc-2.arenda.hover,
#fp-10 .wc-2.arenda.active   { background-position: -66px; }

/* koridor */
#fp-10 .koridor {
    background: url('../img/10/_10.3spack.png') no-repeat;
    width: 444px;
    height: 253px;
    top: 125px;
    left: 31px;
    z-index: 1;
}
#fp-10 .koridor.hover,
#fp-10 .koridor.active          { background-position: -444px; }

#fp-10 .koridor.arenda          { background-position: -888px; }

#fp-10 .koridor.arenda.hover,
#fp-10 .koridor.arenda.active   { background-position: -1332px; }