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

/**
 * Użytkowe
 */
.strong { font-weight: bold; } 

/**
 * Linki
 */
a,
a:hover,
a:focus,
a:active { color: #1293b5; }

a:focus { outline: #1293b5 solid 3px; }

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

.skip-links ul { margin: 0; padding: 0; list-style: none; }
.skip-links li { border-top: 1px solid #f9f3f4; }
.skip-links p { padding: 10px 10px 0px 10px; color: #fff; font-weight: bold; }

.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: #f6606e; background-color: #fff; text-decoration: none; outline: none; }

/**
 * Tytuły
 */
.font-title { font-family: 'Oswald', arial, sans-serif; }
.font-title:hover { text-decoration: none; }

/**
 * Nagłówek -> Górna belka narzędziowa
 */
.header-top-bar { padding-top: 2px; border-top: 10px solid #58b8d0; border-bottom: 1px solid #e8e8e8; }
.header-top-bar .container { border-top: 1px solid #e8e8e8; font-size: 14px; line-height: 22px; }

@media (max-width: 767px) { .header-top-bar .container { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 767px) { .header-top-bar .container { padding-left: 0px; padding-right: 0px; } }

/**
 * Nagłówek -> Górna belka narzędziowa -> Strona główna
 */
.main-page { margin: 0; padding: 0; list-style-type: none; border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; }
.main-page a { display: block; padding: 13px 20px; }
.main-page a .fa-home { font-size: 24px; color: #d3d3d3; }

.main-page a:hover { background-color: #58b8d0; }
.main-page a:hover .fa-home { color: #fff; }

/**
 * Nagłówek -> Górna belka narzędziowa -> Kontakt
 */
.contact { margin: 0; padding: 0; list-style-type: none; border-right: 1px solid #f4f4f4; }
.contact a { display: block; padding: 13px 20px; }
.contact a .fa-map-marker { font-size: 24px; color: #d3d3d3; }

.contact a:hover { background-color: #58b8d0; }
.contact a:hover .fa-map-marker { color: #fff; }

@media (max-width: 767px) { .contact { border-left: 1px solid #f4f4f4; } }

/**
 * Nagłówek -> Powiększanie czcionki
 */
.resize-font { margin: 0; padding: 0; list-style: none; border-right: 1px solid #f4f4f4; }
.resize-font li { float: left; margin-right: 0px; vertical-align: bottom; }

.resize-font a { display: block; padding: 11px 6px 9px 6px; color: #c7c7c7; }
.resize-font a:hover { color: #fff; background-color: #58b8d0; }

.resize-font .fa { padding-bottom: 5px; }
.resize-font a.selected .fa { border-bottom: 1px solid #c7c7c7; }
.resize-font a.selected:hover .fa { border-color: #fff; }

.resize-font .res1 .fa { font-size: 16px; padding-top: 10px; }
.resize-font .res2 .fa { font-size: 20px; padding-top: 6px; }
.resize-font .res3 .fa { font-size: 26px; }

/**
 * Nagłówek -> Zmiana kontrastu
 */
.contrast { margin: 0; padding: 0; list-style-type: none; border-right: 1px solid #f4f4f4; }
.contrast a { display: block; padding: 12px 20px; }
.contrast a .fa-adjust { font-size: 26px; color: #d3d3d3; }

.contrast a:hover { background-color: #58b8d0; }
.contrast a:hover .fa-adjust { color: #fff; }

/**
 * Nagłówek -> Górna belka narzędziowa -> Wyszukiwanie
 */
.search-form { margin: 0; padding: 0px 0px; border-right: 1px solid #f4f4f4; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.search-form .form-group { display: inline-block; margin: 0; padding: 0; vertical-align: middle; border: none; }

.search-form .form-control { width: 150px; height: 30px; padding: 0 10px 0 10px; font-size: 14px; line-height: 20px; background-color: transparent; border-radius: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.search-form .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.search-form button { padding: 12px 20px; border: none; background: none; vertical-align: middle; }
.search-form button .fa-search { font-size: 26px; color: #d3d3d3; }

.search-form button:hover { background-color: #58b8d0; }
.search-form button:hover .fa-search { color: #fff; }

/**
 * Nagłówek -> Górna belka narzędziowa -> Facebook
 */
.facebook { margin: 0; padding: 0; list-style-type: none; border-right: 1px solid #f4f4f4; }
.facebook a { display: block; padding: 13px 20px; }
.facebook a .fa-facebook { font-size: 24px; color: #d3d3d3; }

.facebook a:hover { background-color: #58b8d0; }
.facebook a:hover .fa-facebook { color: #fff; }

/**
 * Nagłówek -> Górna belka narzędziowa -> Youtube
 */
.youtube { margin: 0; padding: 0; list-style-type: none; border-right: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; }
.youtube a { display: block; padding: 13px 20px; }
.youtube a .fa-youtube { font-size: 24px; color: #d3d3d3; }

.youtube a:hover { background-color: #58b8d0; }
.youtube a:hover .fa-youtube { color: #fff; }

/**
 * Nagłówek: BIP
 */
.bip { margin: 12px 0 0 20px; padding: 0 15px; list-style: none; }
.bip a { display: block; width: 41px; height: 26px; background-image: url('../img/bg_bip.png'); }
.bip a:hover { background-position: 41px 0px; }

/**
 * Nagłówek: Classroom
 */
.classroom { margin: 12px 0 0 20px; padding: 0; list-style: none; }
.classroom a { font-size: 22px; color: #bbb; }
.classroom a:hover { color: #58b8d0; }

/**
 * Nagłówek: Librus
 */
.librus { margin: 12px 0 0 20px; padding: 0; list-style: none; }
.librus a { font-size: 22px; color: #bbb; }
.librus a:hover { color: #58b8d0; }

/**
 * Nagłówek -> Belka z logiem
 */
.header-main { }
.header-main .container { border-bottom: 5px solid #58b8d0; }

@media (max-width: 768px) { .header-main .container { padding-top: 10px; padding-bottom: 10px; } }
@media (min-width: 768px) { .header-main .container { padding-top: 20px; padding-bottom: 20px; } }
@media (min-width: 992px) { .header-main .container { padding-top: 30px; padding-bottom: 30px; } }
@media (min-width: 1200px) { .header-main .container { padding-top: 35px; padding-bottom: 35px; } }

/**
 * Nagłówek -> Belka z logiem -> Logo
 */
.logo { margin-top: 0px; margin-bottom: 0px; }

@media (max-width: 768px) { .logo { margin-top: 10px; margin-bottom: 10px; } }

.logo a { display: inline-block; margin: 0 0 0 30px; background-image: url(../img/bg_logo.png); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center; }

@media (max-width: 768px) { .logo a { width: 100%; height: 85px; margin-left: 0px; } }
@media (min-width: 768px) { .logo a { width: 443px; height: 75px; } }
@media (min-width: 992px) { .logo a { width: 502px; height: 85px; } }
@media (min-width: 1200px) { .logo a { width: 502px; height: 85px; } }

/**
 * Nagłówek -> Menu
 */
.header-main-nav { margin-bottom: 0px; background-color: #fff; }
.header-main-nav .container { background-color: #f3fafc; }

@media (max-width: 767px) { .header-main-nav .container { padding-left: 15px; padding-right: 15px; border: none; } }
@media (min-width: 767px) { .header-main-nav .container { padding-left: 0px; padding-right: 0px; } }

.header-main-nav button { background-color: #58b8d0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.header-main-nav button:focus { outline: none; }
.header-main-nav button .icon-bar { background-color: #fff; }

.header-main-nav .navbar-collapse { padding-left: 0px; border-top: 1px solid #fff; }

.header-main-nav .navbar-nav > li > a { padding: 15px 13px; }
@media (max-width: 992px) { .header-main-nav .navbar-nav > li > a { padding: 15px 15px; } }

.header-main-nav .nav .nav-item { }
.header-main-nav .nav .nav-item a { color: #1293b5; font-size: 1.2em; font-family: 'Oswald', arial, sans-serif; text-transform: uppercase; }
.header-main-nav .nav .nav-item a:hover,
.header-main-nav .nav .nav-item a:focus,
.header-main-nav .nav .nav-item.active > a { color: #fff; background-color: #58b8d0; }
.header-main-nav .nav .nav-item.open > a { background-color: #8c172a; }

@media (max-width: 992px) { .header-main-nav .nav .nav-item a { font-size: 1.0em; } }
@media (max-width: 1200px) { .header-main-nav .nav .nav-item a { padding: 15px 7px; font-size: 1.1em; } }
@media (max-width: 767px) {
	.header-main-nav .container { }
	.header-main-nav .navbar-collapse { padding-left: 15px; padding-right: 15px; border-top: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; }
	.navbar-nav { margin-top: 0; margin-bottom: 0; }
    .header-main-nav .nav .nav-item { border: none; }
	.header-main-nav .nav .nav-item.active > a:before { content: none; }
	.header-main-nav .nav .nav-item .dropdown-menu a { padding-left: 35px; }
}

/**
 * Nagłówek -> Banner
 */
.header-banner { padding-left: 0px; padding-right: 0px;}
.header-banner .container { padding-left: 0px; padding-right: 0px; }

/**
 * INTRO
 */
.intro { margin-top: 60px; margin-bottom: 60px; }

.intro .item { display: block; }
.intro .item a { color: #fff; font-size: 2.4em; }
.intro .item a img { margin-bottom: 20px; }
.intro .item a p { margin: 0; padding: 30px 10px; text-align: center; }

.intro .item:first-child a { float: right; }
.intro .item:first-child a p { background-color: #58b8d0; }

.intro .item:last-child a { float: left; }
.intro .item:last-child a p { background-color: #58c3b3; }

@media (max-width: 767px) {
    .intro .item a { line-height: 1.2em; }
    .intro .item a img { margin: 0 auto 20px; }
    .intro .item a p { margin-bottom: 20px; }
    .intro .item:first-child a,
    .intro .item:last-child a { float: none; }
}

/**
 * Stopka: Bannerki szkolne
 */
.footer-1 { padding: 30px 0 30px 0; }
.footer-1 { border-top: 1px solid #e7f4fa; border-bottom: 1px solid #e7f4fa; background-color: #f3fafc; }
.footer-1 div[class^="col-"] { margin-bottom: 20px; }

@media (max-width: 767px) { .footer-1 .container { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 767px) { .footer-1 .container { padding-left: 0px; padding-right: 0px; } }

.footer-1 h3 { margin: 0 0 10px 0; padding: 0; font-size: 1.2em; font-weight: bold; }

.footer-1 .banners { border-left: 1px solid #e7f4fa; }
.footer-1 .banners ul { margin: 0; padding: 0; list-style: none; }
.footer-1 .banners ul li { float: left; margin-left: 20px; margin-bottom: 30px; padding: 0px 10px; height: 95px; text-align: center; }

/**
 * Stopka: Bannerki ogólne
 */
.footer-2 { padding: 40px 0; }
.footer-2 { background-color: #fff; }

@media (max-width: 767px) { .footer-2 .container { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 767px) { .footer-2 .container { padding-left: 0px; padding-right: 0px; } }

.footer-2 div[class^="col-"] img { margin: 0 auto; }

/**
 * Copyright
 */
.copyright { padding-top: 0px; }
.copyright { border-top: 1px solid #e7f4fa; background-color: #f3fafc; }

@media (max-width: 767px) { .copyright .container { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 767px) { .copyright .container { padding-left: 0px; padding-right: 0px; } }

.copyright ul { margin: 0; padding: 20px 0; list-style-type: none; }
.copyright ul li { float: left; margin-left: 15px; color: #1293b5; }
.copyright ul a { color: #1293b5; text-decoration: underline; }

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

/*
@media (max-width: 767px) { .content .container { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 767px) { .content .container { padding-left: 0px; padding-right: 0px; } }
*/

/**
 * Treść: okruszki
 */
.content .breadcrumb { padding: 13px 0 13px 15px; background-color: #f3fafc; border-radius: 0; }
.content .breadcrumb li:first-child { }
.content .breadcrumb > li + li:before { color: inherit; content: "> "; padding: 0 10px; }
.content .breadcrumb .fa-home { font-size: 1.6em; }

/**
 * Treść: Nagłówki działów
 */
.content-title { position: relative; margin-bottom: 30px; background-color: #f6606e; }
.content-title h2 { margin: 0; padding: 10px 0 10px 27px; color: #fff; font-size: 1.2em; font-family: 'Oswald', arial, sans-serif; text-transform: uppercase; }
.content-title h2 .fa-bars { margin-right: 10px; font-size: 1.25em; }

.content-title:before {
    content: "";
    
    position: absolute;
    bottom: -15px;
    left: 20px;    
    
    width: 0;
    height: 0;
    
    border-width: 15px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #f6606e;
    border-bottom: 0;
}

/**
 * Treść: Menu
 */
.content .unit-menu { margin: 0 0 30px 0; padding: 0; list-style-type: none; }
.content .unit-menu li a { display: block; margin-bottom: 1px; padding: 10px 0 10px 20px; font-size: 1.3em; text-decoration: none; font-family: 'Oswald', arial, sans-serif; }

.content .unit-menu ul { margin: 0; padding: 10px 0; list-style-type: none; }
.content .unit-menu ul li a { margin-bottom: 5px; padding: 0 0 0 20px; font-size: 1.2em; background-color: transparent; border: none; }
.content .unit-menu ul li a:hover { background-color: transparent; text-decoration: underline; }

/**
 * Treść: Kalendarz wydarzeń
 */
.events { margin-bottom: 30px; }

.events .header { margin-top: 20px; padding: 5px 5px 15px 15px; font-size: 1.7em; color: #fff; background-color: #58b8d0; }
.events .header ul { list-style: none; }
.events .header ul li { margin-left: 2px; }
.events .header ul a { display: block; padding: 5px 10px; font-size: 0.6em; background-color: #f3fafc; }
.events .header ul a:hover { color: #fff; background-color: #1293b5; text-decoration: none; }
.events .header span { display: block; margin-top: 10px; font-size: 1.8em; line-height: 42px; }

.events table { table-layout: fixed; width: 100%; border-collapse: collapse; }
.events table,
.events td,
.events th { border-style: solid; border-width: 1px; }
.events th,
.events td { padding: 8px 7px 8px 7px; text-align: right; color: #999999; border-color: #d9d9d9; }
.events th { text-transform: uppercase; color: #fff; background-color: #58c3b3; border-color: #fff; }

.events table { position: relative; margin-bottom: 20px; }
.events td.event > div { }
.events td.event div:first-child { cursor: pointer; }
.events td.event { color: #fff; background-color: #58b8d0; }
.events td.event a { display: block; border-bottom: 1px dotted #a2e4f4; text-decoration: none; }
.events td.event a:hover { background-color: #e5f5fa; }
.events td.event div > div { position: absolute; left: 0px; display: none; width: 100%; text-align: left; z-index: 2; margin-top: 6px; padding: 5px; border-color: #58b8d0; border-style: solid; border-width: 1px; background-color: #f3fafc; opacity: 1.0; }
.events td.event div > div span { color: #f6606e; font-weight: bold; }
.events td.event:hover div > div { display: block; }

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

#accordion .panel { box-shadow: none; border-radius: 0; }
#accordion .panel-default { border-color: transparent; }
#accordion h4 a { color: #555; }
#accordion h4 a span { color: #1293b5; font-weight: bold; }

/**
 * Treść: Ogłoszenia
 */
.announcement { padding-bottom: 10px; }
.announcement ul { margin: 0; padding: 0; list-style: none; }
.announcement li { margin-bottom: 20px; }
.announcement .date { padding-right: 0; }
.announcement .date span { display: block; text-align: center; font-family: "Oswald",sans-serif; }
.announcement .date span.day { margin-bottom: 1px; padding: 5px 0; font-size: 3em; font-weight: bold; color: #fff; background-color: #58b8d0; }
.announcement .date span.month { padding: 4px 0; font-size: 0.9em; text-transform: uppercase; color: #fff; background-color: #58c3b3; }

.announcement .name { }
.announcement .name a { font-size: 1.2em; line-height: 1.3em; }
.announcement .name span { display: inline-block; color: #777777; text-transform: uppercase; }
.announcement .name > span { display: block; margin-top: 10px; font-size: 0.9em; }
.announcement .name .fa-bar-chart { margin: 0 5px; }

/**
 * Treść: Aktualności
 */
.news { }
.news ul { padding: 0; list-style-type: none; }
.news > ul { margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; }
.news > ul > li { margin-bottom: 25px; }

.news .image img { display: block; margin-bottom: 15px; }

.news .desc { margin-bottom: 15px; color: #848383; }
.news .desc h3 { margin: 0 0 15px 0; padding: 0; font-size: 1em; }
.news .desc h3 a { font-size: 1.3em; }

.news .registry { margin: 0; padding: 0; list-style-type: none; }
.news .registry li { float: left; margin-right: 15px; font-style: italic; color: #b1b1b1; }
.news .registry li .fa { color: #888; margin-right: 5px; }

.news .archive { margin: 0; padding: 0; list-style-type: none; border: none; }
.news .archive li { float: left; }
.news .archive li a { display: block; padding: 6px 30px 6px 30px; color: #fff; font-size: 1.2em; background-color: #f6606e; text-transform: uppercase; font-family: "Oswald",sans-serif; }

/**
 * Treść
 */
/*
.content { margin-bottom: 30px; padding: 0 15px 15px 15px; }
*/

@media (min-width: 767px) { .content .container { padding-left: 0px; padding-right: 0px; } }
/*
@media (max-width: 767px) { .content .container { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 767px) { .content .container { padding-left: 0px; padding-right: 0px; } }
*/

.content .unit-menu { margin: 0 0 20px 0; padding: 0; list-style-type: none; }
.content .unit-menu li a { display: block; margin-bottom: 1px; padding: 10px 0 10px 20px; font-size: 1.3em; text-decoration: none; font-family: 'Oswald', arial, sans-serif; }

.content .unit-menu ul { margin: 0; padding: 10px 0; list-style-type: none; }
.content .unit-menu ul li a { margin-bottom: 5px; padding: 0 0 0 20px; font-size: 1.2em; }

.content .breadcrumb { padding: 0px 0 15px 0; background: none; }
.content .breadcrumb li:first-child { }
.content .breadcrumb > li + li:before { color: inherit; content: "> "; padding: 0 10px; }
.content .breadcrumb .glyphicon { margin-right: 10px; font-size: 1.2em; }

.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; }

.content .page-description .date { font-size: 1.3em; }
.content .page-description .date { font-weight: bold; color: #ff6a15; }
.content .page-description .date .fa-clock-o { margin-right: 10px; font-size: 1.1em; }

.content .page { padding: 0; }
.content .page-subtitle { font-size: 1.6em; font-weight: 700; }

.content .page-icon { display: block; width: 40%; }

.content .page-content { margin-bottom: 20px; }
.content .page-content img { display: inline-block; padding: 0 10px 10px 10px; height: auto !important; max-width: 100%; }
/*.content .page-content div img { margin: 0 auto; }*/
.content .page-content h3 { font-size: 1.4em; }
.content h3.month { margin-bottom: 20px; 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-submenu { list-style: none; margin: 0; padding: 5px 0 5px 10px; }
.content .page-submenu a { font-weight: 700; }

.content .page-list { list-style: none; padding: 0 10px; }
.content .page-list li { margin-bottom: 30px; }
.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; }

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

.content .msg-box { list-style: none; padding: 10px; }

.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; border-style: dotted; border-width: 1px; }
.content .page-gallery-title span { font-size: 0.7em; }

.content .page-registry { margin-bottom: 30px; padding: 15px; border-style: dotted; border-width: 1px; }
.content .page-registry ul { margin: 0; padding: 0; list-style-type: none; }
.content .page-registry ul li { float: right; margin-right: 15px; }
.content .page-registry ul li:first-child { margin-right: 0; }
.content .page-registry .fa { font-size: 1.2em; margin-right: 5px; }

.content .pagination { display: block; margin: 0 0 15px 0; padding: 15px 0; border-top-style: solid; border-top-width: 1px; }
.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; }

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