body, html	{ 
  background-color: #ffffff; 
  margin: 0;
  padding: 0;
  height:100%;
}

a:link	{ color: #204060; text-decoration: none; }
a:visited	{ text-decoration: none; }
a:hover	{ color: blue; text-decoration: underline; }


a.bc:hover {color: #204060; text-decoration: none; }
#od { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #f0f5e7;line-height:20px;}
#od a {font-weight:normal;}
#od a:hover {background: #99ccff;}

#info { 	
	text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
  padding : 10px;
  border-bottom : 1px solid #4070a1;
}

#title {
  float: left;
  margin: 0px;
  padding: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

div#lista .tekstlst{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin:0px;
  margin-top: 18px;
  padding:0px;
  color: #204060;
  background: #cce0ec;
  border: 1px solid;
}

.tekstlst1{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #204060;
  background: #ffffff;
  border: 1px solid;
}

div#alfabet{
	position:relative;
	width:760px;
	margin: 0 auto;
	margin-top:10px;
	text-align: center;
	height: 22px;
	padding:0px;
}

span.alfab {
	position: absolute;
	left: 0px;
	text-align: center;
}

div#alfabet span.alfab a {
	text-decoration: none;
	display: block;
	float:left;
	width: 25px;
	margin:1px;
	color: #204060;
	background: #cce0ec;
  border : 1px solid #4070a1;
}

div#alfabet span.alfab a.alfsel {color: #cce0ec; background: #204060;}

div#alfabet span.alfab a.alf:hover {color: #cce0ec; background: #204060;}

div#main{
  position: relative;
  margin: 0 auto;
}

div#mpan{
	position:relative;
	width:800px;
	margin:0 auto;
	margin-top: 10px;
	padding:0px;
}

p.text_empty{
  margin-top: 40px;
  padding-left: 150px;
  padding-right: 200px;
  text-align: center;
  font: bold 14px verdana, arial, sans-serif;
}

ul.tablist
{
font: bold 9px verdana, arial, sans-serif;
list-style: none;
padding: 10px 0 0 0;
margin: 0 0 0px 0;
height: 28px;
}

ul.tablist li
{
float: left;
text-align: center;
position: relative;
top: 4px;
height: 23px;
background: #204060;
margin: 0 2px; /* 2px-odstęp między tabami */
border: 1px solid black;
color: #dedede;
}

ul.tablist li.active
{
background: #dedede;
color: #204060;
border-bottom: 1px solid #dedede;
z-index:10000;
height:23px;
}

ul.tablist a
{
float: left;
display: block;
color: #dedede;
text-decoration: none;
padding: 5px;
}

ul.tablist li.active a {
color: #204060; 
text-decoration: none;
}

ul.tablist li:hover 
{
background: #dedede;
color: #204060;
text-decoration: none;
}

li.noactive a:hover {
background: #dedede;
border-bottom: 1px solid #dedede;
color: #204060;
text-decoration: none;
}

div.nawigacja{
	width:90%;
	margin: 4px auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border : 2px outset;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
	text-align: center;
	background:#A6A9A9;
	vertical-align:middle;
	padding:6px;
	padding-bottom:5px;
	overflow: auto;
}

div.butn{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:600px;
  padding:1px;
  overflow:auto;
  height:35px;
}

div.butn .ilosc{
  position:absolute;
  top:1px;left:1px;
  padding:3px;
  height:25px;
  background:#cce0ec;

}

div.butn .pozycja{
  position:absolute;
  top:1px;left:230px; 
  padding:3px;
  height:25px;
  background:#cce0ec;

}

div.butn .poz{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  width:3em;
  text-align:center;
  
}

div.butn .przyciski{
  position:absolute;
  top:1px;right:1px; 
  padding:3px;
  height:25px;
  background:#cce0ec;
}

div#container p{
  text-align:left;
  margin:0px;
  padding: 2px;
  background: #cce0ec;
}

div#container span.et1{
  margin: 2px;
  padding: 2px 5px 2px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: left;
}

div#container div.pic{
  float: left;
  margin-bottom: 10px;
  display: inline;
  background: #99c2d8;
  padding:2px;
  /* margin-left i width podane w stylu inline */
}

div#container{
  width: 798px;
  margin-bottom: 10px;
  padding: 0;
	padding-bottom: 10px;
	position:relative;
	text-align: center;
  border : 1px solid black;
  background: #dedede;
 	clear: both;
  overflow: auto;
}

div#footer{
  clear:both;
  height:5px;
}

.nav{
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  width:3em;
}

div#slider_track1{
  position:relative;
  margin:5px;
  margin-left:auto;
  margin-right:auto;
  background:transparent url(slider-track-x.png) no-repeat top right;
  width:600px;
  height:15px;
}

div#slider_handle1{
  position:absolute;
  top:1px;
  width:12px;
  height:13px;
  background:transparent url(slider-handle-x.png) no-repeat top right;
}

div#slider_label1{
  position:absolute;
  left:-60px;
  top:0px;
  width:50px;
}

div#slider_track2{
  position:relative;
  margin:5px;
  margin-left:auto;
  margin-right:auto;
  background:transparent url(slider-track-x.png) no-repeat top right;
  width:600px;
  height:15px;
}

div#slider_handle2{
  position:absolute;
  top:1px;
  width:12px;
  height:13px;
  background:transparent url(slider-handle-x.png) no-repeat top right;
}

div#slider_label2{
  position:absolute;
  left:-60px;
  top:0px;
  width:50px;
}