/* Style bazowe dla wszystkich tekstów */

.akapit { margin: 1.28em 0; text-align: justify; }
.lista { margin: 1.28em 0; padding: 0; } /* uwaga! zmiana klasycznego punktowania na czerwoną ikonę w stylesheet.css! */
	.lista li { margin: 6px 0 }
	.lista li:before { color: #d41612 }
.link { color: #d41612; text-decoration: none }
	.link:hover { text-decoration: underline; }
.obrazek { border: none; display: block; max-width: 100%; }
	.obrazek_container { display: block; max-width: 100%; }
	.obrazek_caption { display: none; }
.numerowana { list-style: none; counter-reset: listNumbering }
	.numerowana li { counter-increment: listNumbering; margin: 6px 0 6px -28px }
	.numerowana li:before { content: counter(listNumbering,decimal-leading-zero) '.'; color: #d41612; margin-right: 4px }
.sekcja { }
	.sekcja_caption { display: none; }

/* Podstawowy styl tabeli */

.tabela { margin: 2em 0; font-weight: 300; font-size: 0.86em; text-align: center; line-height: 2; width: 99%; }
	.tabela td { padding: 1em 0.5em; border-bottom: 1px solid #e5e5e5; }
	.tabela tr:first-child td { font-weight: 600; background: #333; color: #fff; text-transform: uppercase; }
	.tabela tr:first-child td:first-child { border-top-left-radius: 3px; }
	.tabela tr:first-child td:last-child { border-top-right-radius: 3px; }
	.tabela tr:last-child td { border-bottom-width: 3px; }

/* Specjalny styl dla śpiewników, spisu utworów itp. */

.spiewnik { font-size: 0.93em; text-align: left; line-height: 2; color: #999; }
	.spiewnik td { padding: 0.65em 0.5em; border-bottom: 1px solid #e5e5e5; }
	.spiewnik tr:first-child td { font-weight: normal; background: #d41612; color: #fff; font-size: 1.14em; text-transform: none }
	.spiewnik tr td:first-child { width: 20px; padding-left: 20px; }
	.spiewnik tr td:nth-child(n+3) { width: 20px }
	.spiewnik .link[class*=" icon-"] { color: #999999; display: inline-block; width: 0px; vertical-align: middle; overflow: hidden; }
	.spiewnik .link[class*=" icon-"]:hover { color: #d41612; text-decoration: none }

/* Specjalny styl dla wydawnictw */

.wydawnictwo { font-size: 0.7em; text-align: left; line-height: 0.5; color: #999; }
	.wydawnictwo td { padding: 0.5em 0.5em; border-bottom: 1px solid #e5e5e5; }
	.wydawnictwo tr:first-child td { font-weight: normal; background: #d41612; color: #fff; font-size: 1.14em; text-transform: none; height: 1em}
	.wydawnictwo tr td:first-child { width: 20px; padding-left: 20px; ; height: 1em}
	.wydawnictwo tr td:nth-child(n+3) { width: 20px ; height: 1em}
	.wydawnictwo .link[class*=" icon-"] { color: #999999; display: inline-block; width: 0px; vertical-align: middle; overflow: hidden; }
	.wydawnictwo .link[class*=" icon-"]:hover { color: #d41612; text-decoration: none }

/* Specjalny styl dla listy lekcji śpiewania */

.lekcje { padding: 0px; margin: 16px 0; background-color: #313131; border-radius: 3px; overflow: hidden }
	.lekcje li { padding: 0; margin: 1%; box-sizing: border-box; width: 23%; float: left; text-align: center; display: block; font-size: 0.65em; font-weight: 600; line-height: 2 }
	.lekcje a { color: #777; text-transform: uppercase; text-decoration: none }
	.lekcje a:hover { text-decoration: none }
	.lekcje img { margin: 0 0 6px 0;}
	.lekcje li:before { content: '' }

/* Obsługa przycisków z opcjonalną ikoną i miniaturą. */

.przycisk { position: relative; vertical-align: middle; border-radius: 3px; text-align: left; color: #ffffff; display: inline-block; padding: 0.72em 2.07em 0.72em 2.86em; background-color: #f0f0f0; overflow: hidden; }
	.przycisk[class*=" icon-"]:before { position: absolute; top: 0.7em; left: 0.94em; font-size: 1.143em; font-family: 'icomoon-bpp'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.przycisk.zielony { background-color: #29a555 }
	.przycisk.zielony:hover { text-decoration: none; background: #4cc16f; }
	.przycisk.zielony:before { color: #0a6537; }

.przycisk.czerwony { background-color: #d41612 }
	.przycisk.czerwony:hover { text-decoration: none; background: #f43f2a; }
	.przycisk.czerwony:before { color: #860700; }

.przycisk.popielaty { background: #979797; }
	.przycisk.popielaty:hover { text-decoration: none; background: #b0b0b0; }
	.przycisk.popielaty:before { color: #666666; }

.przycisk .i { display: block; font-weight: 300; font-style: italic; font-size: 0.86em; }
.przycisk .obrazek_container { display: inline-block; float: left; margin-left: -2.86em; margin-top: -0.72em; margin-right: 2.86em; margin-bottom: -0.72em; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: 0.86em solid #333333; background: #333333 }
.przycisk:hover .obrazek_container { background: #494949; border-color: #494949; }
.przycisk img { vertical-align: top }
.przycisk.miniatura:before { position: static; display: inline-block; width: 1.857em; margin: 0.286em 0 0 -1.857em; }

.przycisk.duzy { padding: 1.071em 2.143em 1.143em 4.857em; min-height: 2.286em }
.przycisk.duzy:before { top: 0.469em; left: 0.469em; font-size: 2.23em }
.przycisk.duzy .obrazek_container { margin: -1.071em 3.571em -1.143em -4.857em } 
.przycisk.duzy.miniatura:before { margin-top: 0em; margin-left: -1.125em; width: 1.125em; }

/* Zmniejszanie miniatur i przycisków umieszczonych w nagłówku obok tytułu strony */

.part-title .box { font-size: 11px; font-weight: bold }
.part-title .box p { margin: 0.5em }
.part-title .box .przycisk .obrazek_container { max-width: 50px }

/* Obsługa linków stosujących ikonę */

.link:not(.przycisk)[class*=" icon-"] { padding-left: 20px; position: relative }
.link:not(.przycisk)[class*=" icon-"]:before { position: absolute; top: 0.5px; bottom: 0; left: 0; height: 16px; margin: auto; font-size: 16px; font-family: 'icomoon-bpp'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Trójkolumnowa lista */

.kolumny { border: 1px solid #e5e5e5; padding: 1em 0; overflow: hidden; }
.kolumny li { margin: 3px 0; float: left; width: 33.33%; }

/* Wyróżniki tekstu */

.i { font-style: italic; }
.b { font-weight: 600; }
.u { text-decoration: underline; }

/* Wyrozniki akapitu */

.cytat { font-weight: 300; font-style: italic; color: #979797; margin: 2.56em 0px; } /* uwaga! znak cudzysłowu jako tło ustawiony w stylesheet.css! */

.srodek { text-align: center; }
.dolewej { text-align: left; }
.doprawej { text-align: right; }
.niebieski { color: blue; }

.intro { font-size: 1.14em; }

.wciecie { padding-left: 2.56em; }

.tytul { font-size: 1.72em; font-weight: 300; }
.podtytul { font-size: 1.14em; font-weight: bold; }

.wyroznij_a { padding: 20px; color: #fff; background-color: #d41612; line-height: 1.42; border-radius: 3px; }
.wyroznij_b { padding: 20px; color: #fff; background-color: #979797; font-size: 1.14em; border-radius: 3px; }
.wyroznij_c { text-align: left; font-size: 1.14em; font-weight: 600; font-style: italic; }

.wyroznij_a a, .wyroznij_b a { color: #fff; font-weight: bold; text-decoration: underline; }
.wyroznij_a a:hover, .wyroznij_b a:hover { text-decoration: none; }

/* Style obrazów (uwaga! istotna kolejność deklaracji!) */

.nopop { }

.prawo { }
.lewo { }
.centruj { }
.podpis { }

.podpis_container { display: inline-block; }
.prawo_container { float: right; display: block; margin: 0 0 1em 1em; }
.lewo_container { float: left; display: block; margin: 0 1em 1em 0; }
.srodek_container { display: block; margin: 1em auto; width: auto; clear: both; }
.podpis_container.prawo_container { margin-bottom: 0; }
.podpis_container.lewo_container { margin-bottom: 0; }

.prawo_caption { display: none; }
.srodek_caption { display: none; }
.lewo_caption { display: none; }
.podpis_caption { display: block; text-align: center; font-style: italic; color: #777; font-size: 0.78em; padding: 8px 0px; }