.bg{
    background: url(images/bg.png);
    background-size: contain;
    width: 1205px;    
    height: 909px;    background-repeat: no-repeat!important;    
    margin: 0px auto;        
    position: absolute;
    top: -81px;
    left: -81px;
}
    main{position:relative;width:1024px;height:621px;margin:0 auto;
         overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;
         -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;
         user-select:none}
    main *{position:absolute}
    .hid {
     background: none !important; 
}
@font-face{font-family:'Ubuntu';src:url(./fonts/Ubuntu-Regular.ttf)}


div#gpn {
    background: url(images/gpn.png);
    width: 193px;
    height: 37px;
    top: 147px;
    left: 330px;
}

div#gws {
    background: url(images/gws.png);    
    width: 34px;    
    height: 179px;    
    top: 165px;    
    left: 505px;
}

div#gpd {
    background: url(images/gpd.png);    
    width: 178px;    
    height: 31px;    
    top: 301px;    
    left: 340px;
    transform: rotate(18deg);  
    -webkit-transform: rotate(18deg);  
    -moz-transform: rotate(18deg);  
    -o-transform: rotate(18deg);  
    -ms-transform: rotate(18deg);
}

div#gza {
    background: url(images/gza.png);    
    width: 28px;    
    height: 112px;    
    top: 176px;    
    left: 328px;
}



.panel {
    width: 188px;
    height: 474px;
    background-color: #738E99;
    border: 2px solid #422714;
    border-radius: 12px;
    left: 788px;
    top: 29px;
}

.dragg {
    left: 844px;
    font-size: 20px;
    width: 70px;
    cursor: pointer;
}

span#drag1 {
    top: 100px;
}

span#drag2 {
    top: 150px;
}

span#drag3 {
    top: 200px;
}

span#drag4 {
    top: 250px;
}

span#drag5 {
    top: 300px;
}

span#drag6 {
    top: 350px;
}

span#drag7 {
    top: 400px;
}

.dropp {
    width: 66px;
    height: 24px;
    border: 1px dashed #fff;
}

span#drop1 {
    top: 142px;
    left: 443px;
    border-bottom-color: #026DA9;
}

span#drop2 {
    top: 190px;    
    left: 538px;
    width: 93px;
}

span#drop3 {
    top: 110px;    
    left: 513px;
    width: 70px;
}

span#drop4 {
    top: 273px;    
    left: 543px;
    width: 90px;
}

span#drop5 {
    top: 309px;    
    left: 307px;
    width: 91px;
}

span#drop6 {
    top: 333px;    
    left: 407px;
    width: 84px;
}

span#drop7 {
    top: 200px;    
    left: 244px;
    width: 78px;
}

.dandd {
    display: none;
}



.map {
    width: 697px;
    height: 582px;
    top: 28px;
    left: 0px;
}


.wrapper {
    background: url(images/bg2.png);
    height: 905px;
}

div#d1 {
    background: url(images/d1.png);
    width: 68px;
    height: 102px;
    top: 46px;
    left: 343px;
}

div#d2 {
    background: url(images/d2.png) no-repeat;    
    width: 63px;    
    height: 102px;    
    top: 284px;    
    left: 768px;
}

div#d3 {
    background: url(images/d3.png) no-repeat;    
    width: 77px;    
    height: 102px;    
    top: 413px;    
    left: 363px;
}

div#d4 {
    background: url(images/d4.png) no-repeat;    
    width: 67px;    
    height: 102px;    
    top: 381px;    
    left: 106px;
}

.roza {
    background: url(images/roza.png);
    width: 134px;
    height: 134px;
    position: absolute;
    top: 3px;
    left: 30px;
    color: #00003F;
    font-size: 20px;
}

.roza .N {
    top: -21px;
    left: 60px;
}

.roza .E {
    top: 54px;    
    left: 136px;
}

.roza .S {
    top: 132px;    left: 60px;
}

.roza .W {
    top: 54px;    
    left: -25px;
}

.children {
    display: none;
}

.dir {
    cursor: pointer;
}