@import url('javascript/niftyCorners.css');

body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
  font-size: 9pt;
  background-image: url('pic/bg.gif');
  background-repeat: repeat-x;
  background-position: top center;
  background-color: #222222;
  color: #111111;
}

div#main {
  text-align: center;
  width: 748px;
  margin: 0 auto;
  background-image: url('pic/background.png');
  background-position: top center;
  background-repeat: repeat-y;
}

div#logo {
  width: 748px;
  height: 152px;
  background: url('./pic/banner.jpg') top left no-repeat #FFFFFF;
  text-align: left;
}

div#logo h1 {
  display: none;
  visibility: hidden;
}

div#logo div.img {
  position: absolute;
  top: 175px;
  margin-left: 480px;
  border: solid 1px #000000;
}

div#logo div.img a img {
  border: 0;
}

ul#linkbar {
  width: 744px;
  margin: 0;
  padding: 2px;
  background: url('pic/linkbar-bg.png') center top repeat-y #FFFAE1;
  font-family: Verdana, sans-serif;
}

ul#linkbar li {
  display: inline;
  margin: 0 2px;
}

ul#linkbar li a {
  padding: 2px 2px;
  color: #111111;
}

ul#linkbar li a:hover {
/*  background-image: url('pic/linkbar-hover-bg.png');
  background-position:  top center;
  background-repeat: repeat-x;
  background-color: #999999; */
  background: #E6E6E6;
  color: #777777;
  padding: 2px 2px;
}

div#body {
  width: 740px;
  background-image: url('pic/background.png');
  background-position: top center;
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  overflow: auto;
  padding: 0px 4px 4px 4px;
}

div#body div#menu {
  float: right;
  clear: right;
  width: 180px;
  margin-right: 5px;
}

div#body div#menu div.submenu, div#body div#menu div.fsubmenu {
  border: solid 1px #C1C1C1;
  background: #FAFAFA;
  padding: 5px;
  text-align: left;
  display: block;
  margin-bottom: 10px;
  border-collapse: collapse;
}

div#body div#menu div.fsubmenu {
  border: none;
/*  background: url('pic/grass-bg.jpg') top left repeat #CFFFCF; */
  background: url('pic/menu-bg.jpg') top left repeat-x #FFFCEB;
}

div#body div#menu h2 {
  margin: 0;
  text-align: center;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 16pt;
  margin-bottom: 5px;
}

div#body div#menu h2.slide {
  cursor: pointer;
}

div#body div#menu ul {
  margin: 0;
  padding: 0 15px;
  list-style: none;
}

div#body div#menu ul li {
  margin: 0;
  padding: 0;
  height: 1%;
}

div#body div#menu ul li a {
  font-weight: bold;
  display: block;
  background-image: url('pic/menu.gif');
  background-position: top left;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 2px 2px 2px 16px;
  margin: 0;
}

div#body div#content {
  width: 530px;
  background: #FFFFFF;
  padding: 5px 10px;
  text-align: left;
  float: left;
  clear: left;
}

div#body div#content h2 {
  font-size: 18pt;
  margin: 2px 0 20px 0;
  text-align: center;
  letter-spacing: 1px;
}

div#body div#content div.art {
  margin-bottom: 15px;
}

div#body div#content div.art h3 {
  font-size: 12pt;
  margin: 0;
  text-align: left;
  border-bottom: dotted 1px #ECEBEB;
  padding-left: 14px;
  background-image: url('pic/file.gif');
  background-position: center left;
  background-repeat: no-repeat;
  background-color: transparent;
}

div#body div#content div.art div.data {
  margin: 0 0 5px 14px;
  color: #909090;
  font-size: 0.8em;
}

div#body div#content div.art div.tresc {
  margin: 2px 10px 2px 25px;
}

div#body div#content div.art div.tresc p {
  text-align: justify;
}

div#body div#content div.art div.more {
  text-align: right;
  font-size: 0.9em;
}

div#body div#content div.art div.more a.more {
  padding-right: 16px;
  background-image: url('pic/arrow.gif');
  background-position: center right;
  background-repeat: no-repeat;
  background-color: transparent;
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #FFA200;
}

div#menu div.pozdrowienie {
  padding: 2px 4px;
}

div#menu div.pozdrowienie div.autor div {
  font-size: 0.8em;
  font-style: normal;
  color: #666666;
  margin: 1px 1px 0 5px;
  float: right;
  clear: right;
}

div#menu div.pozdrowienie div.tresc {
  padding: 0 10px;
  font-size: 0.8em;
  font-family: Verdana, Arial, sans-serif;
}

div#menu div.pozdrowienie a {
  border-bottom: dotted 1px #000000;
}

div#content div.pozdrowienie {
  padding: 5px 10px;
  margin-bottom: 10px;
}

div#content div.pozdrowienie form {

}

div#content div.pozdrowienie form textarea {
  width: 90%;
}

div#content div.pozdrowienie div.data, div#main div.pozdrowienie div.autor {
  font-size: 0.9em;
}

div#content div.pozdrowienie div.autor {
  color: #666666;
}

div#content div.pozdrowienie div.autor strong {
  color: #000000;
}

div#content div.pozdrowienie div.data {
  color: #666666;
  margin: 2px 1px 0 5px;
  float: right;
  clear: right;
}

div#content div.pozdrowienie div.tresc {
  padding: 2px 10px 0 20px;
}

div#menu div.pozdrowienie div.uwaga div {
  margin-top: 5px;
}

div#menu div.pozdrowienie div.uwaga div {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 2px;
  cursor: pointer;
}

div#menu div.pozdrowienie div.uwaga span {
  display: block;
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
}

div#main div.bottom {
  font-size: 0.9em;
  color: #666666;
  text-align: center;
}

div#main div.bottom a {
  color: #444444;
}