body 
{
	margin:0;
	padding:0 50px; 
}
html {
	background: #888 url(body.png) repeat-x;
	font: 0.86em/1.2 "Trebuchet MS", sans-serif; 
}

dt:target {outline:2px dotted #f66; outline-offset:2px;}

h2:target, h3:target, h4:target {color: #900;}

dt {font-weight:bold; margin: 1em 0 0;}
dd {margin: 0.5em 0 0 0.5em;}
dd p {margin:0 0 0.5em;}
#body 
{
	margin: 60px auto; 
	width: 90%; 
	max-width:1000px; 
	min-width:580px; 
	min-height: 450px;
	background:white;
	position: relative;
}

#body.wiki {max-width:1200px;}

ul#menu, div#menu ul {font-size: 1.11em; margin: 0 0 25px 290px; padding: 0 17px 0 0; overflow: hidden; text-align: right; min-height: 46px;}
#menu li {list-style: none; display: inline; margin: 0; padding: 0;}
#menu a {text-decoration: none; color: #444; padding: 5px 10px; display: inline-block;}
#menu a:visited {color: #999;}
#menu a:hover {color: #666;}

a img {border:0;}

h1 
{
	position: absolute; 
	top: -75px; 
	left: -95px;
}
h1 img {
	font-size: 110px; color: red;
	width:450px; height:275px;
	line-height:275px; text-align:right;
	display:block;
 }

#opis h1 {position:static;}

p {margin-bottom: 0.75em;}
p + p {margin: 0.75em 0;}

.slogan 
{
	text-align: right; 
	font-size: 3em; 
	margin: 0; 
	padding: 20px 25px 15px 335px; 
	min-height: 80px; 
	font-weight: bold; 
	text-transform: capitalize; 
	background: url(top.png) 100% 0 no-repeat;
	overflow:hidden;
	color: #222;
	text-shadow: 0 1px 1px white;
}

.tresc 
{
	padding: 0 220px 2em 0; 
	position: relative;
	min-height:16em;
}

#opis
{
	padding: 1em 1em 0;
}

#instalacja, #vs
{
	padding: 0 1em;
}

h2 {font-size: 1.5em; margin: 1em 0;}
h3 {font-size: 1.2em; margin: 1em 0;}

#opis h2 {height:1.2em; overflow:hidden; line-height:1.2em;}

.info 
{
	position: absolute; 
	top: 0px; 
	right: 15px; 
	width: 189px;
}

.info h3 {margin-bottom: 0.3em;}
.info h3, .info p {padding-left: 11px}
.info ul {margin: 0; padding:0;}
.info li {margin: 0 0 0 2em; padding:0;}

.info .download 
{
	margin: 0; padding:0;
	text-align: center; 
	font-size: 0.8em;
}

.info .download a.button 
{
	background: url(guzik.png) no-repeat 50%; 
	margin: 0 auto; 
	width: 169px; height: 38px;
	padding: 12px 10px 12px; 
	line-height: 32px; 
	color: white; 
	text-decoration: none; 
	display:block; 
	font-size: 1.8em;
	text-shadow: 1px 2px 2px #040;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.35);
}
.download a.button em
{
	overflow:hidden; 
	font-style:normal; font-weight:normal;
	background: #3c3  url(guzik.png) no-repeat 50%; 
	display:block;
	margin: 0 auto; 
	width: 169px; height: 38px; 
	-moz-border-radius: 12px;
}

span.sblam {font-family: "Comic Sans MS", fantasy; font-variant:small-caps;}

#stopka {background: url(lewy.png) no-repeat 0 100% #eee; border-top: solid 1px #ddd;clear:both;}
#stopka form, #stopka address {font-style:normal; background: url(prawy.png) no-repeat 100% 100%; padding: 0.4em;}
#stopka a {text-decoration: none;}
#stopka span {float:right; color: #888; padding: 0.4em; }
#stopka span a {padding: 0 4px;}
#stopka .en img {position: absolute; top:6px; right:6px; padding:0;}

pre {font-size:12px;padding: 0.5em 0 0.5em 1em; margin: 0.75em; background: #ffd; overflow:auto; white-space:-moz-pre-wrap; 
white-space:pre-wrap;}
* html pre {width:90%;}
pre.wrap {word-wrap:break-word;}
code.html {color: #008;}
code var {font-style:normal; color: #044}
code b {color: #005;}
code em {border-bottom: 2px dashed red; font-style:normal}

.rezultaty var {font-weight:bold; font-style:normal; margin-right:0.5em; display:inline-block;text-align:right; width:1em;}

.warning,.infobox {
	background: #fee; border: 1px solid #f88; padding:0.75em; text-align:center; margin: 1em 0;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius: 4px; 
}
.infobox {background: #eef; border: 1px solid #88f;} 


.przyklad-logo 
{
	position: relative;
	background: url('przyklad.png') no-repeat 100% 100%;
	width: 170px;
	height: 91px;
	margin:0 auto;
}

.przyklad-logo img 
{
	position:absolute;
	right:0;
	bottom:0;
}

.spam-examples blockquote {font-size:0.9em; margin:0.5em 0;padding:0.5em; border:1px dashed red; background: #fee;}
.spam-examples blockquote p {margin: 0 0 0.5em;}
.spam-examples blockquote span {display:none;}


p.note {color: #888; font-size:0.95em; text-align:right;width:80%;margin-left:auto;}
.note code {white-space:nowrap;}
pre.where {color:#777;}

#mapa > li {float:left; list-style:none; font-weight:bold; width:50%; margin:10px 0; padding:0 ;}
#mapa > li li {font-weight:normal;}
#mapa {overflow:auto;}

.instalacje {list-style: none; margin: 1em 1em 1em 3em;padding:0;}
.instalacje li {border: solid #aaa 1px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0; margin: 5px 0;}
.instalacje b {font-size: 2em; display: block	; color: black;}
.instalacje .dalej {float:right; color:blue;}
.instalacje a:visited .dalej {color:purple;}
.instalacje a { background:#fafafa; text-decoration:none; color:#555; display:block; padding: 10px ;}
.instalacje a:hover { background:#ffe; }
.instalacje a:hover b {text-decoration:underline }
.instalacje + p {margin: 1em 1em 1em 3em}
table {margin: 5px; padding: 0;}
td {margin-left: 10px; padding-left: 10px;}
th {text-align: left;}

#dlaczego {float:left; width: 50%;}
#sblamvs {float: right; width: 50%;}

#dlaczego li, #sblamvs li {margin: 0; padding: 5px 0;}
#dlaczego ul, #sblamvs ul {margin: 0 0 2em; padding: 0 15px;}

.wiki textarea {width:97%; font-size:0.9em;min-height:25em}