body {
  background-color: #623F21;
  color: #fff;
  font-family: Arial, sans-serif;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}


#minividi {
  position: absolute;
  width: 622px;
  height: 650px;
  background-image: url('../img/minividi.jpg');
  left: 50%;
  margin-left: -311px;
}

#kepernyo {
  width: 622px;
  height: 650px;
  border: 0;
  z-index: 50;
}

#overloader {
  position: absolute;
  top: 150px;
  width: 760px;
  height: 50px;
  background-image: url('../img/overload.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

#overcont {
  position: absolute;
  z-index: 100;
  width: 760px;
  left: 50%;
  margin-left: -380px;
  background-color: #e4d168;
  color: #000;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  min-height: 400px;
  border: 5px solid #B27C01;
}

#topcont {
  position: absolute;
  background-color: #c3da72;
  border: 5px solid #929f4d;
  width: 840px;
  z-index: 200;
  left: 50%;
  margin-left: -420px;
  padding: 10px;
  color: #374018;
}

.tcim {
  color: #374018;
  font-size: 18px;
  padding-bottom: 10px;
}

.becsuk {
  position: absolute;
  right: 10px;
}

.becsuk img {
  border: 0px;
}

.m50 {
  height: 50px;
}

.pb10 {
  padding-bottom: 10px;
}

.gyitem {
  width: 680px;
}

.gycim a {
  font-size: 18px;
  color: #623F21;
  text-decoration: none;
}

.gycim a:hover {
  color: #B27C01
}

.gyitem img {
  border: 2px solid #623F21;
  width: 100px;
}

.gyitem img:hover {
  border: 2px solid #B27C01;
}

.gyitem td {
  vertical-align: top;
  font-size: 12px;
  color: #623F21;
}

.kep {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 15px;
}

.kep img {
  border: 3px solid #929f4d;
}

#nojs {
  position: absolute;
  z-index: 100;
}

#nojs a {
  color: #00ffff;
}

#nodisp {
  display: none;
}

#preload {
  display: none;
}