/**
 * Podstawowe
 */
body { color: #333; font-size: 14px; font-family: 'open sans', arial, sans-serif; background-color: #fff; }

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

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

.sr-only { color: #000; background-color: #fff; }

/**
 * KOLORY
 */
.red { color: #25802b; }

/**
 * Kontener całościowy
 */
.main-page { border-top: 5px solid #25802b; }
.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 #25802b; }
.skip-links.active { left: 10px; }

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

.skip-links a { display: block; padding: 10px; }
.skip-links a:before { content: "- "; }
.skip-links a:hover,
.skip-links a:focus,
.skip-links a:active { color: #fff; background-color: #25802b; 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; border-bottom: 1px solid #dadee2; }

/**
 * 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: #25802b; transition: all 0.2s ease-in-out 0s; }
.home-page a:hover { color: #ffffff; background-color: #ca0c16; }

/**
 * 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: #25802b; transition: all 0.2s ease-in-out 0s; }
.resize-font ul a:hover { color: #fff; background-color: #ca0c16; }

.resize-font ul .fa { border-bottom: 1px solid #25802b; padding-bottom: 3px; }
.resize-font ul a:hover .fa { border-bottom-color: #ca0c16; }
.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: #25802b; transition: all 0.2s ease-in-out 0s; }
.text-version a:hover { color: #ffffff; background-color: #ca0c16; }

/**
 * 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: #25802b; transition: all 0.2s ease-in-out 0s; }
.contrast-version a:hover { color: #fff; background-color: #ca0c16; }

/**
 * 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: #25802b; transition: all 0.2s ease-in-out 0s; }
.deaf-info a:hover { color: #fff; background-color: #ca0c16; }

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

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

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

/**
 * 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: #f2f3f5; }
.search-form .form-group { display: inline-block; margin: 0; padding: 0; vertical-align: middle; border: none; }

.search-form .form-control { height: 35px; padding: 0px 45px 0px 20px; font-size: 1em; color: rgba(69, 88, 110, 1); background-color: #f2f3f5; border-radius: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.search-form .form-control::-moz-placeholder { color: rgba(69, 88, 110, 0.5); }
.search-form .form-control::-webkit-input-placeholder { color: rgba(69, 88, 110, 0.5); }
.search-form .form-control:focus { outline: #e31e25 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: 1px 10px; border: none; border-left: 1px solid #fff; background-color: #25802b; vertical-align: middle; line-height: 22px; }
.search-form button:focus { outline: 3px solid #e31e25; }
.search-form button { font-size: 16px; color: #fff; }

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

@media (max-width: 768px) { .header { padding: 15px 0; } }
@media (min-width: 768px) { .header { padding: 30px 0; } }
@media (min-width: 992px) { .header { padding: 30px 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; } }
@media (min-width: 768px) { .page-title a { width: 630px; height: 100px; margin-left: 0px; } }
@media (min-width: 992px) { .page-title a { width: 630px; height: 100px; margin-left: 30px; } }
@media (min-width: 1200px) { .page-title a { width: 630px; height: 100px; margin-left: 60px; } }

/**
 * Nagłówek: Info boxy
 */
.info-box { line-height: 22px; font-size: 14px; }

.info-box .info-box-icon { display: inline-block; font-size: 2.8em; color: #25802b; }
.info-box .info-box-content { display: inline-block; font-size: 1.3em; margin-left: 5px; }
.info-box .info-box-content > span { display: block; }
.info-box .info-box-content .info-box-title { color: #45586e; font-weight: 600; }
.info-box .info-box-content .info-box-subtitle { color: rgba(69, 88, 110, 0.8); font-size: 0.9em; }

@media (min-width: 768px) and (max-width: 992px) {
    .info-box .info-box-icon { font-size: 2.6em; }
    .info-box .info-box-content { font-size: 1.1em; }   
    
}
@media (min-width: 992px) and (max-width: 1200px) {
    .info-box .info-box-content { font-size: 1.2em; }
}

/**
 * Menu główne
 */
.main-nav { width: 100%; margin-bottom: 2px; background-color: #f6f6f8; }

.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: #25802b; }
.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: 600; font-size: 1em; text-transform: uppercase; }
.menu .nav > li > a { padding-left: 20px; padding-right: 20px; }
.menu .nav > li > a:hover,
.menu .nav > li > a:focus { color: #fff; background-color: #e31e25; }
.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: #e31e25; }

.menu .dropdown-menu { padding: 0; font-size: 1em; box-shadow: none; background-color: #25802b; 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: #e31e25; }

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

@media (max-width: 992px) {
    .menu .navbar-collapse { padding-left: 20px; padding-right: 20px; }
    .menu .navbar-collapse.in { border-top: 1px solid #d1e4d4; }
    .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: #e31e25; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .menu .nav > li > a { padding-left: 15px; padding-right: 15px; }
}

@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 { height: 400px; margin-bottom: 30px; overflow: hidden; background-image: url(../img/intro-photo/photo_01.jpg); background-repeat: no-repeat; background-position: center; }

/**
 * Gdzie jesteśmy
 */
.breadcrumb-container { margin-bottom: 40px; padding: 12px 10px 12px 18px; background-color: #f8f8f9; }
.breadcrumb-container .breadcrumb-info { display: inline-block; margin-right: 10px; margin-bottom: 0px; color: rgba(69,88,110,0.7); }
.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: #45586e; content: "\f105"; padding: 0 12px; font-family: 'FontAwesome'; }
.breadcrumb li a { display: inline-block; font-weight: bold; color: #45586e; }
.breadcrumb .fa { margin-right: 10px; font-size: 1.4em; }

/**
 * 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ły działów
 */
.intro-title { position: relative; margin: 0 0 30px 0; padding: 12px 0 12px 10px; color: #fff; background-color: #25802b; }
.intro-title h2 { margin: 0; padding: 0; font-size: 1.3em; font-family: 'Oswald', arial, sans-serif; text-transform: uppercase; }
.intro-title h2 .fa { margin-right: 5px; }
.intro-title a { display: block; position: absolute; right: 15px; top: 12px; color: #fff; font-size: 1.0em; font-weight: normal; }
.intro-title .fa { margin-left: 5px; font-size: 1.1em; }

/**
 * INTRO: Aktualności
 */
.news { }
.news ul { margin-bottom: 30px; padding: 0; padding-bottom: 10px; list-style-type: none; }
.news h3 { margin: 0 0 15px 0; padding: 0; font-size: 1.3em; font-weight: 600; line-height: 1.3em; }
.news p { margin-bottom: 20px; color: rgba(69,88,110,0.8); }
.news ul article > a { display: inline-block; margin-bottom: 15px; border-bottom: 5px solid #4a9e50; }
.news ul > li img { padding-bottom: 2px; }
.news ul .registry { margin-bottom: 15px; padding: 8px 10px; font-size: 0.9em; color: #45586e; background-color: #f8f8f9; opacity: 0.9; }
.news ul .registry .fa { margin-right: 8px; font-size: 1.4em; }
.news .no-data { margin-bottom: 30px; }

/**
 * INTRO: Polecamy
 */
.cooperation { margin-bottom: 80px; }
.cooperation ul { margin: 0; padding: 0; list-style: none;  }
.cooperation ul li { margin-bottom: 30px; }

.cooperation h3 { margin: 0; padding: 0; font-size: 1em; line-height: inherit; }
.cooperation a { display: block; padding: 20px 0 20px 0; background-color: rgba(69,88,110,0.04); border: 1px solid rgba(69,88,110,0.04); }
.cooperation span { display: block; text-align: center; }

.cooperation a:hover { text-decoration: none; border-color: rgba(69,88,110,0.2); }

.cooperation .thumb { display: block; width: auto; margin-bottom: 10px; text-align: center; }
.cooperation .thumb img { display: inline-block; }

/**
 * Stopka
 */
.footer { color: #fff; background-color: #27862C; }
.footer .container { position: relative; }

.footer ul { margin: 0; }
.footer p { margin-bottom: 20px; }
.footer a { color: #fff; text-decoration: underline; }
.footer ul.address { padding: 40px 0 40px 0; list-style-type: none; }
.footer ul.address > li { float: left; margin: 0 60px 40px 15px; }
.footer ul.address > li:last-child { margin-right: 0px; }
.footer ol a { text-decoration: none; }
.footer ol a:hover { text-decoration: underline; }

.footer h3 { font-size: 1.2em; font-weight: bold; }

/**
 * Copyright
 */
.copyright { padding-top: 30px; padding-bottom: 30px; text-align:center; color: #fff; background-color: #1e7524; }
.copyright a { color: #fff; text-decoration: underline; }

/**
 * 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; }
.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-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 { }
.content .page-list li img { margin-bottom: 10px; }
.content .page-list li h3 { margin-top: 0; font-size: 1.4em; }
.content .page-list li h3 span { font-size: 0.7em; color: #aaa; }
.content .page-list li h3 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: #25802b; 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 { text-align: center; }
.content .page-gallery-images img { display: inline-block; padding: 10px; }
.content .page-gallery-title { margin-bottom: 30px; padding: 15px; color: #25802b; border-style: dotted; border-width: 1px; }
.content .page-gallery-title span { font-size: 0.7em; }

.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: #25802b; border-radius: 5px; }
.content .dzial ul li.active { background-color: #ef233c; }
.content .dzial ul li a { color: #fff; }