@font-face {font-family: 'Titillium Web';src: url('TitilliumWeb-Regular.ttf'), url('TitilliumWeb-Bold.ttf'), url('TitilliumWeb-BoldItalic.ttf'), url('TitilliumWeb-Italic.ttf');}
@font-face {font-family: 'Titillium Black'; src: url('TitilliumWeb-Black.ttf'); font-weight: bold;}
body {font-family: 'Titillium Web', arial, sans-serif; margin: 0; padding: 0; border:0; text-decoration: none; color: #202020; font-size: 13px;text-align: left; background-color:white;}
a {	color: black;}
a:hover {	color: #d83a3f;	text-decoration: none;}
p,span,div {margin: 0px;padding: 0px;}
p {	margin-bottom:0.8em;line-height: 1.7;}
ol > li {list-style-type: decimal;}
ul.arrow {margin: 0 0 0 5px; padding: 0;}
ul.arrow > li {list-style-position: inside; list-style-image: url('../pics/arrow1.png');}
ul.arrow > li a {text-decoration: none; font-weight: bold;}
h1,h2,h3,h4,h5,h6,h7,h8,h9 {color: #000000;	margin: 0; margin-bottom: 0.3em; font-weight: normal; margin: 3px auto;}
h1 {color: #2383c7; font-size: 24px; font-family: 'Titillium Web', arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1rem; font-weight: bold;
 margin-top: 5px; padding-bottom: 10px; background: url('../pics/book_icon.png') no-repeat left top; padding-left: 25px;}
h2 {text-align: left; font-size: 17px; color: #1d73ab; font-weight: bold; text-transform: uppercase; margin: 3px auto; background: url('../pics/book_icon.png') no-repeat left top; padding-left: 25px;}
h3 {text-align: left; font-size: 17px; color: #1d73ab; font-weight: bold; text-transform: uppercase; margin: 3px auto; border-bottom: 2px dotted #d0d0d0; 
background: url('../pics/book_icon.png') no-repeat left top; padding-left: 25px;}
h4 {color: #217cb7; margin: 10px 0}
h5 {margin: 10px 0; font-size: 110%; font-weight: bold;}
/* style feedów newsowych */
.news {background-color: #f0f0f0;}
.news a:hover {text-decoration: none; color: #d83a3f;}
.news a .title {display: inline-block; line-height: 1.3; padding: 3px 5px 0 10px; font-weight: bold; font-size: 90%; color: #1d73ab;}
.news a .description {display: inline-block;vertical-align: top; padding: 0 5px 5px 10px; font-size: 13px; line-height: 125%; overflow: hidden; font-weight: normal;}
.news a .image {height: 160px; display: block; overflow: hidden;}
.news a .image_thumb img {width: 80px; float: left; padding: 5px 5px 0 0;}
.news a .wideo_thumb img {width: 80px; float: left; padding: 5px 5px 0 0;}
/* end style feedów newsowych */                                                                             
/* style i klasy redakcyjne */
blockquote {font-size: 14px; font-weight: normal; line-height: 1.5; color: #61616b; padding: 15px;}
.pytanie {font-family: georgia, times; font-style: italic;}
.odpowiedz {margin-left: 20px;}
.redactor{font-size: 80%; color: #665;}
.copyright, .copy {font-size: 12px; color: #303030;}
.koment {color: #1d73ab; font-weight: normal;}
.ramka {text-align: left; padding: 20px 30px; background-color: #f0f0f0; border: 1px solid #c0c0c0; margin: 10px 20px 30px 20px;}
.spistresci {font-size: 80%; color: black;}
.spistresci td {padding: 4px; border-bottom: 1px solid #e0e0e0;}
.spistresci .numb {font-weight: bold;}
.p008 {line-height: 1.35; font-weight: bold;}
.cytat_grid {quotes: '\201c' '\201d'; font-family: georgia, serif; font-style: italic;}
.cytat {font-size: 120%; padding: 20px; margin: 20px; font-style: italic; font-family: Georgia; border-bottom: 2px dotted #e0e0e0; border-top: 2px dotted #e0e0e0;}
.cytat_grid p:before {content: open-quote; font-size: 150px; font-style: normal; position: absolute; top: -10px; left: -10px; opacity: 0.1;}
.cytat_grid p:after {content: close-quote; font-size: 150px; font-style: normal; position: absolute; bottom: 0; right: 0; opacity: 0.2;}
blockquote {padding: 30px}
blockquote:before {content: open-quote; font-size: 150px; font-family: georgia, serif; font-style: normal; position: absolute; top: 0px; left: 0px; opacity: 0.2;}
blockquote:after {content: close-quote; font-size: 150px; font-family: georgia, serif; font-style: normal; position: absolute; bottom: -50px; right: 0px; opacity: 0.2;}
.serwis {font-family: 'Titillium Black', arial, sans-serif; font-size: 19px; text-decoration: none; color: #0f5493; display: inline-block; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1rem;}
.wyr {font-weight: bold;}
hr {border:0; border-bottom: 2px dotted #d0d0d0; color: white;}
/* styl placeholdera w inputach */
::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color: #C3CDDD;}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #C3CDDD; opacity: 1;}
::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #C3CDDD; opacity: 1;}
:-ms-input-placeholder {/* Internet Explorer 10-11 */ color: #C3CDDD;}
.container_header_front {width: 100%; background-color: #fafafa;}
.header {margin:auto; padding:0 20px; padding-top: 12px;}
#header_right {float: right;}
.relative {position:relative;}
#top {max-width: 1200px; margin: 0 auto; margin-bottom: 5px;}
#upper_tools {display: inline-block; margin:10px 0 0 0; padding: 0;}
#upper_tools a {display: block; font-size: 12px; margin-top:0px; padding:0 15px; text-decoration: none; font-weight:bold; color: #727374; float: left;}
#upper_tools_search a {display: block; font-size: 12px; border-right: 1px dotted #d0d0d0; margin-top:0px; padding:0 15px; text-decoration: none; font-weight:bold; color: #727374; float: left;}
#upper_tools a img{display: block;}
.social_icons {display: block; float: right;}
.social_icons a {margin-right: 20px;}
.cl {clear:both;}
.cl1 {clear:both; border-top: 2px dotted #c0c0c0;}
#menu_top {margin: 0 auto; text-align:left; max-width: 1200px;}
#stopka {border-top: 2px dotted #d0d0d0; margin: 0px 20px; padding: 5px; overflow: auto; color: #4a4a44; text-align:center; font-size:14px;}
#stopka ul {margin: 15px 10px 0 0px; padding: 0;}
#stopka li {padding: 10px 15px 0px 15px; display: inline; list-style-type: none;}
#stopka a {color: #0f5493; text-decoration: none; font-weight: bold;}
#stopka a:hover{color: #d83a3f;}
#stopka .copy {margin: 20px; float: left; font-size: 12px;}
#stopka .prod {margin: 20px; float: right; font-size: 12px;}
#stopka .prod a {color: #777772; font-weight: normal;}
#stopka .prod a:hover {color: #d85a5f;}
/* poniższe pokazujemy tylko w mobilnych */ 
#stopka .copy_min {display: none;}
#stopka .prod_min {display: none;}
/* KLASY DO ZRODEL DANYCH */
.content_source_news {vertical-align: top; background-color: #efefef;}
.content_source_photo {vertical-align: top; background-color: white;}
.photo {border-bottom: 4px solid white; position: relative;}
.photo img {position: relative; top: 0; left: 0; height: 100%;}
.photo .title, .img_tekst { position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.6); padding: 10px; width: 100%; color: white; font-size: 14px;}
.photo .title > .description { font-weight:normal; font-size: 9px;}
.content_source_docs { vertical-align: top; background-color: #f0f0f0;}
.biblioteka {width: 100%; overflow: hidden; background-color: #f0f0f0; height: 100%;}
.biblioteka a {display: block;}
.biblioteka .title {margin: 10px 10px 0 15px;}
.biblioteka .title a {text-decoration: none; color: #1d73ab; font-size: 15px; font-weight: bold;}
.biblioteka .author {margin: 0 15px; font-size: 13px; font-weight: bold;}
.biblioteka .author a {text-decoration: none; color: #222;}
.biblioteka .image {position: relative;display: block;margin: 0;overflow: hidden; max-height: 80%;}
.biblioteka .image img {display:block; min-height: 220px;}
.biblioteka .description {padding: 0px 10px 0 15px;}
.biblioteka .description a {text-decoration: none;font-size: 13px;font-weight: normal;}
.biblioteka_description {padding: 0px 10px 0 15px;}
.biblioteka_description a {text-decoration: none; font-size: 13px; font-weight: normal;}
.content_source_reklamy {vertical-align: top; }
/* KLASY DO ZRODEL DANYCH */

.biblioteka_page {font-size: 12pt; margin-top: 10px;}
.biblioteka_page h1 {/* opis dokumentow w bibliotece - stare dokumenty */
 letter-spacing: 0.05rem; text-align: left; color: #bc374c; background: none; font-size: 13px; margin: 0;}
.biblioteka_page h1.description { /* opis dokumentow w bibliotece - nowe dokumenty */
 letter-spacing: 0.05rem; clear: right; float: right; text-align: right; color: #666; background: none; font-size: 13px; margin: 20px 20px 0 0 ; line-height: 1.5; max-width:50%;}
.biblioteka_page > h2 { color: black; padding: 0 10px 0 0; font-size: 15px; font-weight: bold; background: none; margin: 5px 0;}
.biblioteka_page > h3 {/* tytul dokumentu */ padding: 10px 10px 10px 0; font-size: 22px; font-weight: normal; margin-right: 20px; line-height: 1.4; margin-bottom:20px; background: none; text-transform: uppercase;}
.biblioteka_page h4 {/* srodtytuly */ font-size: 120%; font-weight: bold;}
.biblioteka_page .tytuly {/* srodtytuly */ font-size: 120%; font-weight: bold; display: block; color: #1d73ab;}
.biblioteka_page hr { margin-bottom: 25px;}
.biblioteka_page table { margin-bottom: 10px;}
.biblioteka_page .autor { font-weight: normal; text-align: left; font-style: italic; color: #777; font-family: 'Georgia'; margin-top: 25px;}
.biblioteka_page #audio_cont { margin: 40px 0;padding-bottom: 20px;}
.bibl_fotka { position: relative; float: left; margin: 10px 20px 20px 0;}
.bibl_img { width: 400px; float: left;}
.biblioteka_tagi .tag { display:inline-block; margin:5px; padding:5px; background:#efefef; cursor:pointer; border:1px solid gray; border-radius:5px;}
.biblioteka_tagi .tag a { text-decoration: none;}
.biblioteka_tagi .tag a:hover { color:blue;}
.articles {padding: 5px 10px;}
.articles > .title {padding: 0; margin: 0;}
.articles > .title a {text-decoration: none; color: #1d73ab;}
.articles > .title_nobold a {text-decoration: none; font-size: 13px; color: #1a70ab; font-weight: bold;}
.articles > .description a { text-decoration: none; font-weight: normal;}
.news_data { font-size: 10px; color: #444;}
.leads a { text-decoration: none;}
.leads a .news_data { font-size: 10px; color: #444; margin-top: 8px; padding: 0 10px; text-decoration: none;}
.container_front { background-color: white; clear: both; padding: 0 5px; max-width: 1200px; margin: auto; margin-top: 20px;}
.container_fotki { margin:0 auto; padding:0; border:0;}
.container_fotki_fotka { margin:0 20px; border-left:1px dotted #d0d0d0; border-right:1px dotted #d0d0d0;}
.outer_box { margin: 0 auto; max-width: 1400px;}
.rekl_main { text-align: center; padding:0; margin: 0;}
#kategoria_main { padding:0; margin: 0 auto; width: 1000px;}
.zobacz_wszystkie { display: inline-block; margin: 10px; padding-left: 10px;}
.zobacz_wszystkie a { display: inline-block; color: #525354; border-left: 1px dotted #d0d0d0; padding: 0 20px; text-decoration: none; font-weight: bold; font-size: 12px;}
.zobacz_wszystkie a:hover { color: #d83a3f;}
.sharethis {float: right; }
.wstawka {background:#f0f0f0;width:20%;text-align:left;margin:5px 20px 5px 0;font-size: 13px; padding:20px; float: left; font-weight: bold;} 

@media screen and (max-width: 1200px) { #slideout {display: none}}

.dzial_name, .dzial_name a { font-family: 'Titillium Black', arial, sans-serif; font-size: 19px; text-decoration: none; color: #0f5493; display: inline-block;
 font-weight: normal; text-transform: uppercase; letter-spacing: 0.15rem; margin: 0; padding: 0;}
.dzial_name a:hover {color: #d83a3f;}

.article_page { display:block; margin: 0 auto; padding: 0; overflow: hidden; max-width: 1180px; padding-bottom: 20px;}
.article_page .tytul, .biblioteka_lista h1 { color: #217cb7; font-size: 22px; font-family: 'Titillium Web', arial, sans-serif; letter-spacing: 0.1rem; font-weight: bold;
 text-align: left; padding-bottom: 10px; border-bottom: 2px dotted #d0d0d0; margin: 20px 0 20px 0; text-transform: uppercase;}
.article_page .zwiastun { letter-spacing: 0.05rem; text-align: left; color: #bc374c; background: none; font-size: 13px; margin: 20px; line-height: 1.5; font-weight: bold;}
.article_page hr {margin-bottom: 20px;}
.article_page .doc_search_list {clear: left; margin-bottom: 15px;}
.article_page .doc_search_list a { color: #105491; text-decoration: none; font-weight: bold;}
.article_page .doc_search_list .doc_search_err {color:red;}
.article_page .tresc {font-size: 15px; line-height: 1.6;}

.tresc a { color: #105491; text-decoration: none; font-weight: bold;}
.data_autor { display: block; float: left; padding: 0 20px 20px 0;}
.article_page .autor { background-color: #f4f4f6; color: #105491; padding: 10px 20px; font-size: 14px; font-weight: bold; margin-right: 20px;}
.article_page .data_utworzenia { background-color: #C9CACE; color: white; padding: 10px 20px; font-size: 14px; font-weight: bold; margin-right: 20px;}
.article_page .fotki { clear: both; display:block; vertical-align: top; margin-right:5px;}
.article_page .movie { clear: both; display:block; width:600px;height:100%; float:left; padding: 10px 20px 10px 0;}
.movie iframe { width: 600px; height: 400px;}
.fotki_cont { max-width: 548px;}
.fotka { position: relative;}
.fotka_podpis_zrodlo { position: absolute; bottom: 0; left: 0; width: 100%; background-color: black; color: white; opacity: 0.6;}
.fotka_podpis_txt { font-size: 80%; padding:5px 10px; display: block-inline; opacity: 1; color: white;}
.fotki_other { max-width: 548px; margin:0; padding: 0;}
.fotki_other .fotka { width: 137px; height: 120px; overflow: hidden; float: left; margin: 0;}
.fotki_other .fotka img { width: 170px; margin: -20px; outline: 1px solid #e0e0e0;}
.lewy { float: left; padding-right: 20px;}
.article_page .fotki .center { text-align: center;}
.prawy { float: right; padding-left: 20px;}
.doc_tools span { font-size: 12px; margin: 0 20px 10px 0;}
.doc_tools span a { background-color: #105491; color: white; font-size: 12px; padding: 5px 10px; display: inline-block; text-decoration: none;}
.tagi { padding: 10px; margin: 20px 2px 40px 2px; outline: 1px solid #e0e0e0; background-color: #fafafa; font-size: 100%; color: black;}
.tagi a { color: #105491; text-decoration: none; margin: 0 5px; border:0; font-weight: bold;}
img {	border: 0px;}
form {	margin: 0;	padding: 0;}
label {	display: block;}
fieldset { border: 1px solid #d0d7df; background-color:#f0f7ff;}
/* klasy */
.wait_spinner {
 z-index:200;
 position:absolute;
 background: url('../pics/loading-spinner2.gif') no-repeat center center;
 width:128px;
 height:128px;
}

.separator {
	height: 5px;
	clear: both;
	overflow: auto;
}

.inline {
 display:inline-block;
}

.collapsed {
 height:0;
 overflow: hidden;
}


.debug {position:absolute; bottom: 0px; right: 70px; background-color:red; color:white; padding:5px;}
/* id */

.dzial_page {
 display:block;
 margin: 0 auto;
 padding: 0;
 overflow: hidden;
 max-width: 1180px;
 padding-bottom: 20px;
}

.dzial_page .article {
 display:inline-block;
 margin-bottom:5px;
 width: 20%;
 background-color: #f0f0f0;
 padding: 1%;
 margin: 1%;
 min-height: 250px;
}

.dzial_page .article a {
 text-decoration: none;
}
.dzial_page .article a:hover {
 text-decoration: underline;
}

.dzial_page .article .autor {
 display:inline-block;
 margin-right:10px;
}
.dzial_page .article .tytul {
 display:inline-block;
 font-weight:bold;
}
.dzial_page .article .zwiastun {
 display:block;
 font-style: italic;
}
.dzial_page .article .foto img {
 height: 100%;
 max-height:200px;
}

#content {
	height: auto;
	text-align: left;
	margin-bottom: 20px;
	padding: 0 10px;
}

#pad {padding:15px 10px 5px 5px;}

.container_footer_front {
 width: 100%;
 max-width: 1200px;
 background-color: white;
 margin: 0 auto;
 margin-top: 40px;
}

.footer_div {width: 31%; float: left; text-align: left; padding: 1%;}
.footer_div p {padding: 5px;}
.footer_div p a {text-decoration: none;}
.footer_div h3 {padding-left: 25px; padding-bottom: 4px;}
.footer {
 float:left;
 padding: 10px;
 text-align: left;
 margin:50px 0 0 0;
 width:100%;
 color: #c274a6;
 font-size:85%;
}
.footer img {float: left; margin-right:20px; width:120px;}
.footer a {	color: #4f3b13;}

.sep {border-bottom:1px solid #aaaaaa; margin:10px 20px 0 0;}

sup {color: #aa0000;}
li {margin:5px 0}
blockquote {padding: 10px; margin: 10px; font-size: 120%;}
.uwagi {padding:20px; color: brown}
input[type="button"], input[type="submit"] {cursor: pointer;}
div.uwaga {color:red; background-color:#ffffcc; border: 1px solid red; padding:4px; }
#error_section {float: right}
code {background-color: #e0e0e0; padding: 10px; border-left: 5px solid #d0d0d0; display: block;margin-bottom: 10px;}
.dok {padding-top:15px; margin-top: 15px;border-top: 2px dotted #d0d0d0}
.error {outline:1px solid red;}

.modal_dlg_bkg {
 background:#D7DFEC;
 border:1px solid #275794;
 -webkit-box-shadow: 10px 10px 12px -2px rgba(0,0,0,0.75);
 -moz-box-shadow: 10px 10px 12px -2px rgba(0,0,0,0.75);
 box-shadow: 10px 10px 12px -2px rgba(0,0,0,0.75);
}

table.highlited_rows tr:hover{
 background:#D0D0D0;
}

table.low_header th {
 height:15px;
 padding-top:1px;
 padding-bottom:1px;
}

table.no_margin {
 margin:0;
}

.color_red {color:red;}
.color_gray {color:gray;}
.color_blue {color:blue;}
.clickable, .clickable2 {text-shadow: 1px 1px white; cursor: pointer; /* height:20px; */}
.clickable:hover {font-weight: bolder; color: #d83a3f;}
.clickable2:hover {text-decoration: none; text-shadow: 1px 0px black;}
.clickable.disabled, .clickable2.disabled {text-shadow: 0 0; cursor:default; color:gray; text-decoration: line-through; font-weight: normal;}
.clickable.disabled:hover, .clickable2.disabled:hover {text-shadow: 0 0; color:gray; cursor:default; font-weight: normal;}

.disp_none {/* invisible element */ display: none;}

#result_fader2 {/* styl dla zanikających alertów */
 text-align:center;
 padding:20px 40px;
 color:white;
 font-size:24px;
 background-color:#ff6600;
 border-radius:10px;
 z-index: 20;
 line-height:1.3;
}

.action_btn {
 display:inline-block;
 cursor:pointer;
 vertical-align: middle;
 padding-right: 10px;
 color:#5f2b13;
}

.action_btn:hover {
 color:#800080;
 position:relative;
 left:-1px;
 top:-1px;
 text-shadow: 1px 1px 1px #444;
}

.przekreslenie {
 text-decoration:line-through;
}

form#user_dane_form #avatar_sect div {
 display:inline-block;
 vertical-align: top;
}

#szukaj_dlg {width:400px;}
#szukaj_dlg .row {margin-bottom: 10px;}
#szukaj_dlg #szukaj {width:215px;}
#szukaj_dlg #data_od, #szukaj_dlg #data_do {width:80px;}
#szukaj_dlg #km {width:55px;}
#szukaj_dlg #adres {width:240px; vertical-align: top;}
#szukaj_dlg #glob {width:20px; height:20px; background: url('../pics/globe.png') no-repeat center center; cursor:pointer; display:inline-block; position:relative; vertical-align: top; left:2px; top:2px;}
#szukaj_dlg #glob:hover {background: url('../pics/globe_highlited.png') no-repeat center center;}
#szukaj_dlg #adres_icon {width:20px; height:20px; background: url('../pics/adres_bad.png') no-repeat center center; display:inline-block; position:relative; vertical-align: top; left:2px; top:2px;}
#szukaj_dlg #adres_icon.ok {background: url('../pics/adres_ok.png') no-repeat center center;}
#szukaj_dlg #submit_btn {position:absolute; left:-9999px;}
.lb-caption {display: inline-block; color: white;}
#cookie_alert {position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; padding: 12px; color: white; background: #0F5493;
 opacity: 0.75;
 text-align: center;
}
#cookie_alert a {
 margin-left: 5px;
 color: white;
 font-weight: bold;
}

textarea#_404 {
 border:none;
 width:80%;
}

.txt_link {/* tekstowy link */
 cursor:pointer;
 font-size:12px;
 color:black;
}

.txt_link:hover {
 text-shadow: 1px 1px black;
}

.clear_both {
 clear:both;
}

#szukaj_dlg_int input#tagi {width:200px;}
#js_content {/* overflow-y: auto; */}
#edytuj_dlg .row {margin-bottom:5px;}
#edytuj_dlg .row .block {display:inline-block; margin-right:10px; vertical-align: top;}
#edytuj_dlg .readonly {background:inherit;}
#edytuj_dlg textarea {height:60px;}
#edytuj_dlg.rklmy img#fotka_img {max-width: 200px;}

#reklamy_table img {max-width: 200px;}

#js_content.content.subdomeny #search_icon {
 display: inline-block;
 width: 15px;
 height: 15px;
 background: url(../pics/lupka2.png) no-repeat center center;
 opacity: 0.5;
 position: relative;
 top: 3px;
 cursor: pointer;
 margin-left:10px;
}
#js_content.content.subdomeny #search_icon:hover {
 opacity: 1;
}

.biblioteka_lista .filter_sect {
 padding: 0 20px 20px 20px;
 border-bottom: 2px dotted #e0e0e0;
 margin-bottom: 20px;
}
.biblioteka_lista .filter_sect span {
 margin-right: 10px;
 float: left;
}
ul.biblioteka_spis {width: 100%;}
.biblioteka_spis li {
 width: 30%;
 display: inline-block;
}
.biblioteka_spis li:last-child {clear: right}

.biblioteka_lista .filter_sect span#back_search_btn,
.biblioteka_lista .filter_sect span#forward_search_btn {
 cursor: pointer;
}

.biblioteka_lista .filter_sect span#back_search_btn:hover,
.biblioteka_lista .filter_sect span#forward_search_btn:hover {
 outline:1px solid black;
}

.doc_item .author {
 display: block;
 padding: 4px;
 border-bottom: 1px solid #f0f0f0;
 width: 23%;
 float: left;
}
.doc_title {display: inline-block; width: 70%; padding: 4px; border-bottom: 1px solid #f0f0f0;color: #d83a3f; font-weight: bold;}
.doc_author {display: inline-block; width: 20%; padding: 4px; border-bottom: 1px solid #f0f0f0; text-align: right; padding-right: 10px; font-weight: bold;}
.doc_data {display: inline-block; width:6%; padding: 4px; border-bottom: 1px solid #f0f0f0; font-size: 80%}
.doc_desc {font-size: 90%; font-weight: normal; color: black;}
.doc_title_h {display: inline-block; width: 70%; padding: 8px 4px; border-bottom: 2px dotted #e0e0e0; font-weight: bold;}
.doc_author_h, .doc_source_h {display: inline-block; width: 20%; padding: 8px 4px; border-bottom: 2px dotted #e0e0e0; font-weight: bold; text-align: right; padding-right: 10px;}
.doc_data_h {display: inline-block; width:6%; padding: 8px 4px ; border-bottom: 2px dotted #e0e0e0; font-weight: bold;}

.biblioteka_lista .input_data {width: 5em; border: 1px solid #e0e0e0; }
.biblioteka_lista .input_text {width: 8em; border: 1px solid #e0e0e0;}
.biblioteka_lista select {border: 1px solid #e0e0e0;}
.biblioteka_lista .filter_sect #search_icon {
 display: inline-block;
 width: 15px;
 height: 20px;
 background: url(../pics/lupka2.png) no-repeat center center;
 opacity: 0.5;
 position: relative;
 cursor: pointer;
 margin-left:0px;
 padding: 10px 0;
}

table#subdomeny_table span.hlite {
 color:red;
 font-weight:bold;
}

.modal_dlg_bkg.content_source #opis,
.modal_dlg_bkg.content_source #ctrls_data,
.modal_dlg_bkg.content_source #link_to_source {
 width:600px;
}

.modal_dlg_bkg.content_source #ctrls_data {
 height:300px;
}

.modal_dlg_bkg.content_source #show_ctrls_btn {
 display:inline-block;
 background: #275794;
 color:white;
 font-family: 'Titillium Web';
 font-weight: bold;
 margin-left:20px;
 font-size:11px;
 line-height:1.2em;
 padding: 0 4px;
 border-radius:2px;
 cursor:pointer;
}

.modal_dlg_bkg.content_source #show_ctrls_btn:hover {
 background:#367bd3;
}


.modal_dlg_bkg.grid #opis{
 width:400px;
}

/* FOTKI w dokumencie biblioteki START */
.modal_dlg_bkg.bibl_docs #container {
 overflow: auto;
 margin-bottom:15px;
}

.modal_dlg_bkg.bibl_docs .fotka_row {
 border-top:1px dashed #275794;
 padding-top:8px;
 padding-bottom:5px;
}

.modal_dlg_bkg.bibl_docs .foto_input {
 width:247px;
}

.modal_dlg_bkg.bibl_docs .foto_input_placeholder {
 width:293px;
}

.modal_dlg_bkg.bibl_docs .foto_fname {
 display:block;
 font-weight: bold;
 margin-bottom:10px;
}

.modal_dlg_bkg.bibl_docs .doc_fotka {
 width:100px;
 height:auto;
/* min-height:20px; */
 border:1px dotted gray;
}

.modal_dlg_bkg.bibl_docs .foto_input_cont {
 display:inline-block;
 vertical-align: top;
}

.modal_dlg_bkg.bibl_docs .foto_input {
 display:inline-block;
 vertical-align: top;
}

.modal_dlg_bkg.bibl_docs .from_opoka_photo {
 display:inline-block;
 border:1px solid #c0c0c0;
 cursor:pointer;
 padding:3px;
 margin-top:2px;
 background-color: #e0e0e0;
}

.modal_dlg_bkg.bibl_docs .from_opoka_photo:hover {
 border:1px solid gray;
}

.modal_dlg_bkg.bibl_docs .news_fotka {
 display:inline-block;
 margin-left:10px;
 vertical-align: top;
}

.modal_dlg_bkg.bibl_docs .foto_opis_cont {
 display:inline-block;
 vertical-align: top;
 margin-left:10px;
}

.modal_dlg_bkg.bibl_docs .fotka_opis,
.modal_dlg_bkg.bibl_docs .fotka_zrodlo {
 width:430px;
 margin-bottom:5px;
}
/* FOTKI w dokumencie biblioteki END */

/* Stylowanie listy fotek z opoka.photo START */
.container_fotki {
 margin:0 auto;
 padding:0;
 border:0;
 min-height:400px;
}

.foto {
 position:relative;
 display:inline-block;
 margin:2px; /* TEN PARAMETR OKREŚLA ODSTĘP MIĘDZY ZDJĘCIAMI W GRIDZIE */
 padding:0;
 border:0;
 vertical-align: top;
 cursor: pointer;
 overflow: hidden;
}

.foto#show_more #show_more_in {
 height:300px;
 width:200px;
 border:1px solid #D0D0D0;
 text-align: center;
}

.foto#show_more #txt {
 vertical-align: middle;
 font-size: 30px;
 font-weight: bold;
 color: #D0D0D0;

 transition: color .3s ease-out;
 -moz-transition: color .3s ease-out;
 -webkit-transition: color .3s ease-out;
 -o-transition: color .3s ease-out;

}

.foto#show_more:hover #txt {
 color:black;
}

.foto img {
 position: relative;
 top:0;
 left:0;
/* height:300px;
 width:auto; */
}

.foto .opis {
 position:absolute;
 top:5px;
 left:5px;
 color:yellow;
 opacity: 0.01;

 transition: opacity .5s ease-out;
 -moz-transition: opacity .5s ease-out;
 -webkit-transition: opacity .5s ease-out;
 -o-transition: opacity .5s ease-out;
}

.foto:hover .opis {
 opacity:1;
 text-shadow: 1px 1px black;
}

.foto .opis .tagi {
 display:block;
}

.foto .opis .tagi .tag, .foto .opis .autor {
 display:inline-block;
 padding: 2px 2px;
 margin:5px;
 border:1px solid transparent;
 transition: border-color .5s ease-out;
}

.foto .opis .tagi .tag a, .foto .opis .autor a {
 color:yellow;
 font-weight: normal;
 margin:0;
}

.foto .opis .tagi .tag:hover, .foto .opis .autor:hover {
 border:1px solid yellow;
 border-radius: 3px;
}

form#tag_form {
 display:inline-block;
}

div#adv_search {
 cursor:pointer;
 color:gray;
 position: relative;
 display: inline-block;
}

div#adv_search:hover {
 color:black;
}
/* Stylowanie listy fotek z opoka.photo END */


@media screen and (max-width: 1115px) {
 #rekl_main img {
 /* width: 670px; */
 }
}

@media screen and (max-width: 768px) {
 #rekl_main img {width: 100%;}
 .modal_dlg_bkg {width: 350px; }
 .footer_div {width: 98%; float: none; text-align: left; padding: 1%;}
 .footer_div p {padding: 5px;}
 .footer_div h3 {padding-left: 25px; padding-bottom: 4px;}
 .footer {float:none; padding: 10px; text-align: left; margin:50px 0 0 0; width:98%;}
 .footer img {float: none; margin-right:20px; width:120px;}
 #stopka .copy {display: none;}
 #stopka .prod {display: none; }
 #stopka .copy_min {display: block; }
 #stopka .prod_min {display: block; padding-bottom: 20px; }
 #stopka ul {margin-bottom: 20px; }
 .social_icons {position: absolute; top: 0; right: 10px;}
 #header_right {float: none; width: 100%; text-align: center;}
 .tresc img {width: 100%;}
 .doc_tools span a {display: block; margin-bottom: 10px; }
 .doc_tools span {display:block;}
 .bibl_img {width: 100%; float: none;}
 .biblioteka_page {padding: 0 15px;}
 .biblioteka_page h1.description {float: none; text-align: center; max-width: 100%; margin: 10px 0 0 0}
 .biblioteka_page > h2 {padding-top: 0;}
 .biblioteka_lista select {width: 100%;}
 .doc_data_h, .doc_data {display: none}
 .doc_item .author {width: 100%} 
 .dzial_page .article {width: 100%; float: none; text-align: center; padding: 20px 0; margin-bottom: 20px;}
 .fotka_main .fotka img {width: 100%}
 #reklama_top img {width: 100%; height: auto;}
 #reklama_bottom img {width: 100%; height: auto;} 
 #spr_siostry .gray, #spr_siostry .color {margin-left: 0 !important;}
.sharethis {float: none; }
 .wstawka {float: none; width: 85%;}
}

}

#footer_sprites {
 display:inline-block;
 border-top: 2px dotted #d0d0d0;
 margin:auto;
 overflow:crop;
 text-align:left;
}

.sprite {
 display:inline-block;
 position:relative;
 margin:5px 10px 20px 10px;
}

.sprite > a div {
 height:44px;
 margin-right:6px;
}

.sprite a .gray {
 z-index: 0;
 display:inline-block;
 position:relative;
}

.sprite a .color {
 z-index: 1;
 position:absolute;
 top:0px;
 opacity:0.001;

 transition: opacity 0.4s ease-in-out;
 -moz-transition: opacity 0.4s ease-in-out;
 -webkit-transition: opacity 0.4s ease-in-out;
}

.sprite .color:hover {
 display:block;
 opacity:1;
 transition: opacity .2s ease-in-out;
 -moz-transition: opacity .2s ease-in-out;
 -webkit-transition: opacity .2s ease-in-out;
}

#spr_pekao .gray {width:240px;background: url('https://opoka.org.pl/pics/stopka1.png') 0 0;}
#spr_pzu .gray {width:120px;background: url('https://opoka.org.pl/pics/stopka1.png') -750px -3px;}
#spr_eurocentrum .gray {width:300px;background: url('https://opoka.org.pl/pics/stopka1.png') -250px 0px;}
#spr_citizengo .gray {width:100px; background: url('https://opoka.org.pl/pics/stopka1.png') -610px -5px; }

.pager {display:block;}
.pager .spacer {width:15px; display:inline-block;}
.pager .page {display:inline-block;}
.pager .page:not(.current) {cursor: pointer;}
.pager .page:not(.current):hover {text-shadow: 1px 1px $contrast_dark; color:$clrC;}
.pager .page.ellipsis {cursor: default;}
.pager .page.current {cursor: default; font-weight: bold;}

#feeds {
 width:200px;
 height:200px;
 display:inline-block;
 background:red;
 overflow: hidden;
 border:2px solid blue;
 padding:3px;
}

#feeds #inn {
 width:50px;
 height:50px;
 background:blue;
 cursor:pointer;
 color:white;
}

/*/////////////////////////////////////////////////////////////////////////////
// Grid na froncie START
//////////////////////////////////////////////////////////////////////////////*/

#grid_main {
 /* stylów nie ruszać! */
 box-sizing: border-box;
 padding:0;
 position:relative;
 display: block;
 width:100%;
 z-index:1;
 color:#216f6f;
 border:0;
 margin:0;
}

#grid_main * {/* To jest ważne bo się układ rozwali! */
 box-sizing: border-box;
}

#grid_main .front_block {
 margin-right:15px; /* odstęp między blokami */
 margin-bottom:15px;
}

#grid_main .front_block:not(:last-child) {
 margin-right:0;
}

#grid_main .front_block .hed {
 text-align: left;
 font-size: 17px;
 color: #1d73ab;
 display: inline-block;
 font-weight: bold;
 text-transform: uppercase;
 margin: 0px auto 3px auto;
 border-bottom: 2px dotted #d0d0d0;
 padding-top: 0;
 background-color: white;
 outline: 2px solid white;
}

#grid_main .front_block .innr {/* tu są pakowane dynamiczne treści */
 font-size: 13px;
 color: black;
}

#grid_main .front_block .link_overlay {/* gdy blok jest linkiem, to jest nim ten div */
 cursor: pointer;
}

#grid_main .front_block.green .innr {/* przykład customowej klasy dla bloku */
 color:green;
}

#grid_main .front_block .innr .title {
 font-size:16px;
}

#grid_main .front_block .innr img {
 width:100%;
 height:auto;
}

#grid_main .front_block .hed .hed_icon {
 width:20px;
 height:20px;
 display:inline-block;
}

#grid_main .front_block .hed .hed_icon.statyczny {
 background: url('../pics/image_icon.png') no-repeat left top;
 margin-right:5px;
 position:relative;
 top:3px;
}
#grid_main .front_block .hed .hed_icon.wbudowany {
 background: url('../pics/book_icon.png') no-repeat left top;
 margin-right:5px;
 position:relative;
}
#grid_main .front_block .hed .hed_icon.zewnetrzny {
 background: url('../pics/globe_icon.png') no-repeat left top;
 margin-right:5px;
 position:relative;
}
#grid_main .front_block .hed .hed_icon.inline {
 background: url('../pics/pencil_icon.png') no-repeat left top;
 margin-right:5px;
 position:relative;
}

.hed_bigger {
 font-size: 130%;
}
.thumbs {
 float: right;
 width: 50px;
}
/*/////////////////////////////////////////////////////////////////////////////
// Grid na froncie END
//////////////////////////////////////////////////////////////////////////////*/

#grid_main .front_block .wideo:after {/* bloki z klasą wideo mają nakładkę z logo youtube */
 content: "";
 display: block;
 position: absolute;
 top: -20px;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
 background: url('../pics/yt_play.png') no-repeat left top;
 pointer-events: none;
}

#darowizna .label_inline, #darowizna #kwoty label {
 display:inline-block;
 margin-right: 5px;
}

#darowizna #pay_btn_cont img {
 width:147px;
 height:46px;
}

#darowizna .error_cont {
 background:red;
 border-radius:5px;
 color:white;
 font-weight:bold;
 font-size:15px;
}

.page_bar {padding: 2px 5px;}

.darowizny_page #article_part h2.zwiastun {
    text-transform: none;
    letter-spacing: 0.05rem;
    text-align: left;
    color: #bc374c;
    background: none;
    font-size: 13px;
    margin: 20px 0;
    line-height: 1.5;
    font-weight: bold;
}

.darowizny_page #form_part label {display: inline; margin-right: 1em;}
.container_front .darowizny_page #article_part {
 padding: 10px 20px 20px 0;
 height: auto;
}
.container_front .darowizny_page #form_part {
 float: none;
 margin-top:10px;
 padding: 10px 20px 30px 20px;
 margin: 10px 0 30px 0; 
 background: -webkit-linear-gradient(top, #346795, #7bb1e0) #346795;
 background: -moz-linear-gradient(top, #346795, #7bb1e0) #346795;
 background: -ms-linear-gradient(top, #346795, #7bb1e0) #346795;
 background: -o-linear-gradient(top, #346795, #7bb1e0) #346795;
 overflow: auto;
 color: white;
}
.container_front .darowizny_page #form_part h2 {
 color: white;
 font-weight: bold;
}

.container_front .darowizny_page #form_part input {
 background: white;
 border-radius: 5px;
 outline: 0;
 border: 0px;
 padding: 5px;
 margin: 5px 5px 10px 1px;
 color: #444;
}

.container_front .darowizny_page #form_part input[type="checkbox"] {
 float: left; margin-right: 5px;
}

.container_front .darowizny_page #form_part textarea {
 background: white;
 border-radius: 5px;
 outline: 0;
 border: 0px;
 padding: 5px;
 margin: 5px 5px 10px 1px;
 color: #444;
 width: 80%;
}

.container_front .darowizny_page #form_part #zgody {
 font-size: 90%;
}

.container_front .darowizny_page #form_part #kwoty label {
 margin-right: 8px;
}
.container_front .darowizny_page #form_part #amount2 {
 width: 40px;
}

.container_front .darowizny_page #form_part .page_btn_cont {
 margin-top: 20px;
}

.container_front .darowizny_page #form_part .page_btn {
 padding: 10px 20px;
 font-weight: bold;
 font-size: 150%;
 color: #222;
}

.container_front .darowizny_page #darczyncy_part {
 clear: both;
 margin-top:10px;
}


.container_front .darowizny_page #darczyncy_part .darczynca {
 display:inline-block;
 margin:5px;
 border-radius:10px;
 padding:5px;
 background: url('../pics/serce.png') 0 3px no-repeat;
}

.container_front .darowizny_page #darczyncy_part .darczynca .anonim {
 font-weight:bold;
 width: 195px;
 margin-left: 7px;
}

.container_front .darowizny_page #darczyncy_part .darczynca .nazwisko {
 font-weight:bold;
 width: 195px;
 margin-left: 7px;
}

.container_front .darowizny_page #darczyncy_part .darczynca .kwota {
 margin-left: 7px;
}

.container_front .darowizny_page #darczyncy_part .darczynca .data {
 margin-left: 7px;
 font-size: 80%;
}

.container_front .darowizny_page #darczyncy_part .darczynca .kwota:after {
 content: ' zł';
}

.term_form_btn.delete_menu_btn {background:red; width:auto}
.term_form_btn#create_new_menu_btn {width:auto}


p,span,div {
	margin: 0px;
	padding: 0px;
}
p {
	margin-bottom:0.8em;
	line-height: 1.7;
}


#reklama_bottom_left,
#reklama_bottom_right,
#reklama_bottom {
 display: inline-block;
 text-align: right;
 margin-top: 30px;
 margin-bottom: 30px;
}

.more {overflow: auto; width: 100%; z-index:2;}
.more a {float: right; padding: 5px 20px 5px 0px; margin: 0 0 0 20px; background: transparent url("../pics/arrow1.png") 95% 50% no-repeat; text-decoration: none;}
.more a:hover {background: transparent url("../pics/arrow2.png") 95% 50% no-repeat; color: gray;}

#bibl_docs table#docs_table span.typ {
 margin-left:5px;
 font-size:9px;
}
#bibl_docs table#docs_table span.typ.mp3 {
 color:green;
}
#bibl_docs table#docs_table span.typ.txt {
 color:blue;
}
#bibl_docs table#docs_table span.typ.unknown {
 color:red;
}
#bibl_docs table#docs_table span.url {
 font-size:9px;
 color:gray;
 float:right;
}

.article_page.kukulka {
 outline:3px dashed red; /* kukulka to jest customowa klasa artykułu jako przykład klasy artykułu */
}
.article_page.kukulka:before {
 content:'Przykład customowej klasy dla artykułu';
 color:red;
}

.dzial_page.autorzy {

}
.dzial_page.autorzy:before {
 content:'Autorzy';
}

.polecane h4 {margin: 0; padding: 10px 0 0 0; color: black; font-weight: bold; font-size: 14px;}
.polecane a {text-decoration: none; margin: 0 2px; color: #444; font-size: 14px;}
.polecane a:hover {text-decoration: underline; color: #BE364C}

::-webkit-scrollbar-button{height: 13px; border-radius: 0px; background-color: #AAA; } 
::-webkit-scrollbar-button:hover{background-color: #AAA; } 
::-webkit-scrollbar-thumb{background-color: #aaa} 
::-webkit-scrollbar-thumb:hover{background-color: #CCC; } 
::-webkit-scrollbar-track{background-color: #ccc;} 
::-webkit-scrollbar-track:hover{background-color: #CCC; } 
::-webkit-scrollbar{width: 8px; }

/* style do slidera reklamowego Banku Pekao */
#slideout {
 position: fixed;
 top: 271px;
 left: calc(100% - 62px);
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 transition-duration: 0.3s;
 z-index:1000;
}
#slideout:hover {left: calc(100% - 500px);}
.motto, p.motto {text-align:justify; margin-right:50px; margin-left:50px; color:#7080A0; text-indent:0em; font-weight:bold;} 
.content.kalendarium span.hlite {color:red; font-weight:bold;}
#edytuj_dlg.kalendarium textarea {width:100%; height:200px;}
.kalendarium_front ul {margin: 0; padding:0; font-size: 13px;}
.kalendarium_front ul > li {list-style-type: none; margin: 0; padding: 4px 0 ; font-weight: normal; line-height: 1.1; list-style-position: outside; }
.kalendarium_front .sekcja .head {/* color: #0f5493; */ color: black; font-weight:bold; margin-bottom: 5px;}
.kalendarium_front .sekcja li {color:black; font-weight:normal;}
.kalendarium_front .sekcja span.data {color: #1d73ab; font-weight:bold;}