*{
	text-decoration:	none;
	border:			none;
	margin:			0;
	padding:		0;
	quotes:			'' '';
}

html{	background-color:	#ddd;	}
body{
	width:			770px;
	width:			48em;
	position:		relative; 
	margin:			1em auto;
	padding:		0em 0;
	border:			1px solid #666;
	/*border-width:		0 1px;*/
	background-color:	white;
}

.aural{	display:		none; }
.emo{	vertical-align:		middle; }
.notice{
	display:		block;
	font-size:		1.2em;
	text-align:		center;
	background-color:	#FDB;
}
#iiirp a{
	display:		block;
/* 	position:		absolute;
	right:			-30px;
	top:			-17px;
 */	position:		fixed;
	left:			50%;
	margin-left:		375px;
	margin-left:		23em;
	top:			0;
}
#barca a{
	display:		block;
	position:		absolute;
	top:			35px;
	top:			2.2em;
	right:			-50px;
}
h1{
	margin:			1em 0 0;
	height:			90px;
	padding:		10px 1em;
	background:		black url(i/h1.jpg) no-repeat top center;
}
h1 img{
	float:			left;
	margin:			0 .5em;
}
h1 a{
	color:			white;
	font:			.4em Verdana, sans-serif;
}
h1 dfn{
	display:		block;
	letter-spacing:		.05em;
	margin-bottom:		-.6em;
	font:			italic bold 35px/1.6 'Trebuchet Ms', serif;
}

#menumini{
	margin:			0 1em 1em;
	padding:		0;
	list-style-type:	none;
	height:			2.5em;
}
#menumini li{
	float:			left;
	padding:		0;
	margin:			0 .25em;
	background:		#666 url( data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAmSURBVHjaYvj//38mEDPAMIh4BcRCyAIgsAsmCBMAgedAnAwQYAAHkzZJy713qgAAAABJRU5ErkJggg== ) no-repeat bottom left;
}
#menumini a{
	display:		block;
	font:			bold .8em/1.4 Verdana, sans-serif;
	color:			white;
	padding:		0 1em .25em;
	background:		url( data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAmSURBVHjaYvz//z8DEkhmAAlAsRAQP0fm7PoP5WQC8av/UAAQYADYDC1TvdTztgAAAABJRU5ErkJggg== ) no-repeat bottom right;
}
#menumini a:hover{
	padding-top:		.5em;
}

#menumini .active {
	background-color:	black;
}

#path{
	margin:			0;
	padding:		0;
	list-style-type:	none;
	position:		absolute;
	top:			.5em;
	right:			1em;
}
#path li{
	display:		inline;
	font:			.7em verdana, sans-serif;
}
#path a{
	color:			#069;
	font-weight:		bold;
}
#path a:hover{
	color:			#900;
}

.side{
	float:			right;
	width:			230px; 
	width:			20.5em; 
	font:			.7em/1.4 Verdana, Georgia, sans-serif;
}
.side dl,.side p{
	margin:			0 -1px 1em 0;
	padding:		.4em;
	border:			solid;
	border-width:		1px 0 1px 1px;
	background:		#ddd url(i/ddd-fff.png) repeat-y center left; 
}
.side dd{
	margin-left:		20px;
	margin-left:		1.5em;
}
.side a{
	color:			#069;
}
.side a:hover{
	color:			#900;
}

.side p{
	clear:			right;
	text-align:		justify;
}
.side img{
	border:			1px solid black;
	padding:		.2em;
	width:			60px;
	margin:			.5em;
	background-color:	white;
	float:			left;
}
.side a:hover img{
	border-color:		blue;
	background-color:	blue;
}
.side p dfn{
	font-weight:		bold;
	font-style:		italic;
	text-align:		right;
	display:		block;
}
.side .podroze{
	font-size:		.8em;
	color:			#666;
}
.podroze a{
	text-align:		right;
	font-size:		1.3em;
	font-weight:		bold;
}
										/* side form */
										
#malyKontakt{	margin:0; }
.side form{
	border:			none;
	background:		transparent;
	margin:			0;
	padding:		0;
	position:		relative;
}
.side form input{
	float:			none;
	padding:		.15em .4em;
}
.side form .act{
	position:		absolute;
	width:			48em;
	background-color:	white;
	border:			2px solid black;
	right:			0;
	z-index:		2;
}
.side form .act textarea{height:9em;}
.side form .nomini{display: none}
.side form .act .nomini{display: inline}



#stopka{
	list-style-type:	none;
	border-top:		1px dotted silver;
	position:		relative;
	background:		#eee url(i/rozek.png) no-repeat bottom right;
	clear:			both;
}
#stopka li{
	display:		inline;
	margin:			0 .4em;
	font:			.7em/2 verdana, georgia, sans-serif;
}
#stopka a{ color:		#666;	}
#stopka a:hover{ color:		#000;	}

#stopka .desc{
	position:		absolute;
	right:			.3em;
}

h2{
	margin:			0 1em;
	font:			italic normal 1.5em Trebuchet Ms, Georia, serif;
}
.h1{
	display:		block;
	text-align:		right;
	margin:			-1.6em 0 0;
	color:			#999;
	font-size:		.8em;
}
.tresc{
	margin:			1em 2.5em;
	width:			475px;
	width:			30em;
}
.tresc p{
	font:			.8em/1.7 Verdana, Georgia, sans-serif;
	margin:			1em 0;
}
.tresc li p{
	margin:			.5em 0;
}
hr {
	border:			none;
	height:			16px;
	background:		url( i/hr2.png ) no-repeat center center;
}
br{	line-height:		.5em; }
.tresc a{
	color:			#C60;
	font-weight:		bold;
}
.tresc a:hover{
	background-color:	#900;
	color:			white;
}
.tresc a.bbt_w:hover{
    color: white !important;
    background-color: green;
}
.tresc ul, .tresc ol,.tresc dd{
	margin-left:		2em;
}
.tresc h4,.tresc dt{
	margin:			.75em 0 .25em;
	font:			bold .9em Georgia, serif;
}
.tresc pre{
	overflow:		auto;
	max-height:		15em;
	padding:		.4em;
	font-size:		.9em;
	width:			450px;
	width:			28em;
	width:			90%;
	border:			1px solid silver;
	background-color:	#F0F0F0;
}
.tresc pre br{	display:	none; }
.tresc table{ 
	width:			460px;
	width:			29em;
	border:			1px solid silver;
	margin:			1em auto;
}
.tresc caption{
	font:			bold .8em/1.7 Verdana, Georgia, sans-serif;
	text-align:		left;
	background-color:	#eee;
	padding:		0 .3em;
	margin:			.3em 0;
	border:			1px solid silver;
}
.tresc td, .tresc th{
	padding:		.1em .3em;
	font:			.8em Verdana, Georgia, sans-serif;
	border:			1px solid silver;
}
.tresc th{
	font-weight:		bold;
	background-color:	#FBFBFB;
}


blockquote{
	border-left:		.3em solid #069;
	padding-left:		1em;
}
blockquote p.cite{
	display:		block;
	color:			#999;
	text-align:		right;
	font-size:		.6em;
}
blockquote p.im cite{
	font-weight:		bold;
	margin-left:		-4em;
}
blockquote p.im q{
	display:		block;
	margin-left:		4em;
}
h3{
	font:			1.1em Verdana, Georgia sans-serif;
	margin:			1em 0;
}

p.img{ text-align: center; color: #999; font-size: .7em; }
p.img img{ border: 1px solid #999; padding: .5em; }
p.img dfn{ display: block; }


/******************** komentarze ***************************/
#kom{ 
	list-style-type:	none;
	margin:			0 0 2em;
}
#kom li.odd{
	background-color:	#FFF0D9;
}
#kom li{
	margin:			0 0 1em;
	padding:		.3em;
	background-color:	#F5F0F1;
	font:			.8em Verdana, Georgia, sans-serif;
}
#kom a[rel=sect]{
	font-size:		1.3em;
	font-weight:		normal;
	color:			#999;
	float: 			left;
	padding:		0 .4em;
}

#kom dl{ 
	margin-left:		2.5em;
	position:		relative;
}
#kom dt, #kom dd{
	margin:			0;
}
#kom dt span{
	position:		absolute;
	right:			0;
	font-size:		.85em;
	font-family:		Verdana, Arial, Helvetica, Sans-serif;
	font-weight:		normal;
}

#kom q, #podglad q{
	display:		block;
	border-left:		.2em solid #069;
	padding-left:		.3em;
}



form{
	width:			100%;
	margin:			0 0 2em;
	border:			1px dotted #c60;
	background-color:	#ccdde9;
	overflow: auto;
}
legend{ display: none; }
form > * {
	padding:		.6em;
}
form p{
	clear:			both;
	margin:			0;
	padding:		0 1em;
}
input,textarea,select{
	background:		white url( i/ddd-fff.png ) repeat-y top right;
	border:			1px solid #069;
	color:			black;
}
input[type=text],select{
	width:			70%;
	float:			right;
}

label{
	margin:			.3em 0;
	font:			bold .7em Verdana, sans-serif;
	width:			100%;
	display:		block;
	float:			left;
}
input[type=checkbox]{ margin: 0 .3em; }
input[type=submit]{
	float:			right;
	padding:		.15em .4em;
}
textarea{		width:	100%;	}
	
form:after{
	clear:			left;
	display:		block;
	content:		' ';
}
textarea[name=intro]{ height:	10em; }
textarea[name=tresc]{ height:	17em; }
/**************** strona główna **********************/

div.intro {
	background:		url( i/intro.png ) repeat-y top right;
	padding:		.5em;
}
div.intro h4{ 
	display:		inline;
	font-size:		1.1em;
}
div.intro p {
	display:		inline;
}
div.intro p.det{
	text-align:		right;
	display:		block;
	margin:			0;
}

div.intro img{
	float:			left;
	border:			2px solid black;
	margin:			0 1em 2px 0;
	width:			80px;
	height:			80px;
}

/**************************** archiwum *************************/
dl#arch{
	margin:			.5em 0 0 2em;
}
dl#arch dd{
	margin-left:		2em;
}
dl#arch dt{
	font:			1.2em Georgia, Times new Roman, serif;
	margin:			.5em 0 0;
}
DL#arch span.data{
 	float:			left;
	width:			2em;
	text-align:		center;
	margin-left:		-3em;
	color:			#999;
	padding:		0 .2em;
	font-weight:		bold;
}

dl#arch dt a{
	font-size:		1.2em;
	color:			#47A;
	margin-right:		2em;
}
dl#arch dt a:hover{					/* ładne, ale do zmiany */
 	background-color:	#47A;
	color:			#FDF9EC;
}
dl#arch blockquote{
	border-color:		#E9D3A1;
}
dl#arch p{
	text-align:		justify;
	font-size:		.8em;
	color:			#666;
	margin:			.3em 0;
}
dl#arch dd{
	font:			italic .8em Verdana, sans-serif;
	color:			#999;
}

/*************************** tagi ******************************/
dl#tagi{
	line-height:		1.5em;
	font-size:		.8em;
	border:			1px solid black;
	padding:		.4em;
	background-color:	#ddd;
}
.tresc dl#tagi sub{
	font-size:		.6em;
}
dl#tagi dt{
	font-weight:		normal;
	display: 		inline;
	color:			#666;
}
dl#tagi em{
	font-size:		1.2em;
	color:			black;
}
dl#tagi strong{
	font-weight:		bold;
}
dl#tagi strong.very {
	font-size:		1.4em;
}

/*************************** gwar ******************************/
#gwar{
	font:			.7em/1.5 Verdana, Georgia, sans-serif;
}
#gwar ul {
	list-style-type:	none;
	line-height:		1;
	margin:			0;
	height:			2.2em;
	background-color:	#F5F5F5;
	position:		relative;
	padding:		.2em;
}
#gwar dt {
	font-size:		1em;
	border-bottom:		1px solid #069;
	margin:			1em 0 0;
	font-weight:		normal;
}
#gwar a.discuss{
	background-image: url( data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAFVBMVEVmmcwzmcyZzP8AZswAZv////////9E6giVAAAAB3RSTlP///////8AGksDRgAAADhJREFUGFcly0ESAEAEA0Ei6/9P3sEcVB8kmrwFyni0bOeyyDpy9JTLEaOhQq7Ongf5FeMhHS/4AVnsAZubxDVmAAAAAElFTkSuQmCC );
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 14px;
}
#gwar dd{
	padding:		.5em;
	margin:			0;
}
#gwar textarea{ height:		7em; }
#gwar pre,#gwar p{font-size: 1em; width: 41em;}
#gwar li{padding-right:		14em; }
#gwar li.data, #gwar li.edt{
	font-size:		.9em;
	position:		absolute;
	top:			.2em;
	right:			.2em;
	width:			auto;
	padding:		0;
}
#gwar li.edt{
	top:			1.5em;
	cursor:			pointer;
}
#gwar > *{
	border:			1px solid silver;
}

.pagelist{ 
	list-style-type:	none;
	text-align:		right;
}
.pagelist li{	display:	inline;	}
.pagelist a{
	line-height:		2em;
	font-size:		.8em;
	font-weight:		bold;
	border:			2px solid;
	padding:		0 .3em;
	margin:			0 .1em;
	background-color:	#DFF0CF;
}
.pagelist a.active{
	border-color:			blue;
}