@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700&subset=latin,latin-ext');
@import url('/img/work/work.css');
@import url('/img/auctions/auctions.css');
@import url('/img/forum/forum.css');

@font-face {font-family: 'msw'; src: url('/dokumenty/szablonyimg/391-msw.woff') format('woff'), url('/dokumenty/szablonyimg/391-msw.ttf') format('truetype'),url('/dokumenty/szablonyimg/391-msw.svg') format('svg');font-weight: normal; font-style: normal; }

:root {
 --font: "Oxygen";
 --font-icon: "msw";
 --color-main: #c10900;
 --color-grey: #888;
 --color-dark-grey: #313131;
 --color-light-grey: #f4f4f4;
 --color-text: #111;
 --color-light-text: #7e7c7d;
 --color-green: #1d9c00;
 --color-red: #ca0000;
 --color-black: #000;
 --color-white: #fff;
 --color-yellow: #ffcc33;
 --gradient: linear-gradient(90deg, rgba(0,26,50,0.9) 0%, rgba(0,54,104,1) 100%);
 --border-radius: 0;
 --border-radius-button: 1px;
 --box-shadow: 0 0 20px rgba(160,160,160,0.6);
 --box-shadow-hover: 0 0 10px rgba(160,160,160,0.6); 
 --text-shadow: 0 0 20px rgba(0,0,0,0.6), 0 0 20px rgba(0,0,0,0.6);
 --hcenter: translate(0,-50%);
 --vcenter: translate(-50%,0);
 --center: translate(-50%,-50%);
  
   --gap:30px;
 --gap0:0;
 --gap1:35px;
 --gap2:50px;
 --gap3:70px;
 
 --margin:2em;
 --padding:2em;
 
 --inside:12%;
 --inside-narrow:24%;
 --inside-wide:6%;
  
}



html,body { font-family:var(--font); font-style:normal; font-weight:normal; color:var(--color-text); text-decoration:none; font-size:0.865em; letter-spacing:0; margin:0; padding:0; }
html { background-color:var(--color-white); height:100%;}
body.bg { background:var(--color-white); }

#page { position:relative; display:block; padding:0; margin:0; width:auto; background:url("/dokumenty/szablonyimg/391-bg-orzel.png") no-repeat -70px 50px fixed; z-index:0;}

/* header */
header { position:relative; display:block; padding:0; margin:0; height:200px; width:auto; overflow:visible; z-index:2;}
header .inside{ position:relative; display:block; padding:0; margin:0 auto; width:1150px; height:100%;}

h1#header-logo { position:absolute; top:10px; left:0; padding:0; margin:0; width:450px; height:130px; z-index:1; border:0; cursor:pointer; }
/* h1#header-logo a { display:block; text-indent:-10000px; font-size:0; width:100%; height:100%; background:url("/dokumenty/szablonyimg/391-logo.png") no-repeat top left;} */
h1#header-logo a { display:block; line-height:1.2em; font-family:var(--font); text-transform:uppercase; text-decoration:none; color:var(--color-text); width:100%; height:100%; box-sizing:border-box; padding:0 0 0 115px; background-image:url("/dokumenty/szablonyimg/391-logo.png"); background-position:left center; background-size:auto 100%; background-repeat:no-repeat;  transform-style:preserve-3d;}
h1#header-logo a:hover { text-decoration:underline; color:var(--color-main); }
h1#header-logo a span { display:block; position:relative; top:50%;  transform:translateY(-50%); margin:0; padding:0; }

h2#header-logo-BIP { position:absolute; top:60px; left:45%; padding:0; margin:0; width:210px; height:50px; z-index:1; border:0; }
h2#header-logo-BIP span { display:block;text-indent:-10000px; font-size:0; width:100%; height:100%; background:url("/dokumenty/szablonyimg/391-logo-bip.png") no-repeat center left; background-size:100% auto;}

/* menu */
#menu { position:absolute; top:140px; left:0; display:block; padding:0; border:0; margin:0; height:40px; width:100%; background:url("/dokumenty/szablonyimg/391-bg-menu.png") no-repeat top center; z-index:1;}

#mobileMenu { position:absolute; top:25px; right:2em; display:none; padding:0; margin:0; width:40px; height:40px; z-index:5; border:0;  }
#mobileMenu a { display:block; font-size:5em; line-height:0.8em; width:100%; height:100%; text-decoration:none; }
#mobileMenu a span {  position:absolute; top:0; left:-1000em; width:1px; height:1px; display:block; }
#mobileMenu a:before { font-family:msw; content:"\e628"; }

#mobileDodatkowe { display:none; width:100%}
#mobileDodatkowe .button { display:none; width:auto; display:block; font-size:1.3em;}

/* header opcje */
#header-opcje { position:absolute; top:1em; right:0; padding:0; margin:0; width:100%; height:20px; text-align:right; z-index:1; } 
#header-opcje ul { position:absolute; top:0; right:0; padding:0; margin:0; float:right; list-style-type:none; list-style-image:none; width:auto;}
#header-opcje ul li { margin:0; margin-left:1em; border:0; padding:0; float:left; display:block;  list-style:none; position:relative;}
#header-opcje ul li a,#header-opcje ul li a:visited { font-size:1em; line-height:1em; color:var(--color-black); text-decoration:none; text-transform:lowercase; font-weight:normal; text-align:left; padding:0 0.2em 0 0.8em; margin:0; display:block; border:0; }
#header-opcje ul li a:hover,#header-opcje ul li a:active,#header-opcje ul li a:focus { color:var(--color-main); font-weight:normal; border:0; 
	transition-duration:0.6s;}
#header-opcje ul li a span.hide { position:absolute; top:0; left:-10000px; width:1px; height:1px;}
#header-opcje ul li a span { position:absolute; top:2px; left:0; padding:0; margin:0;display:block; width:5px; height:9px; overflow:hidden; background-image:url("/dokumenty/szablonyimg/391-strz1.gif"); background-position:0 0; background-repeat:no-repeat; font-size:0; text-indent:-1000px;}
#header-opcje ul li a.wai { padding:2px 8px; margin-top:-2px; background:var(--color-yellow); color:var(--color-black); border:1px solid var(--color-black); }
#header-opcje ul li a:hover.wai,#header-opcje ul li a:focus.wai { padding:2px 8px; margin-top:-2px; background:var(--color-black); color:var(--color-white); border:1px solid var(--color-black); }
#header-opcje ul li a.www  { position:relative; top:-8px; padding:0; margin:0; display:block; width:25px; height:25px; overflow:hidden; background-image:url("/dokumenty/szablonyimg/391-icons.png"); background-position:-90px -157px; background-repeat:no-repeat; font-size:0; text-indent:-1000px;}
#header-opcje ul li a.www:hover,#header-opcje ul li a.www:focus { opacity:0.6; }
#header-opcje ul li.szukaj { display:none;}
#header-opcje ul li.home { display:block;}

/* button do gory */
#back-to-top { position:fixed; bottom:5em; left:0.5em; width:55px; height:55px; z-index:10;
opacity:1;
-webkit-transition:opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-ms-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear; }
#back-to-top a { position:absolute; display:block; width:100%; height:100%; background:var(--color-white); color:var(--color-black); text-decoration:none; border:1px solid var(--color-light-grey); -moz-box-shadow:inset 0px 0px 8px var(--color-light-grey); -webkit-box-shadow:inset 0px 0px 8px var(--color-light-grey); box-shadow:inset 0px 0px 8px var(--color-light-grey);}
#back-to-top a:before { font-family:var(--font-icon); content:'\e601'; position:absolute; font-size:2em; line-height:1em; position:absolute; top:0.4em; left:0; width:100%; text-align:center; }
#back-to-top a span{ position:absolute; bottom:0.6em; display:block; font-size:0.9em; line-height:0.9em; width:100%; text-align:center;}
#back-to-top a:hover,#back-to-top a:focus { background:var(--color-main); color:var(--color-white); }

/* wcag opcje */
ul.nav { position:absolute; top:2px; left:2px; margin:0; padding:0; list-style:none outside none;  }
ul.nav a {position:absolute; left:-9000em; padding:0.5em 1em; display:inline; font-size: 1.2em; text-align:center; text-decoration:none; width:150px; z-index:2;}
ul.nav a:hover, ul.nav a:focus, ul.nav a:active { position:absolute; top:0; left:0; background:var(--color-main); border:2px solid var(--color-white); color:var(--color-white); }

/* search */
#search { position:absolute; top:55px; right:0; padding:0; margin:0; width:auto; height:53px; border:0; overflow:visible; z-index:2; }
#search-inside { position:absolute; top:0px; right:0px; padding:0; margin:0; width:360px; height:53px; border:1px solid var(--color-light-grey); background:var(--color-white); overflow:visible; -moz-box-shadow:0px 0px 3px var(--color-light-grey); -webkit-box-shadow:0px 0px 3px var(--color-light-grey); box-shadow:0px 0px 3px var(--color-light-grey); }
#search-inside:hover { height:140px; overflow:visible; -moz-box-shadow:0px 0px 9px var(--color-light-grey); -webkit-box-shadow:0px 0px 9px var(--color-light-grey); box-shadow:0px 0px 9px var(--color-light-grey);  }
#search-inside:hover fieldset.search-item {display:block; -moz-transition-duration:0.6s;}
#search form { position:absolute; top:0; right:0; border:0; overflow:visible; width:360px; height:100%; padding:0; margin:0; float:none; }
#search fieldset { position:absolute; top:0; left:0; border:0; overflow:hidden; height:100%; width:99%; padding:0; margin:0px; float:right; }
#search fieldset legend { position:absolute; top:0; left:-10000px; width:1px; height:1px; }
#search fieldset.search-item { position:relative; top:50px; left:10px; float:none; border:0; width:65%; height:80%; overflow:hidden; padding:5px; margin:0; text-align:left; display:none; }
#search label { position:absolute; top:10px; left:15px; width:30px; height:40px; text-indent:-1000em; background:url("/dokumenty/szablonyimg/391-icons.png") no-repeat 0 -311px; }
#search input[type=text] { position:absolute; top:8px; left:50px; padding:11px 3px; vertical-align:middle; margin:0; width:215px; line-height:normal !important; display:inline-block; overflow:hidden; border:0; background:var(--color-white); color:var(--color-grey); font-size:1em; font-weight:normal; text-align:left; }
#search input:focus { background:#d7d7d7; color:var(--color-black); -moz-box-shadow:inset 0px 0px 5px var(--color-light-grey); -webkit-box-shadow:inset 0px 0px 5px var(--color-light-grey); box-shadow: inset 0px 0px 5px var(--color-light-grey);}
#search input[type=submit] { position:absolute; top:8px; right:8px; display:block; width:auto; height:35px; padding:0.3em 1em; border:0; overflow:hidden; background:var(--color-light-grey); color:var(--color-black); text-shadow:#efefef 1px 1px 0px; font-size:1em; line-height:1em; text-transform:lowercase; cursor:pointer; -moz-box-shadow:inset 0px 0px 5px var(--color-grey); -webkit-box-shadow:inset 0px 0px 5px var(--color-grey); box-shadow: inset 0px 0px 5px var(--color-grey); }
#search input[type=submit]:hover,#search input[type=submit]:focus { background:var(--color-light-grey);}
#search a { display:block; clear:both; padding:3px 0 0 0; font-size:0.8em; color:var(--color-white); text-decoration:none;}
#search .szukajg { position:absolute; top:17px !important; width:215px; overflow:hidden; color:var(--color--dark-grey); font-size:1em; font-weight:normal; text-align:left; }
#search .search-item { display:block; font-size:1em; }
#search .search-item legend { position:absolute; top:0; left:-10000px; width:1px; height:1px; }
#search .search-item label { position:relative; top:-2px; left:5px; width:auto; height:auto; display:inline-block; text-indent:0; background:none; }

/* sciezka */
#sciezka-navi { position:relative; bottom:0.3em; width:auto; display:block; text-align:left; margin:0; padding:0;   z-index:0; color:var(--font-black); font-size:1em; line-height:1em; }
#sciezka-navi ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; background:url("/dokumenty/szablonyimg/391-bg-sciezka.png") no-repeat top right; padding-right:20px; height:100%; display:inline-block;}
#sciezka-navi ul li { position:relative; float:left; display:block; display:inline; margin:0; margin-left:0; padding:0; border:0; text-align:center;list-style:none; }
#sciezka-navi a:link,#sciezka-navi a:visited { display:block; font-size:0.9em; line-height:1em; padding:3px 20px 4px 10px; color:var(--font-black); font-weight:normal; text-decoration:none; background:url("/dokumenty/szablonyimg/391-bg-sciezka.png") no-repeat top right; }
#sciezka-navi ul li:last-child a{ background:transparent; padding:3px 0px 4px 10px;}
#sciezka-navi a:hover,#sciezka-navi a:active,#sciezka-navi a:focus {color:var(--color-black); }
#sciezka-navi .rog-lewo { background:url("/dokumenty/szablonyimg/391-bg-sciezka.png") no-repeat 0 -32px; padding-left:10px; height:100%; float:left; }

/* content */
#content { position:relative; padding:0; margin:0 auto; width:1150px;   overflow:visible; border:0; text-align:left; border:0; z-index:1; }
/* str glowna */
.mainLeft,.subLeft { position:relative; float:left; overflow:visible; padding:2em 1em 2em 0; margin:0; z-index:0; width:28%; min-height:280px; border-right:1px dashed var(--color-light-grey);  }
.mainRight,.subRight { position:relative; float:right; overflow:visible; padding:2em 0 0 0; margin:0; z-index:0; width:68%; min-height:315px; }
.mainRight .mLeft{ position:relative; float:left; overflow:hidden; padding:0; margin:0; width:49%;}
.mainRight .mLeft.long{ width:66%;}
.mainRight .mRight { position:relative;  float:right; overflow:hidden; padding:0; margin:0; width:49%;}
.mainRight .mRight.short {  width:33%;}
/* podstrona ogolna */
.subLeft .box-white,.subLeft .box-gradient { overflow:visible;}
.subAll { position:relative; top:0px; overflow:visible; padding:0; margin:0; }

/* foot */
footer { position:relative; padding:0px; margin:0 auto; text-align:center; width:auto; height:150px; border-top:4px var(--color-light-grey) solid; background:var(--color-white);  }
footer .inside { position:relative; top:0; padding:0; margin:0 auto; height:150px; width:1150px; color:var(--color--dark-grey);  }
#footer-adres { position:absolute; top:1em; left:0; padding:0 0 0 1em; margin:0; width:30%; height:100px; border-right:1px solid var(--color-main); box-sizing:border-box; z-index:1; } 
#footer-adres div.logo { position:relative; text-align:left; margin:0 0.2em 0 0; padding:0; height:100px; float:left;  }
#footer-adres div.logo a:link, #footer-adres div.logo a:visited { background:url("/dokumenty/szablonyimg/391-icons.png") no-repeat 0 -541px; width:75px; height:100px; display:block; text-decoration:none; }
#footer-adres div.logo a span { position:absolute; top:0; left:-10000px; width:1px; height:1px;}
#footer-adres p strong { font-size:1em; line-height:1em; color:var(--color-black); text-align:left; display:block; margin:0 0 0.8em 0;}
#footer-adres p { font-size:1em; line-height:1.4em; text-align:left;}
#footer-adres p a {color:var(--color-black); text-decoration:none;}
#footer-adres p a:hover,#footer-adres p a:focus {color:var(--color-main);}
#footer-adres p.aleft{ position:relative; top:4px; float:left; overflow:hidden; padding:5px 0 0 5px; margin:0; background:transparent; width:240px; } 
/* footer opcje */
#footer-opcje { position:absolute; top:2em; right:0; padding:0; margin:0; width:65%; height:30px; text-align:left; z-index:1; } 
#footer-opcje ul { position:absolute; top:0; left:0; padding:0; margin:0; float:none; list-style-type:none; list-style-image:none; width:auto;}
#footer-opcje ul li { margin:0; margin-right:1em; border:0; padding:0; float:left; display:block !important; display:inline; list-style:none; position:relative;}
#footer-opcje ul li a,#footer-opcje ul li a:visited { font-size:1em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:bold; text-align:center; padding:6px 5px 0 0; margin:0; display:block;  border:0; }
#footer-opcje ul li a:hover,#footer-opcje ul li a:active,#footer-opcje ul li a:focus { color:var(--color-main); font-weight:bold; border:0; 
	transition-duration:0.6s;}
#footer-opcje ul li a.bip { padding: 7px 0 0 33px;}
#footer-opcje ul li a.bip span { position:absolute; top:0; left:0; padding:0; margin:0;display:block; width:30px;height:30px; overflow:hidden; background-image:url("/dokumenty/szablonyimg/391-icons.png");  background-position:-55px -157px; background-repeat:no-repeat; font-size:0; text-indent:-1000px; }
#footer-opcje ul li a span { font-size:1.8em; line-height:1em; vertical-align:middle; position:relative; margin-right:0.3em; }

#notka { position:absolute; bottom:0; right:0; padding:0; margin:0; width:65%; height:70px; font-size:0.9em; line-height:1.3em; text-align:left;}


/* NAGLOWEK BLOKOW */
.naglowek { position:relative; margin:0 0 2em 0; padding:0 5em 0 0; width:auto; min-height:20px; background:transparent; border-bottom:1px dashed var(--color-light-grey); }
.naglowek-maly { position:relative; margin:0 0 1em 0; padding:0 5em 0 0; width:auto; min-height:10px; background:transparent; border-bottom:1px dashed var(--color-light-grey); }
.naglowek h1,.naglowek h2,.naglowek strong { position:relative; display:block; padding:0 0 0.2em 0.4em; margin:0; text-align:left; font-family:var(--font); font-weight:normal; text-transform:none; color:var(--color-text); font-size:2em; line-height:1em; }
.naglowek-maly h1,.naglowek-maly h2,.naglowek-maly strong { position:relative; display:block; padding:0 0 0.2em 0.4em; margin:0; text-align:left; font-family:var(--font); font-weight:normal; text-transform:none; color:var(--color-text); font-size:1em; line-height:1em; }
/*rss*/
.naglowek .rss { position:absolute; top:8px; right:10px; width:21px; height:22px; padding:0; margin:0; text-align:right; overflow:hidden; border:0; background:transparent;}
.naglowek .rss a:link,.naglowek .rss a:visited  { background:url("/dokumenty/szablonyimg/391-icons.png") no-repeat 0 -130px; height:22px; padding:0 20px 0 0; display:block; text-align:left; text-decoration:none; }
.naglowek .rss a span { display:block;text-indent:-10000em; font-size:0; width:100%;height:100%;background:none;}

/*box scroll*/
#box-scroll {position:relative; display:block; width:100%; height:490px; background:var(--color-light-grey);float:left; border:0; padding:5px; margin:0 0 1em 0; overflow:hidden; box-sizing: border-box;}
#box-scroll #scrollContent { position:absolute; display:block; width:10000px; height:415px; float:left; overflow:hidden; text-align:left; margin:0; padding:0 0 45px 0}
#box-scroll .scrollbar-vert { position:absolute; bottom:5px; left:5px; background:#e3e3e3; width:98%; height:23px;  margin:0; overflow:hidden;}
#box-scroll .handle-vert { position:absolute; top:1px; width:88px; height:21px; background:url("/dokumenty/szablonyimg/391-icons.png") no-repeat 0 -440px; z-index:2}
#box-scroll .okno ul { float:left; margin:0 0px 0px 0px; padding:0 5px 0px 5px; width:205px; border-right:1px dashed var(--color-grey);}
#box-scroll .okno h3 { display:block; margin:0 0 1em 0; padding:0.5em 1em 0.5em 1em; font-family:var(--font); font-weight:normal; text-align:left; text-decoration:none; font-size:1.2em; line-height:1em; color:var(--color-white); background:var(--color-dark-grey)}

/* OKNA */
.okno { margin:0 0 1em 0; padding:0px; width:auto; text-align:left; clear:both;}
.okno strong,.okno h3 { display:block; margin:0 0 1em 0; padding:0; font-family:var(--font); font-weight:normal; text-align:left; text-decoration:none; font-size:1.2em; line-height:1em; }
.okno p { display:block; font-size:1em; line-height:1.4em; margin:0 0 1.2em 0; } 
.okno .data { position:relative; display:block; float:left; width:auto; text-align:left; padding:0.1em 0.5em; margin:0 0.5em 0.3em 0; background:var(--color-main); font-weight:normal; color:var(--color-white); text-decoration:none; font-size:1em; line-height:1em; }
.okno ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
.okno ul li { padding:0.05em 0; margin:0; margin-bottom:1em; overflow:hidden; list-style:none; position:relative; border-bottom:1px dashed var(--color-light-grey) }
.okno ul li:last-child { border-bottom:0; }
/* ze strzlka */
.okno ul li.strz, .okno div.strz { padding:0 0 0 12px; background:url("/dokumenty/szablonyimg/391-strz1.gif") no-repeat left center; text-align:left; border:0; }
.okno ul li.strz strong,.okno div.strz strong { font-size:1.6em; margin:0; }
/* box zwykly */
.okno ul li.boxST { border:0; padding:0; text-align:left;   }
.okno ul li.boxST a { padding:1em !important; min-height:100%; background:url("/dokumenty/szablonyimg/391-bg-box-strz.gif") no-repeat 0px 0px var(--color-light-grey); }
/* box animowany */
.okno ul li.box { padding:0; margin-bottom:20px; min-height:155px; overflow:visible; list-style:none; position:relative; text-align:left; }
.okno ul li.box .obj { position:absolute; bottom:0; left:0; display:block; width:100%; height:145px; overflow:hidden; transition-duration:0.6s;  }
.okno ul li.box .imgwraper { position:absolute; top:0; left:0; display:block; float:none; padding:0; margin:0; border:0; overflow:hidden; width:100%; height:145px; }
.okno ul li.box .imgwraper img { margin:0; width:100%; height:auto; -moz-transition-duration: 0.6s;transition-duration: 0.6s; }
.okno ul li.box a:hover img,.okno ul li.box a:focus img { margin:-50px 0 0 -50px; width:150%; height:auto; transition-duration:0.6s; }
.okno ul li.box a:hover .obj,.okno ul li.box a:focus .obj { height:0px;transition-duration:0.6s; }
.okno ul li.box a:hover .imgwraper ,.okno ul li.box a:focus .imgwraper { height:0; transition-duration:0.6s; }
.okno ul li.box a:hover p,.okno ul li.box a:focus p { color:var(--color-white);display:block; transition-duration:0.6s;}
.okno ul li.box a:hover span,.okno ul li.box a:focus span { bottom:10px; background:var(--color-white); color:var(--color-black) !important;  box-shadow:0 0 20px var(--color-light-grey); transition-duration:0.6s;  }
.okno ul li.box a {position:relative; display:block !important; padding:1em 1em 70px 1em !important;  min-height:100%; border:1px solid var(--color-light-grey); background:var(--color-white); }
.okno ul li.box a:hover,.okno ul li.box a:active,.okno ul li.box a:focus { padding:1em 1em 1em 1em !important; color:var(--color-white) !important; background:var(--color-dark-grey); }
.okno ul li.box strong,.okno ul li.box h3 { display:block; margin:0 0 10px 0; padding:0; font-family:var(--font); font-weight:normal; text-align:left; text-decoration:none; font-size:1.3em; line-height:1em; }
.okno ul li.box p { display:none;}
.okno ul li.box span { position:absolute; bottom:-10px; left:33%; display:inline-block; margin:0; padding:0.5em 2.5em 0.7em 2.5em; background:var(--color-main); font-family:var(--font); font-weight:normal; text-align:left; text-decoration:none; font-size:1.2em; line-height:1em; color:var(--color-white); 
 box-shadow:0 0 6px var(--color-light-grey); transition-duration:0.6s;  }
/* wyrozniony box animowany */
.okno ul li.boxw a { min-height:230px; }
.okno ul li.boxw a:hover,.okno ul li.boxw a:active,.okno ul li.boxw a:focus { height:290px; }
.okno ul li.boxw span { left:42%; }
.okno ul li.boxw .obj,.okno ul li.boxw .imgwraper { height:250px; }
.okno ul li.boxw a:hover p,.okno ul li.boxw a:focus p { font-size:1.4em;}
.okno ul li.boxw a:hover strong,.okno ul li.boxw a:focus strong { font-size:2.7em;}
/* dodatkowe */
.okno ul li.w { color:var(--color-main); }
.okno ul li.w strong,.okno ul li.w h3 { color:var(--color-main);}
.okno ul li.clear { padding:0; margin:0; border:0; clear:both; }
.okno ul li a:link,.okno ul li a:visited { display:block; color:var(--color-black); text-decoration:none; padding:0; box-sizing:border-box; }
.okno ul li a:hover,.okno ul li a:active,.okno ul li a:focus  { color:var(--color-main); text-decoration:none; }
.okno ul li a:hover p ,.okno ul li a:focus p { color:var(--color-black); }
.okno ul li a:hover .data ,.okno ul li a:focus .data { background:var(--color-black); }
.okno .twoRows {float:left; margin:0 1em 1em 0; width:48.5%; min-height:70px;}
.okno .twoRowsBox {float:left; margin:0 1em 1em 0; width:45.5%; min-height:70px;}
.okno .threeRows {float:left; margin:0 1em 1em 0; width:31.7%;}
.okno .threeRowsBox {float:left; margin:0 1em 1em 0; width:30%;}
/*AJAX */
.AjaxTxt #metryka,.AjaxTxt #drukuj,.AjaxTxt #opcje-strony,.okno .AjaxTxt .txt .head {display:none;}
.okno .AjaxTxt .txt { padding:1em;}
.okno .AjaxTxt .txt a:link,.okno .AjaxTxt .txt a:visited, .okno .AjaxTxt ul li.boxST .txt a:link,.okno .AjaxTxt ul li.boxST .txt a:visited,.okno .AjaxTxt .txt strong {display:inline !important; border:0 !important; padding:0 !important; margin:0 !important; font-size:1em !important;}
.okno .AjaxTxt .txt ul { }
.okno .AjaxTxt .txt li { padding:0 0 0 12px; background:url("/dokumenty/szablonyimg/391-strz1.gif") no-repeat left center; text-align:left; border:0; }
.okno .AjaxTxt .txt .zalaczniki ul li { padding:9px 20px 9px 45px !important; }
.okno .AjaxTxt .txt ol { margin: 1em 0;  padding:0 0 0 40px;}
.okno .AjaxTxt .txt ol li { list-style-type:decimal; overflow:visible; background:none; padding:0;}
/* button AJAX*/
.okno .wiecejAjax { position:absolute; top:20px; right:10px; display:block; float:right; margin:0; padding:0px; width:55px; height:23px; overflow:visible; }
.okno .wiecejAjax span { display:block; width:55px; height:23px; background-image:url("/dokumenty/szablonyimg/391-icons.png"); background-repeat:no-repeat; background-position:0 -195px; border:0; overflow:hidden; padding:0; display:block;text-indent:-1000em; font-size:0em;}
.okno a:active .wiecejAjax span, .okno a:hover .wiecejAjax span, .okno a:focus .wiecejAjax span { background-position:-60px -195px; outline:none; text-decoration:none;  }
.okno a.up .wiecejAjax span { background-position:-124px -188px; height:23px;}
/* button */
.okno .wiecej:before { position:relative; display:inline-block; float:none; margin:0 1px; padding:0; overflow:visible; font-family:var(--font-icon); content:"\e602"; font-size:1em; color:var(--color-main); transition-duration:0.3s;  }
.okno a:hover .wiecej:before { color:var(--color-black); left:0.1em; transition-duration:0.3s; }
/* button All */
div.wiecejAll { position:relative; display:block; padding:0; margin:2em 0 6em 0;   text-align:center; border-bottom:1px dashed var(--color-light-grey); }
div.wiecejAll span { display:block; position:absolute; top:28px; left:50%; padding:0; margin:0 0 0 -23px; width:55px;height:30px; overflow:hidden; background-image:url("/dokumenty/szablonyimg/391-icons.png"); background-position:0 -188px; background-repeat:no-repeat;z-index:2; 
transition-duration:1s;}
div.wiecejAll a:link, div.wiecejAll a:visited { display:block; float:none; border:0; padding:2px 0px 5px 0px; margin:0 auto; font-size:1.4em; color:var(--color-black); text-align:center; text-decoration:none; 
transition-duration:1s;}
div.wiecejAll a:active,div.wiecejAll a:hover,div.wiecejAll a:focus { color:var(--color-main); transition-duration:1s; }
div.wiecejAll a:hover span,div.wiecejAll a:focus span { top:23px; transition-duration:1s; }

/* TRESC */
article,#txt,.txt {font-size:1.1em; line-height:1.6em; font-weight:normal;color:var(--color-black); text-align:left; padding:0; margin:0; position:relative;}
article table { border-collapse:collapse; border-color:var(--color-light-grey); }
article table td, article table th { font-size:1em; font-weight:normal; border-color:var(--color-light-grey); }
h1,.tytul_tekstu, article .head h2 {font-family:var(--font); font-size:2em; line-height:1em; font-weight:normal; color:var(--color-main); text-align:left; padding:0.5em 0 0.5em 0;margin:0 0 0.9em 0; position:relative; border-bottom:1px dashed var(--color-light-grey);}
h2,.tytul_dzialu {font-family:var(--font); font-size:1.9em; line-height:1em; font-weight:bold; color:var(--color-main); text-align:left; padding:0; margin:0 0 0.5em 0; }
h3,.zajawka,article .head h3 {font-size:1.2em; line-height:1.6em; font-weight:normal; color:var(--color-dark-grey); text-align:left; padding:0; margin:0 0 0.5em 0;}
article .head span.d {font-size:1.7em; line-height:1em; font-weight:normal; color:var(--color-dark-grey); text-align:left; padding:0;margin:0.8em 0 0.8em 0; position:relative; }

/* font opcje */
#text-size { position:absolute; top:50%; transform: translate(0, -50%); right:0; display:block; float:right; padding:0; margin:0; width:auto; height:43px; z-index:1; } 
#text-size ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
#text-size ul li { position:relative; float:left; display:block; display:inline; margin:0; margin-left:0.5em; width:2.2em; height:2.2em;  padding:0; border:0; text-align:center;list-style:none;}
#text-size a { position:relative; display:block !important; padding:0 !important; margin:0; width:100%; height:100%; vertical-align:middle; text-decoration:none; color:var(--color-black); text-indent:-1000em;
-moz-box-shadow:inset 0px 0px 3px var(--color-light-grey); -webkit-box-shadow:inset 0px 0px 3px var(--color-light-grey); box-shadow:inset 0px 0px 3px var(--color-light-grey); }
#text-size a:hover ,#text-size a:focus,#text-size a.check { background:var(--color-main); color:var(--color-white);}
#text-size a span { position:absolute; top:50%; left:0; transform: translate(0, -50%); padding:0; margin:0; display:block; width:100%;height:auto; overflow:hidden; text-align:center; font-size:1em; text-indent:0 !important; background-image:none !important; }
#text-size a.a span {font-size:1.2em; }
#text-size a.aa span { font-size:1.4em; }
#text-size a.aaa span {font-size:1.8em; line-height:1.2em }

/* opcje tekstu*/
#opcje-strony { position:relative; padding:2em 0; margin:0; min-height:50px; z-index:1;  } 
#opcje-strony #social { position:absolute; top:-12px; left:1em; text-align:left; padding:0 1em; margin:0; background:var(--color-white); }
#opcje-strony #drukuj { position:absolute; top:-12px; right:0em; text-align:right;  padding:0 1em; margin:0; background:var(--color-white); }
#opcje-strony .tagi { position:relative; float:right; text-align:right; clear:both; padding:0.5em 0em; margin:0; color:var(--color-black); background:transparent;  } 
#opcje-strony .tagi a { display:inline-block; padding:0.2em; font-size:0.9em; line-height:1.2em; color:var(--color-white); text-decoration:none; }
#opcje-strony .buttony { position:relative; padding:0; margin:0; float:right; }
#opcje-strony .buttony .forms { float:right !important; }
#opcje-strony #meni_tekstu { position:relative; padding:0; margin:0;  float:left;}
#opcje-strony .line { position:relative; display:block; margin:1em 0 2em 0; padding:0; width:auto; min-height:40px; border-top:1px solid var(--color-light-grey);}

/* ikonki tekstu*/
#drukuj { position:relative; padding:0; margin:0; z-index:1; border:0; }
#drukuj ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
#drukuj ul li { position:relative; float:left; display:block; display:inline; margin:0; margin-left:0.5em; width:3em; height:3em; padding:0; border:0; text-align:center;list-style:none; }
#drukuj a { display:block;width:100%; height:100%; margin:0; padding:0; border:0; font-family:var(--font-icon); color:var(--color-dark-grey); font-size:2em;  line-height:1.5em; text-decoration:none; box-shadow:inset 0px 0px 3px var(--color-light-grey);}
#drukuj a:hover,#drukuj a:focus { color:var(--color-main); }
#drukuj a span { position:absolute; top:0; left:-1000em; width:1px; height:1px; display:block; }
#drukuj a.pdf:before { content: "\e611"; }
#drukuj a.drukuj:before,#drukuj a.print:before { content: "\e612"; }
#drukuj a.wstecz:before,#drukuj a.back:before { content: "\e603";}
#drukuj a.polec:before,#drukuj a.notify:before { content: "\e610"; }

/*  ZDJECIA */
.zdjecia { position:relative; padding:0; margin:0 0 2em 0; border:0; width:100%; overflow:hidden; text-align:center; background:transparent; }
.zdjecia ul { position:relative; padding:0; margin:0 auto; text-align:center; list-style-type:none; list-style-image:none; width:auto; }
.zdjecia ul li { width:230px; margin:0; margin:0 10px 10px 0; padding:0; float:none; display:inline-block ; list-style:none; background:transparent; line-height:0; }
.zdjecia ul li.naglowek { margin:1em 0 1em 0; padding:0; border:0; background:none !important; float:none; display:block !important; display:inline; list-style:none; width:100%; }
.zdjecia ul li.naglowek h4 { font-family:var(--font); font-size:1.6em;line-height:1em; font-weight:normal; }
.zdjecia ul li.clear { margin:0; padding:0; border:0; clear:both; width:100%; list-style:none; height:10px; visibility:hidden; }
.zdjecia ul li figure {position:relative; text-align:center; padding:3px 3px 0 3px; margin:0; border:1px dotted var(--color-light-grey);}
.zdjecia ul li figure:hover { border:1px dotted var(--color-light-grey); background:var(--color-light-grey); color:var(--color-black); -moz-box-shadow:inset 0px 0px 6px var(--color-light-grey); -webkit-box-shadow:inset 0px 0px 6px var(--color-light-grey); box-shadow:inset 0px 0px 6px var(--color-light-grey);
	-moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; -ms-transition-duration:0.6s; transition-duration:0.6s;  }
.zdjecia ul li figure:hover figcaption { display:block; }
.zdjecia ul li figcaption {position:absolute; top:3px; left:3px; background:var(--color-white); opacity:0.9; display:none; font-family:var(--font); font-size:0.8em; line-height:1em; padding:5px; text-align:center; }
.zdjecia ul li figure img { width:100%; }
.zdjecia ul li a:link,.zdjecia ul li a:visited { color:var(--color-white); text-decoration:none; display:block; padding:0; margin:0; border:0; }
.zdjecia ul li a:hover,.zdjecia ul li a:focus { color:#ff6600; -moz-box-shadow:0 0 6px var(--color-light-grey); -webkit-box-shadow:0 0 6px var(--color-light-grey); box-shadow:0 0 6px var(--color-light-grey);
	-moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; -ms-transition-duration:0.6s; transition-duration:0.6s;  }
.zdjecia ul li a:hover img,.zdjecia ul li a:focus img { transition-duration:2s;}
/* zalaczniki - KARUZELA */
.zdjecia-tumb { position:relative; overflow:hidden;width:100%; height:140px; padding:1em 0 1em 0; margin:0; }
.zdjecia-tumb-overlay { position:relative; overflow:hidden;width:auto; height:100%; padding:0; margin:0 4em 0 4em;}
.zdjecia-tumb-wraper {position:absolute; width:100000px; top:0; left:0; z-index:0;}
.zdjecia-tumb-wraper ul li { float:left; width:210px;}
.zdjecia-tumb-wraper ul li a img { width:100%; padding:0; border:0; }
/* przyciski */
.zdjecia-previous,.zdjecia-next { position:absolute; top:50%; transform: translate(0, -50%); margin:0; z-index:1000; width:38px; height:38px; }
.zdjecia-previous { left:0;}
.zdjecia-next { right:0;}
.zdjecia-previous a:link,.zdjecia-previous a:visited,
.zdjecia-next a:link,.zdjecia-next a:visited { position:relative; display:block; text-decoration:none; color:var(--color-black); outline:0 !important }
.zdjecia-previous a:before,.zdjecia-next a:before  { font-family:var(--font-icon); content:"\e603"; font-size:2em; line-height:1em; position:absolute; top:0; left:0; }
.zdjecia-next a:before { content:"\e602"; }
.zdjecia-previous a:active,.zdjecia-previous a:hover,.zdjecia-previous a:focus,
.zdjecia-next a:active,.zdjecia-next a:hover,.zdjecia-next a:focus { color:var(--color-main); }
.zdjecia-previous a span,.zdjecia-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0em; }

/* ZALACZNIKI DO POBRANIA*/
.zalaczniki { position:relative; padding:0; margin:1em 0; width:auto; overflow:hidden; text-align:left; background:transparent; font-size:0.9em; line-height:1.1em; }
.zalaczniki ul { position:relative; padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.zalaczniki ul li { margin:0 0 2em 0; padding:0; display:block; list-style:none; }
.zalaczniki ul li:last-child { border:0; }
.zalaczniki .naglowek { display:block; margin:0.5em 0; padding:0; border:0; background:none !important;  list-style:none; width:100%; clear:both; background-image:none; }
.zalaczniki .row .naglowek { margin:0.5em 20px;}
.zalaczniki .naglowek h3 { font-size:1.2em;line-height:1em; font-weight:600; text-transform:none; }
.zalaczniki ul li.clear { margin:0; padding:0; border:0; clear:both; width:auto; list-style:none; height:0; display:none; }
.zalaczniki ul li a:link,.zalaczniki ul li a:visited { position:relative; display:block;  color:var(--color-black); text-decoration:none; padding:1em 1em 1em 60px; min-height:40px; font-size:1.1em;line-height:1em; border:1px solid var(--color-light-grey); background-position:10px 10px; background-size:auto 35px; background-repeat:no-repeat; background-color:transparent;
 transition-duration:0.6s;}
.zalaczniki ul li a:hover,.zalaczniki ul li a:focus { text-decoration:none; background-color:var(--color-light-grey); color:var(--color-black);
 transition-duration:0.6s;}
.zalaczniki ul li a strong { position:relative; display:block; height:auto; margin:0 0 1.5em 0; padding:0; }
.zalaczniki ul li a span { position:relative; float:left; display:block; height:auto; margin:0; padding:15px 10px 15px 45px; box-sizing:border-box; font-size:1em; color:var(--color-black); border:1px solid var(--color-light-grey); font- text-decoration:none; vertical-align:middle; background-color:var(--color-white); background-position:5px center; background-size:auto 35px; background-repeat:no-repeat;}
.zalaczniki ul li a:hover:after,.zalaczniki ul li a:focus:after { color:var(--color-white); background-color:var(--color-main); transition-duration:0.6s; }

/* listy globalne */
ol { padding:0 0 0 2em; margin:1em; list-style-position:outside; border:0 }
ol li { padding:0 0 0.5em 0; margin:0; border:0; }
ul { padding:0 0 0 2em; margin:1em; list-style-image:url("/dokumenty/szablonyimg/391-strz1.gif"); text-align:left; }
ul ul { list-style-image:url("/dokumenty/szablonyimg/391-strz1.gif"); }
ul li { padding:0 0 0.5em 0; margin:0; }

/* Boxy */
blockquote { border:0; background:url("/dokumenty/szablonyimg/391-bg-box-strz.gif") no-repeat 0px 0px var(--color-light-grey); padding:2em; margin:1em 0.5em 1em 0.5em; text-align:left; color:var(--color-black); }

div.q { position:relative; display:block; width:35%; float:right; padding:0 30px 10px 0; margin:2% 0 2% 2%; border:1px solid var(--color-light-grey); background:url("/dokumenty/szablonyimg/391-bg-q2.png") no-repeat bottom right; text-align:left;   font-size:1em; line-height:1.1em; font-style:italic;
border-radius:2px; box-shadow:inset 0px 0px 6px var(--color-light-grey);}
div.q p { position:relative; display:block; width:auto; padding:10px 0 0 35px; margin:10% 0 0 0; background:url("/dokumenty/szablonyimg/391-bg-q1.png") no-repeat top left; margin:0; text-align:left; }

.box-incontent {position:relative; float:right; width:35%; padding:2em; margin:5px 0px 5px 20px; text-align:left;   overflow:visible; background:var(--color-white); border:1px solid var(--color-light-grey); }
.box-incontent h2 { margin:0 0 0.5em 0; padding:0 0 0.7em 0;border-bottom:1px dashed var(--color-light-grey); }

.box-default, .box_spec1,.box-transparent,.box-white,.box-grey,.box-color {position:relative; padding:2em; margin:0 0 1em 0; text-align:left; overflow:hidden; border:1px solid var(--color-light-grey); }
.box-white { background:url("/dokumenty/szablonyimg/391-bg-box-strz.gif") no-repeat top left var(--color-white); border:1px solid var(--color-light-grey); }
.box-default,.box-grey {background:url("/dokumenty/szablonyimg/391-bg-box-grey.gif") repeat-y top center var(--color-light-grey);  }
.box_spec1 { background:var(--color-white); box-shadow:inset 9px 9px 19px var(--color-light-grey);}
.box-color { background:var(--color-main);}
.box-color p,.box-color a,.box-color *{ color:var(--color-white) !important; }

/* warn */
.alert { position:relative; border:2px solid var(--color-main); background-color:var(--color-white); padding:1.5em 3em 1.5em 150px; margin:1em 0 0 0; text-align:left; font-size:1em; line-height:1.2em; color:var(--color-black); font-family:'Roboto',sans-serif; }
.alert * { color:var(--color-black); }
.alert:before{ content:"\26A0"; font-size:3em; line-height:1em; color:var(--color-white); background-color:var(--color-main); width:120px; height:100%; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; }
.alert:after { content:""; position:absolute; top:0; left:90px; width:0; height:90%; margin:10px 0; background:var(--color-white); text-align:center; z-index:2; }


/* TIPS */
.tip { background:var(--color-white); padding:0.1em; border:1px solid var(--color-white); width:auto; z-index:1000; position:absolute; left:0; text-align:left;
-webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
-moz-box-shadow:0px 0px 3px var(--color-light-grey); -webkit-box-shadow:0px 0px 3px var(--color-light-grey); box-shadow:0px 0px 3px var(--color-light-grey); }
.tip-title {color:var(--color-black); font-size:0.8em; padding:0.2em; }
.tip-text {color:var(--color-black); font-size:0; padding:0;}

/* informacja w artykule z ikonkami */
.infoBox { position:relative; padding:0; margin:0; width:auto; text-align:center; z-index:1; } 
.infoBox.small { font-size:0.8em;}
.infoBox strong { font-family:var(--font); font-size:1em; line-height:1em; text-align:left; font-weight:600; display:block; margin:0 0 0.2em 0;}
.infoBox h3 { font-family:var(--font); font-size:1.1em; line-height:1em; color:var(--color-black); text-align:left; font-weight:normal; display:block; margin:0 0 1em 0; border:0;}
.infoBox p { position:relative; overflow:hidden; padding:0 0 2em 0; margin:0; text-align:left; } 
.infoBox p { font-family:var(--font); font-size:1em; line-height:1.2em; color:var(--color-black); }
.infoBox p a {color:var(--color-black); text-decoration:none; padding:0; margin:0;}
.infoBox p a:hover, .infoBox p a:focus { color:var(--color-black);}
.infoBox p[class^="icon-"]:before, .infoBox p[class*=" icon-"]:before { font-family:var(--font-icon); position:absolute; left:0; top:0; font-size:2rem; line-height:2.1rem; color:var(--color-main); display:block; }
.infoBox p[class^="icon-"], .infoBox p[class*=" icon-"] { padding-left:3em; }
.infoBox.small p[class^="icon-"]:before, .infoBox.small p[class*=" icon-"]:before { font-size:2rem; }
.infoBox.small p[class^="icon-"], .infoBox.small p[class*=" icon-"] { padding-left:3em; }


/* IKONKI */

[class*="icon-"] {
	font-family: var(--font-icon);
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height:1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align:center;
}

.icon-strzUp:before {
	content: "\e601";
}

.icon-strzRight:before {
	content: "\e602";
}

.icon-strzLeft:before {
	content: "\e603";
}

.icon-strzDown:before {
	content: "\e600";
}

.icon-play:before {
	content: "\e604";
}

.icon-menu:before {
	content: "\e606";
}

.icon-szukaj:before {
	content: "\e607";
}

.icon-urzad:before {
	content: "\e60a";
}

.icon-doc:before {
	content: "\e60c";
}

.icon-mapa:before {
	content: "\e60d";
}

.icon-gwizdka:before {
	content: "\e610";
}

.icon-pdf:before {
	content: "\e611";
}

.icon-drukuj:before {
	content: "\e612";
}


/*===============================================*/
/* STYLE POMOCNICZE */
/*===============================================*/

/* dodatkowe */
.pad0 { padding:0;}
.pad2 { padding:0.2em;}
.pad5 { padding:0.5em;}
.pad10 { padding:1em;}
.pad20 { padding:2em;}

.margin_y5 { margin-top:0.5em;margin-bottom:0.5em;}
.margin_y10 { margin-top:1em;margin-bottom:1em;}
.margin_y20 { margin-top:2em;margin-bottom:2em;}

.margin_b10 { margin-bottom:1em;}
.margin_b15 { margin-bottom:1.5em;}
.margin_b20 { margin-bottom:2em;}

.margin_t10 { margin-top:1em;}
.margin_t20 { margin-top:2em;}

.align_right {text-align:right;}
.align_left {text-align:left;}
.align_center {text-align:center;}
.align_divcenter {text-align:center; margin:0 auto;}

.left { float:left; overflow:hidden;}
.right { float:right; overflow:hidden; }
.clear { clear:both; }
.rel { position:relative; }

.img_center {vertical-align:middle;}
.hide { position:absolute !important; top:-100em !important; left:-100em !important; width:1px; height:1px; text-indent:-1000em;}
.mobileShow { display:none !important;}
a:active { outline:none; }
a:focus,object { -moz-outline-style:none; }
img {border:0;}

hr.style-three {border: 0;border-bottom: 1px dashed var(--color-light-grey);}

/* zdjecia */
.foto{ border:1px solid var(--color-white); 
-webkit-border-radius:1px; -khtml-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
-moz-box-shadow:0px 0px 3px var(--color-light-grey); -webkit-box-shadow:0px 0px 3px var(--color-light-grey); box-shadow:0px 0px 3px var(--color-light-grey);}
.foto_right,.foto_left{ border:1px solid var(--color-white); padding:3px;
-webkit-border-radius:1px; -khtml-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
-moz-box-shadow:inset 0px 0px 3px var(--color-light-grey); -webkit-box-shadow:inset 0px 0px 3px var(--color-light-grey); box-shadow:inset 0px 0px 3px var(--color-light-grey);}
.foto_right {margin-left:1.5em !important; float:right; }
.foto_left {margin-right:1.5em !important; float:left; }

.mp3, .video-js, .video-js-bg { background-color:transparent !important; }
.mp3 { height:40px !important;}
.mp3 .vjs-big-play-button { font-size:1em !important; }


/* linki  */
a:link, a:visited {font-style:normal;color:var(--color-main);text-decoration:underline;}
a:hover,a:active {color:var(--color-black); text-decoration:underline; }
.txt a:focus,#txt a:focus {outline:2px solid; text-decoration:none;}  

/*button*/
a.button:link, a.button:visited { display:inline-block; position:relative; padding:0.3em 1em; margin:1px; font-size:0.9em; color:var(--color-white); font-weight:normal; text-align:center; text-transform:none; text-decoration:none; white-space:nowrap; border:0; background-color:var(--color-main); cursor:pointer; -moz-box-shadow:0px 0px 3px var(--color-light-grey); -webkit-box-shadow:0px 0px 3px var(--color-light-grey); box-shadow:0px 0px 3px var(--color-light-grey);}
a.button:active,a.button:hover { background:var(--color-dark-grey);}

/*===============================================*/
/* MENU */ 
/*===============================================*/


/*--------- MENU ZAJAWKOWE*/
.meni-zajawkowe { padding:0; margin:1em 0; width:100%; }
.meni-zajawkowe h3 { display:block; margin:0; padding:0; color:var(--color-black); font-weight:normal; text-align:center; text-decoration:none; font-family:var(--font); font-size:1.6em; line-height:1em; position:absolute; top:50%; width:100%; transform: translate(0, -50%) }
.meni-zajawkowe ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
.meni-zajawkowe ul li { position:relative; padding:0; margin:0 1em 1em 0; overflow:hidden; list-style:none; float:left; width:30.7%; border:2px solid var(--color-light-grey); }
.meni-zajawkowe ul li:nth-child(3n+3) { margin:0 0 1em 0 !important}
.meni-zajawkowe ul li a:link,.meni-zajawkowe ul li a:visited { display:block; min-height:9em; padding:0; font-family:var(--font); font-size:1em; line-height:1em; color:var(--color-text); text-decoration:none; }
.meni-zajawkowe ul li a:hover,.meni-zajawkowe ul li a:active,.meni-zajawkowe ul li a:focus,
.meni-zajawkowe ul li a:hover h3,.meni-zajawkowe ul li a:active h3,.meni-zajawkowe ul li a:focus h3 { color:var(--color-white); background:var(--color-main); text-decoration:none; }


/*-------- MENU UKLAD POZIOMY - NAVI ZAKLADKOWE*/
#meniTab { padding:0; margin:1em 0; width:100%; height:35px; border-bottom:1px solid var(--color-main);}
#meniTab ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto;}
#meniTab ul li { margin:0; margin-right:0.3em; border:0; padding:0; float:left; display:block !important; display:inline; overflow:hidden; list-style:none; position:relative;}
#meniTab ul li a, #meniTab ul li a:visited  { font-size:1.1em; line-height:1em; color:var(--color-text); text-decoration:none; font-weight:normal; padding:16px 9px 5px 9px; border:1px solid var(--color-white); border-bottom:0px; background:transparent; display:block; white-space:nowrap; 
 border-radius:1px; box-shadow:inset 0px 15px 5px var(--color-light-grey);}
#meniTab ul li a:hover,#meniTab ul li a:active, #meniTab ul li a:focus,#meniTab ul li a.check { color:var(--color-text); border:1px solid var(--color-main); border-bottom:0; white-space:nowrap; background:var(--color-white); padding:12px 9px 10px 9px;
-moz-box-shadow:inset 0px 5px 5px var(--color-light-grey); -webkit-box-shadow:inset 0px 5px 5px var(--color-light-grey); box-shadow:inset 0px 5px 5px var(--color-light-grey);}
#meniTab br {clear:both}


/*-------- tab menu*/
.meniTab { position:relative; padding:0; margin:0 0 2em 0; width:auto; z-index:1; }
.meniTab ul { padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; overflow:hidden; text-align:left; border-bottom:1px solid var(--color-main); }
.meniTab.rightSide ul { text-align:right; }
.meniTab.noMargin { margin:0; }
.meniTab.noBorder ul { border:0; float:right; }
.meniTab ul li { position:relative; margin:0 1px 0 0; border:0; padding:0; display:inline-block; list-style:none; }
.meniTab ul li a,.meniTab ul li a:visited { font-family:var(--font); font-size:1em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:1.5em 1.3em; background-color:var(--color-light-grey); display:block; white-space:nowrap; transition-duration:1s; }
.meniTab ul li a:hover,.meniTab ul li a:active, .meniTab ul li a:focus,.meniTab ul li a.check,.meniTab ul li a.tab_on { color:var(--color-white); white-space:nowrap; background-color:var(--color-main); transition-duration:0.6s; }
.meniTab.small ul li a, .meniTab.small ul li a:visited { padding:1em 0.4em;}
.meniTab br {clear:both}


/*--------- MENU LISTA ul li - wielopoziomowe */
#meni2 { margin:0 0 1em 0; padding:0;text-align:left; border:0;  }
#meni2 h2 { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; }
#meni2 .strz { position:absolute; z-index:10; right:9px; top:15px; width:11px; height:11px; border:0; background:url("/dokumenty/szablonyimg/391-strz-menu.gif") no-repeat top left;  }
#meni2 ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#meni2 ul li { padding:0; margin:0 0 1px 0; border:0; display:block !important; list-style:none; position:relative; background:transparent; }
#meni2 ul li a,#meni2 ul li a:visited { font-family:var(--font); font-size:1.3em; line-height:1.2em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:0.5em 0.5em 0.5em 0.9em; margin:0; display:block; background:url("/dokumenty/szablonyimg/391-strz1.gif") no-repeat left center; }
#meni2 ul li a:hover,#meni2 ul li a:active,#meni2 ul li a:focus,#meni2 ul li a.check { color:var(--color-main); font-weight:normal; background:url("/dokumenty/szablonyimg/391-bg-submenu.png") repeat-y left; }
#meni2 ul li a span,#meni2 ul li a span,#meni2 ul li a span,#meni2 ul li a span { display:none; position:absolute; top:0; right:-18px; padding:0; margin:0; width:20px;height:37px; overflow:hidden; background-image:url("/dokumenty/szablonyimg/391-icons.png"); background-position:-142px -309px; background-repeat:no-repeat;z-index:2; }
#meni2 ul li a:hover span,#meni2 ul li a:active span,#meni2 ul li a:focus span,#meni2 ul li a.check span { display:block; }
#meni2 ul ul { padding:0; margin:0 0 0 10px; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#meni2 ul ul li { padding:0; margin:0; border:0; display:block !important; list-style:none; position:relative; background:transparent; }
#meni2 ul ul li a,#meni2 ul ul li a:visited { font-size:1em; line-height:1.1em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:8px 5px 8px 10px; margin:0; display:block; background:url("/dokumenty/szablonyimg/391-strz1.gif") no-repeat left center; border:0; }
#meni2 ul ul li a:hover,#meni2 ul ul li a:active,#meni2 ul ul li a:focus,#meni2 ul ul li a.check { color:var(--color-black); font-weight:normal; background:url("/dokumenty/szablonyimg/391-strz1.gif") no-repeat left center; border:0; }
#meni2 ul ul ul { padding:0px; margin:0px 0px 0px 25px; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#meni2 ul ul ul li { padding:0px; margin:0px; border:0px; display:block !important; list-style:none; position:relative; background:transparent; }
#meni2 ul ul ul li a,#meni2 ul ul ul li a:visited { font-size:1em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:8px 5px 8px 8px; margin:0; display:block; background:url("/dokumenty/szablonyimg/391-strz1.gif") no-repeat left center; border:0; }
#meni2 ul ul ul li a:hover,#meni2 ul ul ul li a:active,#meni2 ul ul ul li a:focus,#meni2 ul ul ul li a.check { color:var(--color-black); font-weight:normal; background:url("/dokumenty/szablonyimg/391-strz1.gif") no-repeat left center; border:0; }

/* MENU PODZIAL STRON W DZIALE */
#meni_strony { position:relative; display:table; overflow:hidden; font-size:1.4em; padding:0; margin:1em auto; min-height:25px; text-align:center;  }
#meni_strony ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#meni_strony ul li { position:relative; margin:0 0.5em 0.2em 0; border:0; padding:0; float:left; display:block; overflow:hidden; list-style:none;   }
#meni_strony ul li.noActive { display:none; }
#meni_strony ul li.selectbox { white-space:nowrap; padding:0; }
#meni_strony ul li.selectbox .forms  select { width:auto; padding:0.75em 2em 0.75em 0.5em; }
#meni_strony ul li.selectbox .iloscStron { position:relative; display:inline; padding:0.5em; font-weight:bold;}
#meni_strony a,#meni_strony a:visited { display:block; background:var(--color-white); border:1px solid #dedede; height:auto !important;   color:var(--color-black); text-shadow:0px 1px 0px var(--color-white) !important; line-height:1em; padding:0.3em 0.6em; font-size:1em; text-decoration:none; font-weight:normal; overflow:hidden; 
border-radius:25px; box-shadow:1px 1px 1px var(--color-light-grey); transition: all 0.4s ease-in; text-shadow:0px 1px 0px var(--color-white) !important; }
#meni_strony a:hover,#meni_strony a:active,#meni_strony a:focus,#meni_strony a.check  {background:var(--color-main); color:var(--color-white); text-decoration:none; transition: all 0.2s ease-in;}
#meni_strony span { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; }

/* MENU PODZIALU TEKSTU */
#meni_tekstu { padding:0; margin:1em 0 0; margin-left:40%;}
#meni_tekstu ul { padding:0; margin:0px; text-align:left; list-style-type:none; list-style-image:none; width:auto;}
#meni_tekstu ul li { margin:0; margin-right:0.1em; padding:0.1em; float:left; display:block !important; display:inline; list-style:none; position:relative; }
#meni_tekstu ul li span { color:var(--color-white); font-size:0.9em; line-height:1em; font-weight:bold; padding:4px 8px; background:var(--color-main); border:1px solid var(--color-main); border-radius:25px;}
#meni_tekstu ul li a,#meni_tekstu ul li a:visited { color:var(--color-black); font-size:0.9em; line-height:1em; padding:4px 8px; font-weight:normal; text-decoration:none; white-space:nowrap; border:1px solid var(--color-main); border-radius:25px;}
#meni_tekstu ul li a:hover,#meni_tekstu ul li a:active,#meni_tekstu ul li a:focus { background:var(--color-main); color:var(--color-white); text-decoration:none;}

/*===============================================*/
/* MODULY */
/*===============================================*/


/*archive*/
.archive { position:relative; }
.archive h2 { position:relative; text-align:left; font-size:1.3em; line-height:1.5em;font-weight:bold; text-decoration:none; padding:var(--padding) 0; }
.archive ul {  position:relative; display:flex; padding:0; margin:var(--gap) 0 0 var(--gap); text-align:left; list-style-type:none; list-style-image:none;}
.archive ul li { position:relative; margin:0; margin-right:var(--margin); border:0; padding:0 0 0 var(--margin); display:block; list-style:none; }
.archive ul ul { padding:0; margin:var(--margin) 0 0 0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.archive ul ul li { position:relative; display:block; padding:var(--padding); margin:0; overflow:hidden; list-style:none; border-bottom:1px solid var(--color-light-grey); background:url("arrow.svg") no-repeat left center;} 
.archive ul ul li a:link,.archive ul ul li a:visited { font-size:1em; font-weight:normal; text-decoration:none; padding:0; }
.archive ul ul li a:hover,.archive ul ul li a:active { text-decoration:none; }

/*sitemap*/
.sitemap { position:relative; }
.sitemap ul { padding:0; margin:var(--gap) 0 0 var(--gap); text-align:left; list-style-type:none; list-style-image:none; }
.sitemap ul li { position:relative; margin:var(--margin); width:auto; display:block;  }
.sitemap ul li a:link,.sitemap ul li a:visited { font-size:1.3em; padding:0; display:inline-block; font-weight:bold; text-decoration:none; }
.sitemap ul li a:hover,.sitemap ul li a:active { text-decoration:none; }
.sitemap ul ul { padding:0; margin:var(--margin) 0 0 var(--margin);}
.sitemap ul ul li a,.sitemap ul ul li a:visited { font-size:1.1em; font-weight:normal; text-decoration:none; border:0; }
.sitemap ul ul ul li a,.sitemap ul ul ul li a:visited { font-size:1em; font-weight:normal; border:0; }
.sitemap ul ul ul ul li a,.sitemap ul ul ul ul li a:visited { font-size:1em; font-weight:normal; text-decoration:none; border:0; }
.sitemap a.rozwin:link,.sitemap a.rozwin:visited { position:relative; display:inline-block; margin:0 0.2em; vertical-align:middle; text-decoration:none; line-height:0.5em; color:var(--color-main); border:0; transition-duration:0.6s; }
.sitemap a.rozwin:hover,.sitemap a.rozwin:focus { color:var(--color-grey); transition-duration:0.6s; }
.sitemap a.rozwin:before,.sitemap a.rozwin:before { font-family:var(--font-icon); content:"\e001"; font-size:0.8em; line-height:0.5em; position:relative; text-align:center; }
.sitemap ul li.expand a.rozwin:before {content:"\e002";}
.sitemap ul li.expand li a.rozwin:before {content:"\e001";}
.sitemap ul li.expand li.expand a.rozwin:before {content:"\e002";}

/* comment */
.comments { margin:var(--gap) 0; text-align:left; }
.comments h3 {  font-size:1.3em; line-height:1.4em; font-weight:bold; border-bottom:1px solid var(--color-light-grey);}
.comments span.date { position:relative; margin:0; padding:var(--padding); font-size:0.9em; line-height:1.1em;  }
.comments ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.comments ul li { display:flex; justify-content:space-between; padding:var(--gap) 0; margin:0; overflow:hidden; list-style:none; border-bottom:1px solid var(--color-light-grey); }
.comments ul li.w { padding:var(--padding); background:var(--color-light-red);}
.comments ul li a:link,.comments ul li a:visited { text-decoration:none; font-size:1.2em; }
.comments ul li a:hover,.comments ul li a:active,.comments ul li a:focus { text-decoration:none; }

/*search */
.searchResults { position:relative; display:block; padding:0; margin:var(--gap) auto; }
.searchResults h3,.searchResults strong { display:inline-block; margin:0 0 var(--margin) 0; padding:0; font-size:1.2em; line-height:1em; font-weight:bold; text-align:left; text-decoration:none;}
.searchResults p { display:block; font-size:1em; line-height:1em; margin:0 0 var(--margin) 0; font-size:1.2em; line-height:1em; } 
.searchResults ol { display:block; padding:0; margin:0; text-align:left; width:auto; list-style-type:decimal;}
.searchResults ol li { position:relative; padding:var(--padding); margin:0 0 var(--gap) 0; border:1px solid var(--color-light-grey); background-color:var(--color-light-bg); }
.searchResults ol li::marker { font-size:1.4em; line-height:1em; color:var(--color-grey)  }
.searchResults .container { position:relative; display:flex; gap:var(--gap1); }
.searchResults a:link,.searchResults a:visited { color:var(--color-text); text-decoration:none; }
.searchResults a:hover,.searchResults a:active,.searchResults a:focus,.searchResults a:focus h3 { text-decoration:underline; }
.searchResults img.ico { display:inline-block; vertical-align:middle; margin:0 0.3em; width:30px; height:auto;}
.searchResults .imgwraper { position:relative; width:20%; flex-shrink:0; aspect-ratio: 4 / 3; padding:0; overflow:hidden; box-sizing:border-box; border-radius:var(--border-radius); }
.searchResults .content { position:relative; padding:0; }
.searchResults .type { position:relative; width:30px; flex-shrink:0; padding:0; overflow:hidden; }
.searchResults .type img { width:30px; }
.searchResults .date { position:relative; display:inline-block; text-align:left; padding:0.5em; margin:0 0 0.5em 0; font-weight:normal; text-decoration:none; font-size:1em; line-height:1em; background-color:var(--color-light-grey); }
.searchResults .category { position:relative; display:inline-block; text-align:left; padding:0.5em; margin:0 0 0.5em 0; font-weight:normal; text-decoration:none; font-size:1em; line-height:1em; background-color:var(--color-navy); color:var(--color-white); }
.searchResults .category a:link,.searchResults .category a:visited { font-size:1em; line-height:1em; text-decoration:none; color:var(--color-white); }

/*hightlight seraching words */
mark { background-color:var(--color-yellow); }

/*search expand btn */
.searchExpandBtn { position:relative; }
.searchExpandBtn a:link, .searchExpandBtn a:visited { display:block; text-decoration:none; font-size:1em;}
.searchExpandBtn a:active,.searchExpandBtn a:hover,.searchExpandBtn a:focus { outline:none; text-decoration:underline; }
.searchExpandBtn a:before { font-family:var(--font-icon); content:"\e003"; color:var(--color-text); font-size:1.5em; line-height:0.1em; display:inline-block; padding:0; margin-right:0.2em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; }
.searchExpandBtn.active a:before { content:"\e001"; color:var(--color-text-highlight); transition-duration:1.5s; text-decoration:none; }
.searchExpand { height:auto; display:block; }

ul.searchList { display:block; padding:0; margin:0; text-align:left; width:auto; list-style-type:none; list-style-image:none;}
ul.searchList li { position:relative; padding:0 0 calc(0.25 * var(--padding)) calc(0.25 * var(--padding)); margin:0; }

/* pools */
.poll { position:relative; } 
.poll .result { display:flex; justify-content: space-between; align-items:center; padding:0; margin:var(--gap) 0; border:0;  }
.poll .result.ok { padding:var(--padding); border:1px solid var(--color-green); }
.poll .ans { position:relative; padding:0; text-align:left; font-size:0.9em; font-weight:normal; font-style:normal;}
.poll span.required { position:relative; float:right; }
.poll .raport { position:relative; width:100%; margin:0.5em 0; border:1px solid var(--color-light-grey);} 
.poll .raport h3 { padding:0.3em; }
.poll ul.legend { position:absolute; bottom:0; left:0; display:block; overflow:hidden; margin:0; background:var(--color-white); }
.poll ul.legend li { position:relative; display:inline-block; margin:0.1em 0.5em; padding:0; overflow:hidden; white-space:nowrap; }

/*dialog alert */
.alerts { position:relative; display:flex; align-items:center; justify-content:flex-start; padding:var(--padding); margin:var(--gap) auto; text-align:left; font-size:1.4em; line-height:1.1em; color:var(--color-text); font-family:var(--font); border:1px solid var(--color-grey); border-radius:var(--bordr-radius); z-index:1; }
.alerts._warn { color:var(--color-text); background-color:var(--color-yellow); border:1px solid var(--color-yellow); border:0; }
.alerts._alert { color:var(--color-white); background-color:var(--color-red); border:1px solid var(--color-red); border:0; }
.alerts._ok { color:var(--color-white); background-color:var(--color-green); border:1px solid var(--color-green); border:0; }
.alerts i.element { position:relative; display:block; padding:10px; text-align:center; font-style:normal; border:1px solid var(--color-light-grey); }
.alerts i.element:before { content:"\26A0"; font-size:3rem; line-height:50px; }
.alerts div.content { padding:1em; font-size:1em; line-height:1em; font-weight:normal; text-align:left; }


/*payment */
.payment {display:block;}
.payment span[class^="i-"],.payment span[class*=" i-"] { display:inline-block; padding:0.3em; margin:0; font-size:1em; line-height:1em; }
.payment .i-error { background-color:var(--color-red); color:var(--color-white);}
.payment .i-ok { background-color:var(--color-green); color:var(--color-white); }
.payment .i-normal { background-color:var(--color-grey); color:var(--color-black); }
.payment .i-alert { background-color:var(--color-yellow); color:var(--color-black); }

/*index*/
.index { position:relative;}
.index h3 { position:relative; padding:0.5em 0; font-size:3em; line-height:1.2em; color:var(--color-black); text-align:left; font-weight:700; text-decoration:none; text-transform:uppercase; }
.index .box { position:relative; background-color:var(--color-light-grey); padding:1.5em; margin:0; text-align:left; font-size:1em; line-height:1em; color:var(--color-black); }
.index ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none;}
.index ul li { margin:0; border:0; padding:0; list-style:none; position:relative; }
.index ul li a:link,.index ul li a:visited { position:relative; padding:0.4em; display:inline-block; text-decoration:none; font-size:1.3em; line-height:1.2em; color:var(--color-black); }
.index ul li a:hover,.index ul li a:focus { background-color:var(--color-main); color:var(--color-white); }
.index ul li a span { font-size:0.6em; padding:0.2em; margin:0 0.5em; background-color:var(--color-main); color:var(--color-white); }


/* MAPS */
.maps { position:relative; padding:0; margin:0; } 
.maps .map, article .map { display:block; width:100%; height:650px; }
.maps #objectList { display:block; margin:2em 0; }
.maps #drukuj-ikonki { position:relative; text-align:right; padding:0; margin:1em 0; } 
.maps .box-podsumowanie { position:relative; display:flex; justify-content:space-between; align-items:stretch; flex-direction:row; border:0; padding:0; margin:0 0 1em 0; box-sizing:border-box; } 
@media only screen and (max-width:768px) { .maps .box-podsumowanie { flex-direction:column; } }
/* maps - search */
.maps .search { text-align:left; margin-bottom:1em;}
.maps .search form { border:1px solid var(--color-light-grey); width:100%; margin:0; box-sizing:border-box;}
.maps .search legend, .maps .search label { position:absolute; top:0; left:-10000em; width:1px; height:1px;}
.maps .search input[type=text] { width:85%; border:0;}
.maps .search button { position:absolute; top:0; right:0; display:block; width:50px; height:100%; padding:0; margin:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:var(--color-dark-grey); }
.maps .search button:before { position:absolute; top:50%; transform:var(--vcenter); left:0; width:100%; text-indent:0; font-size:1.4em; line-height:50px; font-family:var(--font-icon); content:"\e106"; color:var(--main-color); }
.maps .search button:hover,.maps .search button:focus { color:var(--color-black); } 
/* maps - legend and options */
.maps .legenda, .maps .opcje { position:relative; padding:2em; margin:0; width:50%; }
.maps .legenda .forms, .maps .opcje .forms { overflow:visible; background:transparent;}
.maps .legenda legend, .maps .opcje legend { padding:0; margin:0 0 1em 0;}
.maps .legenda ins,.maps .legenda .ins,
.maps .legenda ins,.maps .legenda .ins, .maps .opcje ins,.maps .opcje .ins { position:relative; display:block; overflow:visible; height:auto; padding:0; margin:0.5em; text-align:left; background:transparent; border-bottom:1px solid var(--color-light-grey); }
.maps .legenda .marker { display:inline-block; vertical-align:middle; border:0; border-left:1px solid var(--color-light-grey); width:20px; height:20px; padding:0; margin:0 0.5em 0 0; box-sizing:border-box; background-position:center top; background-repeat:no-repeat; background-size:80% 100%; }
/* maps - dsc */
.maps .opis { position:relative; padding:2em; margin:0; width:50%; }
.maps .opis strong { display:block; font-weight:bold; font-size:1.4em; line-height:1em; text-align:left; margin:0 0 1em 0; }
.maps .opis p { display:block; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.1em; }
/* mapy - image */
.maps .image { position:relative; padding:2em; margin:0; width:44%; }
/* mapy - hint */
.map-object { position:relative; padding:1em; margin:0; width:auto; height:auto; box-sizing:border-box; }
.map-object strong { display:block; margin:0 0 0.8em 0; font-family:var(--font); text-align:left; font-size:1.2em; line-height:1em; }
.map-object p { font-family:var(--font); text-align:left; font-size:1em; line-height:1.2em; margin:0; }
.map-object a.button:link, .map-object a.button:visited { padding:1em; margin:1em 0; }
.map-object .forms { width:350px; }
 /* maps - fix horizontal view */
.MapaPozioma .maps .map { height:750px; }
.MapaPozioma .maps .box-podsumowanie { flex-direction:column; }
.MapaPozioma .maps .legenda,.MapaPozioma .maps .opcje { width:100%; box-sizing:border-box; text-align:center; }
.MapaPozioma .maps .legenda ins, .MapaPozioma .maps .legenda .ins,
.MapaPozioma .maps .opcje ins, .MapaPozioma .maps .opcje .ins { display:inline-block; border-bottom:0; }
.MapaPozioma .maps .legenda legend,.MapaPozioma .maps .opcje legend { margin:0 auto 1em; }
 /* maps - popup if not exist */
.map-popup { position:absolute; top:20%; left:50%; transform:var(--center); min-width:30%; height:auto; padding:15px 15px 0 0; z-index:10; }
.map-popup-content { border:1px solid var(--color-grey); background-color:var(--color-white); box-shadow:var(--box-shadow-hover); }
.map-popup .usun { position:absolute; top:0; right:0; width:30px; height:30px; }
/*fix */
.txt .extendedArea { display:none; }


/* MODUL BANNERY */
.bannery { position:relative; overflow:hidden; width:auto; height:auto; padding:0; margin:0; }
.bannery div.item { padding:0; margin:0; float:left; display:block !important; display:inline; }
.bannery a {display:block;}
.bannery a img { width:auto; height:auto; padding:0; border:0; transition-duration:0.8s; }
.bannery a:hover img,.bannery a:focus img { opacity:0.7; transition-duration:0.6s; }
.bannery a:focus img { border:2px solid #ce0000;width:95%;height:95%; }
/*slider */
.bannery-slider { position:relative; }
.bannery-overlay { position:relative; overflow:hidden;width:100%; height:100%; padding:0; margin:0;}
.bannery-wraper {position:absolute; width:100000px; top:0; left:0; z-index:0;}
/* slider uklad pionowy */
.bannery.pion .bannery-wraper { height:100000px; width:auto;}
.bannery.pion div.item { float:none; display:block !important; }
/* slider opcje */
.bannery-previous,.bannery-next { position:absolute; top:50%; margin-top:-10px; z-index:1000; cursor:pointer; width:38px; height:38px; z-index:2; }
.bannery-previous { left:-2em;}
.bannery-next { right:-2em;}
.bannery-previous a:link,.bannery-previous a:visited,
.bannery-next a:link,.bannery-next a:visited {  height:100%; display:block; text-decoration:none; color:var(--color-black); background:var(--color-white); }
.bannery-previous a:before,.bannery-next a:before { font-family:var(--font-icon); content: "\e619"; line-height:1em; position:absolute; top:50%;transform: translate(0, -50%); left:0; width:100%; text-align:center; }
.bannery-next a:before { content:"\e618"; }
.bannery-previous a:before, .bannery-next a:before { font-size:2em;}
.bannery-previous a:active,.bannery-previous a:hover,.bannery-previous a:focus,
.bannery-next a:active,.bannery-next a:hover,.bannery-next a:focus,
.bannery-previous a:hover:before,.bannery-previous a:focus:before,.bannery-next a:hover:before,.bannery-next a:focus:before { color:var(--color-white); background:var(--color-main); }
.bannery-previous a span,.bannery-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0em; }
.bannery-next a.end,.bannery-previous a.end {opacity:0.5; cursor:default;}
/* slider opcje uklad pionowy */
.bannery.pion .bannery-previous,.bannery.pion .bannery-next { left:50%; top:auto; margin-left:-10px; margin-top:0; }
.bannery.pion .bannery-previous { top:1px;}
.bannery.pion .bannery-next { bottom:1px;}
.bannery.pion .bannery-previous a:link,.bannery.pion .bannery-previous a:visited { background-position:0px -40px; }
.bannery.pion .bannery-previous a:active,.bannery.pion .bannery-previous a:hover,.bannery.pion .bannery-previous a:focus {background-position:0px -60px; }
.bannery.pion .bannery-next a:link,.bannery.pion .bannery-next a:visited { background-position:-20px -40px; }
.bannery.pion .bannery-next a:active,.bannery.pion .bannery-next a:hover,.bannery.pion .bannery-next a:focus {background-position:-20px -60px; }

/* fix var(--font-icon) */
.banners {position:relative; margin:2em auto; width:100%; height:auto; overflow:hidden; border:0; z-index:0;}
.banners .bannery { height:100% !important; }
.banners .bannery:after { clear:both;}
.banners .bannery-slider { position:relative; padding:0 2em;margin:0 auto; }

/* context - podpowiedzi */
a.context { position:relative; display:inline-block; }
a.context:before { content:"" !important;}
a.context span.hint { position:absolute; display:none; padding:2em; box-sizing:border-box; border:2px solid var(--color-light-grey); background:var(--color-white); font-size:0.9em; line-height:1em; text-align:left; transition-duration:1.8s;}
a.context span.hint strong { display:block;}
a.context span.hint .triangle { position:absolute; bottom:-20px; left:1em; display:block; width:0; height:0; border-style:solid; border-width:20px 25px 0 25px; border-color: var(--color-light-grey) transparent transparent; z-index:2;}
a.context:hover span.hint,a.context:focus span.hint { position:absolute; bottom:2.1em; left:-2em; display:block; width:200px; height:auto; transition-duration:0.8s;}
#printer span.hint { display:none !important; }

/* AJAX */
div.ajaxloading {position:absolute; display:block; top:1em; left:1em; padding:0.5em; float:left; color:var(--color-black); border:1px dotted var(--color-black); background:var(--color-white); z-index:1000; }

/* RANKING */
.rabidRating { float:left; margin:0 2em 0 0;}
.rabidRating .wrapper { cursor:pointer; background:var(--color-light-grey); margin:0; }
.rabidRating .wrapper { overflow:hidden; text-align:left;}
.rabidRating span,.rabidRating .wrapper { display:block; width:110px; height:25px; }
.rabidRating span { position:relative; top:0; left:0; text-indent:-999em; }
.rabidRating .ratingStars { display:block; background:url("/img/rating/gwiazdki.png") no-repeat center; }
.rabidRating .ratingFill { background-color:#0069ff; }
.rabidRating .ratingVoted {cursor:default; background-color:var(--color-light-grey); }
.rabidRating .ratingActive { background-color:#00f0ff; }
.rabidRating .ratingText { color:#a4a4a4; font-size:0.8em; }
.rabidRating .ratingText.loading { background:url("/img/ajax/loading1.gif") no-repeat; text-indent:-999em; }

/* TAGI*/
a.tagi6 { font-size:2.1em; color:var(--color-black); }
a.tagi5 { font-size:1.9em; color:var(--color-black); }
a.tagi4 { font-size:1.7em; color:var(--color-black); }
a.tagi3 { font-size:1.5em; color:var(--color-black); }
a.tagi2 { font-size:1.2em; color:var(--color-black); }
a.tagi1 { font-size:1em; color:var(--color-black); }

/* LISTING TYP:TABELKA*/
#table-listing table, table.table-listing { width:100%; border-collapse:separate; border:0; border-spacing:0.1em; font-size:1em; }
#table-listing table caption, table.table-listing caption { border:0; border-bottom:0; padding:1em 0.5em; background:var(--color-white); font-size:1.4em; font-weight:bold; text-align:left;}
#table-listing table caption span, table.table-listing caption span { font-size:0.7em; font-weight:normal; }
#table-listing table tr, table.table-listing tr { color:var(--color-text); }
#table-listing table tr:hover, table.table-listing tr:hover { background:var(--color-yellow);}
#table-listing table tr th, table.table-listing tr th { min-height:1em; border:0; padding:1em 0.5em; background:var(--color-dark-grey); font-family:var(--font); font-size:1em; font-weight:normal; color:var(--color-white); text-align:center;}
#table-listing table tr td, table.table-listing tr td { min-height:1em; vertical-align:top; border:0; padding:1em; margin:0.6em; background:var(--color-light-grey);}
#table-listing table tr:nth-child(odd), table.table-listing tr:nth-child(odd) { background:var(--color-grey); }
#table-listing table tr td.center, table.table-listing tr td.center {text-align:center;}


/*tabelka div*/
.table-items { display:table; vertical-align:middle; margin:0; padding:0; width:100%; box-sizing:border-box; }
.table-items ul { position:relative; display:table-row; margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:center; }
.table-items ul.error:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid var(--color-light-grey); background-color:rgba(255,0,0,0.1) }
.table-items ul.header:after { height:2px; }
.table-items ul.header li { font-weight:bold; }
.table-items ul:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:var(--color-light-grey); }
.table-items li ul:after { content:""; height:0; }
.table-items ul li { position:relative; display:table-cell; height:auto; width:auto; min-width:50px; overflow:visible; margin:0 0.5em 0; padding:1.5em 1em; box-sizing:border-box; vertical-align:middle; text-align:left; background:transparent; font-size:1em;line-height:1em; }
.table-items ul li.alignRight { text-align:right;}
.table-items .name { text-align:left;} 


/*MOBILE*/
#mobile #drukuj, #mobile #text-size { display:none;}

/* wyrownywanie boxow - style systemowe */
.firstInRow { margin-left:0 !important;}
.lastInRow { margin-right:0 !important;}

/* box 12 grid system */
.row, ul.row { margin:0 -15px; display:flex; flex-flow:wrap; }
._2r,._3r,._4r,._5r,._6r { display:block; margin:0 0 30px 0 !important; }
._2r a,._3r a,._4r a,._5r a,._6r a { margin:0 15px; }
._2r.reset a,._3r.reset a,._4r.reset a,._5r.reset a,._6r.reset a { margin:0; }
._2r { width:50%; } ._2r:nth-child(2n+1) { clear:left; }
._3r { width:33.33%; } ._3r:nth-child(3n+1) { clear:left; }
._4r { width:25%; } ._4r:nth-child(4n+1) { clear:left; }
._5r { width:20%; }  ._5r:nth-child(5n+1) { clear:left; }
._6r { width:16.33%; } ._6r:nth-child(6n+1) { clear:left; }

/*12 grid system */
.xrow { margin:0 -15px; display:flex; flex-flow:wrap;}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 { display:block; margin:0; padding:0 15px; box-sizing:border-box;}
.x1 { width:8.33%;}
.x2 { width:16.66%;}
.x3 { width:25%;}
.x4 { width:33.33%;}
.x5 { width:41.66%;}
.x6 { width:50%;}
.x7 { width:58.33%;}
.x8 { width:66.66%;}
.x9 { width:75%;}
.x10 { width:83.33%;}
.x11 { width:91.66%;}
.x12 { width:100%;}

.xrow.noGap { margin:0;}
.xrow.noGap > .x1,.xrow.noGap > .x2,.xrow.noGap > .x3,.xrow.noGap > .x4,.xrow.noGap .x5,.xrow.noGap > .x6,.xrow.noGap > .x7,.xrow.noGap > .x8,.xrow.noGap > .x9,.xrow.noGap > .x10,.xrow.noGap > .x11,.xrow.noGap > .x12 { padding:0; } 

._left50	{right:auto; left:50% !important; transform:translate(-50%,0); -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0);}
._top50	{bottom:auto; top:50% !important; transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
._center50	{ bottom:auto; top:50% !important; right:auto; left:50% !important; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}


/*===============================================*/
/* OKNA POPUP */
/*===============================================*/

/*okno zwykle*/
.okno_tlo { background:var(--color-white); padding:2em}

/*okno drukuj*/
body.okno_tlo_print { background:var(--color-white); }
#printer  { padding:0.6em; width:97%}
#printer * { color:var(--color-black);}
#printer #text-size, #printer #drukuj, #printer .noprint, #printer #opcje-strony { display:none; }
#printer #table-listing table tr td { font-size:0.9em; }
#printer .img img { width:100%; height:auto; }

#printer #metryka { height:110px; }

#printer .zdjecia ul li { float:left; display:block}
#printer .zdjecia-tumb {width:100%; height:auto; padding:0;  }
#printer .zdjecia-tumb-overlay {  margin:1em auto;}
#printer .zdjecia-tumb-wraper {position:relative; width:auto; }
#printer .zdjecia-previous,#printer .zdjecia-next { display:none; }

#printer .forms ins { position:relative; display:block; height:auto; padding:0; margin:1em 0;  }
#printer .forms .label { position:relative; top:auto; left:auto; padding:0; width:auto; border:0; text-align:left; font-size:1.3em; font-weight:normal;}
#printer .forms div.form_text { position:relative; padding:0 0 10px 0; color:var(--color-black); font-size:1em;}


/*===============================================*/
/* FORMULARZE */
/*===============================================*/

.wyszukiwarka { position:relative; float:none; overflow:visible; padding:0.5em 6em; margin:0; background:var(--color-light-grey); border:1px solid var(--color-light-grey); border-left:4px solid var(--color-main); z-index:1; }
.rekordy { position:relative; float:none; overflow:visible; padding:0; margin:1em 0; background:var(--color-white); z-index:0; }

.rekordy .header { text-align:left; padding:1em 3em; border:0;}
.rekordy .header h3 {display:inline-block; font-family:var(--font); font-size:2em; line-height:1em;}

/* licznik */
.iloscRekordow { position:relative; display:inline-block; padding:1em 0 1em 2em; margin:0 0 0 2em; width:auto; text-align:left; z-index:1; border-left:1px solid var(--color-grey); } 
.iloscRekordow h4 { font-family:var(--font); font-size:1.8em; line-height:1em; margin:0; padding:0; font-weight:normal;}
.iloscRekordow h4 span { font-family:var(--font); color:var(--color-main);}

/* formularz */
.forms { position:relative; display:block; overflow:visible; border:0; margin:0; padding:0; }
.forms .required { font-weight:normal; color:var(--color-red); font-size:0.9em; }
.forms .error { display:inline-block; background-color:var(--color-red); color:var(--color-white); font-size:0.9em; line-height:1em; padding:0.3em;}
.forms br { clear:both; margin:0; padding:0; overflow:hidden; }
.forms img { border:0; vertical-align:middle; }
.forms form { height:auto; margin:0 auto; background:transparent; padding:0; color:var(--color-text);}
.forms fieldset { position:relative; display:block; z-index:1; height:auto; padding:0; margin:0; border:0; overflow:visible; }
.forms legend { position:relative; margin:0 0 1em 0; padding:0 0 0.3em 0; width:100%; overflow:hidden; font-family:var(--font); font-size:1.8em; line-height:1.3em; font-weight:600; text-align:left; border-bottom:1px solid var(--color-light-grey); background:transparent; color:var(--color-main); }
.forms legend.subtitle { position:relative; display:block; top:0; z-index:1; width:auto; overflow:hidden; padding:0.8em; text-align:left; font-size:1em; font-weight:bold;}
.forms ins, .forms .ins { position:relative; display:flex; align-items:center; overflow:visible; padding:0; margin:1em 0; width:auto; text-align:left; background:transparent; font-size:1em; text-decoration:none; }
.forms .ins { margin:3em 0; }
.forms .box_error { border:1px solid var(--color-red); }
.forms .submit { position:static; display:block; padding:1em 0; text-align:center; }
.forms .title { position:static; display:block; padding:0.5em; font-weight:normal; font-size:1.6em; line-height:1.1em; }
.forms .subtitle { font-weight:bold; }
.forms .all { position:static; display:block; padding:0.8em !important; }
.forms label, .forms .label { position:relative; display:block; padding:0 1em 0 0; width:37%; border:0; text-align:right; color:var(--color-black); font-size:1em; line-height:1em; font-weight:normal; }
.forms .label.align_left { text-align:left;}
.forms label span.error { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em;}
.forms .form_input { position:relative; padding:0; width:63%; margin:0; background:transparent; text-align:left; color:var(--color-black); font-size:1em;}
.forms .form_input label,.forms .form_input .label { position:relative; top:0; left:0; padding:0 0.5em; width:auto; border:0; text-align:left; font-size:1em; font-weight:normal;}
.forms .form_text { position:relative; padding:0; width:63%; margin:0; text-align:left; font-size:1em; line-height:1.4em;}
.forms .form_text p { margin-top:0; }

/* ustawienie 2 w rzedzie */
.forms .twoRows { float:left; width:50%; padding:0 1em; box-sizing:border-box; }
.forms .twoRows label,.forms .twoRows .label { text-align:left; }
.forms .twoRows input[type=text],.forms .twoRows input[type=file],.forms .twoRows input[type=password],.forms .twoRows select { width:100%; }
.forms .twoRows input[type=text].data,.forms .twoRows input.data {width:50%;}
/* ustawienie 2 w rzedzie NEW */
.forms .xforms { margin:0; display:flex; flex-flow:wrap; justify-content:space-between; }
.forms .xforms ins { display:block; margin:0 0 30px 0 !important; width:48%; }
.forms .xforms ins._3r { width:30%; }
.forms .xforms ins._1r { width:100%; }

/*reset*/
.forms ins.reset,.forms .twoRows .ins.reset { display:block; }
.forms ins.reset label,.forms ins.reset .label { display:block; padding:0 0 1em 0; width:100%; text-align:left; box-sizing:border-box;}
.forms ins.reset .left label,.forms ins.reset .left .label { left:auto; display:inline-block; vertical-align:middle; padding:0 0.5em 0 0; float:none; width:auto; border:0; text-align:left;}
.forms ins.reset .form_input { position:relative; display:block; padding:0; width:100%; margin:0; text-align:left; }
.forms ins.reset .form_input label,.forms ins.reset .form_input .label { width:auto; display:inline-block; padding:0 0.5em; }

/*reset general*/
.forms.reset ins { display:block; }
.forms.reset ins label,.forms.reset ins .label { display:block; padding:0 0 0.5em 0; width:100%; text-align:left; box-sizing:border-box;}
.forms.reset ins.reset .left label,.forms.reset ins .left .label { left:auto; display:inline-block; vertical-align:middle; padding:0 0.5em 0 0; float:none; width:auto; border:0; text-align:left;}
.forms.reset ins .form_input { position:relative; display:block; padding:0; width:100%; margin:0; text-align:left; }
.forms.reset ins .form_input label,.forms.reset ins .form_input .label { width:auto; display:inline-block; padding:0 0.5em; }

/* zalaczone pliki do formularza*/
.forms ins img {width:auto !important; height:auto !important;}
.forms ins .attachedFile img.sImg { border:0; width:120px; height:auto; margin:1em 0; }
.forms ins .attachedFile img.sFile { border:0; width:35px; height:auto; margin:1em 10px 1em 0; }
.forms ins .attachedFile .checkbox { margin:1em 0; display:inline-block; }

/* wyszukiwarka dzialowa */
.forms.page { text-align:left; margin:0 0 1em;}
.forms.page form { width:100%; margin:0; box-sizing:border-box; }
.forms.page form fieldset { border:1px solid #b5bec4; box-sizing:border-box; }
.forms.page form .szukaj-dzial { position:absolute; top:8px !important; width:190px; overflow:hidden; color:#b3b3b3; font-size:0.9em; font-weight:normal; text-align:left; }
.forms.page input[type=text] { width:85%; border:0;}
.forms.page input[type=submit],.forms.page button { position:absolute; top:0; right:0; display:block; width:30px; height:30px; padding:0; margin:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:#fcc133; }
.forms.page input[type=submit]:before ,.forms.page button:before { position:absolute; top:0.2em; left:0; width:100%; text-indent:0; font-size:1.2em; line-height:1.3em; font-family:"Consolas", monospace; content:">"; color:var(--color-black); }
.forms.page input[type=submit]:hover,.forms.page input[type=submit]:focus,.forms.page button:hover,.forms.page button:focus { color:var(--color-black); }
.forms.archiwum .lupa:after { position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); right:3%; text-indent:0; font-size:1.2em; line-height:1.3em; font-family:"Consolas", monospace; content:">"; color:var(--color-black);}

/* LoginBox */
.forms.loginBox { position:relative; display:block; margin:0; } 
.forms.loginBox input[type=text], .forms.loginBox input[type=password] { width:100%; height:100%; box-sizing:border-box; padding-left:30px }
.forms.loginBox .loginFiled:before, .forms.loginBox .passField:before, .forms.loginBox .emailField:before { position:absolute; top:50%; left:5px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); display:block; width:20px; height:20px; overflow:hidden; font-family:var(--font-icon); font-size:20px; line-height:20px; font-weight:normal; }
.forms.loginBox .loginFiled:before { content:"\e602"; }
.forms.loginBox .passField:before { content:"\e602"; }
.forms.loginBox .emailField:before { content:"\e602"; }

/*fast LoginBox */
.forms.loginBox.quick fieldset { display:flex; }
.forms.loginBox.quick .emailField { width:100%; }

/* Pass strenth */
.passStrength { position:relative;margin:0.3em 0; }
.passStrength.bar { display:block; height:0.6em; }
.passStrength.hint { margin:0.2em 0 0 0; font-size:0.9em; color:var(--color-light-text); }

/* licznik */
.iloscRekordow { position:absolute; top:1em; right:1em; padding:0 0 0 2.4em; margin:0; width:auto; height:40px; text-align:left; z-index:1; font-size:1.1em; line-height:1em; background:var(--color-white); box-shadow:1px 1px 1px #c3c3c3; } 
.iloscRekordow .inner {padding:0.4em}
.iloscRekordow h4 { margin:0; padding:0;font-size:1em; font-weight:normal;}
.iloscRekordow span:before { display:block; font-family:var(--font-icon); content:"\e606"; font-size:1.5em; line-height:1em; color:var(--color-white); position:absolute; top:0.05em; left:0.05em; padding:0.27em 0.5em 0.27em 0.5em; background:var(--color-main); }

/* pola formularza */ 
.forms input[type=text],.forms input[type=file],.forms input[type=password],.forms select { font-size:1em; font-weight:normal; color:var(--color-black); text-align:left; border:1px solid var(--color-grey); width:60%; margin:0; padding:0.5em; background-color:var(--color-white); }
.forms .select { position:relative; display:inline;}
.forms .select:after {content:'>'; font:0.9em "Consolas", monospace; transform:rotate(90deg); color:var(--color-black); background:var(--color-white); position:absolute; top:-6px; right:6px; padding:8px; pointer-events:none;}
.forms .select select { position:relative; padding:0.7em 0.7em 0.7em 1.2em; -webkit-appearance:none;-moz-appearance:none; box-sizing:border-box;}
.forms .select select[multiple] {z-index:2;}
.forms input[type=text].number {width:120px !important;}
.forms input[type=text].data,.forms select.data {width:120px;}
.forms input[type=password] { width:50%; border:1px var(--color-grey) dotted; }
.forms input[readonly="readonly"] {opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  }
.forms input[type=radio],.forms input[type=checkbox] { border:0; margin:0.4em 0.5em 0.4em 1em; background:transparent; }
.forms textarea { font-family:"Roboto",sans-serif; font-size:1em; color:var(--color-black); border:1px solid var(--color-light-grey); font-weight:normal; background:var(--color-white); text-align:left; padding:0.1em; overflow-y:auto; overflow-x:hidden; width:90%; }
.forms input[type=submit],.forms input[type=button],.forms button { font-family:var(--font); font-size:1em; color:var(--color-white); font-weight:normal; text-align:center; text-transform:none; width:auto; height:auto; margin:0.2em; padding:0.3em 1em 0.3em 1em; border:0; overflow:hidden; background:url("/dokumenty/szablonyimg/391-bg-button.png") repeat-x var(--color-main) center left;  box-shadow:0px 0px 3px var(--color-light-grey); cursor:pointer; }
.forms input[type=submit]:hover,.forms input[type=button]:hover,.forms input[type=submit]:focus,.forms input[type=button]:focus { background:var(--color-light-grey); color:var(--color-black) }
.forms input[type=image] { border:0; }
.forms input:disabled,.forms textarea:disabled {opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  }
.forms input:focus,.forms select:focus,.forms textarea:focus { background-color:var(--color-yellow); border:1px solid var(--color-black);
  -moz-box-shadow:0px 0px 5px var(--color-light-grey); -webkit-box-shadow:0px 0px 5px var(--color-light-grey); box-shadow:0px 0px 5px var(--color-light-grey);transition-duration:1s;}

/* pliki upload */
.forms ul[id^="upload_list_"] { display:none; padding:0; margin:0; }
.forms ul[id^="upload_list_"] li { position:relative; display:block; padding:1em 0; margin:0; overflow:hidden; overflow:visible; list-style:none; box-sizing:border-box;}
.forms ul[id^="upload_list_"].show { display:block;}
.forms input[type=file].uploadInput { display:none; }
.forms .file { position:relative; display:block; border:1px solid var(--color-grey); padding:1em; box-sizing:border-box; margin:0 0 1em 0;}
.forms .file h4 { display:block; padding:0; margin:0; border:0; overflow:hidden; font-size:1.1em; line-height:1.1em; font-weight:normal; text-decoration:none; text-align:left; }
.forms .file .progress { display:inline-block; padding:0; margin:5px 0; border:1px solid var(--color-grey); overflow:hidden; width:80%; height:20px;}
.forms .file .progress span { display:block; background-color:var(--color-green); padding:0; margin:0; border:0; overflow:hidden; width:0px; height:30px;}
.forms .file .usun { float:right; z-index:2; }

/* pretty checkbox */
.checkbox { position:relative; margin:0 0 1em; min-height:20px;  }
.checkbox.radio label:after,.checkbox.radio label:before { border-radius:25px; }
.checkbox input[type=checkbox],.checkbox input[type=radio] {position:absolute; left:-1000em; }
.checkbox label { display:block; width:auto !important; height:auto !important; cursor:pointer; position:relative !important; top:auto; left:auto; background:transparent; top:0 !important;left:0 !important; background:transparent; padding:0 0 0 28px !important;transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); border:0; text-align:left;}
.checkbox label:after,.checkbox label:before { font-size:22pxm; line-height:18px; display:block; width:20px; height:20px; cursor:pointer; position:absolute; top:0; left:0; padding:0; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); border:0; box-sizing:border-box; background:var(--color-white); border:1px solid #d0d0d0;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease; text-align:center;}
.checkbox label:after {content:""; }
.checkbox label:before {content:"\2022"; display:none; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.13);}
.checkbox input[type=checkbox],.checkbox input[type=radio] { margin:0;}
.checkbox input[type=checkbox]:checked + label:after,.checkbox input[type=radio]:checked + label:after { display:none; }
.checkbox input[type=checkbox]:checked + label:before,.checkbox input[type=radio]:checked + label:before { display:block; background:var(--color-black); color:var(--color-white); }
.checkbox input[type=checkbox]:focus + label,.checkbox input[type=radio]:focus + label { text-decoration:underline; }
.checkbox input[type=radio]:focus + label:before,.checkbox input[type=radio]:checked + label:before { border-radius:25px; }
.checkbox label:hover:before { opacity:0.3; }

/* czyszczenie pola w wyszukiwarce */
.usun { position:relative; display:inline-block; vertical-align:middle;width:28px; height:28px; margin:0.03em 0 0 0.5em; }
.usun a:link,.usun a:visited { position:relative; display:block; height:100%; text-decoration:none; background:var(--color-main); color:var(--color-white); transition-duration:0.6s; }
.usun a:before { font-family:"Consolas", monospace; content:"x"; font-size:1.4em; line-height:1em; position:absolute; top:50%; transform:translate(0, -50%); left:0; width:100%; text-align:center; }
.usun a:hover,.usun a:focus { background:var(--color-black); transition-duration:0.6s; }

/* wstawa date */
a.dateInsert { position:relative; display:inline-block; vertical-align:middle; width:28px; height:28px; margin:0.03em 0.2em 0 0; }
a.dateInsert:link,a.dateInsert:visited { color:var(--color-black); text-decoration:none; transition-duration:0.6s; }
a.dateInsert:before { /*font-family:"Consolas", monospace;*/ content:"\01F4C5"; font-size:1.4em; line-height:1em; position:absolute; top:50%; transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%); left:0; width:100%; text-align:center; }
a.dateInsert:hover,a.dateInsert:focus { color:#34343e; transition-duration:0.6s; }

/* opcje sortowania */
.sort { position:relative; display:inline-block; vertical-align:middle; z-index:2; margin:0 0.1em; white-space:nowrap; transition-duration:0.6s; }
 a.sort-up:link, a.sort-up:visited,
 a.sort-down:link, a.sort-down:visited { position:relative; display:inline-block; text-decoration:none; line-height:0.5em; margin-right:-7px; color:var(--color-white); transition-duration:0.6s; }
 a.sort-up:hover, a.sort-up:focus, a.sort-down:hover,a.sort-down:focus,
 a.sort-up:hover:before, a.sort-down:hover:before { color:var(--color-black); text-decoration:none !important; transition-duration:0.6s; }
 a.sort-up:before, a.sort-down:before {font-family:"Consolas", monospace; content:"<";transform:rotate(-90deg); font-size:1em; line-height:0.9em; position:relative; text-align:center; text-decoration:none; }
 a.sort-down:before {content:">"; transform:rotate(90deg);}
 
 /* filtr - szybkie usuwanie nad wynimami */
.filter { position:relative; display:block; margin:1em 0.1em; }
.filter h3 { position:relative; display:inline-block; margin:0 0.2em 0 0; font-size:1em; line-height:1em; color:var(--color-black); }
.filter a:link,.filter a:visited { position:relative; display:inline-block; border:1px solid #ededed; padding:0.3em 0.5em; margin:0.1em 0.2em; text-decoration:none; font-size:1em; line-height:1em; color:var(--color-black); }
.filter a:hover,.filter a:focus { background:var(--color-black); color:var(--color-white); transition-duration:0.6s; }
.filter a:before { font-family:"Consolas", monospace; content:"x"; font-size:1em; line-height:0.9em; color:var(--color-black); position:relative; text-align:center; float:right; vertical-align:middle; margin:0 0 0 0.3em;}
.filter a:hover:before,.filter a:focus:before { color:var(--color-white); transition-duration:0.6s; }

/* dodtkowe info przy polu */
.infoForm { position:relative; display:inline-block; border:1px solid var(--color-grey); padding:1em 1em 1em 50px; margin:1em 0 0 0; text-align:left; font-size:0.9em; line-height:1em; color:var(--color-dark-grey); font-family:var(--font); }
.infoForm * { color:var(--color-main); }
.infoForm:before { font-family:var(--font-icon); content:"\e601"; font-size:2em; line-height:1em; color:var(--color-dark-grey); background-color:var(--color-grey); width:35px; height:100%; text-align:center; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; }


/*button insted of checkbox */
a.checkbox-button-Off, a.checkbox-button-Off:link,a.checkbox-button-Off:visited,a.checkbox-button-On:link,a.checkbox-button-On,a.checkbox-button-On:visited { display:none; position:relative; font-size:1.1em; font-weight:normal; text-align:left; text-transform:none; text-decoration:none; padding:0.5em 1em 0.5em 2em; margin:0.1em 0; cursor:pointer; white-space:nowrap; }
a.checkbox-button-Off:link,a.checkbox-button-Off:visited { color:var(--color-text);}
a.checkbox-button-On:link,a.checkbox-button-On:visited { color:var(--color-text);  }
a.checkbox-button-Off span,a.checkbox-button-On span { position:absolute; top:0; left:0; font-size:0; text-indent:-100em; }
a.checkbox-button-Off:before, a.checkbox-button-On:before { position:absolute; top:50%; left:0; transform:var(--hcenter); content:"\2612"; display:block; width:20px; height:20px; font-size:1.6rem; line-height:20px; color:var(--color-red);}
a.checkbox-button-On:before { content:"\2611"; color:var(--color-green); }
a.checkbox-button-Off:before:hover { color:var(--color-text); }
a.checkbox-button-On:before:hover { color:var(--color-green); }

/* kroki formularz */
.steps {position:relative; background-color:var(--color-light-grey); margin:1em 0; padding:1em;}
.steps:before { content:""; position:absolute; top:50%; left:0; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); width:100%; height:1px; background:var(--color-light-grey); z-index:0; }
.steps > ul { display:flex; flex-flow:wrap; justify-content:space-between; margin:0; padding:0; list-style-type:none; list-style-image:none; width:auto; float:none; z-index:2; }
.steps > ul > li { position:relative; padding:0; margin:0; margin:1em; overflow:hidden; list-style:none; text-align:left; }
.steps > ul > li div { position:relative; width:40px; height:40px; display:flex; justify-content:center; align-items:center; color:var(--color-white); font-size:1.2em; font-weight:700; border:2px solid var(--color-light-grey); border-radius:100%; z-index:1;}
.steps > ul > li div:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:100%; height:100%; border-radius:100%; background:var(--color-black); z-index:-1; }
.steps > ul > li div.deactive { color:var(--color-light-grey); }
.steps > ul > li div.deactive:before { background:var(--color-white);  }
.steps > ul > li div.current {  color:var(--color-white); border:2px solid var(--color-main); }
.steps > ul > li div.current:before {  background:var(--color-black); }


/* RESPONSYWNOSC */
@media only screen and (max-width: 74em) {
  
  #page {width:auto; padding:0.5em;}
  header  .inside, footer  .inside, #content{ width:auto;}
  h2#header-logo-BIP { left:50%; width:50px;  }
  h2#header-logo-BIP span { background-size:200px auto;}

  .zdjecia ul li.clear { display:none !important; }
  .zdjecia ul li.lastInRow,.zdjecia ul li {  margin:0 1em 1em 0 !important;}
  
  #back-to-top { left:auto; right:0em; }
  
  .x-xl { float:none; width:100%; padding:0; margin:0 0 30px 0; }


}

@media only screen and (max-width: 57em) {
  
	/* h1#header-logo { top:35%; transform:translate(0, -50%); width:42%; height:90px; } */
    h1#header-logo { top:35%; transform:translate(0, -50%); width:52%; height:90px; font-size:.8em; }
	h1#header-logo a { background-size:auto 100%; padding-left:95px; font-size:1.5em; }
	
	h2#header-logo-BIP { top:35%; left:auto; right:0.5em; transform:translate(0, -50%); width:42%; height:90px; }
	h2#header-logo-BIP span { background-size:100% auto;}
		
	#search { display:none; }
	#header-opcje ul li.szukaj { display:block;}
    #header-opcje ul li.home { display:none;}
  
    .meni-zajawkowe h3 {  font-size:1.3em;  }
    .meni-zajawkowe ul li { width:29%;}
  
    #back-to-top { position:fixed; bottom:1em; left:auto; right:0em; width:30px; height:30px; z-index:10;}
    #back-to-top a:before {font-size:1em; line-height:2em;  }
    #back-to-top a span{  bottom:-1000em;}
  
   ._4r, ._5r, ._6r { width:50%; } ._4r:nth-child(2n+1) { clear:left; } ._5r:nth-child(2n+1) { clear:left; } ._6r:nth-child(2n+1) { clear:left; }
								._4r:nth-child(4n+1) { clear:none; } ._5r:nth-child(5n+1) { clear:none; } ._6r:nth-child(6n+1) { clear:none; }
 .x7,.x8,.x9,.x10,.x11,.x12 { width:50%; } 
 .x-md { float:none; width:100% !important; padding:0; margin:0 0 30px 0; }
  
}


@media only screen and (max-width: 45em) {
  
  #page {font-size:0.9em; }
  #content {padding:0; min-height:100%; } 
  
  .mainLeft,.mainRight,
  .subLeft,.subRight  { width:auto; float:none; margin:1em 0 1em 0;}

  #search {display:none}
 

  #meniTab { padding:0; margin:1em 0 1em 0; width:auto; height:auto; border:0;}
  #meniTab ul { text-align:center;}
  #meniTab ul li {  margin:0 0 0.1em 0; float:none; }
  #meniTab ul li a, #meniTab ul li a:visited, #meniTab ul li a:hover,#meniTab ul li a:active, #meniTab ul li a:focus,#meniTab ul li a.check { padding:0.5em 1em 0.5em 1em; border:1px solid var(--color-light-grey); }
  
  .meni-zajawkowe ul li { margin:0 0 1em 0; float:none; width:auto; }
  
  .okno ul li { padding:0; }
  .okno ul li strong { font-size:1.8em;}
  .okno ul li img { position:relative; top:auto; left:auto; }
  
  #footer-adres p.aleft{ position:relative; top:auto; float:none; }
  
  .box-incontent { float:none; width:auto; padding:2em; margin:1em 0 }
  div.q { width:100%; float:none; padding:0 30px 10px 0; margin:2% 0; }
  img {width:100%; height:auto;}
  
   iframe {width:100%; height:300px;}
 
  ._2r ,._3r { width:50%; }  ._3r:nth-child(2n+1) { clear:left; } 
						   ._3r:nth-child(3n+1) { clear:none; }
 .xrow { display:block; margin:0; }
 .x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 { float:none; width:100%; padding:0; margin:0 0 5px 0; }
 .x-sm { float:none; width:100%; padding:0; margin:0 0 30px 0; } 
 .x-sm-align_center { text-align:center; }
  

}

@media only screen and (max-width: 35em) {

  article, .tresc, #txt, .txt { font-size: 1.2em; }

  #mobileDodatkowe {display:block;}
  
  #mobileDodatkoweContent { display:none; width:100%; }
  #menu { padding:0 }
  #header-menu { width:auto; }

   /* foot */
   footer { height:auto;  }
   footer .inside {  height:auto;  }
   #footer-adres{ position:relative; top:auto; /*left:50%; transform:translate(-50%, 0);*/ padding:0; margin:1em auto; width:auto; height:auto; }
   #footer-adres div.kgp { margin:0 auto 1em auto; height:100px; width:60px; float:none;  }
   #footer-adres p strong {  text-align:center; display:block; }
   #footer-adres p { text-align:center;}
   #footer-adres p.aleft{ top:auto; float:none; padding:0; margin:0; width:auto; } 
  
  /* footer opcje */
  #footer-opcje { position:relative; top:auto; left:auto; margin: 1em auto; height:auto; padding:0.5em }
  #footer-opcje ul { text-align:center; position:relative; }
  #footer-opcje ul li { display:inline-block !important; float:none;}
  #notka { position:relative; bottom:auto; right:auto; width:auto; height:auto; font-size:0.9em; line-height:1.3em; text-align:center;}

  .left {  float:none; margin:1em 0 1em 0; width:auto !important;}
  .right { float:none; overflow:visible; padding:0; margin:1em 0 1em 0; width:auto !important; background:transparent; }
  
  .mainRight .mLeft,.mainRight .mLeft.long, .mainRight .mRight, .mainRight .mRight.short  { width:auto; float:none; margin:1em 0 1em 0;}

  .okno ul li strong { font-size:1.5em; }
  .okno ul li.media .obj {height:180px;}
  .okno ul li.media strong { font-size:0.8em; }

  
  .naglowek { padding:0; }
  .naglowek h1, .naglowek h2, .naglowek strong { text-align:center; }
  
  #drukuj ,#jsk,#text-size,.mobileHide {display:none;}
  
 .mobileShow { display:inline-block !important;}
 .mobileHide {display:none !important;}  
  
  .okno .twoRows,.okno .twoRowsBox,.okno .threeRows, .okno .threeRowsBox,.okno .fourRows, .okno .fourRowsBox {float:none; margin:1em 0; width:auto;}
  
  .row, ul.row { display:block; margin:0; }
  ._2r ,._3r,._4r,._5r,._5r ,._6r { float:none; width:100%; }
  ._2r a,._3r a,._4r a,._5r a,._6r a { margin:0; }
  .x-xm { float:none; width:100%; padding:0; margin:0 0 30px 0; }  
  
}

@media only screen and (max-width: 25em) {

  header { height:120px;}
  #menu { display:none}
  h1#header-logo { height:60px; top:50%; transform:translate(0, -50%); }
  h1#header-logo a { padding-left:65px; }
  h2#header-logo-BIP { height:60px; top:50%; transform:translate(0, -50%); }

  .foto_left,.foto_right { float:none; overflow:visible; padding:0; margin:1em 0 1em 0; width:auto !important; }
  
  .zdjecia ul li { width:auto; }
  .zdjecia { width:auto !important }
  .zdjecia ul li figure img {height:auto; }
  .zalaczniki {font-size:0.6em;}

}