body {
  background: white url(img/top.jpg) repeat-x top center;
  color: #4D4D4D;
  text-align: center;
  padding: 0;
  margin: 0;
  font: 62.5% Verdana, Arial, sans-serif;
}
* {
  margin: 0;
  padding: 0;
  border-style: none;
}
div.wrap {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}
a {
  text-decoration: none;
  color: #4876FF;
}
a:hover {
  color: #0000FF;
}

/*-------------------FOR THE TOP------------------------*/
div#top {
  background: transparent url(img/header.jpg) no-repeat;	
}
div#top-en {
  background: transparent url(img/header-en.jpg) no-repeat;	
}
div#top, div#top-en {
  text-align: left;
  position: relative;
  font-size: 1.1em;
  color: #8B864E;
  height: 285px;
  margin-bottom: -25px;
  z-index: 0;
}
div#top ul, div#top-en ul {
  position: absolute;
  top: 11px;
  left: 0px;
}
div#top ul li, div#top-en ul li {
  display: inline;
  margin-right: 40px;
}
div#top ul a, div#top-en ul a {
  color: #B8860B;
}
div#top ul a:hover, div#top-en ul a:hover {
  color: #CDAD00;
}
/*-------------------FOR THE CONTENT------------------------*/
div#content {
  text-align: left;
  position: relative;
  z-index: 30;
}
h1 {
  font-size: 1.8em;
  font-weight: normal;
  color: #8B8B00;
  margin: 2px 0 10px 0;
}
h2 {
  font-size: 1.4em;
  font-weight: bold;
  color: #FF9912;
  margin: 2px 0 0 0;
}
div#content p {
  margin-bottom: 20px;
  line-height: 1.5em;
}
span.date {
  color: #AAAAAA;
  font-size: 0.9em;
}
/*-------------------sides------------------------*/
div.leftside{
  padding-top: 10px;
  margin-right: 10px;
  position: relative;
  float: left;
  width: 190px;
  text-align: center;
  font-size: 1.1em;
}
div.rightside {
  padding-top: 10px;
  text-align: left;
  margin-left: 199px;
  padding-left: 30px;
  border-left: 1px solid #D3D3D3;
}
div.leftside h1 {
  font-size: 1.4em;
  font-weight: bold;
}
div.leftside p.links a {
  display: block;
  padding: 0 0 5px 0;
}
div.leftside h1 {
  background: white url(img/line.gif) no-repeat bottom center;
  padding-bottom: 5px;
}
div.leftside img.ornament {
  margin-top: -5px;
}
div.rightside p {
  font-size: 1.2em;
}
div.rightside p.news {
  padding-bottom: 12px;
}
div.centered {
  text-align: center;
}
div.rightside img {
  margin: 0 0 25px 0;
}
div.rightside img.spaced-img {
  margin-right: 5px;
}
div.centered span {
  color: #8b8b00;
  font-weight: bold;
}
div.centered span.normal {
  color: #FF9912;
  font-weight: normal;
}
/*-------------------for main headers------------------------*/
div.rightside h1 {
  margin-bottom: 16px;
}
div.rightside h1 span { 
  display: block; 
  height: 0; 
  width: 0; 
  color: white; 
  font-size: 1px; 
  overflow: hidden; 
}
h1#nowosci {
  width: 105px;
  height: 23px;
  background: transparent url(img/nowosci.gif) top left no-repeat;   
}
h1#exi {
  width: 37px;
  height: 27px;
  background: transparent url(img/exi.gif) top left no-repeat;   
}
h1#quax {
  width: 64px;
  height: 25px;
  background: transparent url(img/quax.gif) top left no-repeat;   
}
h1#galeria {
  width: 90px;
  height: 24px;
  background: transparent url(img/galeria.gif) top left no-repeat;   
}
h1#news {
  width: 68px;
  height: 22px;
  background: transparent url(img/news.gif) top left no-repeat;   
}
h1#gallery {
  width: 91px;
  height: 28px;
  background: transparent url(img/gallery.gif) top left no-repeat;   
}

/*-------------------FOR THE GALLERY------------------------*/
div.lastline {
  padding: 15px 0 20px 0;
}
div.line, div.line2 {
  padding: 15px 0 5px 0;
}
div.line img, div.lastline img, div.line2 img {
  display: inline;
  width: 260px;
  height: 197px;
  margin: 0 20px 0 0;
}
div.line2 img {
  width: 260px;
  height: auto;
}
/*-------------------FOR THE BOTTOM------------------------*/
div#bottom {
  margin-top: 15px;
  border-top: 1px solid #D3D3D3;
  float: left;
  clear: left;
  width: 796px;
  margin-bottom: 30px;
}
div#bottom-content {
  padding: 15px 0;
}
div#bottom p {
  font-size: 1em;
  color: #AAAAAA;
  margin-top: -2px;
}
div.bottom-leftside{
  margin-right: 10px;
  float: left;
  width: 190px;
  text-align: center;
}
div.bottom-rightside {
  text-align: center;
  margin-left: 200px;
  padding-left: 30px;
}
div#bottom ul li {
  display: inline;
  margin: 0 10px;
  color: #AAAAAA;
}
div#bottom ul li.bottomornament-left {
  background: transparent url(img/ornament-left.gif) center left no-repeat;
  padding: 5px 0 5px 50px;
}
div#bottom ul li.bottomornament-right {
  background: transparent url(img/ornament-right.gif) center right no-repeat;
  padding: 5px 50px 5px 0;
}