BODY, HTML {
background-color: #f1f1f1;
margin: 0px;
overflow: auto; 
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #2d2d2d;
font-size: 12px;
height: 100%;
}

#wrap {
width: 800px;
height: 100%;
margin: 0 auto;
display: table;

}

#wrapper {
display: table-cell;
vertical-align: middle;
}

#container {
width: 800px;
height: 630px;
background: url('../obrazy/mapa.png') no-repeat #f9f9f9;
position: relative;
}


#navi {
height: 30px;
width: 572px;

float: left;
margin: 5px auto auto 10px; 

}

#content {
width: 590px;
height: 565px;
float: left;
}

.sc {
width: 90px;
height: 40px;
background: #f1f1f1;
border: 3px #dcdcdc solid;
line-height: 12px;
text-align: center; 
font-weight: bold;
}

#sc_hoene {
position: absolute; top: 97px; left: 350px;
}

#sc_czirenberga {
position: absolute; top: 484px; left: 334px;
}

#wart6 {
float: left;
width: 50%;
line-height: 15px;
font-weight: normal;
}

#wart7 {
float: left;
width: 50%;
line-height: 15px;
font-weight: normal;
}

.temp {
text-align: right;
}

#temp_sc_czirenberga {line-height: 15px;}
#temp_sc_hoene {line-height: 15px;}

#right_panel {
width: 210px;
height: 469px;
float: right;
margin-top: 96px;
background: url('../obrazy/logo2.png') no-repeat;
background-position: 100px 359px;

}

.right_box {
width: 190px;
height: 60px;
border: 3px #dcdcdc solid;
padding-top: 2px;
margin: 0px 5px 5px 0px;
text-align: center;
font-size: 13px;
background: #f1f1f1;
line-height: 30px;
font-weight: bold;

}

.right_box_text {
font-weight: normal;
line-height: 20px;
}

#wart9 {
float: left;
width: 50%;
text-align: right;
line-height: 20px;
font-weight: normal;
}

.stopien {
float: right;
font-weight: normal;
width: 49%;
text-align: left;
line-height: 20px;
}

#footer {
width: 800px;
height: 30px;
background: #dcdcdc ;
float: left;
text-align: center;
color: #ffffff;
line-height: 20px;
}

.button 	{
width: 140px;
height: 35px;
text-align: center;
vertical-align: middle;
font-size: 14px;
color: #2d2d2d;
background-color: #dcdcdc;
margin-top: 5px;
border: 0px;
	
}
.button_mapa 	{
width: 100px;
height: 26px;
text-align: center;
vertical-align: middle;
font-size: 11px;
color: #2d2d2d;
background-color: #dcdcdc;
margin-top: 5px;
border: 0px;
	
}

.button_form {
display: inline;
}
.button_login	{
width: 100px;
height: 26px;
text-align: center;
vertical-align: middle;
font-size: 11px;
color: #2d2d2d;
background-color: #dcdcdc;
border: 0px;
margin-top: 5px;
	
}
.login {
width: 180px;
height: 26px;
border: 1px #c4c4c4 solid;
display: inline;
margin-top: 5px;
font-size: 13px;
color: #2d2d2d;
vertical-align: middle; 
padding-left: 5px;

}

/* ----------------------- BUDYNKI ------------------------ */

.budynek {
display: block;
}

#u16 {
height: 15px;
width: 40px;
padding-right: 27px;
text-align: right;
position: absolute; top: 171px; left: 210px;
 ; 
}
#u12 {
width: 40px;
height: 15px;
text-align: center;
padding-top: 25px;
position: absolute; top: 192px; left: 190px;
 ; 
}
#d7 {
width: 15px;
height: 18px;
text-align: center;
padding-top: 25px;
position: absolute; top: 186px; left: 275px;
 ; 
}
#h7 {
width: 30px;
height: 17px;
padding-left: 20px;
text-align: left;
position: absolute; top: 174px; left: 330px;
 ; 
}
#d6 {
width: 21px;
height: 18px;
text-align: center;
padding-top: 25px;
position: absolute; top: 187px; left: 316px;
 ; 
}
#u8 {
width: 21px;
text-align: center;
padding-bottom: 25px;
position: absolute; top: 240px; left: 173px;
 ; 
}
#k17 {
height: 15px;
width: 35px;
text-align: left;
padding-left: 25px;
position: absolute; top: 296px; left: 185px;
 ; 
}
#d5 {
height: 15px;
text-align: left;
width: 35px;
padding-left: 27px;
position: absolute; top: 251px; left: 240px;
 ; 

}
#d3 {
width: 15px;
text-align: center;
padding-top: 25px;
position: absolute; top: 267px; left: 272px;
 ; 
}
#k21 {
height: 35px;
width: 75px;
text-align: center;
padding-top: 5px;
position: absolute; top: 275px; left: 315px;
 ; 
}
#h5 {
height: 15px;
padding-right: 27px;
text-align: right;
width: 35px;
position: absolute; top: 236px; left: 360px;
 ; 
}
#h3 {
width: 22px;
padding-top: 35px;
text-align: center;
position: absolute; top: 252px; left: 415px;
 ; 
}
#u6 {
height: 35px;
width: 21px;
text-align: center;
padding-top: 50px;
position: absolute; top: 342px; left: 176px;
 ; 
}
#k12 {
height: 15px;
width:35px;
text-align: left;
padding-left: 40px;
position: absolute; top: 343px; left: 219px;
 ; 
}
#r2 {
width: 16px;
text-align: center;
padding-top: 40px;
position: absolute; top: 359px; left: 272px;
 ; 
}
#r1 {
width: 23px;
text-align: center;
padding-top: 35px;
position: absolute; top: 366px; left: 315px;
 ; 
}
#k18 {
height: 18px;
width: 35px;
text-align: left;
padding-left: 40px;
padding-top: 2px;
position: absolute; top: 354px; left: 378px;
 ; 
}
#h1 {
width: 25px;
text-align: center;
padding-top: 22px;
position: absolute; top: 376px; left: 410px;
 ; 
}
#h2 {
width: 26px;
text-align: center;
padding-top: 28px;
position: absolute; top: 376px; left: 472px;
 ; 
}
#k20 {
height: 18px;
width:35px;
text-align: left;
padding-left: 40px;
padding-top: 3px;
position: absolute; top: 353px; left: 483px;
 ; 
}
#p21 {
height: 18px;
width: 35px;
text-align: left;
padding-left: 45px;
padding-top: 3px;
position: absolute; top: 422px; left: 499px;
 ; 
}
#u4 {
height: 18px;
width: 35px;
text-align: left;
padding-left: 47px;
position: absolute; top: 445px; left: 183px;
 ; 
}
#u2 {
width: 23px;
text-align: center;
padding-top: 40px;
position: absolute; top: 477px; left: 182px;
 ; 
}
#r4 {
width: 23px;
text-align: center;
padding-top: 30px;
position: absolute; top: 468px; left: 266px;
 ; 
}
#c21 {
width: 48px;
height: 41px;
text-align: center;
padding-top: 5px;
position: absolute; top: 509px; left: 500px;
 ; 
}
#c1 {
width: 19px;
text-align: center;
padding-top: 35px;
position: absolute; top: 500px; left: 581px;
 ; 
}
#p24 {
height: 19px;
width: 35px;
text-align: right;
padding-right: 45px;
padding-top: 2px;
position: absolute; top: 475px; left: 585px;
 ; 
}
#rz1{
height: 65px;
width: 20px;
text-align: center;
position: absolute; top: 45px; left: 269px;
 ; 
}
#ur9 {
height: 19px;
width: 35px;
text-align: left;
padding-left: 35px;
padding-top: 1px;
position: absolute; top: 122px; left: 217px;
 ; 
}
#dz1 {
height: 15px;
width: 55px;
padding-top: 30px;
text-align: center;
position: absolute; top: 113px; left: 145px;
 ; 
}
#ur7 {
height: 19px;
width: 35px;
text-align: center;
padding-top: 25px;
position: absolute; top: 160px; left: 155px;
 ; 
}
#sw2{
height: 15px;
width: 60px;
text-align: center;
padding-top: 27px;
position: absolute; top: 185px; left: 98px;
 ; 
}
#sw3 {
height: 42px;
width: 60px;
text-align: center;
float: left;
position: absolute; top: 216px; left: 53px;
 ; 
}
#sw3A {
height: 15px;
width: 20px;
text-align: left;
padding-top: 18px;
margin-right: 8px;
margin-left:2px;
float: left;
 ; 
}
#sw3B {
height: 15px;
width: 25px;
text-align: center;
padding-top: 27px;
margin-left: 5px;
float: right;
 ; 
}
#ur5 {
height: 30px;
width: 20px;
text-align: center;
padding-top: 34px;
position: absolute; top: 251px; left: 122px;
 ; 
}
#kr15 {
height: 19px;
width: 35px;
text-align: right;
padding-top: 2px;
padding-right: 40px;
position: absolute; top: 293px; left: 50px;
 ; 
}
#kr10 {
height: 19px;
width: 35px;
text-align: right;
padding-top: 2px;
padding-right: 40px;
position: absolute; top: 355px; left: 50px;
 ; 
}

#ur3{
height: 30px;
width: 20px;
text-align: center;
padding-top: 43px;
position: absolute; top: 378px; left: 120px;
 ; 
}

#kr6 {
height: 19px;
width: 35px;
text-align: right;
padding-top: 2px;
padding-right: 40px;
position: absolute; top: 433px; left: 45px;
 ; 
}

#kr4 {
height: 19px;
width: 35px;
text-align: right;
padding-top: 2px;
padding-right: 40px;
position: absolute; top: 476px; left: 55px;
 ; 
}

#ur1 {
height: 30px;
width: 20px;
text-align: center;
padding-top: 42px;
position: absolute; top: 490px; left: 125px;
 ; 
}

#kr2 {
height: 30px;
width: 27px;
text-align: center;
padding-top: 45px;
position: absolute; top: 508px; left: 50px;
 ; 
}