/* layout */
body { max-width: 835px; margin: 0 auto; padding: 0 1.6%; }

#menu    { float: right; width: 38.2%; }
#content { float: right; width: 61.8%; }
h1, address { clear: both; }

img, object { max-width: 100%; }

/* czcionki */
body { font-family: sans-serif; line-height: 1.5em; }

#menu, ul.inline { font-size: .83em; }
address          { font-size: .75em; }

/* kolory i linie */
html, body { background: white; color: black; }
address    { border-top: solid 1px #ddd; }

a         { text-decoration: none; color: #E20800; cursor: pointer; }
a:visited { text-decoration: none; color: #A3007B; }
a:hover   { text-decoration: underline; }

/* błędy i informacje */
strong.error,
p.error  { background: #FFE0E0; color: #9C0F0F; border: solid 1px #FFC0C0; }
p.notice { background: #E0FFE0; color: #0F9C0F; border: solid 1px #C0FFC0; }

strong.error      { display: inline-block; padding: 0 .34em; font-weight: normal; }
strong.error span { display: none; }

p.error,
p.notice,
#content > strong.error { display: block; padding: .34em .67em; text-align: left; }

p.error:before,
p.notice:before,
strong.error:before { content: '! '; font-weight: bold; }

/* menu górne */
#toolbar { font-size: .83em; float: right; cursor: default; }

#toolbar > li         { display: inline-block; position: relative; padding: 0 .5ex; }
#toolbar > li:focus   { background: #E20800; color: white; pointer-events: none; }
#toolbar > li:focus a { color: inherit; }
#toolbar > li[tabindex="0"] > a:after { display: inline; content: '\2304'; }

#toolbar > li ul       { visibility: hidden; position: absolute; right: 0; margin: 0; width: 15em; padding: .34em 0;
			 background: inherit; color: inherit; opacity: 0; list-style: none;
			 transition: all 0.4s; pointer-events: auto; }
#toolbar > li ul a     { display: block; margin: 0 .67em; font-weight: bold; }
#toolbar > li:focus ul { visibility: visible; opacity: 1; }

.separator { margin-top: 1em; }

/* FIR */
h1 a { display: block; overflow: hidden; width: 100%; height: 0; line-height: 1em;
       background: url('mw_heads_new.png') 0% / 100% no-repeat; padding-top: 20.25%; }

/* style nagłówków i stopki */
h1, address { text-align: center; }
h2, h3, h4  { font-weight: normal; }

h1 { font-size: 2.50em; margin: 0; }
h2 { font-size: 2.00em; margin: 0.67em 0.34em; }
h3 { font-size: 1.50em; margin: 0.75em 0.45em; }
h4 { font-size: 1.17em; margin: 0.83em 0.57em; }
h5 { font-size: 1.00em; margin: 1.12em 0.67em; }
h6 { font-size: 0.83em; margin: 1.50em 0.81em; }

/* style blokowe */
blockquote, dl, ol, p, ul, table, #content > strong.error { text-align: justify; margin: 1.12em .67em; }

/* style list */
ul, ol, dd   { margin-left: 2.24em; text-align: left; }
ul ul, ul ol
ol ol, ol ul { margin-top: 0; margin-bottom: 0; }

ul { list-style: square;  }
ol { list-style: decimal; }
ul.nobullet { list-style: none; margin-left: .67em; }

ul.inline      { display: block; list-style: none; margin-left: .8em; }
ul.inline > li { display: inline; }
ul.inline > li:after      { content: ' |'; color: #ddd; }
ul.inline > li.last:after { content: ''; }
ul.inline.right { float: right; margin-top: -2.93em; } /* - margin-top - (line-height / font-size) */

/* style małego i dużego tekstu */
big             { font-size: 1.17em; }
small, sub, sup { font-size: 0.83em; }

sub { vertical-align: sub; }
sup { vertical-align: super; }

/* styl formularzy */
form dt, form dd { min-height: 1.5em; line-height: 1.5em; }
form dt { float: left; }
form dd { margin-left: 40%; padding-left: 0; }
form dd input, form dd select, form textarea { width: 100%; }

form ul button { line-height: 1.34em; }

/* styl tabel */
table td, table th { text-align: left; border: solid 1px #ddd; padding: 0 .67em; }
table thead th     { text-align: center; }
table caption      { font-size: .83em; }

/* porównanie wersji */
table.diff    { border-spacing: .33em; border-collapse: separate; table-layout: fixed; width: 100%; font-size: .83em; line-height: 1.34em; }
table.diff td { vertical-align: top; white-space: pre-wrap; font-family: monospace; }
table.diff th em { font-weight: normal; }
table.diff th,
.diffUnmodified,
.diffBlank    { border-color: transparent; }
.diffDeleted  { border-color: #FFC0C0; background: #FFE0E0; }
.diffInserted { border-color: #C0FFC0; background: #E0FFE0; }

/* mobile */
@media screen and (max-width:720px) {
	/* layout */
	#menu, #content { float: none; width: 100%; }
	
	/* styl formularzy */
	form dt { float: none; }
	form dd { margin-left: 2.24em; }
}

/* magic */
@media screen and (max-height:100px) and (max-width:300px){body:before
{content:'\53\79\73\74\65\6D\20\53\74\72\6F\6E\20\57\61\6E\64\65\6A\73\6B
\69\63\68\20\32\2E\35\3B\20\63\72\65\61\74\65\64\20\62\79\20\50\61\75\6C
\69\6E\61\20\57\69\6C\65\144\73\6B\61\2C\20\32\30\31\34\3B\20\77\69\74\68
\20\73\70\65\63\69\61\6C\20\74\68\61\6E\6B\73\20\74\6F\20\41\6C\6F\6A\7A
\79\20\50\75\70\6B\61\2E';display:block;position:fixed;top:0;left:0;right:
0;bottom:0;padding:.3em.6em;background:#D00;color:#FFF;font-size:.8em;
font-weight:bold;text-align:center;}}
