/*
 * File: style.css
 * Create date: 15.07.2012
 * Last modify: 26.11.2022
 *
 * Created with ❤ by Maciej Szkudlarek 
 * E-Mail: maciej_szkudlarek@kmps.org.pl       
 *               
*/


@import url('menu.css');
@import url('rozklady.css');
@import url('grid.css');
@import url('buttons.css');

/*.menu-item-active{background:#1F702B;}*/
.menu-item-active{background:#192036;}
.menu-item{background:#343434;}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:0;padding:0;margin:0}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*** 1. STRUKTURA STRONY ***/

html, body {color: #343434; margin: 0 auto; padding: 0; text-align: center; font-size: 12px; font-family:Tahoma;}
html{background: url('../images/logo_male.png') fixed 50% 0; background-color: #d3d3d3;}
#kontener {width: 1200px; overflow: hidden; text-align: left; margin-left: auto; margin-right :auto; /*border-left: 1px solid #ededd4; border-right: 1px solid #ededdf;*/}
/*#top {width: 1200px;height: 235px;background: #192036;display: flex;justify-content: flex-start;align-items:center;position: relative;z-index:-10;}
#top:after {background-image: url('../images/top/czerwiec-2021-czb.jpg');opacity:0.25;  content: ' ';display: block;position: absolute;}*/


#top {
position: relative;background: #192036;height:235px;display:flex;justify-content: flex-start;align-items:center;
}

#top:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  background-image: url('../images/top/czerwiec-2021-czb.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
 
}

#top .logo {position: relative;margin-left: 30px;width: 443px;height: 80px;background: url('../images/top/logo_biale.svg');opacity:1 !important;z-index:50;}


#top .czapka {position: absolute; margin-top: 90px; margin-left: 125px;width: 48px;height: 54px;background: url('../images/top/czapka-logo.svg');opacity:1 !important;z-index:55;}
#top .fajerwerki {position: absolute; margin-top: 0px; margin-left: 0px;width: 1024px;height: 200px;background: url('../images/top/fajerwerki-logo.svg');opacity:1 !important;z-index:55;}
#top .wosp {position: absolute; margin-top: 122px; margin-left: 132px;width: 41px;height: 41px;background: url('../images/top/wosp-logo.svg');opacity:1 !important;z-index:55;}
#top .maseczka {position: absolute; margin-top: 98px; margin-left: 28px;width: 125px;height: 80px;background: url('../images/top/maseczka-logo.svg');opacity:1 !important;z-index:55;}
#lewa {float: left; width: 20%; height: auto; padding-bottom: 17000px; margin-bottom: -17000px; background-color: #F0F0EB; background-position: center; text-align: left;}
#srodek {float: left; width: 80%; height: auto; background-color: #F8F7F5;	background-position: center; text-align: center; font-size: 1.083em; color:#343434; }
#srodek .p {position: relative; text-align: center; font-size: medium; word-spacing: 1px; line-height: 20px;color:#343434;}

img {border: 0px;max-width: 100%;height: auto;}

footer {text-align:center;color:#cccccc;font-size:1em;line-height:2em;}
footer .lewa {width:25%;height:100%;float:left;padding:25.5px 0;background-color:#212121 !important;}
footer .lewa img{border:0;height:60px;}
footer .srodek {width:50%;height:auto;float:left;padding:35px 0;background-color:#212121 !important;}
footer .prawa {width:25%;height:auto;float:left;padding:33px 0;background-color:#212121 !important;}
footer a{color:#ccc !important;}
footer a:hover{color:#fff !important;}

.padding-15{padding: 15px;}

.kontener{width:100%;float:left;position: relative;}
.kol_1{width:100%;float:left;}
.kol_2{width:50%;float:left;}
.kol_3{width:33.33%;float:left;}
.kol_4{width:25%;float:left;}
.kol_5{width:20%;float:left;}
.kol_6{width:75%;float:left;}

  
/*** 2. DODATKI ***/

abbr {border-bottom: 1px dotted black;}
::-moz-selection{background:#82c4dc;color:#fff;}
::selection{background:#82c4dc;color:#fff;} 
a:link, a:visited, a:active  {color: #343434; text-decoration:none; font-weight: bold}
a:hover {color: #192036; text-decoration: none; font-weight: bold}
.slideshow {width:475px;height:106px;margin:0 auto; padding:10px 0;overflow:hidden;}
.dymek{margin:20px 0 40px;padding:15px 20px;position:relative}
.dymek::after{border-color:transparent;border-style:solid;border-width:22px 0 0 22px;bottom:-22px;content:"";display:block;left:30px;position:absolute;width:0;}
.dymek cite{bottom:-25px;display:block;font-size:13px;font-style:normal;font-weight:400;height:25px;left:26px;line-height:36px;padding-left:32px;position:absolute}
.dymek{background:#FFFFAD;color:#3a3a3a}
.dymek::after{border-color:#FFFFAD;border-left:22px solid transparent;}
.dymek cite{color:#3a3a3a}
.dymek small{color:#fff}
/*blockquote{margin: 20px 0px 20px 0px; padding: 10px 20px 0px 20px; border-radius:10px;  font-size:12px; background-color:#ffffc1;  border: 1px dashed grey;}*/

.nav-kreska{background:#252525;width:100%;height:1px;position:relative;margin:0 auto;}

.modul-ikonki{
        padding: 4px;
        text-align:center;
        display:flex;
        display: inline-block;
}

.modul-ikonki a{text-decoration:none !important;}
    
.facebook,.linkedin,.youtube,.rss,.instagram{
    color: #999;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.facebook:hover{color: #4267B2;}
.linkedin:hover{color: #2867B2;}
.youtube:hover{color: #ff0000;}
/*.instagram:hover{color: #833AB4;}*/
.instagram:hover{  background: -webkit-linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.rss:hover{color:#ff6600;}

ol {

}

ol > li {
  margin: 0;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
}

ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

blockquote {
	padding: 5px 15px;
	display: block;
	position: relative;
	overflow: hidden;
	text-align: justify;
	border-left: 10px solid #1f702b !important;
	font-style:italic;
	color:#666;
}

hr {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(25, 32, 54, 0.75), rgba(0, 0, 0, 0));
}

.button, .button_download{background:#343434;padding: 5px;width: 135px;text-align: center;list-style: none;color:white;}
.button:hover, .button_download:hover{background:#1f702b;}
.button a:link, .button_download a:link, .button  a:visited, .button_download a:visited, .button  a:active, .button_download  a:active{color: #fff;}
.button_download{text-align:center;width:50%;margin:15px auto;padding:10px 0;}


/*** 3. TEKSTY ***/

#update{color: #cb3333;font-size: 0.75em;font-weight: bold;text-align:center;}
.newsy {font-size: 12px; font-weight: normal; text-align: center; margin: 2mm 0 0 0;}
.newsy_tytul {font-size: 17px; font-weight: bold; text-align: center; margin: 5mm 0 1mm 0;font-variant: small-caps;}
.newsy_data {font-size: 9px; color: #989A98; font-weight: bold; text-align: center; margin: 0; font-variant: small-caps;}
.belka_1{;padding-top:4px;display:block;background: #192036;width: 100%;height: 26px;font-size:14px;color: #ffffff;text-shadow: 1px 1px 1px #0c1e0b;font-weight: bold;text-align: center;text-transform: uppercase;}
.belka_2{margin-left: 12px;padding-top:4px;display:block;width: 760px;height: 26px;font-size:14px;color: #343434;font-weight: bold;text-align: center;text-transform: uppercase;}


/*** 4. MENU - LEWA STRONA ***/

/*#menu_left_top {background: url('../images/sprites_img.png') -814px -105px; width: 137px; height: 24px; font-size: 14px; color: #ffffff; text-shadow: 1px 1px 1px #000000;font-weight: bold; text-align: center;}
#menu_left_down {background: url('../images/sprites_img.png') -814px -135px; width: 137px; height: 7px;}*/

#menu_left_top {background: #2a2a2a; max-width: 100%;max-height:30px;font-size: 13px; color: #ffffff; padding:6px 0!important;font-weight: 700;text-align:center;margin-top:25px;}
#menu_left_top::after {background: #192036;width:30px;position:static;float:right;content:"";padding:14px 0!important;margin-top:-6px;}
#menu_left_down {background: #2a2a2a; max-width: 100%;height:5px;}
#menu_left_down::after {background: #192036;width:25px;position:static;float:right;content:"";padding:2px !important;}
.pozycje li{font-family:Tahoma;font-style:solid;font-size: 1em;text-align: left; vertical-align: center; margin-left: -20px; margin-top:-5px;margin-bottom:15px;}
.pozycje li:last-child{margin-bottom:0 !important;}

span.title {width: 100%;}
#menu-lewe{margin-left:3px;}
/*.pozycje li{ list-style-image: url(../images/list_img.png); font-size: 1.05em;text-align: left; vertical-align: top; margin-left: -25px; margin-top:-5px;}*/

/*** 5. GRAFIKI ***/

#belka{margin-left: 12px; background: url(../images/sprites_img.png) -12px -110px; width: 760px; height:26px; font-size: 1.167em; color: #ffffff; text-shadow: 1px 1px 1px #0c1e0b;font-weight: bold; text-align: center; text-transform: uppercase;}
#dogory {position: fixed; bottom: 10px;right: 10px;width:50px;padding:12px 0;background:rgba(0,0,0,0.1)}
#dogory:hover {background:#192036;color:#fff !important;}
time.icon{font-size: 1em;display: block;position: relative;width: 7em;height: 7em;background-color: #fff;margin: 2em auto;border-radius: 0.6em;box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform: rotate(0deg) skewY(0deg);-webkit-transform-origin: 50% 10%;transform-origin: 50% 10%;}
time.icon *{display: block;width: 100%;font-size: 1em;font-weight: bold;font-style: normal;text-align: center;}
time.icon strong{position: absolute;top: 0;padding: 0.4em 0;color: #fff;background-color: #1F702B;border-bottom: 1px dashed #343434;box-shadow: 0 2px 0 #1F702B;}
time.icon em{position: absolute;bottom: 0.3em;color: #1F702B;}
time.icon span{width: 100%;font-size: 2.8em;letter-spacing: -0.05em;padding-top: 0.8em;color: #343434;}
  
/*** 6. CIASTECZKA ***/

#cookieinfo * {margin: 0;padding: 0;}
#cookieinfo {position: fixed;font-size: 14px;left: 0px;bottom: 0px;right: 0px;color:#fff;border-top:10px solid #192036;background-color: #161616;padding: 40px 10px; z-index: 1000;}
#cookieinfo h2 {color:#ffffff;font-size: 16px;line-height: 24px;font-weight: 600;text-align:left; padding-left: 300px;}
#cookieinfo p {color:#ffffff;font-size: 14px;line-height: 21px;text-align:left;padding:0 300px;}
#cookieinfo a {display: block;position: absolute;right: 10px;top: 10px;width: 22px;height: 22px;line-height: 22px;text-align: center;color:#ffffff;text-decoration: none;background-color: #343434;}
#cookieinfo a:hover {background-color: #cb3333;}

@media all and (max-width: 980px) { ... }
@media all and (max-width: 736px) {
	.no-display, .no-display *{display: none !important}
	#lewa{width:100%;float:left;}

	#stopka{/*float:left;*/ width:100%;max-width:460px;}
	#srodek {width:100%;}
	#kontener {width:95%;max-width:740px;padding:0;}
	.padding-15{padding: 0;}
	img{float:center !important;}
	.slideshow {max-width: 100%;height: auto;}
	.belka_1, .belka_2{width: 92%; height:auto;padding-bottom:5px;}
	.kontener{max-width:700px;margin:0;left:0;float:left;position: relative;}
	.kol_1{width:100%;float:left;}
	.kol_2{width:100%;float:left;}
	.kol_3{width:100%;float:left;}
	.kol_4{width:50%;float:left;}
	.kol_5{width:50%;float:left;}

	footer .lewa {width:100%;padding:10px 0;}
	footer .lewa img{border:0;height:50px;}
	footer .srodek {width:100%;padding:5px 0;}
	footer .prawa {width:100%;padding:5px 0;}
	.nav-kreska{background:#252525;width:100%;height:1px;position:relative;margin:0 auto;}
	
	#top {justify-content: center;}
	#top .logo {width: 100%; max-width:500px;}
}
@media all and (max-width: 480px) {	
	.no-display, .no-display *{display: none !important}
	#lewa{width:100%;float:left;}
	#menu_left_top, #menu_left_down {margin: 0 auto !important;}
	#stopka{float:left; width:100%;max-width:460px;}
	#srodek {width:100%;}
	#kontener {width:95%;max-width:460px;padding:0;}
	.padding-15{padding: 0;}
	img{float:center !important;}
	.slideshow {max-width: 100%;height: auto;}
	.belka_1, .belka_2{width: 92%; height:auto;padding-bottom:5px;}
	.kontener{max-width:400px;margin:0;left:0;float:left;position: relative;}
	.kol_1{width:100%;float:left;}
	.kol_2{width:100%;float:left;}
	.kol_3{width:100%;float:left;}
	.kol_4{width:50%;float:left;}
	.kol_5{width:50%;float:left;}
	footer .lewa {width:100%;padding:10px 0;}
	footer .lewa img{border:0;height:50px;}
	footer .srodek {width:100%;padding:5px 0;}
	footer .prawa {width:100%;padding:5px 0;}
	.nav-kreska{background:#252525;width:100%;height:1px;position:relative;margin:0 auto;}
}