/* konfig kacikow */
/* usuniecie z ponizszych linijek znakow komentarza, czyli /* i */
/* spowoduje znikniecie odpowiednich elementow z szablonu */

/*#menu .bs {display: none;}*/
/*#menu .crpg {display: none;}*/
#menu .kgf {display: none;}
/*#menu .kk {display: none;} */
#menu .pl {display: none;}
#menu .tpgr {display: none;}


/* dalszych nie dotykac! */

body { 
	padding: 0;	margin: 0;
	color: #543; background: black;
	font-family: serif;
	font-size: 100.01%;
} 
 
h1 {
	background: top center no-repeat url(h1.jpg);
	margin: 0; 
	padding: 386px 0 0 0;
	height: 0; 
	overflow: hidden;
	position: relative;
}


h1 span {
	position: absolute; top: 330px; left: 0;
	display: block;
	text-align: center;
	width: 100%;
	font-style: italic;
	font-size: 28px;
	color: #836a44;
}

h2 {
	background: url(head.jpg) no-repeat top center;
	margin: 0 0 -280px 0; 
	padding: 0 0 0 30px;
	font-size: 1.2em; 
	text-align: center;
	height: 280px;

<!--	text-shadow: 0 -2px 8px #c64; -->

}

h3 {
	color: #421;
	font-size: 1em;	 
	font-style: italic;
	letter-spacing: 1px;
	padding-left: 0.1em;
	border-bottom: 1px dotted #764;
	text-align: center;
}

h4 {
	color: #421;
}

.spis h4 {
	color: #421;
	font-size: 1em;
	letter-spacing: 3px;
	text-align: center;
	background: url(hd.png) 50% no-repeat;
	min-height: 15px;
	padding: 8px 0;
}

#tawernarpg {
	color: black; background: #764 center repeat-y url(tile.jpg);
	width: 985px; 
	margin: auto;
}

.spis h2 {
  margin-bottom: -150px;
}

* html .spis h4 {background-image: url(hd.gif); height: 15px;}

.spis h4:after {content: " ::.."; color: #643; letter-spacing: 0;}

.spis h4:before {content: "..:: "; color: #643; letter-spacing: 0;}

.spis .dzial {margin: 1em 0;}

.spis .dzial h3 {float: left; padding: 0 2em 0 0; border: 0;}

*> .spis .dzial > h3 {display: table-cell; float: none; vertical-align: top;}

*> .spis .dzial > h3 + p {display: table-cell; vertical-align: top;}

.spis table {width: 75%; margin: 1em auto 2.5em;}

.spis table td {border-bottom: 1px dotted #765;}

.spis table td a, .spis table .by {font-style: normal;}

.spis table .by {text-align: right; vertical-align: bottom; width: 15%;}

.spis table td a {
	display: block; 
	font-weight: bold; 
	font-size: 116%; 
	padding-bottom: 1em; 
	margin-bottom: -1em; 	
	text-decoration: none;
}

.spis table td {font-size: 91%; font-style: italic;}

.spis table td a {padding-left: 23px; 
	background: url(bul.png) 0 0 no-repeat;}

* html .spis table td a {background-image: url(bul.gif);}
.spis table td a:hover {background-image: url(bula.png);}
* html .spis table td a:hover {background-image: url(bula.gif);}

* html .spis table a {height: 1%;}

#tekst {
	margin: 0 auto;	
	padding: 2em 0 0 57px;
	width: 520px;
	min-height: 320px;
}
* html #tekst {
	height: 320px;
}


#tekst p {
	margin-top: 0.5em;
	text-align: justify;
	text-justify: newspaper;
}

blockquote {
	font-family: georgia, serif;
	font-size: 0.94em; 
	margin: 0.5em 0 0.5em 1em;
}


blockquote cite {
	display:block;
	text-align:right;
	margin-bottom:2em;
	font-weight:bold;
}

.bestkc table { 
	border-bottom: 1px solid #610; 
	border-left: 1px solid #610; 
	border-color: #610; 
	width: 100%
}

.bestkc td { 
	padding: 1px 2px 2px 1px; 
	border-top: 1px solid #610; 
	border-right: 1px solid #610;
	text-align: left;
	empty-cells: show;
}


 
table {
	border-bottom: 0px dotted #610;
	border-left: 0px dotted #610;
	
}
	
td { 
	padding: 1px 2px 2px 1px; 
	border-top: 0 dotted #610; 
	border-right: 0px dotted #610;
	text-align: left;
}

.ramka table { 
	border-bottom: 1px dotted #610; 
	border-left: 1px dotted #610; 
	border-color: #610; 
	width: 100%
}

.ramka td { 
	padding: 1px 2px 2px 1px; 
	border-top: 1px dotted #610;
	border-right: 1px dotted #610;
	text-align: center;
	empty-cells: show;
}

.ramka th { 
	padding: 1px 2px 2px 1px; 
	border-top: 1px dotted #610;
	border-right: 1px dotted #610;
	text-align: center;
	empty-cells: show;
}


.komix {text-align:center;}

.dwaobrazki img {
	display:block; 
	margin-bottom: 4px;
}

.dwaobrazki {display:-moz-inline-box; display:inline-block;}

.ilustracja-lewa {float:left; margin-left: 0; margin-right: 1em; } 

.ilustracja {float: right; margin-left: 1em; margin-bottom: 0.5em; margin-top: 0.5em;}

#tekst blockquote p
{
	margin: 0.5em;
}

#tekst li {
	color: #320;
	text-align: justify;
}

strong {
	font-family: georgia, serif;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1em;
}

em {
	font-style: normal;	font-weight: bold;
}

q {
	font-family: georgia, serif;
	font-size: 0.95em;
	color: #321;
	font-style: italic;
}
q:after {content: no-close-quote;}
q:before {content: no-open-quote;}

cite {font-family: georgia, serif;}

code {color: #008; font-size: 97%;}
#tekst code br {display: block;}
dt {color: #300; letter-spacing: 1px; margin-top: 0.5em;}
dd {
	margin: 0.2em 0 0.2em 0;
	padding-left: 0.5em;
	border-left: 3px solid #8f6f3f;
}

dd p {margin-top: 0 !important; margin-bottom: 0.8em;}

a {color: #610;}
a:visited {color: #430;}
a:hover {color: #911;text-shadow: 0 0 6px #c94}
a:visited:hover {color: #751;}

pre
{
	width: 100%;
	overflow-x: auto;
}

hr {
	height: 10px; 
	width: 167px; 
	display: block; 
	border: 0 solid black; 
	margin: 1em auto;
	color: #975;
	background: url(hr.gif) 50% no-repeat;
	clear: both;
}

* html hr {height: 3px;}

pre
{
	width: 100%;
}

#tekst .autor {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: right;
}

#tekst .autor a {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#menu {
	position: absolute;
	top: 386px;
	margin: 0 0 0 92px;
	padding: 0;
	list-style: disc;
}
#menu li {
	margin: 0 0 0.5em 0;
	padding: 0;
	list-style-type: none;
}

#stopka {
	background: url(foot.jpg) bottom center no-repeat;
	padding: 1em 0 31px 0;
	text-align: center;
	font-size: 0.8em;
}
.spis #stopka {padding-top: 64px;}

#stopka, #stopka a {
	color: #a86;
}
#stopka p {margin: 80px 0 0 0; font-size: 13px;}

#stopka a.ikona {
	display: block;
	margin: 1em auto; text-align: center;
	padding-top: 64px;
	width: 85px;
	background: 50% 0% no-repeat;

	height: 0;
	overflow: hidden;

	font-size: 9px;
	text-transform: uppercase;
}

#stopka a.spis {
	background-image: url(spis.png);
}

th {text-align: left;}
th[scope="row"] {text-align: left;}
th[scope="col"] {text-align: center;}
thead th {text-align: center;}

font, b, u, i, center {
	font-size: 50pt;
	color: red;
	border: 10px solid yellow;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	text-align: left;
}

br {display: none;}

#tekst blockquote.wiersz {margin: 1em 0 1em 2.5em; font-style: normal;}
#tekst blockquote.wiersz p br {display: block;}
#tekst blockquote.wiersz p {margin: 1em 0; text-align: left;}
#tekst blockquote.wiersz span {font-family: georgia, serif; 	font-size: 0.85em; color: #000;	font-style: italic;}

#tekst blockquote.wiersz2 {margin: 1em 0 1em 2.5em; font-style: italic; }
#tekst blockquote.wiersz2 p br {display: block;}
#tekst blockquote.wiersz2 p {margin: 1em 0; text-align: left; text-align: center;}


#tekst blockquote.wiersz p strong {
	font-family: georgia, serif;
	font-weight: normal;
	letter-spacing: 0.3em;}



a img {border: 0;}

#menu a:hover img {margin: -1px 1px 1px -1px;}
#menu a:active img {margin: 1px -1px -1px 1px;}

.box {
	float: right; 
	margin-left: 1em; 
	margin-bottom: 0em;
	width: 200px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border: 1px solid #610;}

.box2 {
	float: left; 
	margin-right: 1em; 
	margin-bottom: 0em;
	width: 200px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border: 1px solid #610;}

#tekst span {
	color: #610;
	font-family: georgia, serif;
	font-size: 0.85em;
	font-style: italic;
}

img.srodek {display:block;
	margin: auto;}
	
	
@media all and (max-width: 320px) {

		body { 
			padding: 0;	margin: 0;
			color: #543; background: black;
			font-family: serif;
			font-size: 100.01%;
		} 
		 
		h1 {
			background: #a2845e;
			margin: 0; 
			padding: 386px 0 0 0;
			height: 0; 
			overflow: hidden;
			position: relative;
		}
		
		
		h1 span {
			position: absolute; top: 330px; left: 0;
			display: block;
			text-align: center;
			width: 100%;
			font-style: italic;
			font-size: 28px;
			color: #836a44;
		}
		
		h2 {
			background: #a2845e;
			margin: 0 0 -280px 0; 
			padding: 0 0 0 30px;
			font-size: 1.2em; 
			text-align: center;
			height: 280px;
		
		<!--	text-shadow: 0 -2px 8px #c64; -->
		
		}
		
		h3 {
			color: #421;
			font-size: 1em;	 
			font-style: italic;
			letter-spacing: 1px;
			padding-left: 0.1em;
			border-bottom: 1px dotted #764;
			text-align: center;
		}
		
		h4 {
			color: #421;
		}
		
		.spis h4 {
			color: #421;
			font-size: 1em;
			letter-spacing: 3px;
			text-align: center;
			background: url(hd.png) 50% no-repeat;
			min-height: 15px;
			padding: 8px 0;
		}
		
		#tawernarpg {
			color: black; background: #a2845e;
			width: 985px; 
			margin: auto;
		}
		
		.spis h2 {
		  margin-bottom: -150px;
		}
		
		* html .spis h4 {background-image: url(hd.gif); height: 15px;}
		
		.spis h4:after {content: " ::.."; color: #643; letter-spacing: 0;}
		
		.spis h4:before {content: "..:: "; color: #643; letter-spacing: 0;}
		
		.spis .dzial {margin: 1em 0;}
		
		.spis .dzial h3 {float: left; padding: 0 2em 0 0; border: 0;}
		
		*> .spis .dzial > h3 {display: table-cell; float: none; vertical-align: top;}
		
		*> .spis .dzial > h3 + p {display: table-cell; vertical-align: top;}
		
		.spis table {width: 75%; margin: 1em auto 2.5em;}
		
		.spis table td {border-bottom: 1px dotted #765;}
		
		.spis table td a, .spis table .by {font-style: normal;}
		
		.spis table .by {text-align: right; vertical-align: bottom; width: 15%;}
		
		.spis table td a {
			display: block; 
			font-weight: bold; 
			font-size: 116%; 
			padding-bottom: 1em; 
			margin-bottom: -1em; 	
			text-decoration: none;
		}
		
		.spis table td {font-size: 91%; font-style: italic;}
		
		.spis table td a {padding-left: 23px; 
			background: url(bul.png) 0 0 no-repeat;}
		
		* html .spis table td a {background-image: url(bul.gif);}
		.spis table td a:hover {background-image: url(bula.png);}
		* html .spis table td a:hover {background-image: url(bula.gif);}
		
		* html .spis table a {height: 1%;}
		
		#tekst {
			margin: 0 auto;	
			padding: 2em 0 0 57px;
			width: 520px;
			min-height: 320px;
		}
		* html #tekst {
			height: 320px;
		}
		
		
		#tekst p {
			margin-top: 0.5em;
			text-align: justify;
			text-justify: newspaper;
		}
		
		blockquote {
			font-family: georgia, serif;
			font-size: 0.94em; 
			margin: 0.5em 0 0.5em 1em;
		}
		
		
		blockquote cite {
			display:block;
			text-align:right;
			margin-bottom:2em;
			font-weight:bold;
		}
		
		.bestkc table { 
			border-bottom: 1px solid #610; 
			border-left: 1px solid #610; 
			border-color: #610; 
			width: 100%
		}
		
		.bestkc td { 
			padding: 1px 2px 2px 1px; 
			border-top: 1px solid #610; 
			border-right: 1px solid #610;
			text-align: left;
			empty-cells: show;
		}
		
		
		 
		table {
			border-bottom: 0px dotted #610;
			border-left: 0px dotted #610;
			
		}
			
		td { 
			padding: 1px 2px 2px 1px; 
			border-top: 0 dotted #610; 
			border-right: 0px dotted #610;
			text-align: left;
		}
		
		.ramka table { 
			border-bottom: 1px dotted #610; 
			border-left: 1px dotted #610; 
			border-color: #610; 
			width: 100%
		}
		
		.ramka td { 
			padding: 1px 2px 2px 1px; 
			border-top: 1px dotted #610;
			border-right: 1px dotted #610;
			text-align: center;
			empty-cells: show;
		}
		
		.ramka th { 
			padding: 1px 2px 2px 1px; 
			border-top: 1px dotted #610;
			border-right: 1px dotted #610;
			text-align: center;
			empty-cells: show;
		}
		
		
		.komix {text-align:center;}
		
		.dwaobrazki img {
			display:block; 
			margin-bottom: 4px;
		}
		
		.dwaobrazki {display:-moz-inline-box; display:inline-block;}
		
		.ilustracja-lewa { margin-bottom: 0.5em; margin-top: 0.5em;} 
		
		.ilustracja {margin-bottom: 0.5em; margin-top: 0.5em;}
		
		#tekst blockquote p
		{
			margin: 0.5em;
		}
		
		#tekst li {
			color: #320;
			text-align: justify;
		}
		
		strong {
			font-family: georgia, serif;
			font-weight: bold;
			font-style: italic;
			letter-spacing: 0.1em;
		}
		
		em {
			font-style: normal;	font-weight: bold;
		}
		
		q {
			font-family: georgia, serif;
			font-size: 0.95em;
			color: #321;
			font-style: italic;
		}
		q:after {content: no-close-quote;}
		q:before {content: no-open-quote;}
		
		cite {font-family: georgia, serif;}
		
		code {color: #008; font-size: 97%;}
		#tekst code br {display: block;}
		dt {color: #300; letter-spacing: 1px; margin-top: 0.5em;}
		dd {
			margin: 0.2em 0 0.2em 0;
			padding-left: 0.5em;
			border-left: 3px solid #8f6f3f;
		}
		
		dd p {margin-top: 0 !important; margin-bottom: 0.8em;}
		
		a {color: #610;}
		a:visited {color: #430;}
		a:hover {color: #911;text-shadow: 0 0 6px #c94}
		a:visited:hover {color: #751;}
		
		pre
		{
			width: 100%;
			overflow-x: auto;
		}
		
		hr {
			height: 10px; 
			width: 167px; 
			display: block; 
			border: 0 solid black; 
			margin: 1em auto;
			color: #975;
			background: url(hr.gif) 50% no-repeat;
			clear: both;
		}
		
		* html hr {height: 3px;}
		
		pre
		{
			width: 100%;
		}
		
		#tekst .autor {
			font-weight: bold;
			margin-top: 1em;
			margin-bottom: 1em;
			text-align: right;
		}
		
		#tekst .autor a {
			font-weight: normal;
			text-decoration: none;
			border-bottom: 1px dotted;
		}
		
		#menu {
			position: absolute;
			top: 386px;
			margin: 0 0 0 92px;
			padding: 0;
			list-style: disc;
		}
		#menu li {
			margin: 0 0 0.5em 0;
			padding: 0;
			list-style-type: none;
		}
		
		#stopka {
			background: #a2845e;
			padding: 1em 0 31px 0;
			text-align: center;
			font-size: 0.8em;
		}
		.spis #stopka {padding-top: 64px;}
		
		#stopka, #stopka a {
			color: #a86;
		}
		#stopka p {margin: 80px 0 0 0; font-size: 13px;}
		
		#stopka a.ikona {
			display: block;
			margin: 1em auto; text-align: center;
			padding-top: 64px;
			width: 85px;
			background: 50% 0% no-repeat;
		
			height: 0;
			overflow: hidden;
		
			font-size: 9px;
			text-transform: uppercase;
		}
		
		#stopka a.spis {
			background-image: url(spis.png);
		}
		
		th {text-align: left;}
		th[scope="row"] {text-align: left;}
		th[scope="col"] {text-align: center;}
		thead th {text-align: center;}
		
		font, b, u, i, center {
			font-size: 50pt;
			color: red;
			border: 10px solid yellow;
			font-weight: normal;
			text-decoration: none;
			font-style: normal;
			text-align: left;
		}
		
		br {display: none;}
		
		#tekst blockquote.wiersz {margin: 1em 0 1em 2.5em; font-style: normal;}
		#tekst blockquote.wiersz p br {display: block;}
		#tekst blockquote.wiersz p {margin: 1em 0; text-align: left;}
		#tekst blockquote.wiersz span {font-family: georgia, serif; 	font-size: 0.85em; color: #000;	font-style: italic;}
		
		#tekst blockquote.wiersz2 {margin: 1em 0 1em 2.5em; font-style: italic; }
		#tekst blockquote.wiersz2 p br {display: block;}
		#tekst blockquote.wiersz2 p {margin: 1em 0; text-align: left; text-align: center;}
		
		
		#tekst blockquote.wiersz p strong {
			font-family: georgia, serif;
			font-weight: normal;
			letter-spacing: 0.3em;}
		
		
		
		a img {border: 0;}
		
		#menu a:hover img {margin: -1px 1px 1px -1px;}
		#menu a:active img {margin: 1px -1px -1px 1px;}
		
		.box {
			float: right; 
			margin-left: 1em; 
			margin-bottom: 0em;
			width: 200px;
			padding-right: 0.5em;
			padding-left: 0.5em;
			border: 1px solid #610;}
		
		.box2 {
			float: left; 
			margin-right: 1em; 
			margin-bottom: 0em;
			width: 200px;
			padding-right: 0.5em;
			padding-left: 0.5em;
			border: 1px solid #610;}
		
		#tekst span {
			color: #610;
			font-family: georgia, serif;
			font-size: 0.85em;
			font-style: italic;
		}
		
		img.srodek {
		    text-align:left;
	  	    margin-left: 0px;
		}

	

}	