body {
                margin:20px 20px 20px 20px;
                background: #000000;
		color: #bcbcbc;
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
                }
	P         { color: #bcbcbc; text-decoration: none; text-align: justify}
	A         { color: #bcbcbc; text-decoration: none; } 
        A:link    { color: #bcbcbc; text-decoration: none; } 
        A:visited { color: #bcbcbc; text-decoration: none; } 
        A:active  { color: #d8d8d8; text-decoration: none; } 
        A:hover   { color: #d8d8d8; text-decoration: none; }

div.cytat {
	padding: 10px;
	font-size: 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	}
.stopka, A:visited.stopka, A:link.stopka, A:hover.stopka 
	{ 
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px; 
		font-weight: normal; 
	}
ul {
	list-style-type: none;
}

li {
	background-image: url(ikonka.png);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 20px;
}
html, body {
  padding:0;
  margin:0;
  height:100%;
  width:100%;
}
html {
  display:table;
}
body {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}
#middle {
  width:400px;
  margin:0 auto;
  border:1px solid black;
}
* html #middle {
  position:absolute;
  top:expression((x=(document.documentElement.offsetHeight-this.offsetHeight)/2)<0?0:x+'px');
  left:50%;
  margin-left:-200px; /* połowa szerokosci warstwy */
}