/* -- ogólne znaczniki -- */

body { max-width: 900px; padding: 20px; margin: 0 auto; font: 17px /1.3em "Source Sans Pro", Arial, sans-serif; background: #2d2d2d; color: #cccccc; cursor: default; }

p, ul, ol, pre, blockquote, table, form { margin: 0.4em 0; }
h1, h2, h3, h4, h5, h6 { margin: 0.2em 0; line-height: 1.3em; font-variant: small-caps; color: #ff9a40; }
h1 { font-size: 2.2em; }   h2 { font-size: 1.9em; }   h3 { font-size: 1.7em; }
h4 { font-size: 1.3em; }   h5 { font-size: 1.0em; }   h6 { font-size: 0.8em; }

a { text-decoration: none; color: inherit; border-bottom: dotted 1px #8d8d8d; }
a:hover { opacity: 0.6; }
a:focus, a:active { outline: 1px currentColor dashed; outline-offset: 2px; }

blockquote { margin: 0.8em 0; padding: 8px 8px 8px 60px; background: #333333 url(cytat.png) 13px 20px no-repeat; min-height: 60px; }
hr { border: none; background: #484848; height: 2px; margin: 0.8em 0; }
img { border: none; margin: 3px 15px; }

figure { padding: 10px; background: #333333; margin: 3px 15px; font-style: italic; text-align: center; }
figure a { border: 0; }
figure img { margin: 3px; }
figure[style="float:left"] { margin-left: 0; }
figure[style="float:right"] { margin-right: 0; }

table { width: 100%; border-spacing: 3px; }
tr:nth-of-type(odd) { background: #363636; }
tr:nth-of-type(even) { background: #313131; }
td { padding: 2px 6px; }

input, textarea, select { box-sizing: border-box; padding: 5px 4px; margin: 0.2em 0; width: 100%; background: #454545; font: inherit; color: inherit; outline: none; border: none; }
input:hover, textarea:hover, select:hover { background: #515151; }
input:focus, textarea:focus, select:focus { background: #b7b7b7; color: #333; }
textarea { resize: vertical; min-height: 110px; }
input[type="submit"] { font-weight: bold; width: auto; padding: 5px 20px; margin: 0.4em 0; }

/* -- układ strony --  */

div.ukladStrony { display: table; width: 100%; }
div.ukladStrony > div { width: 165px; display: table-cell; padding-right: 35px; }
div.ukladStrony > main { display: table-cell; }

header.orange, footer.orange { padding-left: 200px; }

header.orange { display: table; box-sizing: border-box; width: 100%; margin-top: 4px; }
header.orange > * { display: table-cell; }
header.orange h1 { font-size: 2.3em; color: inherit; line-height: 1em; padding: 0.2em 0; }
header.orange img { margin: 0 0 -5px 0; }

footer.orange ul { font-size: 0.7em; text-align: right; margin: 10px 0; listy-style: none; padding: 0; }
footer.orange li { display: inline; }
footer.orange li:before { content: '|'; padding: 0 10px; opacity: 0.2; }
footer.orange li:first-child:before { display: none; }

/* -- inne -- */

header h1, header h2 { font-variant: normal; font-weight: normal; }
header h2 { margin-bottom: 0.5em; }
header a { border: none; }

nav ul { padding-left: 0; list-style: none; }
nav ul li:hover { opacity: 0.6; }
nav ul li a { border: none; display: block; padding: 7px 11px; margin: -7px -11px; }
nav h2 { display: none; }

nav.menuGlowne ul li { margin-bottom: 14px; background: #373737; padding: 7px 11px; color: #ff9c00; }
nav.menuDodatkowe { text-align: right; vertical-align: middle; }
nav.menuDodatkowe ul li { display: inline-block; background: #333333; padding: 5px 11px; margin: 3px 0 2px 8px; white-space: nowrap; }
nav.menuDodatkowe ul li:first-child { margin-left: 0; }

section.obszarBoczny:not(:first-child) { margin-top: 20px; }
article > div { border-bottom: 2px solid #383838; padding: 0.6em 0; border-top: 2px solid #383838; }

/* -- responsywność -- */

@media all and ( max-width: 600px ) {

	nav.menuDodatkowe, section.obszarBoczny, .wtEdycjaStrony { display: none; }

	header.orange, footer.orange { display: block; padding: 0; }
	header.orange h1 { display: block; margin-bottom: 0.5em; }
	header.orange img { max-width: 100%; }
	footer.orange ul { text-align: center; }
	footer.orange li { display: block; }
	footer.orange li:before { display: none; }

	div.ukladStrony { display: block; }
	div.ukladStrony > div, div.ukladStrony > main { display: block !important; width: auto; padding: 0; }

	img { max-width: 50%; height: auto; margin: 2px 4px; }

}

/* -- WizyTówka -- */

.wtKomunikat { background: #585858; padding: 10px 15px; font-weight: bold; margin-bottom: 1em; }
.wtEdycjaStrony { font-size: 0.4em; line-height: 0.5em; text-transform: uppercase; margin-left: 5px; }
.wtEdycjaStrony span { display: none; }

.wtMiniblog_czytajWiecej, .wtMiniblog_data { text-align: right; color: #fca85d; }
.wtMiniblog_czytajWiecej, .wtMiniblog_wszystkieWpisy a { border: none; }
.wtMiniblog_wszystkieWpisy { margin-top: 0.6em; }
article > div > article { border-bottom: 2px solid #383838; padding: 0.6em 0; }
article > div > article:first-child { padding-top: 0; }
article > div > article:last-child { border-bottom: none; padding-bottom: 0; }

.wtGaleriaZdjec a { border: none; outline: none !important; }
.wtGaleriaZdjec a:focus img { opacity: 0.3; }

.wtFormularzKontaktowy label:after { content: ":"; }
.wtFormularzKontaktowy_kolumny dd:last-child { margin-bottom: 0.7em !important; }
.wtFormularzKontaktowy_gwiazdka { color: #fca85d; }
.wtFormularzKontaktowy_przycisk { text-align: center; }