/* 
    Created on  : 2017.03.19., 8:59:11
    Author      : Bencsik Matyas
    ToDo        : sbbp
*/

#building {
    background: #909a9f url("/images/boxes_bg.jpg") repeat left top;
    width: 100.1%;
    padding: 90px 0 70px 0;

}

#building img.epulet {

}

#building img.level {
    position: absolute;
}

#building img.levels {
    display:none;
    position: absolute;  
    z-index: 1000;
}

#floors-container img {
    position: absolute; 

}



#level-maps > div {
    z-index: 1001;
    position: absolute;
}

#level1 {

}

#level-maps > div > div{ 
    cursor: pointer;
    /*background-color: #f00;*/
    /*opacity:0.5;*/
    position: absolute;
}

/**   LEVEL MAPS   */

/*0*/
#level0 .map1 {
    left: 45px;
    top: 192px;
    width: 75px;
    height: 24px;
}

#level0 .map2 {
    left: 93px;
    top: 243px;
    width: 155px;
    height: 24px;
}

#level0 .map3 {
    left: 245px;
    top: 235px;
    width: 100px;
    height: 35px;
}

#level0 .map4 {
    left: 354px;
    top: 251px;
    width: 115px;
    height: 27px;
}

#level0 .map5 {
    left: 448px;
    top: 235px;
    width: 69px;
    height: 14px;
    -ms-transform: rotate(-63deg);
    -webkit-transform: rotate(-63deg);
    transform: rotate(-63deg);
}

#level0 .map6 {
    left: 493px;
    top: 206px;
    width: 90px;
    height: 27px;
}

#level0 .map7 {
    left: 585px;
    top: 261px;
    width: 125px;
    height: 21px;
}

#level0 .map8 {
    left: 714px;
    top: 211px;
    width: 91px;
    height: 30px;
}

#level0 .map9 {
    left: 784px;
    top: 245px;
    width: 69px;
    height: 14px;
    -ms-transform: rotate(62deg);
    -webkit-transform: rotate(62deg);
    transform: rotate(62deg);
}

#level0 .map10 {
    left: 836px;
    top: 271px;
    width: 128px;
    height: 18px;
}

#level0 .map11 {
    left: 971px;
    top: 229px;
    width: 66px;
    height: 29px;
}

#level0 .map12 {
    left: 1023px;
    top: 256px;
    width: 78px;
    height: 22px;
    -ms-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg);
}

#level0 .map13 {
    left: 1093px;
    top: 281px;
    width: 137px;
    height: 21px;
}

/*1*/
#level1 .map1 {
    left: 45px;
    top: 168px;
    width: 75px;
    height: 24px;
}

#level1 .map2 {
    left: 120px;
    top: 218px;
    width: 116px;
    height: 24px;
}
#level1 .map3 {
    left: 225px;
    top: 203px;
    width: 69px;
    height: 17px;
    -ms-transform: rotate(-39deg);
    -webkit-transform: rotate(-39deg);
    transform: rotate(-39deg);
}

#level1 .map4 {
    left: 284px;
    top: 179px;
    width: 62px;
    height: 22px;
}

#level1 .map5 {
    left: 348px;
    top: 224px;
    width: 121px;
    height: 26px;
}

#level1 .map6 {
    left: 448px;
    top: 204px;
    width: 69px;
    height: 14px;
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

#level1 .map7 {
    left: 493px;
    top: 180px;
    width: 90px;
    height: 27px;
}

#level1 .map8 {
    left: 585px;
    top: 232px;
    width: 125px;
    height: 27px;
}

#level1 .map9 {
    left: 714px;
    top: 181px;
    width: 87px;
    height: 30px;
}

#level1 .map10   {
    left: 782px;
    top: 215px;
    width: 69px;
    height: 14px;
    -ms-transform: rotate(57deg);
    -webkit-transform: rotate(57deg);
    transform: rotate(57deg);
}

#level1 .map11 {
    left: 836px;
    top: 242px;
    width: 132px;
    height: 28px;
}

#level1 .map12 {
    left: 971px;
    top: 197px;
    width: 64px;
    height: 29px;
}

#level1 .map13 {
    left: 1023px;
    top: 222px;
    width: 78px;
    height: 22px;
    -ms-transform: rotate(37deg);
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
}

#level1 .map14 {
    left: 1093px;
    top: 252px;
    width: 146px;
    height: 28px;
}

/*2*/
#level2 .map1 {
    left: 45px;
    top: 144px;
    width: 75px;
    height: 24px;
}

#level2 .map2 {
    left: 120px;
    top: 190px;
    width: 116px;
    height: 24px;
}
#level2 .map3 {
    left: 225px;
    top: 178px;
    width: 69px;
    height: 17px;
    -ms-transform: rotate(-39deg);
    -webkit-transform: rotate(-39deg);
    transform: rotate(-39deg);
}

#level2 .map4 {
    left: 284px;
    top: 156px;
    width: 62px;
    height: 22px;
}

#level2 .map5 {
    left: 348px;
    top: 196px;
    width: 121px;
    height: 26px;
}

#level2 .map6 {
    left: 448px;
    top: 179px;
    width: 69px;
    height: 14px;
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

#level2 .map7 {
    left: 493px;
    top: 154px;
    width: 90px;
    height: 25px;
}

#level2 .map8 {
    left: 585px;
    top: 204px;
    width: 125px;
    height: 26px;
}

#level2 .map9 {
    left: 714px;
    top: 154px;
    width: 86px;
    height: 30px;
}

#level2 .map10   {
    left: 784px;
    top: 186px;
    width: 69px;
    height: 14px;
    -ms-transform: rotate(62deg);
    -webkit-transform: rotate(62deg);
    transform: rotate(62deg);
}

#level2 .map11 {
    left: 836px;
    top: 212px;
    width: 132px;
    height: 28px;
}

#level2 .map12 {
    left: 971px;
    top: 172px;
    width: 64px;
    height: 24px;
}

#level2 .map13 {
    left: 1031px;
    top: 200px;
    width: 78px;
    height: 22px;
    -ms-transform: rotate(37deg);
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
}

#level2 .map14 {
    left: 1093px;
    top: 222px;
    width: 146px;
    height: 28px;
}


/*3*/
#level3 .map1 {
    left: 45px;
    top: 122px;
    width: 72px;
    height: 24px;
}

#level3 .map2 {
    left: 120px;
    top: 162px;
    width: 116px;
    height: 24px;
}
#level3 .map3 {
    left: 225px;
    top: 150px;
    width: 69px;
    height: 17px;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

#level3 .map4 {
    left: 284px;
    top: 128px;
    width: 60px;
    height: 26px;
}

#level3 .map5 {
    left: 348px;
    top: 168px;
    width: 121px;
    height: 26px;
}

#level3 .map6 {
    left: 448px;
    top: 154px;
    width: 69px;
    height: 14px;
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

#level3 .map7 {
    left: 493px;
    top: 129px;
    width: 90px;
    height: 25px;
}

#level3 .map8 {
    left: 585px;
    top: 175px;
    width: 125px;
    height: 26px;
}

#level3 .map9 {
    left: 714px;
    top: 127px;
    width: 86px;
    height: 30px;
}

#level3 .map10   {
    left: 784px;
    top: 163px;
    width: 69px;
    height: 14px;
    -ms-transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg);

}

#level3 .map11 {
    left: 836px;
    top: 182px;
    width: 132px;
    height: 28px;
}

#level3 .map12 {
    left: 971px;
    top: 146px;
    width: 64px;
    height: 24px;
}

#level3 .map13 {
    left: 1031px;
    top: 172px;
    width: 78px;
    height: 22px;
    -ms-transform: rotate(37deg);
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
}

#level3 .map14 {
    left: 1093px;
    top: 191px;
    width: 146px;
    height: 28px;
}

/*4*/
#level4 .map1 {
    left: 45px;
    top: 96px;
    width: 72px;
    height: 24px;
}

#level4 .map2 {
    left: 120px;
    top: 134px;
    width: 116px;
    height: 24px;
}
#level4 .map3 {
    left: 225px;
    top: 120px;
    width: 69px;
    height: 21px;
    -ms-transform: rotate(-31deg);
    -webkit-transform: rotate(-31deg);
    transform: rotate(-31deg);
}

#level4 .map4 {
    left: 284px;
    top: 102px;
    width: 60px;
    height: 25px;
}

#level4 .map5 {
    left: 348px;
    top: 139px;
    width: 121px;
    height: 26px;
}

#level4 .map6 {
    left: 448px;
    top: 128px;
    width: 61px;
    height: 14px;
    -ms-transform: rotate(-53deg);
    -webkit-transform: rotate(-53deg);
    transform: rotate(-53deg);
}

#level4 .map7 {
    left: 493px;
    top: 103px;
    width: 90px;
    height: 25px;
}

#level4 .map8 {
    left: 585px;
    top: 146px;
    width: 125px;
    height: 26px;
}

#level4 .map9 {
    left: 714px;
    top: 103px;
    width: 86px;
    height: 23px;
}

#level4 .map10   {
    left: 784px;
    top: 133px;
    width: 69px;
    height: 14px;
    -ms-transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg);

}

#level4 .map11 {
    left: 836px;
    top: 151px;
    width: 132px;
    height: 28px;
}

#level4 .map12 {
    left: 971px;
    top: 118px;
    width: 64px;
    height: 24px;
}

#level4 .map13 {
    left: 1031px;
    top: 142px;
    width: 78px;
    height: 22px;
    -ms-transform: rotate(31deg);
    -webkit-transform: rotate(31deg);
    transform: rotate(31deg);
}

#level4 .map14 {
    left: 1099px;
    top: 158px;
    width: 143px;
    height: 28px;
}


/*5*/
#level5 .map1 {
    left: 57px;
    top: 77px;
    width: 61px;
    height: 17px;
}

#level5 .map2 {
    left: 118px;
    top: 102px;
    width: 116px;
    height: 24px;
}
#level5 .map3 {
    left: 225px;
    top: 93px;
    width: 69px;
    height: 21px;
    -ms-transform: rotate(-31deg);
    -webkit-transform: rotate(-31deg);
    transform: rotate(-31deg);
}

#level5 .map4 {
    left: 284px;
    top: 76px;
    width: 60px;
    height: 25px;
}

#level5 .map5 {
    left: 345px;
    top: 109px;
    width: 121px;
    height: 26px;
}

#level5 .map6 {
    left: 448px;
    top: 101px;
    width: 61px;
    height: 14px;
    -ms-transform: rotate(-53deg);
    -webkit-transform: rotate(-53deg);
    transform: rotate(-53deg);
}

#level5 .map7 {
    left: 493px;
    top: 77px;
    width: 90px;
    height: 25px;
}

#level5 .map8 {
    left: 585px;
    top: 116px;
    width: 125px;
    height: 26px;
}

#level5 .map9 {
    left: 711px;
    top: 79px;
    width: 88px;
    height: 23px;
}

#level5 .map10   {
    left: 784px;
    top: 106px;
    width: 69px;
    height: 15px;
    -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}

#level5 .map11 {
    left: 836px;
    top: 121px;
    width: 132px;
    height: 28px;
}

#level5 .map12 {
    left: 968px;
    top: 92px;
    width: 66px;
    height: 24px;
}

#level5 .map13 {
    left: 1031px;
    top: 112px;
    width: 78px;
    height: 22px;
    -ms-transform: rotate(31deg);
    -webkit-transform: rotate(31deg);
    transform: rotate(31deg);
}

#level5 .map14 {
    left: 1099px;
    top: 127px;
    width: 143px;
    height: 28px;
}

/*6*/
#level6 .map1 {
    left: 180px;
    top: 41px;
    width: 936px;
    height: 35px;
}

#level6 .map2 {
    left: 156px;
    top: 55px;
    width: 93px;
    height: 45px;
}

#level6 .map3 {
    left: 354px;
    top: 55px;
    width: 120px;
    height: 45px;
}

#level6 .map4 {
    left: 587px;
    top: 55px;
    width: 120px;
    height: 59px;
}
#level6 .map5 {
    left: 830px;
    top: 55px;
    width: 120px;
    height: 59px;
}

#level6 .map6 {
    left: 1081px;
    top: 55px;
    width: 120px;
    height: 65px;
}

#floor-adatok-container {
    display: none;
}

#floor {
    background: #6d808a url("/images/boxes_bg_light.jpg") repeat left top;
    width: 100.1%;

}

.floors {
    display: none;
}

#adatok {
    background: #c0d0d9 url("/images/boxes_bg_light2.jpg") repeat left top;
    width: 100.1%;

}

#adatok-inner img {
/*    position: absolute;*/
}

#main-dark-blue-line {
    width: 100.1%;
    height: 20px;
    background-color: #344955;
}

#m-kapcsolat h2 {
    color: #c77a19;
}

#adatok-inner .datas {
    display: none;
}

#floors-container h1 {
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    color: #fff;
    margin: 0;
}