body
{
  margin: 0px; padding: 0px;
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  
  color: #000000;
  background: url('../gfx/tlo2.jpg');  background-repeat: repeat-x;
  background-color: #D3D12E;
}



#start {
  position:relative;
  height: 100%;
  margin:0 auto;
  width: 1000px;
  background: #ffffff;
  z-index:5;
  }

#help
{
  position: absolute;
  left: 140px;
  top: 200px;
  width: 690px;
  height: 390px;
  background-color: #ffffff;
  xbackground: url('../gfx/background.jpg');  background-repeat: repeat-x;
  overflow: auto ;
}

#kosmos
{
  position: absolute;
  left: 140px;
  top: 125px;
  width: 665px;
  height: 45px;
  background: #ffffff;
  overflow: hidden ;
}


#banerek
{
  position: absolute;
  left: 507px;
  top: 8px;
  width: 469px;
  height: 60px;
  background: #ffffff;
  overflow: hidden ;
}

#banerek2
{
  position: absolute;
  left: 150px;
  top: 620px;
  width: 660px;
  height: 60px;
  background: #ffffff;
  overflow: hidden ;
 text-align: center;
}

#banerek2 img{margin: 0px 30px 0px 30px;}

div, td, h1, h2, h3, h4, h5
{
  font-family: verdana;
  font-size: 11px;
}

a{text-decoration: none; color: #000000;}
img{border: none;}
form{padding: 0px; margin: 0px;}

.komik
{
 float: left;
 text-align: center;
 margin: 0px 0px 0px 0px;
 height: 25px;
 cursor: pointer;
 color: #4A6A6A;
 font-weight: bold;
 width: 110px;
}






/* Navigation */
ul#navi {
  position:absolute;
  top: 140px;
  left: 140px;
  margin:0;
  padding:0;
  list-style:none;
  z-index:20;
  color:#333333;
  background: #ffffff;

  }

ul#navi li {
  position:relative;
  top:0;
  left:0;
  float:left;
  }

/* Subnavi */
ul#navi li ul {
  position:absolute;
  top:18px;
  left:10px;
  margin:0px;
  padding:0px;
  width: 130px;
  min-height: 90px;
  background-color: #ffffff;
  background-image:url(../gfx/graficzka.jpg);
  background-repeat:no-repeat;
  background-position:top right;
  list-style:none;
  display:none;
  border: solid #C0C0C0 1px;
  }

/*  Noch nicht optimal, va. in IE<7 !!! */

ul#navi li ul li {
  padding: 0px 0px 0px 0px;
  float:none;
  }

ul#navi li:hover ul, ul#navi li.over ul {
  display: block;
  }

   	
ul#navi li ul a {
  color: #000000;
  text-decoration:none;
  }

ul#navi li ul a:hover {
  text-decoration:none;
  color: #000000;
  font-weight: bold;
  border-left: 2px solid #ffffff;
  padding: 0px 0px 0px 2px;
  }


.menju{border-bottom: solid #ffffff 0px; padding: 5px 5px 5px 5px; display: block;}










/*PAGES START*/
.pages
{
 float: left;
 font-size: 11px;
 color: #3E3E3E;
 width: 670px;
 padding: 0px;
 margin: 0px;
 background: #ffffff;
 line-height: 17px;
}

/*home.tpl*/
.pages .tytul{float: left; font-weight: bold; height: 22px; width: 670px; }
.pages .tytul .text{float: left; padding:  5px 0px 2px 10px;}

.pages .item{float: left; width: 670px; }
.pages .item .text{float: left; padding: 0px 10px 0px 10px;}


.pages .wiecej{float: left; text-align: right; height: 20px; width: 660px;}
.pages .wiecej a{color: #000000;}

.pages .odstep{float: left; width: 670px; height: 10px;}
.pages .kreska{float: left; width: 660px; height: 1px; background: #C0C0C0;}


/*PAGES END*/






/*Historyjki START*/
.stories
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  border: solid #FFFFFF 1px;
  background-color: #000000;
  text-decoration: none;
}
.stories .title {padding: 3px 3px 3px 3px; color: #FFFFFF; text-align: right; background-color: #0080C0;}

.stories .text1 {padding: 3px 3px 3px 3px; width: 150px; text-align: right; font-weight: bold; vertical-align: top;}

.stories .text2 {padding: 3px 3px 3px 3px; width: 250px; text-align: left; vertical-align: top;}
.stories .text2 A{color: #FFFFFF; text-decoration: none;}
.stories .text2 INPUT{border: solid #FFFFFF 1px; background-color: #F2F2F2; height: 18px;}
.stories .text_tresc {padding: 5px 5px 5px 5px; width: text-align: left; vertical-align: top;}

.storiesadd
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  border: solid #FFFFFF 0px;
  background-color: #000000;
}
.storiesadd .title {padding: 3px 3px 3px 3px; color: #FFFFFF; text-align: right; background-color: #FF0000;}

.storiesadd .text_1 {padding: 3px 3px 3px 3px; width: 150px; text-align: right; font-weight: bold; vertical-align: top;}

.storiesadd .text_2 {padding: 3px 3px 3px 3px; width: 250px; text-align: left; vertical-align: top;}

.storiesadd .text_2 INPUT {border: solid #FFFFFF 1px; background-color: #F2F2F2; height: 18px;}
.storiesadd .poletko {border: solid #FFFFFF 1px; background-color: #F2F2F2; }
/*Historyjki END*/


/*Book START*/
.book
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  border: solid #000000 1px;
  background-color: #ffffff;
  text-decoration: none;
}
.book .title {padding: 3px 3px 3px 3px; color: #000000; text-align: right; background-color: #C0C0C0;}

.book .text1 {padding: 3px 3px 3px 3px; width: 150px; text-align: right; font-weight: bold; vertical-align: top;}

.book .text2 {padding: 3px 3px 3px 3px; width: 250px; text-align: left; vertical-align: top;}
.book .text2 a{color: #000000; text-decoration: none;}
.book .text2 input{border: solid #FFFFFF 1px; background-color: #F2F2F2; height: 18px;}




.bookadd
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  border: solid #000000 0px;
  background-color: #ffffff;
}
.bookadd .title {padding: 3px 3px 3px 3px; color: #000000; text-align: right; background-color: #ffffff;}

.bookadd .text_1 {padding: 3px 3px 3px 3px; width: 150px; text-align: right; font-weight: normal; vertical-align: top;}

.bookadd .text_2 {padding: 3px 3px 3px 3px; width: 250px; text-align: left; vertical-align: top;}

.bookadd .text_2 INPUT {border: solid #000000 1px; background-color: #F4F4F4; height: 18px;}
.bookadd .poletko {border: solid #000000 1px; background-color: #F4F4F4; }

/*Book END*/

.butonki
{
  background: #ffffff;
  color: #BDBD28;
  height: 25px;
  width: 120px;
  border: none;
  font-size: 12px;
  font-weight: bold;
}


.textee
{
  background: #ffffff;
  color: #000000;
  width: 340px;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
}

