/**
 * Podstawowe
 */
body { color: #333; font-size: 14px; line-height: 1.5; font-family: 'Poppins', sans-serif; background-color: #fff; }

/**
 * Linki
 */
a,
a:hover,
a:focus,
a:active { color: #3b7904; text-decoration: none; }

a:hover { text-decoration: underline; }
a:focus { outline: 3px solid #ef233c; }

/**
 * KOLORY
 */
.red { color: #da251c; }

/**
 * Kontener całościowy
 */
.main-page { }
.main-page:focus { outline: none; }

/**
 * Nawigacja po stronie
 */
.skip-links { position: absolute; left: -9000em; top: 15px; z-index: 1000; }
.skip-links { background-color: #fff; border: 2px solid #dc0000; }
.skip-links.active { left: 10px; }

.skip-links { margin: 0; padding: 1px; list-style: none; }
.skip-links li { border-top: 1px solid #fff; background-color: #3b7904; }
.skip-links li:first-child { border-top-width: 0px; }

.skip-links a { display: block; padding: 10px; color: #fff; }
.skip-links a:before { content: "- "; }
.skip-links a:hover,
.skip-links a:focus,
.skip-links a:active { color: #fff; background-color: #dc0000; text-decoration: none; outline: none; }

.main-menu:focus,
.main-content:focus,
.search-input:focus { outline: none; }

/**
 * Belka narzędziowa
 */
.utils-bar { padding-top: 5px; padding-bottom: 5px; background-color: #000; }

/**
 * Belka narzędziowa: ustawienia strony
 */
 
.settings { margin: 0; padding: 0; list-style-type: none; }
.settings li { float: left; }

@media (max-width: 992px) {
    .settings { margin-bottom: 10px; }
}

/**
 * Nagłówek: Belka narzędziowa: Strona główna
 */
.home-page { margin-right: 5px; }
.home-page a { display: block; padding: 3px 8px 3px 8px; height: 35px; font-size: 20px; color: #fff; background-color: transparent; transition: all 0.2s ease-in-out 0s; }
.home-page a:hover { color: #ffffff; background-color: #dc0000; }

/**
 * Nagłówek: Belka narzędziowa: Czcionka, zmiana rozmiaru
 */
.resize-font { margin-right: 5px; }
.resize-font ul { margin: 0; padding: 0; list-style: none; }
.resize-font > ul { }
.resize-font ul li { float: left; margin-right: 0px; vertical-align: bottom; }

.resize-font ul a { display: block; height: 35px; padding: 6px 6px 5px 6px; color: #fff; background-color: transparent; transition: all 0.2s ease-in-out 0s; }
.resize-font ul a:hover { color: #fff; background-color: #dc0000; }

.resize-font ul .fa { border-bottom: 1px solid #4d73b2; padding-bottom: 3px; }
.resize-font ul a:hover .fa { border-bottom-color: #dc0000; }
.resize-font ul a.selected .fa { border-bottom-color: #fff; }
.resize-font ul a.selected:hover .fa { border-bottom-color: #fff; }

.resize-font .res1 { font-size: 13px; padding-top: 10px; }
.resize-font .res2 { font-size: 17px; padding-top: 6px; }
.resize-font .res3 { font-size: 20px; padding-top: 3px; }

/**
 * Nagłówek: Belka narzędziowa: Wersja tekstowa
 */
.text-version { margin-right: 5px; }
.text-version a { display: block; height: 35px; padding: 5px 8px 3px 8px; font-size: 17px; color: #fff; background-color: transparent; transition: all 0.2s ease-in-out 0s; }
.text-version a:hover { color: #ffffff; background-color: #dc0000; }

/**
 * Belka narzędziowa: Wersja kontrastowa
 */
.contrast-version { margin-right: 5px; }
.contrast-version a { display: block; height: 35px; padding: 5px 8px; font-size: 18px; color: #fff; background-color: transparent; transition: all 0.2s ease-in-out 0s; }
.contrast-version a:hover { color: #fff; background-color: #dc0000; }

/**
 * Belka narzędziowa: Dla niesłyszących
 */
.deaf-info { }
.deaf-info a { display: block; height: 35px; padding: 4px 7px 6px 7px; font-size: 19px; color: #fff; background-color: transparent; transition: all 0.2s ease-in-out 0s; }
.deaf-info a:hover { color: #fff; background-color: #dc0000; }

/**
 * Belka narzędziowa: BIP
 */
.official { float: right; margin: 0; padding: 0; list-style-type: none; }
.official li { float: left; }

@media (max-width: 768px) {
    .official { float: left; }
}
@media (max-width: 992px) {
    .official { margin-bottom: 10px; }
}
@media (min-width: 992px) {
    .off-pad { padding-left: 0px; padding-right: 0px; }
}

/**
 * Belka narzędziowa: Sklep
 */
.sklep { margin: 0px 20px 0 0; padding: 0; }
.sklep a { display: block; height: 35px; padding: 4px 5px 0 5px; font-size: 18px; font-weight: 500; color: #fff; text-transform: uppercase; }
.sklep a:hover { background-color: #dc0000; text-decoration: none; }

/**
 * Belka narzędziowa: BIP
 */
.bip { margin: 0px 10px 0 0; padding: 0; }
.bip a { display: block; width: 41px; height: 35px; background-image: url('../img/bg_bip.png'); background-position: 0px 4px; background-repeat: no-repeat; }

/**
 * Belka narzędziowa: EPUAP
 */
.epuap { margin: 0px 0 0 0; padding: 0; }
.epuap a { display: block; width: 104px; height: 35px; background-image: url('../img/bg_epuap.png'); background-position: 0px 6px; background-repeat: no-repeat; }

/**
 * Belka narzędziowa: Media społecznościowe
 */
.social { margin: 0; padding: 0; list-style-type: none; }
.social li { float: left; }

@media (max-width: 768px) {
    .utils-bar .social { float: right; margin-bottom: 10px; }
}
@media (min-width: 992px) {
    .utils-bar .social { float: right; }
}

/**
 * Belka narzędziowa: Instagram
 */
.instagram { margin-right: 5px; }
.instagram a { display: block; height: 35px; padding: 4px 10px 6px 10px; font-size: 19px; color: #fff; background-color: transparent; transition: all 0.2s ease-in-out 0s; }
.instagram a:hover { color: #fff; background-color: #dc0000; }

/**
 * Belka narzędziowa: Youtube
 */
.youtube { margin-right: 5px; }
.youtube a { display: block; height: 35px; padding: 4px 10px 6px 10px; font-size: 19px; color: #fff; background-color: transparent; transition: all 0.2s ease-in-out 0s; }
.youtube a:hover { color: #fff; background-color: #dc0000; }

/**
 * Belka narzędziowa: Facebook
 */
.facebook { margin-right: 5px; }
.facebook a { display: block; height: 35px; padding: 4px 10px 6px 10px; font-size: 19px; color: #fff; background-color: transparent; transition: all 0.2s ease-in-out 0s; }
.facebook a:hover { color: #fff; background-color: #dc0000; }

/**
 * Belka narzędziowa: Wyszukiwanie
 */
.search-form { position: relative; margin: 0; padding: 0px 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.search-form fieldset { background-color: transparent; }
.search-form .form-group { display: inline-block; margin: 0; padding: 0; vertical-align: middle; border: none; }

.search-form .form-control { height: 35px; padding: 0px 40px 0px 20px; font-size: 1em; color: #fff; background-color: rgba(255,255,255,0.15); border-radius: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.search-form .form-control::-moz-placeholder { color: rgba(255,255,255,0.9); }
.search-form .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.8); }
.search-form .form-control:focus { outline: #dc0000 solid 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.search-form button { position: absolute; right: 0; top: 0; height: 35px; padding: 4px 8px 5px 8px; border: none; border-left: 0px solid #fff; background-color: transparent; vertical-align: middle; line-height: 22px; }
.search-form button:hover { background-color: #dc0000; }
.search-form button:focus { outline: 3px solid #dc0000; }
.search-form button { font-size: 16px; color: #fff; }

@media (max-width: 992px) {
    .search-form { margin-bottom: 10px; }
}

/**
 * Nagłówek
 */
.header { background-color: transparent; }

@media (max-width: 768px) { .header { padding: 18px 0 15px 0; } }
@media (min-width: 768px) { .header { padding: 18px 0 15px 0; } }
@media (min-width: 992px) { .header { padding: 18px 0 15px 0; } }

/**
 * Nagłówek: Logo
 */
.page-title { margin: 0; padding: 0; }
.page-title a { display: inline-block; background-image: url(../img/bg_title.png); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: left; }

@media (max-width: 768px) { .page-title a { width: 100%; height: 100px; margin-left: 0px; background-position: center; } }
@media (min-width: 768px) { .page-title a { width: 100%; height: 100px; margin-left: 0px; background-position: center; } }
@media (min-width: 992px) { .page-title a { width: 233px; height: 100px; margin-left: 0px; } }
@media (min-width: 1200px) { .page-title a { width: 233px; height: 100px; margin-left: 0px; } }

/**
 * Nagłówek: Info
 */
.page-info { margin-top: 10px; padding-left: 10px; font-size: 0.9em; color: rgba(0,0,0,0.7); line-height: 1.2em; border-left: 5px solid #dc0000; }

/**
 * Nagłówek: Loga
 */
.logos { }
.logos img { display: inline-block !important; }

@media (max-width: 992px) {
    .logos { text-align: center; }
}
@media (min-width: 992px) {
    .logos { text-align: right; }
}


/**
 * Menu główne
 */
.main-nav { width: 100%; background-color: #000; border-bottom: 1px solid #fff; }

.main-nav.affix { position: fixed !important; top: 0; background-color: #fff; border-bottom: 2px solid #0d75b3; z-index: 1000; }
.main-nav.affix .menu { border-bottom-width: 0px; }

.menu { background-color: #000; }
.menu .navbar { min-height: 50px; margin: 0; border: none; border-radius: 0; }
.menu .navbar-collapse { padding-left: 0; padding-right: 0; }

.menu .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; color: #fff; font-weight: 400; font-size: 1.1em; text-transform: uppercase; }
.menu .nav > li > a { padding-left: 15px; padding-right: 15px; }
.menu .nav > li > a:hover,
.menu .nav > li > a:focus { color: #fff; background-color: #dc0000; }
.menu .nav > li > a:focus { outline: 3px solid #b82318; }

.menu .nav .open > a,
.menu .nav .open > a:hover,
.menu .nav .open > a:focus { color: #fff; background-color: #dc0000; }

.menu .dropdown-menu { padding: 0; font-size: 1em; box-shadow: none; background-color: #000; border-radius: 0px; border: none; border-top: 1px solid #fff; transition: all 1s ease-in-out 0s; }
.menu .dropdown-menu > li > a { padding: 10px 25px; color: #fff; }
.menu .dropdown-menu > li > a:hover,
.menu .dropdown-menu > li > a:focus { color: #fff; background-color: #dc0000; }

.menu .navbar-header { }    
.menu .navbar-toggle { padding-top: 10px; padding-bottom: 10px; background-color: #dc0000; border-radius: 0px; }
.menu .navbar-toggle .icon-bar { background-color: #fff; }

/*
.menu .dropdown:hover .dropdown-menu {
  display: block;
}
*/

@media (max-width: 992px) {
    .menu .navbar-collapse { padding-left: 20px; padding-right: 20px; }
    .menu .navbar-collapse.in { border-top: 1px solid rgba(255,255,255,1); }
    .menu .nav > li > a { border-right: none; }
    .menu .dropdown-menu > li > a { color: #fff; }
    .menu .dropdown-menu > li > a:hover,
    .menu .dropdown-menu > li > a:focus { color: #fff; background-color: #dc0000; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .menu .nav > li > a { padding-left: 15px; padding-right: 15px; font-weight: 500; }
}

@media screen and (min-width: 768px) {
    .menu .dropdown:hover .dropdown-menu {
		display: block;
	}
	.menu .dropdown-menu {
		margin-top: 0;
	}
	.menu .dropdown-toggle {
		margin-bottom: 2px;
	}
	.menu .navbar .dropdown-toggle {
		margin-bottom: 0;
	}
}


/**
 * Intro: Foto
 */
.intro-photo-container { margin-bottom: 30px; background-color: #529e0f; }
.intro-photo-container .intro-photo { text-align: center; }
.intro-photo-container img { display: inline-block; }

/**
 * Gdzie jesteśmy
 */
.breadcrumb-container { margin-bottom: 40px; padding: 12px 10px 12px 18px; color: #fff; background-color: #000; border-bottom: 0px solid #d8e4cd; }
.breadcrumb-container .breadcrumb-info { display: inline-block; margin-right: 10px; margin-bottom: 0px; }
.breadcrumb-container nav { display: inline-block; }
.breadcrumb { display: inline-block; margin: 0; padding: 0; border-radius: 0; background-color: transparent; }
.breadcrumb > li + li:before { font-size: 1.2em; color: #fff; content: "\f105"; padding: 0 12px; font-family: 'FontAwesome'; }
.breadcrumb li a { display: inline-block; color: #fff; font-weight: 500; }
.breadcrumb .fa { margin-right: 10px; font-size: 1.4em; color: #fff; }

/**
 * Gdzie jesteśmy: ikonka druku
 */
.breadcrumb-container .print-button { float: right; margin-left: 15px; }
.breadcrumb-container .print-button .fa { font-size: 1.6em; }

.intro .print-button { display: none; }

/**
 * INTRO: Tytuł działu
 */
.intro-title { margin-top: 20px; margin-bottom: 40px; text-align: left; overflow: hidden; }

.intro-title h2 { position: relative; display: inline-block; margin: 0 0 10px 0; padding: 0 30px 0 0; color: #dc0000; font-size: 1.7em; font-weight: 500; }
.intro-title h2 a { color: #dc0000; }
.intro-title h2 span { font-size: 0.6em; }

.intro-title h2::after {
    position: absolute;
    content: '';
    top: calc( 50% + 0px);
    height: 3px;
    width: 100vw;
    background: #dc0000;
}
.intro-title h2::after {
    right: 0;
    transform: translate3d(100%,0,0);
}

/**
 * INTRO: Zaproszenia na wydarzenia
 */
.events-nearest { }
.events-nearest ul { margin-bottom: 0px; padding: 0; list-style-type: none; }
.events-nearest ul li { padding-bottom: 15px; }
.events-nearest p { margin-bottom: 20px; color: #242424; }
.events-nearest ul a { display: block; margin-bottom: 10px; font-size: 1.3em; font-weight: normal; line-height: 1.15em; }

.events-nearest ul a { position: relative; }
.events-nearest span.dzial { position: absolute; top: 10px; left: 10px; display: inline-block; padding: 8px 15px; color: #fff; font-size: 0.8em; background-color: #529e0f; }

.events-nearest span.image { display: block; margin-bottom: 15px; overflow: hidden; }
.events-nearest .no-data { margin-bottom: 30px; }

/**
 * INTRO: Aktualności
 */
.news { margin-bottom: 100px; }
.news ul { margin-bottom: 0px; padding: 0; list-style-type: none; }
.news ul li { padding-bottom: 15px; }
.news p { margin-bottom: 20px; color: #dc0000; }
.news ul a { display: block; margin-bottom: 20px; color: #000; font-size: 1.3em; font-weight: normal; line-height: 1.15em; }
.news ul > li img { margin-bottom: 15px; }

.news ul a { position: relative; }
.news span.dzial { position: absolute; top: 10px; left: 10px; display: inline-block; padding: 8px 15px; color: #fff; font-size: 0.8em; background-color: #dc0000; }
.news .no-data { margin-bottom: 30px; }

.news li.main { margin-bottom: 30px; background-color: rgba(202,14,13,0.08); border-left: 5px solid #fff; }
.news li.main h3 a { color: rgba(202,14,13,1); }
.news li.main .registry { color: #fff; background-color: rgba(202,14,13,1); opacity: 0.7; }
.news li.main p { color: #000; }

/**
 * Stopka: Dane teleadresowe
 */
.footer { padding: 45px 0 30px 0; color: #fff; background-color: #000; }
.footer p { margin-bottom: 15px; }
.footer a { color: #fff; }
.footer span { font-size: 1.2em; }

/**
 * Stopka: Copyright
 */
.copyright { padding: 30px 0; color: #fff; background-color: #000; }
.copyright { border-top: 1px solid rgba(255,255,255,0.25); border-bottom: 1px solid rgba(255,255,255,0.25); }
.copyright ul { float: right; margin: 0; padding: 0; list-style: none; }
.copyright ul li { float: left; margin: 0 10px; }
.copyright ul li:first-child { margin-left: 0px; }
.copyright ul li:last-child { margin-right: 0px; }
.copyright ul li a { color: #fff; }

@media (max-width: 992px) {
    .copyright ul { float: left; margin-top: 20px; }
}

/**
 * Stopka: Projekt
 */
.project { padding-top: 30px; padding-bottom: 30px; color: #fff; background-color: #000; }
.project a { color: #fff; }

/**
 * Treść
 */
.content { margin-bottom: 60px; }

.content .unit-menu { margin: 0 0 20px 0; padding: 0; list-style-type: none; }
.content .unit-menu > li:first-child { }
.content .unit-menu > li { margin-bottom: 5px; border: 1px solid #d1e4d4; }
.content .unit-menu a { display: block; padding: 20px; color: #197729; font-size: 1.1em; font-weight: 600; background-color: #f7fbf7; border-radius: 0; }

.content .unit-menu a:hover,
.content .unit-menu li.active > a { color: #fff; background-color: #459152; text-decoration: none; }

.content .unit-menu ul { margin-top: 1px; margin-bottom: 1px; padding-left: 25px; list-style-type: none; }
.content .unit-menu ul li a { padding: 10px 20px; border-left-width: 0px; }

.content .stats { margin-right: 5px; }

.content .page-title { margin: 0 0 15px 0; text-align: left; font-size: 2.2em; font-weight: 400; }
.content .page-description { margin-bottom: 25px; padding-bottom: 15px; font-style: italic; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #eeeeee; }

.content .page-content { margin-bottom: 20px; }
.content .page-content a { font-weight: 700; text-decoration: underline; }
.content .page-content img { display: inline-block; padding: 0 10px 10px 10px; height: auto !important; max-width: 100%; }
.content .page-content h3 { font-size: 1.4em; }

.content .page-content video { width: 100% !important; height: auto !important; }

.content .page-sublinks { margin: 0 0 0 15px; padding: 0 0 0 0px; }
.content .page-sublinks ul { padding-left: 15px; }
.content .page-sublinks li { margin: 0 0 0 0px; padding: 0 0 10px 5px; }
.content .page-sublinks li a { font-weight: bold; }

.content .page-list { list-style: none; padding: 0 10px; }
.content .page-list li { margin-bottom: 30px; }
.content .page-list li a { font-size: 1.3em; }
.content .page-list li img { margin-bottom: 10px; }
.content .page-list li { margin-top: 0; }
.content .page-list li span { color: #aaa; font-weight: 400; }
.content .page-list li i { margin-right: 5px; }

.content .page-list .tag { margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee; }
.content .page-list .tag a { display: inline-block; margin-left: 10px; padding: 5px 15px; color: #fff; font-size: 0.9em; background-color: #529e0f; border-radius: 5px; }

.content .page-list.styled { list-style: disc; padding: 20px 0 0 40px; }
.content .page-list.styled li { padding-left: 10px; }
.content .page-list.styled li a h3 { }

.content .page-list .stats { font-size: 0.8em; }

.content .page-gallery-images { display: block; text-align: center; }
.content .page-gallery-images img { display: inline-block; padding: 10px; }
.content .page-gallery-title { display: block; margin-bottom: 30px; padding: 10px; font-size: 1.3em; color: #3b7904; border-style: dotted; border-width: 1px; }
.content .page-gallery-title span { font-size: 0.8em; color: #333; }

.content .pagination { display: block; margin: 0 0 15px 0; padding: 15px 0; border-top-style: solid; border-top-width: 1px; border-top-color: #eeeeee; border-radius: 0; }
.content .pagination a { display: inline-block; margin: 0px 2px; padding: 4px 6px; text-decoration:none; border-style: solid; border-width: 1px; }
.content .pagination a:hover { }
.content .pagination span { padding: 0 5px; font-weight: bold; }

.content .error { padding: 15px; border-style: dotted; border-width: 1px; color: #b50800; }

@media (max-width: 768px) {
	.content .page-gallery img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
}

/**
 * Treść - Błędy
 */
.content .page-error { margin: 10px 0; padding: 10px; list-style: none; background-color: #FFF9F9; border: 1px dotted #da251d; }
.content .page-error li { color: #da251d; }

/**
 * Dla wydruku
 */
.print-footer { display: none; }

/**
 * Treść - Aktualności
 */
.content .dzial { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.content .dzial .legend { font-weight: bold; }
.content .dzial ul { margin: 0; padding: 0; list-style: none; }
.content .dzial ul li { float: left; margin-left: 5px; margin-bottom: 10px; padding: 5px 15px; background-color: #529e0f; border-radius: 5px; }
.content .dzial ul li.active { background-color: #f60000; }
.content .dzial ul li a { color: #fff; }

/**
 * Treść - Wydarzenia
 */
#google_map { width: 100%; height: 350px; }

#accordion .panel { box-shadow: none; border-radius: 0; }
#accordion .panel-default { border-color: transparent; }
#accordion .panel-default > .panel-heading { background-color: #f7faf5; }
#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d8e4cd; }
#accordion h3 a { color: #222; font-size: 0.8em; text-decoration: none; }
#accordion h3 a span { color: #222; font-weight: bold; }