a{
 color: white;
}
body{
  background-color: #2e3436;
  color: white;
}
#main{
  background-color: white;
  margin-top: 20px;
}
#page{
  background-color: white;
  background-image: url('../img/siatkaa.png');
  background-repeat:no-repeat;
  background-position:bottom center;  
  text-align: center;
  height: 768px;
}
#logo{
  position: relative;
  left: -184px;
  top: 71px;
}
#logo-male{
  margin-top: 20px;
}
td.left{
  font-size: 15px;
  text-align: right;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
}
td.right{
  font-size: 13px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#pasek-tresci{
  z-index: 10;
  height: 100%;
  background-image: url(../img/tlo.png);
  color: white;
}
#tlo-obrazka{
	margin-top: 25px;
	margin-left: 25px;

}
#nazwa-projektu{
  position: absolute;
  top: 390px;
  font-size: 20pt;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
  width: 295px;
}
#parametry-projektu{
  position: absolute;
  top: 550px;
  font-size: 15pt;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  width: 295px;

}
.middle-middle{
  border-bottom: 25px solid #606060;
  border-right: 25px solid #606060;
}
#opis-projektu{
  text-align: left;
  margin-top: 25px;
  margin-left: 10px;
}
#left{
  background-color: #58585a;
}
#right{
  background-color: #d4242e;
}
.kostka{
  background-color: #333;
  width: 130px;
  height: 130px;
  border: 1px solid #333;
}
.kosteczka{

  width: 80px;
  height: 75px;
  position: relative;

  cursor: pointer;
}
#ko1{
  position: relative;
  top: -3px;
  margin-left: 97px;
  margin-top: 105px;
}
#ko2{
  position: relative;
  top: -7px;
  margin-left: 25px;
}
#ko3{
  position: relative;
  top: -82px;
  margin-left: 97px;
}
#ko4{
  position: relative;
  margin-left: 97px;
  top: -84px;
}
#ko5{
  position: relative;
  margin-left: 174px;
  top: -159px;
  left: -5px;
}
#ko6{
  position: relative;
  margin-left: 97px;
  top: -162px;

}
.menu{
  background-color: #58585a;
  width: 45px;
  height: 45px;
}
.mini{
  margin:8px;
  border: 1px solid #2e3436;
}
.mini-mini{
  margin:3px;
  border: 5px solid #333;
  height: 67px;
  width: 67px;
}
.mini-pustak{
  margin:3px;
  border: 5px solid #333;
}
#kontener-planu{
  position: relative;
  left: 210px;
  width: 530px;
  height: 400px;

}
#kontener-menu{
  position: relative;
  left: 510px;
  top: 50px;
  width: 530px;
  height: 100px;
}

#k1{
  position: absolute;
  left: 274px;
  top: 12px;
}
#k3{
  position: absolute;
  left: 152px;
  top: 132px;
}
#k4{
  position: absolute;
  left: 274px;
  top: 132px;
}
#k5{
  position: absolute;
  left: 396px;
  top: 132px;
}
#k2{
  position: absolute;
  left: 31px;
  top: 132px;
}
#k6{
  position: absolute;
  left: 153px;
  top: 254px;
}
#m1{
  position: absolute;
  left: 0px;
  top: -171px;
}
#m2{
  position: absolute;
  left: 60px;
}
#m3{
  position: absolute;
  left: 120px;
}
#m4{
  position: absolute;
  left: 180px;
}