body{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial;
  font-size: 12px; 
}

div#page{
  height:100%;
  width: 900px; 
  margin:auto;
}

div#header{
  position: relative;
  width: 900px;
  height: 149px;
  background-image: url(../image/header.png);
}

div#content{
  position: relative;
  width: 900px;
  min-height: 725px;
}

div#panel_left{
  position: relative;
  float: left;
  width: 250px;
  min-height: 725px;
  background-image: url(../image/panel_left.png);
  background-repeat: repeat-y;
}

div#panel_right{
  position: relative;
  float: left;
  width: 650px;
  min-height: 725px;
  background-image: url(../image/content.png);
  background-repeat: repeat-y;
}

div#footer{
  position: relative;
  width: 900px;
  height: 125px;
  color: #00a8ec;
  background-image: url(../image/footer.png);
}

div#menu{
  position: relative;
  float: right;
  top: 118px;
  width: 465px;
  height: 30px;
}

div.active{
  float: left;
  display: inline;
  width: 93px;
  height: 30px; 
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding-top: 9px;
  background-image: url(../image/button_active.png);
}

div.active a{
  text-decoration: none;
  color: #565656;
}

div.inactive{
  float: left;
  display: inline;
  width: 93px;
  height: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding-top: 9px;
}

div.inactive a{
  text-decoration: none;
  color: #b5d5e1;
}

div#text{
  position: relative;
  margin: 70px 55px 70px 55px;
  color: #565656;
}

img#suprava{
  padding: 0px 0px 0px 100px;
}

p.contact{
  font-size: 13px;
  margin: 20px 0px 0px 20px;
}

div#galery{
  overflow: auto;
  max-height: 600px;
  
}

td{
  text-align: center;
}

img{
  border: none;
}

#copyright {
    text-align: right;
    padding-right: 25px;
    color: silver;
    padding-top: 100px;
}

#copyright a {
    font-weight: bold;
    text-decoration: none;
    color: silver;
}

#copyright a:hover {
    text-decoration: underline;
}