@import url('/img/diff/diff.css');
@import url('/img/forum/forum.css');
@import url('/img/work/work.css');
@import url('/img/auctions/auctions.css');

@font-face {
 font-family: 'LatoRegular'; src: url('/ftp/layout/font/Lato/LatoLatin-Regular.eot'); src: url('/ftp/layout/font/Lato/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),  url('/ftp/layout/font/Lato/LatoLatin-Regular.woff2') format('woff2'), url('/ftp/layout/font/Lato/LatoLatin-Regular.woff') format('woff'), url('/ftp/layout/font/Lato/LatoLatin-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;
}
@font-face {
 font-family: 'LatoBold'; src: url('/ftp/layout/font/Lato/LatoLatin-Bold.eot'); src: url('/ftp/layout/font/Lato/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),  url('/ftp/layout/font/Lato/LatoLatin-Bold.woff2') format('woff2'), url('/ftp/layout/font/Lato/LatoLatin-Bold.woff') format('woff'), url('/ftp/layout/font/Lato/LatoLatin-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal;
}
/* ikonki */
@font-face {
 font-family: 'bip'; src:url('/ftp/layout/icons/bip.eot'); src:url('/ftp/layout/icons/bip.eot?#iefix') format('embedded-opentype'), url('/ftp/layout/icons/bip.woff') format('woff'), url('/ftp/layout/icons/bip.woff2') format('woff2'), url('/ftp/layout/icons/bip.ttf') format('truetype'), url('/ftp/layout/icons/bip.svg') format('svg'); font-weight: normal; font-style: normal;
}

:root {
 --font: "LatoRegular";
 --font-bold: "LatoBold";
 --font-icon: "bip";
 --color-main: #cd0000;
 --color-grey: #8b8c8f;
 --color-dark-grey: #313131;
 --color-light-grey: #f4f4f4;
 --color-text: #111;
 --color-light-text: #7e7c7d;
 --color-green: #2f942a;
 --color-red: #ca0000;
 --color-navy: #1c4d83;
 --color-black: #000;
 --color-white: #fff;
 --color-yellow: #ffcc00;
 --color-light-opacity: rgba(255,255,255,0.5);
 --color-dark-opacity: rgba(0,0,0,0.5);
 --gradient: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%);
 --border-radius: 0;
 --border-radius-button: 5px;
 --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);
 --vcenter: translate(0,-50%);
 --hcenter: translate(-50%,0);
 --center: translate(-50%,-50%);
}

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



/* zaloba*/
body.zaloba header,
body.zaloba #content,
body.zaloba .newsscroller,
body.zaloba #topnews,
body.zaloba footer { 
 filter: gray; /*IE 6-9 */
 -ms-filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
 -ms-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -o-filter: grayscale(100%);
}
body.zaloba .logo h1 a:before { position:absolute; top:2px; left:2px; z-index:2; font-family:var(--font-icon); content:"\e155"; color:var(--color-black); font-size:1.8em; line-height:1em; padding:0;}
body.zaloba header .txtLogo a { padding:0 0 0 40px;} 

#page { position:relative; display:block; margin:0 auto; width:auto; overflow:visible; z-index:1; background-color:var(--color-white); }
.inside { position:relative; width:1200px; margin:0 auto; box-sizing:border-box; }

/* header */
header { position:relative; display:block; padding:0; margin:0; width:100%; overflow:visible; background:var(--color-white); z-index:3; transition-duration:1s; }
header .inside { }

.header-section { height:70px;}

header .logo { position:absolute; top:10px; left:0; display:block; padding:0; margin:0; width:360px; height:50px; text-align:left; z-index:0; overflow:hidden; box-sizing:border-box; }
.logo h1 { position:relative; display:block; width:100%; height:100%; margin:0; padding:0; text-decoration:none;font-size:1.6em; line-height:1.2em; display:block; font-weight:normal;}
.logo.small h1 { font-size:1.2em;} 
.logo h1 a:link,.logo h1 a:visited { position:relative; display:flex; align-items:center; z-index:1; padding:0 0 0 60px; width:100%; height:100%; box-sizing:border-box; background-image:url("/dokumenty/szablonyimg/40-logo.svg"); background-repeat:no-repeat; background-position:left center; background-size:auto 100%; transform:translate3d(0,0,0); transition-duration:1s;
font-family:var(--font); font-size:1em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:normal;}
.logo h1 a:hover,.logo h1 a:focus { text-decoration:underline; transition-duration:1s;} 

/* menu */
#menu { position:relative; display:block; padding:0; margin:0 auto; width:100%; z-index:1; transition-duration:1s;}
#menu .inside { display:block; height:auto; padding:0; box-sizing:border-box; background:var(--color-light-grey); border-bottom:3px solid var(--color-grey); }

#menuCategoryPlaceholder { position:relative; display:block; padding:0; margin:0; z-index:3; transition-duration:1s;}
#menuCategoryBtn { position:absolute; top:0; left:0; display:none; padding:0; margin:0; z-index:1; border:0; width:auto; height:auto; text-align:center; }
#menuCategoryBtn a { display:block; font-size:1em; line-height:1em; color:var(--color-black); text-align:center; background:var(--color-grey); border-radius:100%; padding:1em; text-decoration:none; white-space:nowrap; }
#menuCategoryBtn a:hover,#menuCategoryBtn a:focus { color:var(--color-white); background:var(--color-main);}
#menuCategoryBtn a:before { font-family:var(--font-icon); content:"\e107"; font-size:2em; line-height:1em; display:inline-block; vertical-align:text-bottom; margin:0; vertical-align:middle; }
#menuCategoryBtn.active a:before { content:"\e119"; }
#menuCategory { display:block; position:relative; }

#menu-scroll { position:fixed; top:0; left:0; display:block; padding:0; box-sizing:border-box; margin:0; height:auto; width:100%; text-align:left; display:none; background-color:var(--color-light-opacity); z-index:99; }
#menu-scroll ul.mainmenu { text-align:center; }

/* 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:5px 10px; 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-red); border:2px solid var(--color-white); color:var(--color-white); }

/* header opcje */
#header-opcje { position:absolute; top:10px; right:0; display:block; padding:0; width:auto; height:30px; box-sizing:border-box; text-align:right; width:auto; z-index:2; }
#footer-opcje { position:relative; display:block; padding:0; width:auto; box-sizing:border-box; text-align:left; width:auto; z-index:0; }
ul.opcje { position:relative; display:inline-block; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:center;}
ul.opcje li { position:relative; display:inline-block; margin:0; margin-right:0.8em; padding:0; vertical-align:middle; text-align:center; list-style:none; }
ul.opcje li.line { border-left:2px solid var(--color-grey); padding-left:20px; }
ul.opcje.pion li { margin:0 0 0.5em 0; display:block; vertical-align:middle; text-align:left; list-style:none; }
ul.opcje.pion li a, ul.opcje.pion li a:visited { text-align:left; white-space:nowrap; }
ul.opcje.pion li a[class^="icon-"]:before, ul.opcje.pion li a[class*=" icon-"]:before { margin:0 10px 0 0; }
ul.opcje li:last-child { margin:0; }
ul.opcje i { font-style:normal; color:var(--color-black);}
ul.opcje strong { display:inline-block; padding:0; margin-left:5px; font-size:1rem; font-weight:normal; text-align:left;}
ul.opcje li a,ul.opcje li a:visited { font-family:var(--font); font-size:1em; line-height:0.9em; color:var(--color-black); text-decoration:none; font-weight:normal; text-transform:none; text-align:center; position:relative; padding:0; margin:0; display:block; }
ul.opcje li a:hover,ul.opcje li a:active,ul.opcje li a:focus,ul.opcje li a.active { color:var(--color-main); text-decoration:none; transition-duration:0.6s;}
ul.opcje li a:hover strong,ul.opcje li a:active strong,ul.opcje li a:focus strong { text-decoration:underline;}
ul.opcje li a[class^="icon-"], ul.opcje li a[class*=" icon-"] { }
ul.opcje li a[class^="icon-"]:before, ul.opcje li a[class*=" icon-"]:before { position:relative; display:inline-block; width:45px; height:45px; background-color:transparent; border-radius:100%; border:1px solid var(--color-grey); margin:0; font-size:1.8em; line-height:45px; font-family:var(--font-icon); color:var(--color-black); text-align:center; text-decoration:none; vertical-align:middle; transition-duration:0.6s;}
ul.opcje li a:hover[class^="icon-"]:before, ul.opcje li a:hover[class*=" icon-"]:before,
ul.opcje li a:focus[class^="icon-"]:before, ul.opcje li a:focus[class*=" icon-"]:before { text-decoration:none; color:var(--color-white); background-color:var(--color-main); transition-duration:0.6s;}
ul.opcje li a.active[class^="icon-"]:before, ul.opcje li a.active[class*=" icon-"]:before { content:"\e119"; color:var(--color-black); transition-duration:0.6s;} 
ul.opcje li a span, ul.opcje li span { position:relative; display:inline-block; padding:0; margin:0; width:auto; vertical-align:calc(50%); overflow:hidden; }
ul.opcje li.shortcut { margin-top:0; width:44px; height:44px; border-radius:100%; border:1px solid var(--color-grey); overflow:hidden; }
ul.opcje li.shortcut a { line-height:45px; padding:0 0.4em; color:var(--color-black); }
ul.opcje li.shortcut a:hover,ul.opcje li.shortcut a:active,ul.opcje li.shortcut a:focus { color:var(--color-white); background:var(--color-main); transition-duration:0.6s;}
ul.opcje li.text-size { min-width:45px; margin-top:1px; white-space:nowrap; }
ul.opcje li.text-size strong { font-size:1.1em}
ul.opcje li a.icon-accessibility:before { background-color:var(--color-navy); color:var(--color-white); }
#footer-opcje ul.opcje li { display:block; margin:1em 0 }
#footer-opcje ul.opcje li a { text-align:left;}
#footer-opcje ul.opcje li a[class^="icon-"]:before, #footer-opcje ul.opcje li a[class*=" icon-"]:before { margin:0 .5em 0 0; color:var(--color-main); border:1px solid var(--color-main); }
#footer-opcje ul.opcje li a:hover[class^="icon-"]:before,#footer-opcje ul.opcje li a:hover[class*=" icon-"]:before { color:var(--color-white); background-color:var(--color-main); }
#footer-opcje ul.opcje li a.icon-facebook:before { color:#4267b2; }
#footer-opcje ul.opcje li a.icon-youtube:before { color:#c4302b; }
#footer-opcje ul.opcje li a.icon-google:before { color:#dd4b39; }
#footer-opcje ul.opcje li a.icon-:before { color:var(--color-main); }


/* font opcje */
#text-size { position:relative; display:inline-block; padding:0; margin:0; width:45px; height:45px; border:1px solid var(--color-grey); border-radius:100%; z-index:1; } 
#text-size a { position:relative; display:inline-block; padding:0; margin:0; text-decoration:none; color:var(--color-black); }
#text-size a:hover:before ,#text-size a:focus:before,#text-size a.check { color:var(--color-main);}
#text-size a span { position:absolute; top:-100em !important; left:-100em !important; width:1px; height:1px; text-indent:-1000em; }
#text-size a:before { font-family:var(--font-bold); content:'A'; line-height:45px; }
#text-size a.a:before {font-size:1em; }
#text-size a.aa:before{ font-size:1.2em; }
#text-size a.aaa:before {font-size:1.4em; }

/* search */
#search { position:relative; width:280px; padding:0; box-sizing:border-box; background-color:var(--color-white); font-size:1em; line-height:1.2em; z-index:4; }
#search form { position:relative; border:0; overflow:visible; width:100%; height:40px; margin:0; float:none; }
#search fieldset { position:relative; border:1px solid var(--color-grey); overflow:visible; height:100%; width:100%; background:transparent; padding:0.3em; box-sizing:border-box; text-align:left; margin:0; }
#search fieldset legend, #search label { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; }
#search input[type=text] { position:relative; padding:.3em 60px .3em .2em; vertical-align:middle; width:100%; box-sizing:border-box; line-height:normal !important; display:inline-block; overflow:hidden; border:0; background:transparent; color:var(--color-black); font-size:1.1rem; font-family:var(--font); font-weight:normal; text-align:left; }
#search input[type=submit],#search button { position:absolute; top:0; right:0; display:block; width:40px; height:40px; border-radius:100%; padding:0; border:0; border-left:1px solid var(--color-white); overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:var(--color-main); transition-duration:0.6s;}
#search input[type=submit]:before ,#search button:before{ position:absolute; top:3px; right:0; width:100%; text-indent:0; font-size:1.6em; line-height:1.5em; }
#search input[type=submit]:hover,#search input[type=submit]:focus,#search button:hover,#search button:focus { color:var(--color-white); background-color:var(--color-main);transition-duration:0.6s; }

/* contact */
.contact { position:fixed; top:80px; left:-1px; width:50px; height:auto; z-index:10; opacity:1; transition-duration:1s; }
.contact a:link,.contact a:visited { position:relative; display:block; margin-top:1px; width:100%; height:60px; background:var(--color-main); color:var(--color-white); border:1px solid var(--color-main); text-decoration:none; }
.contact a:before { font-family:var(--font-icon); color:var(--color-white); position:absolute; font-size:1.6em; line-height:1em; position:absolute; top:0.3em; left:0; width:100%; text-align:center; }
.contact a span{ position:absolute; bottom:1.2em; display:block; font-family:var(--font); font-size:0.7em; line-height:0.9em; width:100%; text-align:center;}
.contact a:hover,.contacta:focus { background:var(--color-white); color:var(--color-main); }
.contact a:hover:before,.contact a:focus:before { color:var(--color-main);}

/* sciezka */
#sciezka-navi { position:relative; display:block; text-align:left; padding:0; margin:0; z-index:0; color:var(--color-dark-grey); font-size:1em; line-height:1em;}
#sciezka-navi .inside { padding:1em 0; border-bottom:3px solid var(--color-grey); background:var(--color-white); }
#sciezka-navi h3 { display:inline-block; font-family:var(--font); font-size:1em; line-height:1.2em; color:var(--color-dark-grey); margin:0 0.5em 0 0; }
#sciezka-navi ul { position:relative; display:inline-block; padding:3px 0 0 30px; margin:0; list-style-type:none; list-style-image:none; width:auto; vertical-align:baseline; }
#sciezka-navi ul:before { position:absolute; left:0; top:calc(50% - 7px); width:25px; height:25px; display:block; margin:0; content:"\e105"; font-size:1.2rem; line-height:1em; font-family:var(--font-icon); color:var(--color-dark-grey); text-align:center; text-decoration:none; transition-duration:0.6s;}
#sciezka-navi ul li { position:relative; float:left; display:block; display:inline; margin:0; margin-left:0.3em; padding:0; border:0; text-align:center;list-style:none; }
#sciezka-navi a:link,#sciezka-navi a:visited { display:inline-block; font-size:1em; line-height:1em; padding:0 0 0 1.2em; color:var(--color-black); font-weight:normal; text-decoration:none; }
#sciezka-navi a:hover,#sciezka-navi a:active,#sciezka-navi a:focus {color:var(--color-black); text-decoration:underline; }
#sciezka-navi a:before { font-family:var(--font-icon); content:"\e101"; font-size:0.6em; line-height:1.2em; color:var(--color-dark-grey); text-decoration:none; position:absolute; top:0.1em; left:0;text-align:left; }
#sciezka-navi ul li:first-child a:before { content:""; }
#sciezka-navi ul li:first-child a { padding:0; }
/* sciezka mobile */
#sciezka-navi #sciezka-naviMenu { position:relative; display:none; padding:0; margin:0; z-index:5; border:1px solid var(--color-light-grey); }
#sciezka-navi #sciezka-naviMenu a:link,#sciezka-navi #sciezka-naviMenu a:visited { position:relative; display:block; font-size:1em; line-height:1em; color:var(--color-black); text-decoration:none; padding:1em 1em 1em 2em; }
#sciezka-navi #sciezka-naviMenu a:before { display:inline-block; top:auto; font-family:var(--font-icon); font-size:1em; line-height:1em; color:var(--color-main); content:"\e104"; vertical-align:middle; }

.uptime { position:relative; display:block; text-align:left; padding:0; margin:0; z-index:0; color:var(--color-dark-grey); font-size:1em; line-height:1em;}
.uptime .inside { padding:1em 0; border-bottom:3px solid var(--color-grey); background:var(--color-white); }

/* content */
#topnews,.topnews {position:relative; display:block; margin:0 auto 10px auto; width:100%; min-height:200px; padding:0; overflow:visible; text-align:left; font-size:1em; background-repeat:no-repeat; background-size:100% auto; z-index:1; }
.topnews { margin:0 auto 20px auto; }
.topnews.article { margin:2em auto; }
#content #topnews .inside, #content .topnews .inside { width:auto;}

/* header img */
.subImage { position:relative; display:block; padding:0; margin:0 auto; min-height:30px; overflow:visible; background-position:center center; background-size:cover; }
.subImage img { position:relative; display:block; padding:0; margin:0; width:100%; height:auto;}

/* header naglowek */
.tophead { position:absolute; top:50%; left:2%; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); width:50%; padding:1em 2em; margin:0; }
.tophead .naglowek { margin:0;}
.tophead h2,.tophead h3 { background:var(--color-black); box-shadow:10px 0 0 0 var(--color-black), -10px 0 0 0 var(--color-black); box-decoration-break:clone; }
.tophead h2 {display:inline; font-size:2em; line-height:1.5em; color:var(--color-white); text-align:left; margin:0; padding: 0.15em 0; }
.tophead h3 {display:inline; font-size:1.1em; line-height:1.3em; color:var(--color-white); text-align:left; margin:0.5em 0; padding: 0.15em 0; }

#content { position:relative; display:block; padding:0 0 25px 0; margin:0 auto; overflow:visible; background:var(--color-white); z-index:0; }
#content.img { background-repeat:no-repeat; background-attachment:fixed; background-size:cover; }

/*efekt wyczernienia po najechaniu na menu*/
#topnews:before,#content:before { position:absolute; content:""; top:0; left:0; display:block; margin:0; width:100%; height:100%; z-index:-1; border:0; background:var(--color-white); transition-duration:0.6s; }
.is_hover #topnews:before ,.is_hover #content:before { z-index:2; background:var(--color-white-opacity); transition-duration:0.6s; }

/* str glowna */
.panel { position:relative; overflow:visible; padding:2em 0 0; margin:0 auto; z-index:0; clear:both; }
.panel.img { background-repeat:no-repeat; background-attachment:fixed; background-size:cover; margin:2em auto;}
.panel.noMargin { margin:0 auto; }
.panel.noPadding { padding:0; }
.panel.color,.panel .color { background-color:var(--color-light-grey); }
.panel.padding { padding:3em; }
.panel.line .inside { border-top:2px solid var(--color-main);}

.panel.dark.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--color-black-opacity); }
.panel.light.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--color-white-opacity); }
.panel.light { background-color:var(--color-light-grey);}
.panel.dark { background-color:transparent; }
.panel.dark *,.panel.dark a { color:var(--color-white);}
.panel.dark *:before,.panel.dark *:after { color:var(--color-white);}

.panel.bg1 { background-image:url("/dokumenty/szablonyimg/40-bg-1.jpg");}
											   

.panel ._100vh { padding:0; height:100vh; min-height:850px;}
.panel ._80vh { padding:0; height:80vh; min-height:700px;}
.panel ._60vh { padding:0; height:60vh; min-height:500px;}

div[class^="x"].line,div[class*=" x"].line { position:relative; padding-left:40px;}
div[class^="x"].line:before,div[class*=" x"].line:before { content:""; position:absolute; bottom:0; left:0; width:2px; height:calc(100% - 60px); border-left:2px solid var(--color-light-grey); }

/* podstrona ogolna */
.subAside { float:left; overflow:visible; padding:0; margin:0; box-sizing:border-box; z-index:1; width:24%;}
.subContent { position:relative; float:right; overflow:visible; padding:2em; margin:0; box-sizing:border-box; z-index:0; width:75%; }
.full .subContent,.full .subAside { width:100%; float:none;}

/* foot */
footer { position:relative; display:block; margin:0 auto; text-align:left; width:auto; font-size:1em; line-height:1em; overflow:visible; border-top:3px solid var(--color-main); background-color:var(--color-light-grey); background-image:url("/dokumenty/szablonyimg/40-bg-footer.png"); background-repeat:no-repeat; background-size:cover; z-index:1; }
footer .inside { padding:0; }
footer h3 { position:relative; font-family:var(--font-bold); font-size:3em; line-height:1em; color:var(--color-black); font-weight:normal; text-align:left; padding:0 0 1em 0; margin:0 0 1em; text-transform:none }
footer hr { border:0; height:0; border-top:1px solid var(--color-dark-grey); border-bottom:0; }
footer .content { padding:2em 0 1em; box-sizing:border-box; margin:0 auto; }
footer .logo { content:""; position:relative; display:block; padding:0; margin:1em 0; width:250px; height:110px; z-index:1; border:0; background-image:url("/dokumenty/szablonyimg/40-logo.svg"); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; box-sizing:border-box; }
footer .copyright { position:relative; display:block; margin:10px auto 0; padding:10px 0 0 25px; box-sizing:border-box; border-top:1px solid var(--color-light-grey); color:var(--color-dark-grey); text-align:center; font-size:0.9em; }
footer .copyright:before { content:""; position:absolute; top:6px; left:0; opacity:.5; display:block; padding:0; margin:0; width:15px; height:20px; z-index:1; border:0; background-image:url("/dokumenty/szablonyimg/40-logo.svg"); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; box-sizing:border-box; }
footer .copyright a:link, footer .copyright a:visited { font-size:1em; line-height:1em; color:var(--color-dark-grey); text-decoration:none;}
footer .copyright a:focus, footer .copyright a:hover { color:var(--color-black);}

.adres { position:relative; padding:0; margin:1em 0; width:auto; text-align:left; z-index:1; } 
.adres strong { font-family:var(--font-bold); font-size:1.1em; line-height:1.2em; text-align:left; font-weight:normal; display:block; margin:0 0 0.5em 0;}
.adres h3 { font-family:var(--font-bold); font-size:1.8em; line-height:1em; color:var(--color-black); text-align:left; font-weight:normal; display:inline-block; margin:0 0 1em 0; border-bottom:1px solid var(--color-light-grey);}
.adres p { position:relative; overflow:hidden; padding:0 0 1em 0; margin:0; text-align:left; } 
.adres p { font-family:var(--font); font-weight:normal; font-size:1.1em; line-height:1.2em; color:var(--color-black); }
.adres p a {color:var(--color-black); text-decoration:none; padding:0; margin:0;}
.adres p a:hover, .adres p a:focus { color:var(--color-black);}
.adres p[class^="icon-"]:before, .adres p[class*=" icon-"]:before { font-family:var(--font-icon); position:absolute; left:0; top:0; font-size:1.6rem; line-height:1em; color:var(--color-main); display:block; }
.adres p[class^="icon-"], .adres p[class*=" icon-"] { padding-left:3em; }

.foot-menu { position:relative; padding:0; margin:0; width:auto; text-align:left; text-align:left; z-index:3; }
.foot-menu ul { position:relative; display:block; padding:0; margin:0; list-style-type:none; list-style-image:none; }
.foot-menu ul li { position:relative; display:block; margin:0 0 1em; padding:0; border:0; text-align:left; list-style:none; }
.foot-menu ul li:last-child { margin:0; }
.foot-menu ul li a:link, .foot-menu ul li a:visited { font-family:var(--font); font-size:1.2em; color:var(--color-black); text-transform:none; white-space:nowrap; text-decoration:none; }
.foot-menu ul li a[class^="icon-"]:before, .foot-menu ul li a[class*=" icon-"]:before { font-family:var(--font-icon); font-size:0.6em; line-height:1em; color:var(--color-black); margin-right:1em; display:inline-block; vertical-align:middle; }
.foot-menu ul li a:hover,.foot-menu ul li a:active,.foot-menu ul li a:focus { color:var(--color-main); }

/* slider */
.slider { position:relative; width:auto; height:460px; min-height:200px; overflow:visible !important; margin:0; padding:0; transition-duration:3s; }
.slider div.slider_wraper { position:relative; width:100%; height:100%; padding:0; margin:0; overflow:hidden; background-color:var(--color-dark-grey); }
.slider .item { display:none; position:relative; width:100%; height:100%; padding:0; text-align:left; overflow:hidden;
	-webkit-transition: 1s ease-in-out left;
	-o-transition: 1s ease-in-out left;
	transition: 1s ease-in-out left }
.slider .item.active, .slider .item.next, .slider .item.prev { display:block; }
.slider .item.active { left:0; }
.slider .item.next, .slider .item.prev { position:absolute; top:0; width:100% }
.slider .item.next { left:100%; }
.slider .item.prev { left:-100%; }
.slider .item.next.sliderLeft, .slider .item.prev.sliderRight { left:0; }
.slider .item.active.sliderLeft { left:-100%; }
.slider .item.active.sliderRight { left:100%; }
@media all and (transform-3d), (-webkit-transform-3d) {
	.slider .item {
		-webkit-transition: -webkit-transform 1s ease-in-out;
		-o-transition: -o-transform 1s ease-in-out;
		transition: transform 1s ease-in-out;
		-webkit-backface-visibility:hidden; backface-visibility:hidden;
		-webkit-perspective:1000px; perspective:1000px;
	}
	.slider .item.active.sliderRight, .slider .item.next { left:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); }
	.slider .item.active.sliderLeft, .slider .item.prev { left:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); }
	.slider .item.active, .slider .item.next.sliderLeft, .slider .item.prev.sliderRight { left:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
}
.slider .item .info { position:absolute; top:0; left:0; padding:0; width:100%; height:100%; margin:0; padding:0; opacity:0; z-index:2; }
.slider .item.active .info { opacity:1; transition-duration:1.5s; }
.slider .item .info p { opacity:0; }
.slider .item.active .info p { animation:fadeIn 1s; opacity:1; transition-duration:1.5s; }
.slider .item .info .inside { position:relative; height:100%; width:auto; }
.slider .item .info .padding { position:absolute; width:100%; box-sizing:border-box; padding:1em; top:50%; left:0; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); padding:1em; }
.slider .item .info .padding[class^="icon-"], .slider .item .info .padding[class*=" icon-"] { padding:120px 1em 1em 1em;}
.slider .item .info .padding[class^="icon-"]:before, .slider .item .info .padding[class*=" icon-"]:before { width:110px; height:110px; position:absolute; top:0; left:50%; transform:var(--hcenter); -ms-transform:var(--hcenter); -webkit-transform:var(--hcenter); background-color:transparent; text-align:center; display:block; margin:0; z-index:1; border:1px solid var(--color-white); border-radius:100%; text-align:center; vertical-align:middle; font-size:4em; line-height:110px; color:var(--color-white); }
.slider .item .info h3 { position:relative; display:inline-block; padding:0.6em 2em; margin:0; background-color:var(--color-main); border-radius:5px; font-family:var(--font-bold); font-size:1.6em; line-height:0.9em; font-weight:400; text-align:center; color:var(--color-white); text-transform:none; }
.slider .item .info p { position:relative; padding:0; margin:1em 0; font-family:var(--font); font-size:1.4em; line-height:1em; color:var(--color-white); text-align:center; border:0; }
.slider .item .info .data { position:relative; display:block; margin:0.5em 0; padding:0; font-family:var(--font); font-size:2.2em; line-height:1em; color:var(--color-white); text-align:left; z-index:2; }
.slider .item .imgwraper { position:relative; top:0; right:0; width:100%; height:100%; padding:0; overflow:hidden; display:block; margin:0; transition-duration:0.6s; background-size:cover; background-position:center center; background-repeat:no-repeat; transition-duration:1s; }
.slider .item .imgwraper img { border:0; width:100%; height:auto; display:none; }
.slider .item .imgwraper:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:0;
background: var(--gradient);
}
.slider .item a:link,.slider .item a:visited { position:relative; display:block; height:100%; padding:0; font-size:1em; color:var(--color-white); text-align:center; text-decoration:none; }
.slider .item a:hover ,.slider .item a:active ,.slider .item a:focus { transition-duration:0.3s;}
.slider .item a:hover h3 ,.slider .item a:active h3 ,.slider .item a:focus h3 { background-color:var(--color-grey); transition-duration:0.7s;}
.slider-nav { position:absolute; bottom:20px; left:50%; transform:var(--hcenter); -ms-transform:var(--hcenter); -webkit-transform:var(--hcenter); width:auto; padding:0; margin:0; text-align:center; z-index:1; }
.slider-nav ul { margin:0; padding:0; }
.slider-nav ul li { position:relative; display:inline-block; padding:0; margin-right:1em; width:20px; height:20px; }
.slider-nav ul li:before { content:""; position:absolute; top:0; left:0; width:18px; height:18px; border:1px solid var(--color-white); border-radius:100%; z-index:-1; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; }
.slider-nav ul li a:link,.slider-nav ul li a:visited { position:relative; display:inline-block; overflow:hidden; font-size:0; text-indent:-100em; text-decoration:none; background:transparent; width:20px; height:20px; border:0; border-radius:100%; padding:0; }
.slider-nav ul li a:before { content:""; position:absolute; top:50%; left:50%; transform:var(--center);-webkit-transform:var(--center);-ms-transform:var(--center); width:2px; height:2px; background:var(--color-white); border-radius:100%; z-index:2; opacity:0;}
.slider-nav ul li a:hover,.slider-nav ul li a:focus { color:var(--color-white); opacity:1; }
.slider-nav ul li a:hover:before,.slider-nav ul li a:focus:before,.slider-nav ul li.active a:before { width:4px; height:4px; transition-duration:0.6s; }
.slider-nav ul li.active a:before { opacity:1; transition-duration:0.6s; }
.slider-previous,.slider-next,.slider-pause { position:absolute; top:50%; top:50%; transform:var(--vcenter); -ms-transform:var(--vcenter); -webkit-transform:var(--vcenter); z-index:3; width:60px; height:60px; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; }
.slider-previous { left:20px; }
.slider-next { right:20px;}
.slider-pause { display:none; right:20px; top:auto; bottom:20px; width:60px; height:60px; font-size:0.7em;}
.slider:hover .slider-previous, .slider:hover .slider-next { -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
.slider-previous a:link,.slider-previous a:visited,
.slider-next a:link,.slider-next a:visited,
.slider-pause a:link,.slider-pause a:visited { position:relative; display:block; width:100%; height:100%; text-decoration:none; font-size:1em; color:var(--color-white) !important; background-color:var(--color-black-opacity); border-radius:100%; }
.slider-previous a:before,.slider-next a:before ,.slider-pause a:before { font-family:var(--font-icon); content:"\e100"; font-size:2em; line-height:1em; position:absolute; top:50%; transform:var(--vcenter); -ms-transform:var(--vcenter); -webkit-transform:var(--vcenter); left:0; width:100%; color:var(--color-white); text-align:center; }
.slider-next a:before { content:"\e101"; }
.slider-pause a:before { content:"\e10b"; font-size:4em; }
.slider-previous a:active,.slider-previous a:hover,.slider-previous a:focus,
.slider-next a:active,.slider-next a:hover,.slider-next a:focus,
.slider-pause a:active,.slider-pause a:hover,.slider-pause a:focus,.slider-pause.play a { background:var(--color-main); }
.slider-previous a:hover:before,.slider-previous a:focus:before,.slider-next a:hover:before,.slider-next a:focus:before,.slider-pause a:hover:before,.slider-pause a:focus:before,.slider-pause.play a:before { color:var(--color-white); }
.slider-pause.play a:before { content:"\e128"; }
.slider-previous a span,.slider-next a span,.slider-pause a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0em; }
.slider span.wiecej { position:relative;display:inline-block; padding:0.5em 1em; margin:2em 0 0 0; font-family:var(--font); font-size:2em; color:var(--color-white); font-weight:normal; text-align:center; text-transform:none; text-decoration:none; white-space:nowrap; border:2px solid var(--color-white); cursor:pointer; background:transparent; box-decoration-break:clone; }
.slider span.wiecej:after { position:relative; display:inline-block; float:none; margin:0; padding:0; content:""; font-size:0.8em; line-height:1em; }
.slider a:hover span.wiecej,.slider a:active span.wiecej,.slider a:focus span.wiecej {color:var(--color-main);}

/* news - KARUZELA */
.carusel { position:relative; overflow:visible; width:100%; height:auto; padding:0 30px 0; box-sizing:border-box; margin:0 auto; }
.carusel-overlay { position:relative; width:100%; overflow:hidden; height:100%; padding:0; margin:0; }
.carusel-wraper {position:relative; top:0; left:0; width:100000px; z-index:0;}
.carusel .okno li { float:left; display:inline-block; }
.carusel .okno li._2r { width:780px; float:left; display:inline-block;}
.carusel .okno li._3r { width:430px; float:left; display:inline-block;}
.carusel .okno li a { margin-bottom:0 !important;}
/* przyciski */
.carusel-previous,.carusel-next { position:absolute; top:40%; z-index:5; cursor:pointer; width:35px; height:35px; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; }
.carusel-previous { left:0 }
.carusel-next { right:0; }
.carusel-previous a:link,.carusel-previous a:visited,
.carusel-next a:link,.carusel-next a:visited { position:relative; display:block; width:100%; height:100%; border-radius:100%; opacity:1; text-decoration:none; font-size:0.7em; color:var(--color-main) !important; background-color:var(--color-light-grey); }
.carusel-previous a:before,.carusel-next a:before { font-family:var(--font-icon); content:"\e100"; font-size:2em; line-height:1em; position:absolute; top:50%; transform:var(--vcenter); -ms-transform:var(--vcenter); -webkit-transform:var(--vcenter); left:0; width:100%; background-color:transparent; text-align:center; }
.carusel-next a:before { content:"\e101"; }
.carusel-previous a:active,.carusel-previous a:hover,.carusel-previous a:focus,
.carusel-next a:active,.carusel-next a:hover,.carusel-next a:focus { background-color:var(--color-main); }
.carusel-previous a:hover:before,.carusel-previous a:focus:before,.carusel-next a:hover:before,.carusel-next a:focus:before { color:var(--color-white); }
.carusel-previous a span,.carusel-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0; }
.carusel-previous a.end,.carusel-next a.end {opacity:0.5; transition-duration:0.6s;}
.carusel .wiecejAll { position:absolute; bottom:20px; left:50%; transform:var(--hcenter); -ms-transform:var(--hcenter); -webkit-transform:var(--hcenter); }
.carusel .wiecejAll:after { display:none; }

/*newsscroller*/
.newsscroller { position:relative; display:block; padding:0; margin:0; width:auto; height:auto; overflow:hidden; white-space:nowrap; z-index:1; }
.newsscroller .list { background:var(--color-yellow); overflow:hidden; padding:1em 0; overflow:hidden; }
.newsscroller h3 { position:absolute; top:0; left:0; padding:1em; margin:0; display:block; background:var(--color-yellow); z-index:2; text-align:left; font-weight:normal; text-transform:none; color:var(--color-black); font-size:1.4em; line-height:0.4em; text-transform:uppercase; }
.newsscroller h3:before { font-family:var(--font-icon); content:"\e139"; color:var(--color-black); font-size:1.4em; line-height:1em; position:absolute; top:8px; left:5px; display:block; padding:0; margin:0; vertical-align:middle; text-align:center; transition-duration:1s; }
.newsscroller .list > a:link,.newsscroller .list > a:visited { font-family:var(--font); font-weight:normal; color:var(--color-black); font-size:1.2em; line-height:1em; text-decoration:none; padding:0.1em 1em; margin-left:30px; list-style:none; position:relative; }
.newsscroller .list > a:hover,.newsscroller .list > a:active,.newsscroller .list > a:focus{ color:var(--color-white); text-decoration:none; background:var(--color-main); }
.newsscroller .usun { position:absolute; top:7px; right:0; padding:0; margin:0; z-index:2; }
.newsscroller .usun a:link, .newsscroller .usun a:visited { background-color:var(--color-yellow); color:var(--color-black);}
.newsscroller .usun a:hover, .newsscroller .usun a:focus { background-color:var(--color-yellow);}
.newsscroller .usun a:before {color:var(--color-black);}

/* male ikonki oznaczenia */
.iconSmall { position:relative; display:block; margin:0; width:45px; height:45px; z-index:1; border:0; font-size:1em; line-height:1em; }
.iconSmall[class^="icon-"]:after, .iconSmall[class*=" icon-"]:after { position:relative; content:""; top:0; left:0; display:block; margin:0; width:45px; height:45px; border-radius:100%; z-index:0; border:0; background:var(--color-main); }
.iconSmall[class^="icon-"]:before, .iconSmall[class*=" icon-"]:before { position:absolute; top:50%; left:50%; transform:var(--center); -ms-transform:var(--center); -webkit-transform:var(--center); width:100%; background-color:transparent; text-align:center; display:block; margin:0; z-index:1; border:0; font-size:1.4em; line-height:1em; color:var(--color-white); font-family:var(--font-icon); }

/* BLOKI */
.okno { margin:0; padding:0; width:auto; text-align:left; clear:both;}
.okno.line { padding:2em 0 0em; border-bottom:1px solid var(--color-main); }
.okno h3,.okno h4 { display:block; margin:0 0 0.5em 0; padding:0; font-family:var(--font-bold); color:var(--color-black); font-weight:normal; text-align:left; text-decoration:none; font-size:1.4em; line-height:1em; }
.okno h4 { font-size:1.1em; }
.okno strong { display:inline-block; margin:0 0 0.3em 0; padding:0; font-family:var(--font); color:var(--color-dark-grey); font-weight:normal; text-align:left; text-decoration:none; text-transform:uppercase; font-size:1em; line-height:1em; }
.okno p { display:block; font-family:var(--font); font-size:1.1em; line-height:1.2em; margin:0.3em 0; } 
/* data */
.okno .data { position:relative; display:block; margin:0.5em 0; padding:0; font-family:var(--font); color:var(--color-main); font-size:1.2em; line-height:1em; text-align:left; z-index:2; }
.okno .dataFloat { position:relative; display:block; margin:0; padding:0 0 0 30px; background-color:var(--color-white); font-family:var(--font); color:var(--color-main); font-size:1.2em; line-height:1em; text-align:left; z-index:2; }
.okno .dataFloat:before { font-family:var(--font-icon); content:"\e133"; color:var(--color-dark-grey); font-size:1em; line-height:1em; position:absolute; top:0; left:0; display:block; padding:0; margin:0; vertical-align:middle; text-align:center; transition-duration:1s; }
.okno a:hover .data ,.okno a:focus .data { color:var(--color-main); text-decoration:underline; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.okno > ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
.okno > ul > li { position:relative; padding:0; margin:0; margin-bottom:2em; overflow:hidden; list-style:none; text-align:left; }
.okno > ul > li:last-child { border-bottom:0; }
/* line */
.okno ul li.line { padding:2em 0 !important; margin:0; border-bottom:1px solid var(--color-grey); }
.okno ul li.line:last-child{ border-bottom:0; }
.okno ul li.line .status { float:right; text-transform:uppercase;}
/* border */
										 
.okno ul li.border a { padding:2em !important; border:3px solid var(--color-grey) !important; }
									
/* box newsow */
.okno ul li.news { padding:0; margin:0 0 2em 0; text-align:center; overflow:visible; display:block; height:auto; }
.okno ul li.news:nth-child(2n) {animation-delay:.2s }
.okno ul li.news .content{ position:relative; margin:20px auto 0; padding:0; height:auto; box-sizing:border-box; }
.okno ul li.news h3 { position:relative; display:inline-block; padding:1em 0 0.5em 0; margin:0; font-family:var(--font); font-size:1.4em; line-height:1.1em; font-weight:400; text-align:left; color:var(--color-black); }
.okno ul li.news h3:before { content:""; position:absolute; top:0; left:50%; width:20%; transform:var(--hcenter);-webkit-transform:var(--hcenter);-ms-transform:var(--hcenter); height:1px; z-index:0; background:var(--color-main); -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; }
.okno ul li.news p { position:relative; padding:0; margin:0.5em 0; font-family:var(--font); font-size:1.2em; line-height:1.2em; color:var(--color-black); text-align:left; border:0; }
.okno ul li.news a { position:relative; display:block; color:var(--color-black); padding:0; border:0; transition-duration:0.6s; min-height:50px; overflow:hidden; }
.okno ul li.news a:hover,.okno ul li.news a:focus { transition-duration:0.6s; border-color:var(--color-main); }
.okno ul li.news a:hover h3,.okno ul li.news a:active h3,.okno ul li.news a:focus h3 { color:var(--color-main); text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.okno ul li.news a:hover h3:before,.okno ul li.news a:active h3:before,.okno ul li.news a:focus h3:before { width:100%; } 
.okno ul li.news a:hover p ,.okno ul li.news a:focus p { color:var(--color-black); }
.okno ul li.news a:hover .imgwraper:before ,.okno ul li.news a:focus .imgwraper:before { opacity:1; z-index:0; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.okno ul li.news a .imgwraper { position:relative; width:100%; height:220px; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center center; background-size:cover; border:1px solid var(--color-white); }
.okno ul li.news a .imgwraper:before { content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background-color:var(--color-black-opacity); transition:all 0.3s ease-out; }
.okno ul li.news .wiecej { margin:0; }
.okno.noHeight ul li.news a { min-height:auto; }
/* box jeden pod drugin zdjecie lewo */
.okno ul li.list { padding:0; margin:0 0 2em 0; text-align:left; overflow:visible; display:block; height:auto; }
.okno ul li.list .content { position:relative; display:inline-block; margin:0; padding:0; width:100%; height:auto; box-sizing:border-box; }
.okno ul li.list h3 { position:relative; display:block; padding:0; margin:0; font-family:var(--font-bold); font-size:1.6em; line-height:1.2em; font-weight:400; text-align:left; color:var(--color-black); }
.okno ul li.list p { position:relative; padding:0; margin:1em 0; font-family:var(--font); font-size:1.2em; line-height:1.1em; color:var(--color-black); text-align:left; border:0; }
.okno ul li.list a:link,.okno ul li.list a:visited { position:relative; display:flex; align-items:flex-start; color:var(--color-black); padding:0; border:0; transition-duration:0.6s; overflow:hidden; }
.okno ul li.list a:hover,.okno ul li.list a:focus { transition-duration:0.6s; border-color:var(--color-main); }
.okno ul li.list a:hover h3,.okno ul li.list a:active h3,.okno ul li.list a:focus h3 { color:var(--color-main); text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.okno ul li.list a:hover p ,.okno ul li.list a:focus p { color:var(--color-black); }
.okno ul li.list a:hover .imgwraper:before ,.okno ul li.list a:focus .imgwraper:before { opacity:0.5; width:100%; z-index:0; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.okno ul li.list a .imgwraper { position:relative; display:inline-block; flex-shrink:0; width:15%; min-height:100px; padding:0; margin:0 3em 0 0; overflow:hidden; }
.okno ul li.list a .imgwraper:before { content:""; opacity:0; position:absolute; top:0; left:0; width:1px; height:100%; display:block; background-color:var(--color-white); transition:all 0.3s ease-out; }
.okno ul li.list a .imgwraper img { width:100%; height:auto;}
.okno ul li.list a .dataFloat { margin:1em 0 0;}
/* box kalenadarz */
.okno ul li.calendar { padding:0; margin:0 0 1em 0; text-align:left; overflow:visible; display:block; height:auto; }
.okno ul li.calendar:nth-child(2n) {animation-delay:.2s }
.okno ul li.calendar .content { position:relative; margin:0; padding:10px 0 0 20px; height:auto; box-sizing:border-box; }
.okno ul li.calendar .date { position:relative; flex-shrink:0; margin:10px 0 0 0; padding:28px 5px 0; width:75px; height:80px; box-sizing:border-box; border:2px solid var(--color-grey); border-radius:5px; text-align:center; font-family:var(--font); font-size:1em; line-height:1em; }
.okno ul li.calendar .date:before,.okno ul li.calendar .date:after { content:""; position:absolute; top:-10px; left:5px; margin:0; padding:0; width:5px; height:12px; border:2px solid var(--color-grey); background-color:var(--color-white); border-radius:5px; }
.okno ul li.calendar .date:after { left:auto; right:5px; }
.okno ul li.calendar .date div { position:absolute; top:15px; left:0; margin:0; padding:0; width:100%; height:2px; background-color:var(--color-grey); }
.okno ul li.calendar .date span { position:relative; display:block; padding:0; margin:0; font-family:var(--font-bold); font-size:1.8em; line-height:1em; font-weight:400; text-align:center; color:var(--color-black); }
.okno ul li.calendar h3 { position:relative; display:inline-block; padding:0 0 0.5em 0; margin:0; font-family:var(--font); font-size:1.2em; line-height:1.2em; font-weight:400; text-align:left; color:var(--color-black); }
.okno ul li.calendar p { position:relative; padding:0; margin:0.5em 0; font-family:var(--font); font-size:1.2em; line-height:1.2em; color:var(--color-black); text-align:left; border:0; }
.okno ul li.calendar a:link,.okno ul li.calendar a:visited { position:relative; display:flex; align-items:flex-start; color:var(--color-black); padding:0; border:0; transition-duration:0.6s; min-height:100px; overflow:hidden; }
.okno ul li.calendar a:hover,.okno ul li.calendar a:focus { transition-duration:0.6s; border-color:var(--color-main); }
.okno ul li.calendar a:hover h3,.okno ul li.calendar a:active h3,.okno ul li.calendar a:focus h3 { color:var(--color-main); text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.okno ul li.calendar a:hover p ,.okno ul li.calendar a:focus p { color:var(--color-black); }
.okno ul li.calendar a:hover .imgwraper:before ,.okno ul li.calendar a:focus .imgwraper:before { opacity:1; z-index:0; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.okno ul li.calendar a:hover .date,.okno ul li.calendar a:focus .date { background-color:var(--color-main); color:var(--color-white); -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.okno ul li.calendar a:hover .date span,.okno ul li.calendar a:focus .date span { color:var(--color-white); -webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
.okno ul li.calendar a:hover .date:before,.okno ul li.calendar a:hover .date:after { border:2px solid var(--color-main); }
.okno ul li.calendar a .imgwraper { position:relative; width:100%; height:350px; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center center; background-size:cover; border:1px solid var(--color-white); }
.okno ul li.calendar a .imgwraper:before { content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background-color:var(--color-black-opacity); transition:all 0.3s ease-out; }
.okno ul li.calendar .wiecej { margin:0; display:inline-block; }
.okno.noHeight ul li.calendar a { min-height:auto; }
/* box zwykly */
.okno ul li.box { padding:0; margin:0 0 2em 0; text-align:left; overflow:visible; border:0; display:block; height:auto; }
.okno ul li.box:nth-child(2n) {animation-delay:.2s }
.okno ul li.box .content { position:absolute; bottom:0; left:0; padding:0; width:100%; box-sizing:border-box; height:auto; margin:0; padding:2em; background-color:var(--color-white); border:1px solid var(--color-light-grey);}
.okno ul li.box h3 { position:relative; display:block; padding:0; margin:0; font-family:var(--font-bold); font-size:1.3em; line-height:1em; font-weight:400; text-align:left; color:var(--color-black); }
.okno ul li.box p { opacity:0; height:0; position:relative; padding:2em 0 0 0; margin:0; font-family:var(--font); font-size:1.1em; line-height:1em; color:var(--color-black); text-align:left; border:0; }
.okno ul li.box > a { position:relative; display:block; color:var(--color-black); padding:1px; transition-duration:0.6s; height:250px; overflow:hidden; }
.okno ul li.box a:hover,.okno ul li.box a:focus { transition-duration:0.6s; border-color:var(--color-main); }
.okno ul li.box a:hover h3,.okno ul li.box a:active h3,.okno ul li.box a:focus h3 { color:var(--color-main); text-decoration:none; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out; }
.okno ul li.box a:hover p ,.okno ul li.box a:focus p { display:block; color:var(--color-white); transition: all 0.8s ease-out; opacity:1; height:auto; }
.okno ul li.box a .imgwraper { position:relative; top:0; left:0; width:100%; height:100%; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center center; background-size:cover; }
.okno ul li.box a .imgwraper:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
/* box ikonki */
.okno ul li.icons { padding:0; margin:0; text-align:left; overflow:visible; display:block; height:auto; }
.okno ul li.icons:nth-child(2n) {animation-delay:.2s }
.okno ul li.icons .content { position:relative; display:inline-block; margin:0; padding:0 0 0 20px; width:60%; box-sizing:border-box; }
.okno ul li.icons h3 { position:relative; display:block; padding:0; margin:0; font-family:var(--font-bold); color:var(--color-black); font-size:1.2em; line-height:1em; font-weight:400; text-align:left; }
.okno ul li.icons p,.okno ul li.icons .number { position:relative; padding:0; margin:0.5em 0; font-family:var(--font-bold); font-size:1.4em; line-height:1.2em; color:var(--color-main); text-align:left; border:0; }
.okno ul li.icons .number { font-size:2.6em; }
.okno ul li.icons a:link,.okno ul li.icons a:visited { position:relative; display:flex; align-items:center; color:var(--color-black); padding:0; border:1px solid var(--color-grey); background-color:var(--color-white); min-height:110px; margin-bottom:10px; overflow:hidden; text-align:left; transition-duration:0.6s; }
.okno ul li.icons a .iconSmall[class^="icon-"],.okno ul li.icons a .iconSmall[class*=" icon-"] { }
.okno ul li.icons a .iconSmall[class^="icon-"]:before,.okno ul li.icons a .iconSmall[class*=" icon-"]:before { font-size:2em; color:var(--color-white); transition:all 0.5s ease-out; }
.okno ul li.icons a:hover,.okno ul li.icons a:focus { transition-duration:0.6s; border-color:var(--color-main); }
.okno ul li.icons a:hover h3,.okno ul li.icons a:active h3,.okno ul li.icons a:focus h3 { color:var(--color-main); text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.okno ul li.icons a:hover p ,.okno ul li.icons a:focus p { color:var(--color-main); }
.okno ul li.icons a:hover .imgwraper:before ,.okno ul li.icons a:focus .imgwraper:before,
.okno ul li.icons a:hover .iconSmall[class^="icon-"]:after,.okno ul li.icons a:hover .iconSmall[class*=" icon-"]:after { background-color:rgba(255,255,255,0); }
.okno ul li.icons a:hover .iconSmall[class^="icon-"]:before,.okno ul li.icons a:hover .iconSmall[class*=" icon-"]:before { font-size:2.3rem; line-height:1em; color:var(--color-main); }
.okno ul li.icons a .imgwraperBlank { position:relative; width:1px; height:110px; display:inline-block; flex-shrink:0}
.okno ul li.icons a .imgwraper { position:relative; width:80px; height:110px; padding:0; overflow:hidden; display:inline-block; flex-shrink:0; margin:0; background-position:center center; background-size:cover; }
.okno ul li.icons a .imgwraper:before { content:""; opacity:1; z-index:0; position:absolute; top:50%; transform:var(--vcenter); -ms-transform:var(--vcenter); -webkit-transform:var(--vcenter); left:0; width:100%; height:80%; box-sizing:border-box; display:block; border-right:1px solid var(--color-grey); transition:all 0.3s ease-out; }
.okno ul li.icons .wiecej { position:absolute; bottom:0; right:0; float:none;margin:0; }
/* ikonki fix pion */
.okno ul li.icons.pion a:link,.okno ul li.icons a:visited { flex-direction:column; min-height:100%;}
.okno ul li.icons.pion .content { padding:1.5em 0; width:100%; }
.okno ul li.icons.pion a .imgwraper:before { border-right:0; }
.okno ul li.icons.pion h3 { font-size:1em; text-align:center; }
/* ikonki */
.okno ul li.ico { padding:0; margin:0 0 1em; text-align:left; overflow:visible; display:block; height:auto; }
.okno ul li.ico:nth-child(2n) {animation-delay:.2s }
.okno ul li.ico .content { position:relative; display:inline-block; margin:0; padding:0 0 0 10px; width:60%; box-sizing:border-box; }
.okno ul li.ico h3 { position:relative; display:block; padding:0; margin:0; font-family:var(--font); color:var(--color-black); font-size:1.4em; line-height:1em; font-weight:400; text-align:left; }
.okno ul li.ico p,.okno ul li.ico .number { position:relative; padding:0; margin:0.5em 0; font-family:var(--font-bold); font-size:1.2em; line-height:1.2em; color:var(--color-main); text-align:left; border:0; }
.okno ul li.ico .number { font-size:2.6em; }
.okno ul li.ico a:link,.okno ul li.ico a:visited { position:relative; display:flex; align-items:center; color:var(--color-black); padding:0; border:0; margin-bottom:0; min-height:70px; overflow:hidden; text-align:left; transition-duration:0.6s; }
.okno ul li.ico a .iconSmall[class^="icon-"],.okno ul li.ico a .iconSmall[class*=" icon-"] { }
.okno ul li.ico a .iconSmall[class^="icon-"]:before,.okno ul li.ico a .iconSmall[class*=" icon-"]:before { font-size:2.8rem; color:var(--color-main); transition:all 0.5s ease-out; }
.okno ul li.ico a:hover,.okno ul li.ico a:focus { transition-duration:0.6s; border-color:var(--color-main); }
.okno ul li.ico a:hover h3,.okno ul li.ico a:active h3,.okno ul li.ico a:focus h3 { color:var(--color-main); text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.okno ul li.ico a:hover p ,.okno ul li.ico a:focus p { color:var(--color-main); }
.okno ul li.ico a:hover .imgwraper:before ,.okno ul li.ico a:focus .imgwraper:before,
.okno ul li.ico a:hover .iconSmall[class^="icon-"]:after,.okno ul li.ico a:hover .iconSmall[class*=" icon-"]:after { background-color:var(--color-white-opacity); }
.okno ul li.ico a:hover .iconSmall[class^="icon-"]:before,.okno ul li.ico a:hover .iconSmall[class*=" icon-"]:before { font-size:3.2rem; line-height:1em; color:var(--color-main); }
.okno ul li.ico a .imgwraper { position:relative; width:100px; height:70px; padding:0; overflow:hidden; display:inline-block; flex-shrink:0; margin:0; background-position:center center; background-size:cover; }
.okno ul li.ico .wiecej { position:absolute; bottom:0; right:0; float:none;margin:0; }
/* ze strzlka */
.okno ul li.arrow { margin:2em 0; text-align:left; overflow:visible; display:block; height:auto; }
.okno ul li.arrow:last-child{ border-bottom:0; }
.okno ul li.arrow a:link,.okno ul li.arrow a:visited { position:relative; display:flex; align-items:center; background-color:var(--color-white); color:var(--color-black); padding:0 0 0 3em; border:0; text-align:left; transition-duration:0.6s; }
.okno ul li.arrow a h3 { font-family:var(--font-bold); font-size:1.4em; line-height:1.2em; display:inline-block; margin:0 0 0 20px; font-weight:normal; }
.okno ul li.arrow a h3 span { display:block; margin:0; padding:0 0 0.4em; font-family:var(--font); color:var(--color-dark-grey); font-size:0.6em; line-height:1em; font-weight:normal; text-align:left; text-transform:uppercase;}
.okno ul li.arrow a p { font-size:1.2em; }
.okno ul li.arrow a:before { font-family:var(--font-icon); content:"\e136"; font-size:1.8rem; line-height:1em; font-weight:bold; color:var(--color-dark-grey); position:absolute; top:50%; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); left:5px; }
/* subcontent w bloku */
.okno .subcontent > ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
.okno .subcontent > ul > li { position:relative; padding:0; margin:0; margin-bottom:1em; overflow:hidden; list-style:none; text-align:left; }
.okno .subcontent > ul > li:last-child { border-bottom:0; }
.okno .subcontent > ul > li a { position:relative; display:block; color:var(--color-black); padding:0.5em 0; margin-bottom:0.5em; border:0; border-bottom:1px solid #dadcdd; transition-duration:0.6s; overflow:hidden; }
.okno .subcontent > ul > li h4 { font-size:1em; line-height:1em; display:inline-block; }
/*AJAX */
.ajaxArea { padding:1em 0; margin:0; text-align:left; overflow:visible; }
.ajaxArea a[class^="ajax_"], .ajaxArea a[class*=" ajax_"] { position:relative;font-size:1em;line-height:1em; padding:0 0 0 3em;}
.ajaxArea a[class^="ajax_"]:before, .ajaxArea a[class*=" ajax_"]:before { font-family:var(--font-icon); content:"\e101"; color:var(--color-main); font-size:1.4em; line-height:1em; position:absolute; top:0; left:0; display:block; padding:0 0 0 0.2em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s;}
.ajaxArea a.up:before {content:"\e103"; color:var(--color-black); }
.ajaxTxt #drukuj,.ajaxTxt .opcje-strony, .ajaxTxt .head h2, .ajaxTxt #printHeader, .ajaxTxt .metryka {display:none;}
.ajaxTxt .txt { padding:1em; background:var(--color-white); border:3px solid var(--color-light-grey); }
.ajaxTxt .txt strong { display:inline-block; margin:0; padding:0; text-transform:none; }
.ajaxTxt .txt p { font-size:1em;}
.ajaxTxt .txt a.context {text-decoration:underline;}
/* dodatkowe */
.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; line-height:1.1em; }
.okno ul li a:hover,.okno ul li a:active,.okno ul li a:focus,
.okno ul li a:hover h3,.okno ul li a:active h3,.okno ul li a:focus h3 { color:var(--color-main); text-decoration:none; }
.okno ul li a:hover p ,.okno ul li a:focus p { color:var(--color-main); }
.okno ul li a:hover .data ,.okno ul li a:focus .data { text-decoration:none; }
.okno .imgwraper,.imgwraper { position:relative; display:block; padding:0; margin:0; overflow:hidden; background-position:center top; background-size:cover }
.okno .imgwraper img,.imgwraper img { border:0; width:100%; height:auto; }
.okno .imgwraper.border,.imgwraper.border { padding:30px; border:1px solid var(--color-main)}
.okno .iconSmall { position:absolute; top:50%; left:50%; transform:var(--center); -ms-transform:var(--center); -webkit-transform:var(--center);}
.okno a:hover .iconSmall { animation:rotate 10s cubic-bezier(0, 0.2, 0.8, 1) infinite;}

/* button */
.okno .wiecej { position:relative; display:inline-block; margin:0; background:transparent; color:var(--color-main); font-family:var(--font-bold); font-size:1em; vertical-align:middle; }
.okno .wiecej:after { position:relative; display:inline-block; vertical-align:middle; text-align:center; width:25px; height:25px; float:none; margin:0 0 0 1em; padding:0; overflow:visible; font-family:var(--font-icon); content:"\e101"; font-size:0.9em; line-height:25px; color:var(--color-main); text-decoration:none; }
.okno a:hover .wiecej:after ,.okno a:focus .wiecej:after { color:var(--color-white) !important; background:var(--color-main); text-decoration:none; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.okno .wiecej.border { border:2px solid var(--color-main); padding:0.5em 1em; }
.okno .wiecej.border:after { display:none; }
.okno a:hover .wiecej.border ,.okno a:focus .wiecej.border { color:var(--color-white) !important; background:var(--color-main);}

/* button All */
.wiecejAll { position:relative; display:block; float:none; text-align:center; padding:0; margin:1em 0; }
.wiecejAll:before,.wiecejAll:after { content:""; position:absolute; display:block; top:50%; right:0; width:35%; height:1px; background:var(--color-main); z-index:0; }
.wiecejAll:before {left:0 }
.wiecejAll a:link,.wiecejAll a:visited { display:inline-block; position:relative; padding:0.6em 1em; border:2px solid var(--color-main); font-family:var(--font-bold); font-size:1em; line-height:1em; color:var(--color-main); font-weight:normal; text-align:center; text-decoration:none; text-transform:lowercase; white-space:nowrap; cursor:pointer; }
.wiecejAll a:active,.wiecejAll a:hover,.wiecejAll a:focus { color:var(--color-black); text-decoration:none; transition-duration:0.7s; }

/* NAGLOWEK BLOKOW */
.naglowek { position:relative; overflow:visible; margin:0; padding:0; width:auto; min-height:40px; text-align:left; }
.naglowek h2,.naglowek h3,.naglowek strong { position:relative; display:inline-block; padding:0 0 40px 0; margin:0; text-align:left; font-family:var(--font-bold); font-weight:normal; text-transform:none; color:var(--color-black); font-size:2em; line-height:1.2em; }
.naglowek h2[class^="icon-"]:before, .naglowek h2[class*=" icon-"]:before,
.naglowek h3[class^="icon-"]:before, .naglowek h3[class*=" icon-"]:before { font-family:var(--font-icon); position:absolute; top:0; left:0; font-size:1.2rem; color:var(--color-main); display:block; }
.naglowek h3[class^="icon-"]:before, .naglowek h3[class*=" icon-"]:before { font-size:1rem; } 
.naglowek h2[class^="icon-"],.naglowek h2[class*=" icon-"] { padding:0 0 40px 30px; }
.naglowek h3[class^="icon-"],.naglowek h3[class*=" icon-"] { padding:0 0 30px 20px; color:var(--color-black); }
.naglowek h2 { font-family:var(--font-bold); }
.naglowek h3,.naglowek strong { font-family:var(--font-bold); color:var(--color-main); padding:0 0 20px 0; }
.naglowek h3 { font-size:1.7em; }
.naglowek span { display:block; font-size:0.5em;}
.naglowek.white h2,.naglowek.white h3,.naglowek.white strong { color:var(--color-white); }
.naglowek a:link,.naglowek a:visited { position:relative; display:inline-block; text-decoration:none; position:relative; font-size:1em; line-height:1em; font-weight:normal; color:var(--color-black); }
.naglowek a:active,.naglowek a:hover,.naglowek a:focus { color:var(--color-dark-grey); text-decoration:none; transition-duration:0.7s; }
.naglowek a:active:before,.naglowek a:hover:before,.naglowek a:focus:before { opacity:1; width:100%; }
.naglowek a:after { position:relative; display:inline-block; vertical-align:middle; text-align:center; width:20px; height:20px; float:none; margin:0 0 0 0.5em; padding:0; overflow:visible; font-family:var(--font-icon); content:"\e101"; font-size:0.6em; line-height:20px; color:var(--color-dark-grey); text-decoration:none; }
.naglowek a:before { content:""; opacity:0; position:absolute; display:block; bottom:-10px; left:0; width:5%; height:3px; background:var(--color-dark-grey); z-index:0; transition-duration:1s; }
.naglowek h3 a:after { content:"\e101";}

/* TRESC */
article,#txt,.txt { font-family:var(--font); font-size:1.2em; line-height:1.4em; font-weight:normal; color:var(--color-text); text-align:left; padding:0; margin:0; position:relative; }
.txt strong,.cke_editable strong { font-family:var(--font-bold); font-weight:normal;}
.cke_editable { font-size:1.1em; line-height:1.3em;}
.txt { position:relative; overflow:visible; padding:0; margin:0; box-sizing:border-box; z-index:0;}
.txt[class^="icon-"]:before, .txt[class*=" icon-"]:before { font-family:var(--font-icon); position:absolute; right:0; top:0; font-size:5rem; line-height:1em; color:var(--color-grey); display:block; }
.txt[class^="icon-"]:after, .txt[class*=" icon-"]:after { content:""; position:absolute; right:90px; top:0; width:2px; height:100%; background-color:var(--color-grey); display:block; }
.txt[class^="icon-"], .txt[class*=" icon-"] { font-family:var(--font); line-height:1.4em; padding-right:100px; }
article table td, article table th { font-size:1em; font-weight:normal; border-color:var(--color-light-grey); }

.head { position:relative; padding:0; margin:0 0 1em 0; }
.head h2 {font-family:var(--font-bold); font-size:1.8em; line-height:1.2em; font-weight:normal; color:var(--color-black); text-align:left; text-transform:none; padding:0; margin:0 0 0.5em 0; position:relative;}
.head h3 {font-family:var(--font); font-size:1.1em; line-height:1.2em; font-weight:normal; color:var(--color-black); text-align:left; padding:0; margin:0.5em 0 0 0; border:0;}
.head span.d { position:relative; display:inline-block; padding:0.6em 1em; background:var(--color-light-grey); font-family:var(--font); color:var(--color-black); font-size:1em; line-height:1em; text-align:center; }

h1 { font-family:var(--font); font-size:2.5em; line-height:1.1em; font-weight:normal; color:var(--color-black); text-align:left; padding:0; margin:0 0 0.5em 0; }
h2 { font-family:var(--font); font-size:2em; line-height:1.1em; font-weight:normal; color:var(--color-black); text-align:left; padding:0; margin:0 0 0.5em 0; }
h3 { font-family:var(--font); font-size:1.6em; line-height:1.3em; font-weight:normal; color:var(--color-black); text-align:left; padding:0; margin:0 0 0.5em 0; }
h4 { font-size:1.3em; line-height:1.3em; font-weight:normal; color:var(--color-dark-grey); text-align:left; padding:0; margin:0.5em 0; }
h5 { font-size:1.2em; line-height:1.2em; font-weight:normal; color:var(--color-dark-grey); text-align:left; padding:0; margin:1em 0; }
h6 { font-size:1.1em; line-height:1.1em; font-weight:normal; color:var(--color-dark-grey); text-align:left; padding:0; margin:1em 0; text-transform:uppercase; }

.txtArea { position:relative; float:left; overflow:visible; padding:0; margin:0; box-sizing:border-box; width:65%; z-index:1;}
aside.dodatki { position:relative; float:right; width:30%; box-sizing:border-box; padding:40px 0 0 0; margin:0 0 1em 0; overflow:visible; text-align:left; font-size:1em; line-height:1.1em; z-index:1; }
.fullscreen .txtArea,.fullscreen aside.dodatki { float:none; width:auto;}

/* opcje tekstu*/
.opcje-strony { position:relative; width:100%; padding:0; margin:0; z-index:1; }
.opcje-strony.line:before { content:""; position:absolute; top:50%; left:0; display:block; width:100%; height:1px; background-color:var(--color-grey); }
.opcje-strony .drukuj { padding:0;}
.opcje-strony .tagi { position:relative; text-align:left; padding:0; margin:0.5em 0; color:var(--color-dark-grey); background:transparent; } 
.opcje-strony .tagi a { display:inline; padding:0.2em; font-size:0.9em; line-height:1.2em; color:var(--color-dark-grey); text-decoration:none; }
.opcje-strony #meni_tekstu { position:relative; padding:0; margin:0; float:left;}

.share { position:absolute; display:block; top:-40px; right:0; width:auto; padding:0; margin:0; z-index:2; }
.share a.shareBtn { }
#share { display:none; }

.buttons { position:relative; width:100%; height:30px; padding:0; margin:2em 0 0; z-index:0; }
.buttons .prev,.buttons .next { position:absolute; top:0; display:block; float:none; overflow:visible;}
.buttons .prev {left:0;}
.buttons .next {right:0;}
.buttons a.button:link,.buttons a.button:visited { display:block; border:0; color:var(--color-main); }
.buttons a.button:focus,.buttons a.button:hover { background:transparent; color:var(--color-black) !important; }
.buttons a.button:after ,.buttons a.button:before{ color:var(--color-main); font-size:2em; } 
.buttons a.button:focus:after,.buttons a.button:hover:after,.buttons a.button:focus:before,.buttons a.button:hover:before { color:var(--color-black); }

/*metadane*/
.metryka { position:relative; padding:0; margin:2em 0; }
.metryka .item {display:inline-block; vertical-align:middle; font-family:var(--font);}
.metryka .item:before { font-family:var(--font-icon); font-size:1em; line-height:0.8em; color:var(--color-main); position:relative; display:inline-block; margin:1.2em 0.5em 0 0;}
.metryka span { font-size:1.2em; line-height:1em; color:var(--color-text);}
.metryka .buttons { display:inline-block; float:right;}

.metadane { font-size:0.9em}

/* ikonki tekstu*/
.drukuj{ position:relative; padding:1em 0; margin:0; z-index:1; border:0; min-height:20px; }
.drukuj.Left { float:left; }
.drukuj ul { position:relative; padding:0 40px; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:right;}
.drukuj ul li { position:relative; display:inline-block; margin:0; margin-right:0.5em; padding:0; border:0; text-align:right; list-style:none; }
.drukuj ul li.Left { float:left;}
.drukuj a:link,.drukuj a:visited { position:relative; display:inline-block; margin:0; padding:1em; background:var(--color-white); font-family:var(--font-bold); color:var(--color-black); font-size:1em; line-height:1em; text-decoration:none; text-transform:uppercase; transition-duration:1s;}
.drukuj a strong { font-weight:normal; margin-left:20px; }
.drukuj a:hover,.drukuj a:focus { text-decoration:none; transition-duration:0.7s; }
.drukuj a:hover:before,.drukuj a:focus:before { color:var(--color-main); transition-duration:1.5s; }
.drukuj a span { position:absolute; display:none; padding:1em; box-sizing:border-box; border:1px solid var(--color-main); background:var(--color-white); font-size:0.6em; line-height:1em; text-align:left; transition-duration:1.8s;}
.drukuj a span:before { content:""; 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-main) transparent transparent; z-index:2;}
.drukuj a:hover span,.drukuj a:focus span { position:absolute; bottom:80px; left:0; display:block; width:150px; height:auto; transition-duration:0.8s;}
.drukuj a:before { display:inline-block; margin:0; padding:10px; border:1px solid var(--color-grey); border-radius:100%; font-family:var(--font-icon); content:"\e101"; color:var(--color-main); font-size:2em; line-height:1em; vertical-align:middle; text-decoration:none;}
.drukuj a.pdf:before { content:"\e135"; }
.drukuj a.print:before { content:"\e113"; }
.drukuj a.wstecz:before { content:"\e100"; }
.drukuj a.polec:before { content:"\e114"; }
.drukuj a.share:before { content:"\e153"; }
.drukuj a.clipboard:before { content:"\e12a"; }
.drukuj a.facebook:before { content:"\e159"; color:#3b5998; }
.drukuj a.twitter:before { content:"\e15b"; color:#1bb2e9; }

/* ZDJECIA */
.zdjecia { position:relative; padding:0; margin:1em 0; border:0; width:100%; text-align:center; background:transparent; }
.zdjecia ul { position:relative; padding:0; margin:0 -1em; text-align:center; list-style-type:none; list-style-image:none; width:auto; }
.zdjecia ul li { margin:0; padding:0; display:block; list-style:none; background:transparent; line-height:0; }
.zdjecia ul li.naglowek { margin:0; padding:2em 1em; border:0; background:none !important; float:none; display:block; list-style:none; box-sizing:border-box; width:100%; background-image:none; min-height:auto; clear:both; }
.zdjecia ul li.naglowek h3 { font-family:var(--font); font-size:1.2em;line-height:1em; font-weight:normal; }
.zdjecia ul li figure {position:relative; text-align:center; padding:0; margin:0 0.5em 1em; border:0;}
.zdjecia ul li figcaption { position:absolute; bottom:0; left:0; display:block; width:auto; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; background-color:var(--color-white-opacity); color:var(--color-black); font-size:0.8em; line-height:1em; padding:0.5em 0.7em; text-align:left; text-shadow:2px 2px 1em var(--color-white), 2px 2px 1em var(--color-white), 2px 2px 1em var(--color-white); z-index:2; }
.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: 1px solid var(--color-white); }
.zdjecia ul li a:hover,.zdjecia ul li a:focus { color:var(--color-white); background-color:var(--color-black); box-shadow:var(--box-shadow);
	-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 { opacity:0.6; box-shadow:var(--box-shadow-hover); transition-duration:0.6s; }
/*lupa*/
.zdjecia ul li a:link:before { font-size:1rem; font-family:var(--font-icon); content:"\e104"; color:var(--color-white); line-height:1em; opacity:0; position:absolute; top:50%; transform:var(--center);-webkit-transform:var(--center);-ms-transform:var(--vcenter); left:50%; width:100%; text-align:center; z-index:2; transition-duration:2s; }
.zdjecia ul li a:hover:before,.zdjecia ul li a:focus:before { font-size:2rem; opacity:1; animation:rotate 8s cubic-bezier(0, 0.2, 1, 1) infinite; }
.zdjecia ul li a:link:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:var(--center);-webkit-transform:var(--center);-ms-transform:var(--center); width:60px; height:60px; opacity:0; z-index:0; border-radius:100%; }
.zdjecia ul li a:hover:after { border-bottom:2px solid var(--color-white); background-color:var(--color-white-opacity); animation:rotate 8s cubic-bezier(0, 0.2, 1, 1) infinite; opacity:1; }
/* link do multimediów */
.zdjecia ul li.all { position:relative; text-align:center; height:125px; margin:0; vertical-align:middle; overflow:visible; }
.zdjecia ul li.all a:after,.zdjecia ul li.all a:before { color:var(--color-white); }
.zdjecia ul li.all a { position:relative; width:100%; height:100%; display:block; color:var(--color-black); text-align:center; z-index:2; margin:0 0.5em; }
.zdjecia ul li.all a span { position:absolute; top:0; left:0; padding:40% 0 0; box-sizing:border-box; width:100%; height:100%; display:block; color:var(--color-black); text-align:center; z-index:2; }
.zdjecia ul li.all a span:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid var(--color-main); box-sizing:border-box; display:block; z-index:2; }
/* zdjecia - KARUZELA */
.zdjecia-tumb { position:relative; overflow:visible;width:100%; height:auto; padding:0 60px; margin:1em 0; box-sizing:border-box;}
.zdjecia-tumb-overlay { position:relative; overflow:hidden; width:auto; height:100%; padding:50px 0; margin:0;}
.zdjecia-tumb-wraper {position:relative; width:100000px; z-index:0;}
.zdjecia-tumb-wraper ul { margin:0; }
.zdjecia-tumb-wraper ul li { float:left; display:inline-block; width:220px;}
.zdjecia-tumb-wraper ul li a img { width:100%; height:auto; padding:0; border:0; }
.zdjecia-tumb-wraper ul li.active > figure { overflow:visible; }
.zdjecia-tumb-wraper ul li.active figure { font-size:1em; z-index:2; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s;}
/* przyciski */
.zdjecia-previous,.zdjecia-next { position:absolute; top:50%; margin:0; z-index:1000; width:40px; height:40px; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); }
.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; width:100%; height:100%; text-decoration:none; outline:0 !important; background-color:var(--color-light-grey); border-radius:100%; }
.zdjecia-previous a:before,.zdjecia-next a:before { font-family:var(--font-icon); content:"\e100"; font-size:1.3em; line-height:40px; position:absolute; top:0; left:8px; color:var(--color-main); padding:0; }
.zdjecia-next a:before { content:"\e101"; }
.zdjecia-previous a:active,.zdjecia-previous a:hover,.zdjecia-previous a:focus,
.zdjecia-next a:active,.zdjecia-next a:hover,.zdjecia-next a:focus { background-color:var(--color-main); }
.zdjecia-previous a:active:before,.zdjecia-previous a:hover:before,.zdjecia-previous a:focus:before,
.zdjecia-next a:active:before,.zdjecia-next a:hover:before,.zdjecia-next a:focus:before { color:var(--color-white); }
.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:0; }
/* zdjecia All */
.zdjecia.fullSize ul li ,.zdjecia.halfSize ul li { width:auto; margin:0 0 1em 0; }
.zdjecia.fullSize ul li { width:100%; }
.zdjecia.halfSize { width:40%; float:left; margin:0; margin:0 2em 2em 0; clear:right; z-index:2; }
.zdjecia.fullSize ul li figcaption,.zdjecia.halfSize ul li figcaption,.imgMain figcaption { font-size:1em; line-height:1em; padding:1em 0.7em; }
/*duze zdjecia */
.imgMain { position:relative; margin:0; padding:0; line-height:0; text-align:center; }
.imgMain figure {position:relative; text-align:center; padding:0; margin:0; border:0; }
.imgMain img { width:100%; height:auto; }
/* układ zdjęć */
.foto { border:1px solid var(--color-white); }
.img_center {vertical-align:middle;}
.foto_right,.foto_left{ margin:0.1em; border:0; }
.foto_right {margin-left:1.5em !important; float:right; }
.foto_left {margin-right:1.5em !important; float:left; }
/* cerabox fix */
#cerabox .cerabox-content { border:0.5em solid var(--color-white); }
#cerabox .cerabox-title { background:var(--color-white-opacity) none repeat scroll 0 0; }
#cerabox .cerabox-title span { font-size:1em; color:var(--color-black); font-family:var(--font);}
#cerabox-background {opacity: 0.7 !important; background-color:var(--color-white); }
#cerabox a.cerabox-left:hover span:before,
#cerabox a.cerabox-right:hover span:before { font-family:var(--font-icon); content:"\e100"; font-size:1.3em; line-height:1em; }
#cerabox a.cerabox-right:hover span:before { content:"\e101"; }
#cerabox a.cerabox-close:before { font-family:var(--font-icon); content:"\e119"; font-size:2em; }

/* ZALACZNIKI DO PORBRANIA*/
.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; margin:0; padding:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.zalaczniki ul li { margin:0 0 1em 0; padding:0; display:block; list-style:none; }
.zalaczniki ul li.naglowek { margin:0.4em 0 0.4em 0; padding:0; border:0; background:none !important; display:block !important; list-style:none; width:100%; clear:both; background-image:none; }
.zalaczniki ul li.naglowek h3 { font-family:var(--font); font-size:1.2em;line-height:1em; font-weight:normal; text-transform:none; }
.zalaczniki ul li a:link,.zalaczniki ul li a:visited { position:relative; display:block; font-family:var(--font); color:var(--color-black); text-decoration:none; padding:1em ; min-height:40px; font-size:1.1em;line-height:1em; border:2px solid var(--color-dark-grey); background-position:1em 90%; background-size:auto 35px; background-repeat:no-repeat; background-color:var(--color-white);
 -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
.zalaczniki ul li a:hover,.zalaczniki ul li a:focus { text-decoration:none; border:2px solid var(--color-main);
 -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
.zalaczniki ul li a strong { position:relative; display:block; height:auto; margin:0 0 1em 0; padding:0; }
.zalaczniki ul li a span { position:relative; display:block; height:auto; margin:0; padding:8px 10px 15px 45px; box-sizing:border-box; font-size:1em; color:var(--color-dark-grey); font-family:var(--font); text-decoration:none; vertical-align:middle; background-position:0 0; background-size:auto 35px; background-repeat:no-repeat;}
.zalaczniki ul li a span:before { font-family:var(--font-icon); content:"\e125"; font-size:1.6em; line-height:1em; color:var(--color-dark-grey); text-decoration:none; position:absolute; top:5px; right:10px; padding:0; }
.zalaczniki ul li a:hover span:before,.zalaczniki ul li a:focus span:before { 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 ol { margin: 1em 1em 0; padding:0; }
ol li { padding:0 0 0.5em 0; margin:0; border:0; }
ul { padding:0 0 0 2em; margin:1em 0 0 1em; list-style-image:url("/dokumenty/szablonyimg/40-arrow.png"); text-align:left; }
ul ul { margin: 1em 1em 0; padding:0; list-style-image:none; list-style-image:none; list-style-type:circle; }
ul li { padding:0 0 0.5em 0; margin:0; }

/* Boxy */
blockquote,.blockquote { position:relative; background:var(--color-white); padding:1.5em 3em 1.5em 120px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1em; color:var(--color-black); font-family:var(--font); }
blockquote:before,.blockquote:before{ font-family:var(--font-icon); content:"\e13a"; font-size:3em; line-height:1em; color:var(--color-main); position:absolute; top:50%; left:10px; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); text-align:left;}
blockquote:after,.blockquote:after { content:""; position:absolute; top:0; left:90px; width:2px; height:100%; background:var(--color-grey); text-align:center; z-index:2; }

div.q { position:relative; display:block; width:45%; float:right; padding:1em 1em 1em 80px; box-sizing:border-box; margin:1% 0 1% 1%; border:2px solid var(--color-grey); border-left:0; border-right:0; text-align:left; font-size:1.1em; line-height:1.1em; font-family:var(--font);}
div.q:before { font-family:var(--font-icon); content:"\e12a"; font-size:3em; color:var(--color-grey); line-height:1em; display:block; position:absolute; top:50%; left:10px; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter);}
div.q p:after { font-family:var(--font-icon); content:"\e103"; font-size:1em; color:var(--color-grey); line-height:1em; position:absolute; right:10px; bottom:10px;}

.box-incontent {position:relative; float:right; width:35%; padding:1em; margin:0.5em 0 0.5em 2em; text-align:left; overflow:visible; }
.box-incontent:before, .box-incontent:after { content:""; position:absolute; top:0; left:0; width:20px; height:20px; z-index:-1; }
.box-incontent:before { border-top:2px solid var(--color-main); border-left:2px solid var(--color-main);}
.box-incontent:after { left:auto; right:0; top:auto; bottom:0; border-bottom:2px solid var(--color-main); border-right:2px solid var(--color-main); }
.box-incontent h2 { margin:0 0 0.5em 0; padding:0 0 0.5em 0; border-bottom:2px solid var(--color-grey); text-align:center; }

.flexBox {position:relative; display:flex; justify-content:space-between; align-items:flex-start; margin:1em 0;}
.flexBox .img { margin-right:2em; flex-shrink:0; width:30%;}
.flexBox .content { font-size:1em; flex-grow:1; }

.boxFull { position:relative; margin:40px auto; padding:40px 80px;}
.boxFull.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--color-black-opacity); }
.boxFull.img { height:500px; background-repeat:no-repeat; background-size:cover; background-position:center center; background-attachment:fixed;}
.boxFull.img * { color:var(--color-white);}
.boxFull.img h3 { color:var(--color-white); font-family:var(--font-bold); font-size:4em; text-align:center; }
.boxFull.img h3 span { display:block; text-transform:uppercase;}
.boxFull.img .content { position:absolute; top:50%; left:50%; transform:var(--center);-webkit-transform:var(--center);-ms-transform:var(--center); width:80%; padding:1em; text-align:center;}

/* Bulb */
.bulb { position:relative; background:var(--color-green); padding:1.5em 3em 1.5em 120px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-white); font-family:var(--font); }
.bulb *,.bulb a:link,.bulb a:visited { color:var(--color-white); }
.bulb:before{ font-family:var(--font-icon); content:"\e13b"; font-size:3em; line-height:1em; color:var(--color-white); position:absolute; top:50%; left:15px; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); text-align:left;}
.bulb:after { content:""; position:absolute; top:0; left:90px; width:2px; height:90%; margin:10px 0; background:var(--color-white); text-align:center; z-index:2; }

/* warn */
.warn { position:relative; background:var(--color-yellow); padding:2em 3em 2em 120px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-black); font-family:var(--font); }
.warn *,.warn a:link,.warn a:visited { color:var(--color-black); }
.warn:before{ font-family:var(--font-icon); content:"\e139"; font-size:3em; line-height:1em; color:var(--color-black); position:absolute; top:50%; left:15px; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); text-align:left;}
.warn:after { content:""; position:absolute; top:0; left:90px; width:1px; height:90%; margin:10px 0; background:var(--color-black); text-align:center; z-index:2; }

/* alert */
.alert { position:relative; background:var(--color-main); padding:1.5em 3em 1.5em 120px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-white); font-family:var(--font); }
.alert * { color:var(--color-white); }
.alert:before{ font-family:var(--font-icon); content:"\e13c"; font-size:3em; line-height:1em; color:var(--color-white); position:absolute; top:50%; left:15px; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); text-align:left;}
.alert:after { content:""; position:absolute; top:0; left:90px; width:2px; height:90%; margin:10px 0; background:var(--color-white); text-align:center; z-index:2; }

/* quotation */
.quotation { position:relative; background:var(--color-light-grey); padding:2em 3em 2em 120px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-black); font-family:var(--font); }
.quotation * { color:var(--color-black); }
.quotation:before{ font-family:var(--font-icon); content:"\e123"; font-size:3em; line-height:1em; color:var(--color-black); position:absolute; top:50%; left:15px; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); text-align:left;}
.quotation:after { content:""; position:absolute; top:0; left:90px; width:1px; height:90%; margin:10px 0; background:var(--color-black); text-align:center; z-index:2; }

.box_spec1,.box-white,.box-grey,.box-color { position:relative; padding:3em; margin:0 0 1.5em 0; text-align:left; overflow:hidden; }
.box-white { border:2px solid var(--color-grey); background:var(--color-white); border-left:0; border-right:0; padding:2em 0.5em; }
.box-grey { background:var(--color-grey); padding:2em; }
.box_spec1 {background:var(--color-light-grey); }

.box-color { background:var(--color-main); padding:1em; }
.box-color p,.box-color a,.box-color *{ color:var(--color-white) !important; }
.box-color a:hover,.box-color a:focus{ color:var(--color-white) !important; }
.box-color .okno ul li.arrow a:before { color:var(--color-white); }

/*button*/
a.button:link, a.button:visited { display:inline-block !important; position:relative; padding:0.5em; margin:0.1em; font-family:var(--font); font-size:1em; line-height:1em; color:var(--color-main); font-weight:normal; text-align:center; text-transform:uppercase; text-decoration:none; white-space:nowrap; border:1px solid var(--color-main); border-radius:var(--border-radius-button); background-color:transparent; }
a.button:after , a.button:before { font-family:var(--font-icon); content:"\e101"; color:var(--color-main); font-size:1em; line-height:0.5em; display:inline-block; padding:0 0.2em 0 0.2em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; }
a.button:before { display:none; }
a.button.download:after { content:"\e125"; }
a.button.invert:before { display:inline-block; content:"\e100"; }
a.button.invert:after { display:none;}
a.button.archiwum:after { content:"\e129"; font-size:1.4em;}
a.button.noBorder,a.button.noBorder:after { border:0; padding:0.2em 0; font-size:1em; text-transform:none; white-space:normal; text-align:left;}
/* hover */
a.button:active,a.button:hover,a.button:focus { background-color:var(--color-main) !important; border:1px solid var(--color-main); color:var(--color-white) !important; text-decoration:underline; transition-duration:0.7s; }
a.button:active:after,a.button:hover:after,a.button:focus:after,
a.button:active:before,a.button:hover:before,a.button:focus:before { color:var(--color-white); transition-duration:1.5s; text-decoration:none; }

/* accordion */
ul.accordion { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
ul.accordion li { margin:0; padding:0.5em 0 0.5em; position:relative; display:block; text-align:left; list-style:none; box-sizing:border-box; }
ul.accordion li a,ul.accordion li a:visited { font-size:1.1em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:700; text-align:left; position:relative; padding:0 0 0 1em; margin:0; display:block; }
ul.accordion li a:before { font-family:var(--font-icon); content:"\e101"; font-size:0.5em; line-height:1.1em; font-weight:normal; color:var(--color-main); position:absolute; top:2px; left:0; }
ul.accordion li a.check:before { content:"\e103";}
ul.accordion li a:hover,ul.accordion li a:active,ul.accordion li a:focus,ul.accordion li a.check,ul.accordion li.check a { color:var(--color-dark-grey); text-decoration:none; transition-duration:0.6s;}
ul.accordion li ul { margin:0 0 0 2em; padding:1em 0;}
ul.accordion li ul li { margin:0; padding:0 0 0.5em 1em; }
ul.accordion li ul li:before { font-family:var(--font-icon); content:"\e101"; font-size:0.4em; line-height:1.1em; font-weight:normal; color:var(--color-main); position:absolute; top:6px; left:0; }
ul.accordion li li a,ul.accordion li li a:visited { position:absolute; font-size:1em; color:var(--color-black); padding:0.8em; z-index:3;}
ul.accordion li ul ul { margin:0; padding:1em 0; }
ul.accordion li ul ul li { margin:0; padding:0 0 0.5em 0.5em;}
ul.accordion li li li a,ul.accordion li li li a:visited { position:relative; font-size:1em;}
ul.accordion ul.noActive { display:none;}
/* fix link */
ul.accordion ul li a,ul.accordion ul li a:visited { font-size:1em; line-height:1em; color:var(--color-black); text-decoration:underline; font-weight:400; text-align:left; position:relative; padding:0; margin:0; display:inline; }
ul.accordion ul li a:before { content:""; }
ul.accordion ul li a:hover,ul.accordion ul li a:active,ul.accordion ul li a:focus{ color:var(--color-main); text-decoration:underline; }

/* 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:normal; display:block; margin:0 0 0.5em 0;}
.infoBox h3 { font-family:var(--font); font-size:1.2em; line-height:1em; color:var(--color-black); text-align:center; 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-dark-grey); 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:1em; 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; }

/* tips */
.tip { background:var(--color-white); padding:0.2em; border:1px solid var(--color-white); width:auto; z-index:1000; position:absolute; left:0; text-align:left; border-radius:2px; box-shadow:var(--box-shadow); }
.tip-title {color:var(--color-dark-grey); font-size:1em; padding:0.5em; }
.tip-text {color:var(--color-dark-grey); font-size:0; padding:0;}

/* Kalendarium w kategorii */
.kalendarium .dzien,.kalendarium .dzien_swieto,.kalendarium .dzien_aktualny { background:var(--color-grey) !important; }
.kalendarium .dzien_swieto { background:var(--color-main) !important;}
.kalendarium a.previous:link,.kalendarium a.previous:visited,
.kalendarium a.next:link,.kalendarium a.next:visited { color:var(--color-white) !important; background:var(--color-grey) !important;}
.kalendarium a.previous:active,.kalendarium a.previous:hover,.kalendarium a.previous:focus,
.kalendarium a.next:active,.kalendarium a.next:hover,.kalendarium a.next:focus { color:var(--color-black) !important; background:var(--color-grey) !important; }
.kalendarium td a:link { border-left:2px solid #e1e4e6; border-bottom:1px solid var(--color-light-grey) !important; }
.kalendarium td a:link strong { display:block; text-transform:uppercase; }

/* Kalendarz - fix */
.vlaCalendarOverlay { width:auto; height:auto; font-size:1.3em; line-height:2.5em; padding:10px; margin:0; background:var(--color-white);}
.vlaCalendar { height:100%}
.vlaCalendar caption { padding:0 1em; }
.vlaCalendar .month th { font-size:0.9em; color:var(--color-black); text-transform:lowercase; }
.vlaCalendar .label { font-size:1em; text-transform:uppercase; color:var(--color-main); font-weight:normal; }
.vlaCalendar .arrowLeft,.vlaCalendar .arrowRight { position:absolute; top:0; width:30px; height:30px; box-shadow:0 0 0; }
.vlaCalendar .arrowLeft { left:0;}
.vlaCalendar .arrowRight { right:0;}
.vlaCalendar .arrowLeft a,.vlaCalendar .arrowRight a { background:var(--color-white); color:var(--color-main); }
.vlaCalendar .arrowLeft a:before,.vlaCalendar .arrowRight a:before { font-family:var(--font-icon); content: "\e100"; font-size:1em; line-height:1em; text-align:center; text-decoration:none; }
.vlaCalendar .arrowRight a:before { content:"\e101"; }
.vlaCalendar .arrowLeft a:active,.vlaCalendar .arrowLeft a:hover,.vlaCalendar .arrowLeft a:focus,
.vlaCalendar .arrowRight a:active,.vlaCalendar .arrowRight a:hover ,.vlaCalendar .arrowRight a:focus {color:var(--color-white); background:var(--color-main); }
.vlaCalendar .month td.activeDay > a, .vlaCalendar .month td.activeDay span > a {border:1px solid var(--color-light-grey); background:var(--color-light-grey); border-radius:100%; width:40px; height:40px; display:block;}
.vlaCalendar .month td.activeDay a:hover,.vlaCalendar .month td.activeDay a:focus {border:1px solid var(--color-navy); background:var(--color-navy); color:var(--color-white);}
.vlaCalendar .month td.activeDay div ul li a, .vlaCalendar .month td.activeDay div ul li a:visited { font-size:0.8em; line-height:1em; border:0; background:transparent; color:var(--color-black); }
.vlaCalendar .month td.activeDay div ul li a:hover { border:0; background:transparent; color:var(--color-navy); }
.vlaCalendar .month td span, .vlaCalendar .month td.activeDay span a { display:block; width:40px; height:40px; color:var(--color-white); background:var(--color-main); border-radius:100%; }

/*fix dla kolumn*/
.subpage .x3 .vlaCalendar .month td { padding: 0;}

.vlaOption { width:60%; margin:0 auto;}
/*fix dla formularzy */
.pickerBackground .vlaCalendar .arrowLeft,.pickerBackground .vlaCalendar .arrowRight {top:0 !important; width:18px; height:18px; }
.pickerBackground .vlaCalendar .arrowLeft { left:0 !important;}
.pickerBackground .vlaCalendar .arrowRight { right:0 !important;}
.pickerBackground .vlaCalendar .arrowLeft a:before, .pickerBackground .vlaCalendar .arrowRight a:before { font-size:1em; }


/* button do gory */
#back-to-top { position:fixed; bottom:5em; right:0.2em; width:50px; height:50px; z-index:10; opacity:1; transition-duration:1s; }
#back-to-top a { position:absolute; display:block; width:100%; height:100%; background:var(--color-white); color:var(--color-main); border:1px solid var(--color-main); border-radius:100%; text-decoration:none; }
#back-to-top a:before { font-family:var(--font-icon); content:'\e102'; color:var(--color-main); position:absolute; font-size:1.6em; line-height:1em; position:absolute; top:0.3em; left:0; width:100%; text-align:center; }
#back-to-top a span{ position:absolute; bottom:1.2em; display:block; font-size:0.7em; 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); }
#back-to-top a:hover:before,#back-to-top a:focus:before { color:var(--color-white);}

/* loader strony */
body.loading .loader { display:block; z-index:1000; }
.loader { display:none; content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:var(--color-white-opacity);}
.loader div { position:fixed; top:calc(50%); left:calc(50% ); transform:var(--center);-webkit-transform:var(--center);-ms-transform:var(--center); width:50px; height:50px; transform:translateZ(1px); }
.loader span { position:absolute; top:0; width:30px; height:30px; margin:0; border-radius:50%; background:var(--color-main); animation:rotate 8s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
.loader span:before { content:""; opacity:.7; position:absolute; top:-5px; left:-5px; width:40px; height:40px; margin:0; border-radius:50%; background:var(--color-main); }
.loader span:after { content:""; opacity:.3; position:absolute; top:-10px; left:-10px; width:50px; height:50px; margin:0; border-radius:50%; background:var(--color-main); }
@keyframes rotate {
 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); }
 0% { transform: var(--center) rotateY(0deg); }
 50% {transform: var(--center) rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);}
 100% { transform: var(--center) rotateY(2400deg);}
}

@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

@keyframes zoom {
 0% { transform: var(--center) scale(1); }
 100% { transform: var(--center) scale(1.5); }
}

[class^="icon-"], [class*=" icon-"] {
	font-family: var(--font-icon);
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-arrowLeft:before {
 content: "\e100";
}
.icon-arrowRight:before {
 content: "\e101";
}
.icon-arrowUp:before {
 content: "\e102";
}
.icon-arrowDown:before {
 content: "\e103";
}
.icon-search:before {
 content: "\e104";
}
.icon-home:before {
 content: "\e105";
}
.icon-menu:before {
 content: "\e106";
}
.icon-list:before {
 content: "\e107";
}
.icon-grid:before {
 content: "\e108";
}
.icon-search-doc:before {
 content: "\e109";
}
.icon-search-doc2:before {
 content: "\e10a";
}
.icon-filter:before {
 content: "\e10b";
}
.icon-calendar:before {
 content: "\e10c";
}
.icon-eye:before {
 content: "\e10d";
}
.icon-link:before {
 content: "\e10e";
}
.icon-attachment2:before {
 content: "\e10f";
}
.icon-attachment:before {
 content: "\e110";
}
.icon-dot:before {
 content: "\e111";
}
.icon-sitemap:before {
 content: "\e112";
}
.icon-print:before {
 content: "\e113";
}
.icon-mail:before {
 content: "\e114";
}
.icon-negotiation:before {
 content: "\e115";
}
.icon-setting:before {
 content: "\e116";
}
.icon-padlock:before {
 content: "\e117";
}
.icon-checked:before {
 content: "\e118";
}
.icon-clear:before {
 content: "\e119";
}
.icon-delete:before {
 content: "\e11a";
}
.icon-pause:before {
 content: "\e11b";
}
.icon-user:before {
 content: "\e11c";
}
.icon-users:before {
 content: "\e11d";
}
.icon-service:before {
 content: "\e11e";
}
.icon-copy:before {
 content: "\e11f";
}
.icon-tag:before {
 content: "\e120";
}
.icon-placeholder:before {
 content: "\e121";
}
.icon-chat:before {
 content: "\e122";
}
.icon-chat2:before {
 content: "\e123";
}
.icon-download:before {
 content: "\e124";
}
.icon-download2:before {
 content: "\e125";
}
.icon-download3:before {
 content: "\e126";
}
.icon-upload2:before {
 content: "\e127";
}
.icon-upload:before {
 content: "\e128";
}
.icon-history:before {
 content: "\e129";
}
.icon-list2:before {
 content: "\e12a";
}
.icon-clipboard:before {
 content: "\e12b";
}
.icon-book:before {
 content: "\e12c";
}
.icon-auction:before {
 content: "\e12d";
}
.icon-law:before {
 content: "\e12e";
}
.icon-court:before {
 content: "\e12f";
}
.icon-gov:before {
 content: "\e130";
}
.icon-court2:before {
 content: "\e131";
}
.icon-court3:before {
 content: "\e132";
}
.icon-clock:before {
 content: "\e133";
}
.icon-clock2:before {
 content: "\e134";
}
.icon-disability:before {
  content: "\e16a";
}
.icon-accessibility:before {
  content: "\e16b";
}
.icon-pdf:before {
 content: "\e135";
}
.icon-docs:before {
 content: "\e136";
}
.icon-edit:before {
 content: "\e137";
}
.icon-checklist:before {
 content: "\e138";
}
.icon-warning:before {
 content: "\e139";
}
.icon-info:before {
 content: "\e13a";
}
.icon-help:before {
 content: "\e13b";
}
.icon-danger:before {
 content: "\e13c";
}
.icon-handshake:before {
 content: "\e13d";
}
.icon-wallet:before {
 content: "\e13e";
}
.icon-wallet2:before {
 content: "\e13f";
}
.icon-cash:before {
 content: "\e140";
}
.icon-money:before {
 content: "\e141";
}
.icon-pay:before {
 content: "\e142";
}
.icon-graph:before {
 content: "\e143";
}
.icon-growth:before {
 content: "\e144";
}
.icon-growth2:before {
 content: "\e145";
}
.icon-phone:before {
 content: "\e146";
}
.icon-phone2:before {
 content: "\e147";
}
.icon-phone3:before {
 content: "\e148";
}
.icon-customer-service:before {
 content: "\e149";
}
.icon-smartphone:before {
 content: "\e14a";
}
.icon-worldwide:before {
 content: "\e14b";
}
.icon-delivery:before {
 content: "\e14c";
}
.icon-delivery2:before {
 content: "\e14d";
}
.icon-play:before {
 content: "\e14e";
}
.icon-video:before {
 content: "\e14f";
}
.icon-video2:before {
 content: "\e150";
}
.icon-rss:before {
 content: "\e151";
}
.icon-rss2:before {
 content: "\e152";
}
.icon-share:before {
 content: "\e153";
}
.icon-deaf:before {
 content: "\e154";
}
.icon-mourning:before {
 content: "\e155";
}
.icon-poland:before {
 content: "\e156";
}
.icon-bip:before {
 content: "\e157";
}
.icon-bip2:before {
 content: "\e158";
}
.icon-facebook:before {
 content: "\e159";
}
.icon-youtube:before {
 content: "\e15a";
}
.icon-twitter:before {
 content: "\e15b";
}

.sprite {
 display: inline-block;
 width: 2.3em;
 height: 2.3em;
 stroke-width: 0;
 stroke: currentColor;
 fill: currentColor;
}

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

/*------- MENU ROZWIJANE WIELOPOZIOMWE */ 

ul.mainmenu { width:auto; margin:0; padding:0; list-style:none; text-align:left; }
ul.mainmenu li { display:inline-block; float:left; margin:0; padding:0; border:0; border-right:1px solid var(--color-grey); list-style:none; vertical-align:top; z-index:1;}
ul.mainmenu li:last-child {margin:0;}

/* podmenu */
ul.mainmenu ul { position:absolute; top:50px; display:none; min-width:280px; min-height:80px; margin:0; border-top:1px solid var(--color-light-grey); padding:1px; box-sizing:border-box; list-style:none; background:var(--color-light-grey); z-index:1; }
ul.mainmenu ul:before { content:""; position:absolute; top:-6px; left:30px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent var(--color-light-grey); z-index:0; }
/*ul.mainmenu ul:hover:before { border-color:transparent transparent var(--color-main); }*/
ul.mainmenu ul:after { content:""; position:absolute; top:-7px; left:29px; width:0; height:0; border-style:solid; border-width:0 7px 7px 7px; border-color:transparent transparent var(--color-light-grey); z-index:-1; }
ul.mainmenu ul li { position:relative; display:block; float:none; margin:0; padding:0; box-sizing:border-box; border-bottom:1px solid var(--color-light-grey);}
ul.mainmenu li.hideItem { display:none; }
ul.mainmenu li.noExpand ul { display:none !important;}
ul.mainmenu li.rightSide { float:right;}
/* 1nd menu */
ul.mainmenu a:link,ul.mainmenu a:visited {display:block; padding:0; margin:0; border:0; height:auto; font-family:var(--font-bold); color:var(--color-black); font-size:1.3em;line-height:1em; text-decoration:none;font-weight:normal; text-align:left;
-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
ul.mainmenu a strong { position:relative; display:block; font-weight:normal; font-style:normal; padding:0; display:block; }
ul.mainmenu a span { position:relative; display:block; padding:1em 0.8em; z-index:1; }
ul.mainmenu li a span:before{ content:""; position:absolute; top:0; left:0; width:0; height:100%; z-index:-1; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; }
ul.mainmenu > li:nth-child(2) strong:before {content:"";}
ul.mainmenu li:hover,ul.mainmenu li:focus,ul.mainmenu li.check {z-index:2;}
ul.mainmenu li:hover a, ul.mainmenu li a:hover, ul.mainmenu li a:focus, ul.mainmenu li a.check { color:var(--color-white); -webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in;}
ul.mainmenu li:hover a span:before, ul.mainmenu li a:hover span:before, ul.mainmenu li a:focus span:before,ul.mainmenu li.check span:before,
ul.mainmenu li:hover a strong:before, ul.mainmenu li a:hover strong:before, ul.mainmenu li a:focus strong:before,ul.mainmenu li.check strong:before { width:100%; height:100%; background-color:var(--color-main); }
ul.mainmenu a[class^="icon-"]:before, ul.mainmenu a[class*=" icon-"]:before { font-family:var(--font-icon); font-size:1.6em; color:var(--color-black); height:100%; line-height:50px; padding:0 0.2em; }
ul.mainmenu a[class^="icon-"]:hover:before, ul.mainmenu a[class*=" icon-"]:hover:before,
ul.mainmenu a[class^="icon-"]:focus:before, ul.mainmenu a[class*=" icon-"]:focus:before { color:var(--color-main); transition-duration:0.5s; }
/* 2nd Menu */
ul.mainmenu ul a:link,ul.mainmenu ul a:visited { position:relative; float:none; background:transparent; padding:1em 1.2em; margin:0; z-index:1; font-family:var(--font); color:var(--color-black); font-size:1.2em; line-height:1.1em; font-weight:normal; text-transform:none; text-align:left; text-shadow:none; }
ul.mainmenu ul a:after { content:""; position:absolute; top:-1px; left:0; height:100%; width:100%; background-color:transparent; z-index:-1; }
ul.mainmenu ul li:hover > a, ul.mainmenu ul li.iehover > a:hover, ul.mainmenu ul li a.check { color:var(--color-white); -webkit-transition: all 0.3 ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
ul.mainmenu ul li:hover > a:after,ul.mainmenu ul li.iehover li > a:hover:after,ul.mainmenu ul a.check:after { background-color:var(--color-main); -webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in; }
ul.mainmenu ul ul {display:none; position:absolute; top:-1px; right:-300px; width:300px;}
ul.mainmenu li:hover ul ul,ul.mainmenu li.iehover ul ul {display:none;}
ul.mainmenu li:hover ul,ul.mainmenu ul li:hover ul {display:block;}
ul.mainmenu li.iehover ul,ul.mainmenu ul li.iehover ul {display:block;}
ul.mainmenu img { position:relative; top:-5px; display:block; vertical-align:top; float:right; width:90px; height:auto; clear:right; margin:0 0.5em;}
ul.mainmenu ul li a[class^="icon-"], ul.mainmenu ul li a[class*=" icon-"] { white-space:nowrap; }
ul.mainmenu ul li a[class^="icon-"]:before, ul.mainmenu ul li a[class*=" icon-"]:before { position:relative; vertical-align:middle; display:inline-block; font-family:var(--font-icon); font-size:1.6rem; color:var(--color-main); height:100%; line-height:1em; padding:0 0.5em; }
ul.mainmenu ul li:hover > a[class^="icon-"]:before, ul.mainmenu ul li:hover > a[class*=" icon-"]:before, ul.mainmenu ul li > a[class*=" icon-"].check { color:var(--color-white); transition-duration:0.5s; z-index:5;}
ul.mainmenu ul > li.expand:after { content:""; position:absolute; top:50%; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); right:-16px; width: 0; height: 0; border-style:solid; border-width:15px 0 15px 15px; border-color:transparent transparent transparent var(--color-light-grey); }
/*blok w menu*/
ul.mainmenu ul li.blok { width:33%; float:left; display:block; padding:1em 2em 1em 1em; }
ul.mainmenu ul li.blok .okno h3 { display:block; margin:0 0 0.3em 0; padding:0; font-family:var(--font) !important; color:var(--color-white); font-weight:normal; text-align:left; text-decoration:none; font-size:1.4em; line-height:1em; }
ul.mainmenu ul li.blok .okno p { display:block; font-family:var(--font); font-size:1.1em; line-height:1.2em; margin:0.3em 0; } 
ul.mainmenu ul li.blok .okno .data { position:relative; display:block; float:left; width:auto; text-align:left; padding:0; margin:0.3em 0; font-weight:normal; color:var(--color-dark-grey); text-decoration:none; font-family:var(--font); font-size:1.2em; line-height:1em; }
ul.mainmenu ul li.blok .okno ul { position:relative; top:0; left:0; display:block; padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
ul.mainmenu ul li.blok .okno ul li { position:relative; float:none; width:auto; padding:0; margin:0; margin-bottom:1em; overflow:hidden; list-style:none; }
ul.mainmenu ul li.blok .okno ul li a,ul.mainmenu ul li.blok .okno ul li a:visited {display:block; padding:0; color:var(--color-white);font-size:1em;line-height:1.1em; text-decoration:none;font-weight:normal;text-transform:none; text-align:left;}
ul.mainmenu ul li.blok .okno ul li a:before { content:""; }
ul.mainmenu ul li.blok .okno .imgwraper { position:relative; left:0; width:100%; height:10em; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0;}
ul.mainmenu ul li.blok .okno ul li a:hover { font-family:var(--font); }

/*--------- MENU ZAJAWKOWE*/
.meni-zajawkowe { padding:0; margin:1em 0 1em; width:100%; }
.meni-zajawkowe h3 { position:relative; display:block; margin:0; width:100%; padding:0; color:var(--color-black); font-weight:normal; text-align:center; text-decoration:none; text-transform:none; font-family:var(--font); font-size:1.3em; line-height:1em; position:absolute; top:50%; transform:var(--vcenter);-ms-transform:var(--vcenter);-webkit-transform:var(--vcenter); left:0; }
.meni-zajawkowe h3:after { content:""; position:absolute; bottom:-20px; left:50%; transform:var(--center);-ms-transform:var(--center);-webkit-transform:var(--center); width:10%; height:5px; background:var(--color-main); text-align:center; z-index:2; }
.meni-zajawkowe h3 span { font-family:var(--font);}
.meni-zajawkowe a:before { font-family:var(--font-icon); content:"\e102"; font-size:1.8em; line-height:1em; color:var(--color-white); position:absolute; bottom:-100px; left:50%; transform:var(--hcenter);-ms-transform:var(--hcenter);-webkit-transform:var(--hcenter); text-align:left; }
.meni-zajawkowe.external a:before { content:"\e10a"; }
.meni-zajawkowe ul { padding:0; margin:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; float:none; }
.meni-zajawkowe ul li { position:relative; padding:0; margin:0 0 2em 0; overflow:hidden; list-style:none; display:inline-block; float:none; width:20%; border:0; }
.meni-zajawkowe ul li a { margin:0; }
.meni-zajawkowe ul li a:link,.meni-zajawkowe ul li a:visited { position:relative;display:block; width:180px; height:180px; border-radius:180px; margin:0 auto; padding:0.2em; border:3px solid var(--color-main); background:var(--color-white); font-family:var(--font); font-size:1em; line-height:1em; color:var(--color-black); text-decoration:none; transition-duration:1s;}
.meni-zajawkowe ul li a:hover,.meni-zajawkowe ul li a:active,.meni-zajawkowe ul li a:focus,.meni-zajawkowe ul li.check a { color:var(--color-white); background-color:var(--color-main); text-decoration:none; transition-duration:1s; }
.meni-zajawkowe ul li a:hover h3,.meni-zajawkowe ul li a:active h3,.meni-zajawkowe ul li a:focus h3,.meni-zajawkowe ul li.check a h3 { color:var(--color-white);}
.meni-zajawkowe ul li a:hover h3:after,.meni-zajawkowe ul li a:active h3:after,.meni-zajawkowe ul li a:focus h3:after,.meni-zajawkowe ul li.check a h3:after { background:var(--color-white); width:5px;}
.meni-zajawkowe ul li a:hover:before,.meni-zajawkowe ul li a:active:before,.meni-zajawkowe ul li a:focus:before { color:var(--color-white); bottom:300px; font-size:14em; text-decoration:none; transition-duration:1.5s; }
.meni-zajawkowe .imgwraper { position:absolute; top:0; left:70%; width:60px; height:60px; border-radius:60px; border:3px solid var(--color-white); padding:0; margin:0; overflow:hidden; display:block; background-position:center top; background-size:cover; }
/* fix */
.subContent .meni-zajawkowe ul { text-align:left; }
.subContent .meni-zajawkowe ul li { width:33%; }
.subContent .meni-zajawkowe h3 { font-size:1.1em; padding:0 0 0 2em}
.subContent .meni-zajawkowe ul li a,.subContent .meni-zajawkowe ul li:nth-child(2n+2) a { margin:0 0.5em 0.5em 0;}
.subContent .meni-zajawkowe ul li:nth-child(3n+3) a { margin:0 0 0.5em 0 }
/* fix */
.subAside .meni-zajawkowe ul li { width:auto; margin:1em 0 1em 0; float:none; display:block; }
/* fix FILE*/
.meni-zajawkowe.file ul li a { background-position:5px center; background-size:auto 37px; background-repeat:no-repeat; }
.meni-zajawkowe.file ul li a:link,.meni-zajawkowe.file ul li a:visited { background-color:var(--color-green);}
.meni-zajawkowe.file ul li a:hover,.meni-zajawkowe.file ul li a:active,.meni-zajawkowe.file ul li a:focus { color:var(--color-black); background-color:var(--color-main); text-decoration:none; transition-duration:1s; }
.meni-zajawkowe.file h3 { padding:0 0 0 3em;}
.meni-zajawkowe.file h3:before { content:"";}

/*-------- 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-bold); font-size:1em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:0.9em 1em; background: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}

.meniMore { padding:0; margin:0; width:auto; min-height:40px; }
.meniMore ul { padding:0; margin:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; }
.meniMore ul li { position:relative; margin:0; border:0; padding:0; display:inline-block; overflow:hidden; list-style:none; }
.meniMore ul li a,.meniMore ul li a:visited { font-size:1.2em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:0.4em 1em 0.4em 0.99em; display:block; white-space:nowrap; transition-duration:1s; }
.meniMore ul li a:after { content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:var(--color-dark-grey); z-index:2; }
.meniMore ul li:last-child a:after { display:none; }
.meniMore ul li a:hover,.meniMore ul li a:active, .meniMore ul li a:focus { color:var(--color-main); white-space:nowrap; }
.meniMore ul li a.check,.meniMore ul li a.tab_on { }
.meniMore br {clear:both}


/*--------- MENU LISTA ul li - wielopoziomowe */
.meni2 { position:relative; overflow:visible; margin:0 0 2em 0; border-right:3px solid var(--color-grey); background-color:var(--color-light-grey); padding:1em; box-sizing:border-box; }
.meni2 h2 { position:absolute; top:-100em !important; left:-100em !important; width:1px; height:1px; text-indent:-1000em; }
.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; border:0; border-bottom:1px solid var(--color-grey); display:block; list-style:none; position:relative; background:transparent; }

.meni2.separate { border-right:0; background-color:transparent; padding:0; }
.meni2.separate > ul > li { margin:0 0 1em 0; padding:1em;  background-color:var(--color-light-grey);}

.meni2 > ul > li:before, .meni2 > ul > li:after { content:""; position:absolute; top:0; left:0; width:100%; height:0; z-index:0; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; }
.meni2 > ul > li:before,.meni2 > ul > li:after { background-color:var(--color-light-grey);}
.meni2 > ul > li:after { left:auto; top:auto; bottom:0; right:0; }
.meni2 > ul > li:hover:before, .meni2 > ul > li:hover:after { height:50%; }

.meni2 ul li a,.meni2 ul li a:visited { position:relative; font-family:var(--font-bold), sans-serif; font-size:1.3em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:0.8em 2em 0.8em 1em; margin:0; display:block; z-index:2; background:transparent; }
.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; padding:0.8em 2em 0.8em 1em; }
.meni2 ul li li a:before {position:absolute; top:50%; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); left:5px; display:block; margin:0; font-size:0.5em; line-height:1em; font-family:var(--font-icon); content:"\e120"; text-align:center; color:var(--color-grey); text-decoration:none; }
.meni2 ul li li a:before { left:2%; font-size:0.8em;}
.meni2 ul li li li a:before { left:8%; font-size:0.8em;}
.meni2 ul li li li li a:before { left:10%; font-size:0.8em;}

.meni2 ul li a.rozwin:after { font-family:var(--font-icon); content:"\e103"; font-size:0.9em; line-height:1em; color:var(--color-black); position:absolute; top:50%; right:1em; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter);z-index:2; }
.meni2 ul li a.rozwin:hover:after,.meni2 ul li a.rozwin:active:after,.meni2 ul li a.rozwin:focus:after,.meni2 ul li a.check.rozwin:after { content:"\e102"; color:var(--color-black); }
.meni2 ul li a.rozwin,.meni2 ul li a.rozwin:hover,.meni2 ul li a.rozwin:focus {padding-right:2.5em;}
.meni2 ul ul { padding:0; margin:0; 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; clear:both; }
.meni2 ul ul li a,.meni2 ul ul li a:visited { font-family:var(--font); font-size:1.1em; line-height:1.2em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:0.5em 1em 0.5em 2em; margin:0 0 0 1em; display:block; }
.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-main) !important; font-weight:normal; text-decoration:none; padding:0.5em 1em 0.5em 2em; }
.meni2 ul ul ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.meni2 ul ul ul li { padding:0; margin:0; border:0; 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:1.1em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:0.5em 2.6em; margin:0 0 0 1em; display:block; }
.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-main); font-weight:normal; padding:0.5em 2.6em; }
.meni2 ul ul ul ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.meni2 ul ul ul ul li { padding:0; margin:0; border:0; display:block !important; list-style:none; position:relative; background:transparent; }
.meni2 ul 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:0.5em 3em; margin:0 0 0 2em; display:block; }
.meni2 ul ul ul ul li a:hover,.meni2 ul ul ul ul li a:active,.meni2 ul ul ul ul li a:focus,.meni2 ul ul ul ul li a.check { color:var(--color-main); font-weight:normal; padding:0.5em 3em; }


/* MENU PODZIAL STRON W KATEGORII */
#meni_strony { position:relative; display:table; overflow:hidden; font-size:1em; padding:0; margin:1em auto; min-height:25px; text-align:center; }
#meni_strony ul { display:flex; align-items:center; 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; display:block; overflow:hidden; list-style:none; }
#meni_strony ul li.noActive { background:var(--color-white); color:var(--color-grey); text-transform:lowercase; padding:1em; }
#meni_strony ul li.selectbox { padding:0; }
#meni_strony ul li.selectbox .forms { padding:0; display:flex; align-items:center; }
#meni_strony ul li.selectbox .forms select { width:auto; min-width:70px; padding:1em; }
#meni_strony ul li.selectbox .iloscStron { position:relative; display:block; padding:1em; color:var(--color-black);}
#meni_strony a,#meni_strony a:visited { display:block; background:var(--color-white); border-top:2px solid var(--color-white); border-bottom:2px solid var(--color-white);height:auto !important; font-family:var(--font); color:var(--color-black); line-height:1em; padding:1em; font-size:1em; text-decoration:none; font-weight:normal; text-transform:lowercase; overflow:hidden; 
-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; }
#meni_strony a:hover,#meni_strony a:active,#meni_strony a:focus,#meni_strony a.check { border-top:2px solid var(--color-main); border-bottom:2px solid var(--color-main); color:var(--color-black); 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; }
.numeracja #meni_strony { background:var(--color-green); padding:1em; margin:0 0 2em 0;}
.numeracja #meni_strony ul li { margin:0; display:inline-block;}
.numeracja #meni_strony a:link,.numeracja #meni_strony a:visited { background:var(--color-white); border:0; color:var(--color-main); padding:0.5em; font-size:1em; text-decoration:underline; font-weight:normal; overflow:hidden; }
.numeracja #meni_strony a:hover,.numeracja #meni_strony a:active,.numeracja #meni_strony a:focus,.numeracja #meni_strony a.check {color:var(--color-yellow); text-decoration:none; transition: all 0.2s ease-in;}
/* fix var(--font-icon) */
.selectPagination #meni_strony { margin:0;}
.selectPagination #meni_strony ul li.selectbox { margin:0;}
.selectPagination #meni_strony ul li:first-child { text-align:left;}
.selectPagination #meni_strony ul li:first-child a:before,.selectPagination #meni_strony ul li:last-child a:after { font-family:var(--font-icon); content:"\e100"; color:var(--color-main); font-size:1em; line-height:0.5em; display:inline-block; padding:0 0.1em 0 0.1em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; }
.selectPagination #meni_strony ul li:last-child { text-align:right;}
.selectPagination #meni_strony ul li:last-child a:after { content:"\e101"; }
.selectPagination #meni_strony ul li:first-child a:hover:before,#meni_strony ul li:first-child a:focus:before,
.selectPagination #meni_strony ul li:last-child a:hover:after,#meni_strony ul li:last-child a:focus:after { color:var(--color-main); text-decoration:none; transition: all 0.2s ease-in;}

/* MENU PODZIALU TEKSTU */
#meni_tekstu { padding:0; margin:1em 0 0; }
#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.2em; padding:0; float:left; display:block; display:inline; list-style:none; position:relative; }
#meni_tekstu ul li span { display:block; color:var(--color-black); font-size:0.9em; line-height:1em; padding:0.6em 0.6em; background:var(--color-white); border-bottom:3px solid var(--color-main); }
#meni_tekstu ul li a,#meni_tekstu ul li a:visited { display:block; color:var(--color-black); font-size:0.9em; line-height:1em; padding:0.6em 0.6em; font-weight:normal; text-decoration:none; white-space:nowrap; border-bottom:3px solid var(--color-white); background:var(--color-white); }
#meni_tekstu ul li a:hover,#meni_tekstu ul li a:active,#meni_tekstu ul li a:focus,#meni_tekstu ul li a.check { background:var(--color-white); border-bottom:3px solid var(--color-main); color:var(--color-black); text-decoration:none;}

.menuTekst { position:relative; padding:1em 0; margin:0; z-index:1; border:0; min-height:50px; }
.menuTekst ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
.menuTekst ul li { position:relative; display:block; margin:0; margin-bottom:0.5em; padding:0; border:0; text-align:left;list-style:none; }
.menuTekst a { display:block; margin:0; padding:1em 0.5em; border:1px solid var(--color-light-grey); font-family:var(--font); color:var(--color-black); font-size:1.1em; line-height:1.1em; text-decoration:none; text-transform:uppercase; border-radius:5px; transition-duration:1s;}
.menuTekst a:hover,.menuTekst a:focus,.menuTekst a.check { background:var(--color-main); text-decoration:underline; transition-duration:0.7s; }
.menuTekst a:hover:before,.menuTekst a:focus:before,.menuTekst a.check:before { color:var(--color-white); transition-duration:1.5s; }
.menuTekst a span { position:relative; display:inline-block; padding:0 0 0 2em; }
.menuTekst a:before { position:absolute; float:left;display:block; margin:0; padding:0 0.2em; width:50px; border:0; font-family:var(--font-icon); content:"\e106"; color:var(--color-main); font-size:1.2em; line-height:1em; vertical-align:middle; text-decoration:none;}


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

/*ARCHIWUM*/
#archiwum {width:99%;}
#archiwum h2 { position:relative; text-align:left; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:1.3em;line-height:1.5em; padding:1em 0 0.5em 0; }
#archiwum ul { padding:0; margin:1em 0 0 2em; text-align:left; list-style-type:none; list-style-image:none;}
#archiwum ul li { margin:0; margin-right:1em; border:0; padding:0 0 0 1em; float:left; width:45%; display:block !important; display:inline; list-style:none; position:relative;}
#archiwum ul ul { padding:0; margin:1em 0 0 0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#archiwum ul ul li { padding:0.5em 0.5em 0.5em 1.2em; margin:0; overflow:hidden; list-style:none;width:99%; float:none; position:relative; border-bottom:1px solid var(--color-grey); background:url("/dokumenty/szablonyimg/40-arrow.png") no-repeat left center;} 
#archiwum ul ul li a,#archiwum ul ul li a:visited { font-size:1em; font-weight:normal; text-decoration:none; padding:0; }
#archiwum ul ul li a:hover,#archiwum ul ul li a:active { text-decoration:none; }

/*MAPA SERWISU*/
#sitemap { text-align:left;}
#sitemap ul { padding:0; margin:1em 0 0 1em; text-align:left; list-style-type:none; list-style-image:none; }
#sitemap ul li { float:none; margin:0.5em; width:auto; display:block; position:relative; }
#sitemap ul li a,#sitemap ul li a:visited { font-size:1.3em; padding:0 0 0.3em 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:1em 0 0 1em;}
#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; }
/* opcje rozwijania */
#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:"\e101"; font-size:0.8em; line-height:0.5em; position:relative;text-align:center; }
#sitemap ul li.expand a.rozwin:before {content:"\e102";}
#sitemap ul li.expand li a.rozwin:before {content:"\e101";}
#sitemap ul li.expand li.expand a.rozwin:before {content:"\e102";}

/* KOMENTARZE */
#komentarze { margin:2em 0 2em 0; text-align:left; font-size:1em; }
#komentarze h3 { font-weight:bold; font-size:1.3em; line-height:1.8em; border-bottom:1px solid var(--color-grey);}
#komentarze span.data { font-weight:bold; font-size:0.9em; line-height:1.1em; display:inline; padding:0.2em 1em 0.2em 0.4em; margin-left:1em; float:right !important; position:relative;}
#komentarze ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#komentarze ul li { padding:1em 1em 0; margin:0; overflow:hidden; list-style:none; border-bottom:1px dotted var(--color-grey); }
#komentarze ul li.w { padding:1em; background:var(--color-light-grey);}
#komentarze ul li:hover { background:var(--color-grey);}
#komentarze ul li a,#komentarze ul li a:visited { text-decoration:none; font-size:1.2em; }
#komentarze ul li a:hover,#komentarze ul li a:active,#komentarze ul li a:focus { text-decoration:none; }

/*dialog alert */
.alerts { position:relative; display:flex; align-items:center; justify-content:flex-start; padding:1em; margin:2em auto; text-align:left; font-size:1.4em; line-height:1.1em; color:var(--color-black); font-family:var(--font); border:1px solid var(--color-grey); border-radius:var(--bordr-radius); z-index:1; }
.alerts._warn { color:var(--color-black); 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; width:60px; height:60px; text-align:center; font-style:normal; border:1px solid var(--color-light-grey); }
.alerts i.element:before { content:"\26A0"; font-size:3em; line-height:60px; }
.alerts div.content { padding:1em; font-size:1em; line-height:1em; font-weight:normal; text-align:left; }

/*SEARCH */
#wynikiSearch { position:relative; display:block; padding:1em; margin:1em auto; }
#wynikiSearch h3,#wynikiSearch strong { display:inline-block; margin:0 0 0.4em 0; padding:0; font-weight:bold; text-align:left; text-decoration:none; font-size:1.1em; line-height:1em; }
#wynikiSearch p { display:block; font-size:1em; line-height:1em; margin:0 0 0.5em 0; } 
#wynikiSearch span.data { position:relative; display:block; text-align:left; padding:0; margin:0 0 0.4em 0; font-weight:normal; text-decoration:none; font-size:1em; line-height:1em; }
#wynikiSearch ol { display:block; padding:0; margin:0 0 0 2em; text-align:left; width:auto; list-style-type:decimal;}
#wynikiSearch ol li { position:relative; padding:0; margin:0 0 1em 0; border-bottom:1px solid var(--color-light-grey); }
#wynikiSearch a:link,#wynikiSearch a:visited { display:inline-block; text-decoration:none; }
#wynikiSearch a:hover,#wynikiSearch a:active,#wynikiSearch a:focus,#wynikiSearch a:focus h3 { text-decoration:underline; }
#wynikiSearch img.ikonka { display:inline-block; vertical-align:middle; margin:0 0.3em; width:35px; }
#wynikiSearch img.foto_right {margin-left:2em; float:right; }
/*oznaczenie szukanej frazy */
.wyniki { padding:0.1em;border:1px var(--color-light-grey) solid; background-color:var(--color-light-grey); }

/*rozwijanie wyszukiwarki zaawansowanej */
#szukaj-zaawansowana-rozwin-button {text-align:left; padding:0.1em 0.1em 1em 0; clear:both; }
#szukaj-zaawansowana-rozwin-button a:link, #szukaj-zaawansowana-rozwin-button a:visited { display:block; text-decoration:none; font-size:1em;}
#szukaj-zaawansowana-rozwin-button a:active,#szukaj-zaawansowana-rozwin-button a:hover,#szukaj-zaawansowana-rozwin-button a:focus { outline:none; text-decoration:underline; }
#szukaj-zaawansowana-rozwin-button a:before { font-family:var(--font-icon); content:"\e103"; color:var(--color-main); 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; }
#szukaj-zaawansowana-rozwin-button.active a:before { content:"\e101"; color:var(--color-black); transition-duration:1.5s; text-decoration:none; }
#szukaj-zaawansowana {height:auto; display:block; overflow:hidden;}
#szukaj-zaawansowana ins,#szukaj-zaawansowana .ins { height:auto !important; }

/*button do wyszukiwarki zastepujace checkbox */
a.szukaj-button-checkbox-Off:link,a.szukaj-button-checkbox-Off:visited,a.szukaj-button-checkbox-On:link,a.szukaj-button-checkbox-On:visited { display:none; position:relative; font-size:1.1em; font-weight:normal; text-align:center; text-transform:none; text-decoration:none; padding:0.4em 2em 0.4em 1em; margin:0.1em; cursor:pointer; white-space:nowrap; }
a.szukaj-button-checkbox-Off:link,a.szukaj-button-checkbox-Off:visited { color:var(--color-dark-grey); background-color:var(--color-white); border:1px solid var(--color-grey); }
a.szukaj-button-checkbox-On:link,a.szukaj-button-checkbox-On:visited { color:var(--color-white); background-color:var(--color-main); border:1px solid var(--color-main); }
a.szukaj-button-checkbox-Off span,a.szukaj-button-checkbox-On span {position:absolute; top:25%; right:3%; display:block; width:12px; height:12px; float:right; background-image:url("/img/search/i-add-del.png"); background-position:0 -12px; background-repeat:no-repeat; text-indent:-10000px; font-size:0;}
a.szukaj-button-checkbox-On span { background-position:0 0; }
a.szukaj-button-checkbox-Off:hover span { background-position:0 0; }
a.szukaj-button-checkbox-On:hover span { background-position:0 -12px; }

/* sonda i ankiety */
#sonda { position:relative; padding:0; margin:0; } 
#sonda legend,#sonda strong{ position:relative; display:block; z-index:1; white-space:normal; overflow:hidden; width:100%; padding:0.6em 0 0.6em 1em; margin:0; border-bottom:1px dashed var(--color-grey); background:url("/dokumenty/szablonyimg/40-arrow.png") no-repeat left center; text-align:left; font-size:1.1em; font-weight:bold; }
#sonda ins,#sonda .ins { position:relative; display:block; overflow:visible; padding:10px 0 10px 20px; text-align:left; margin:0; background:transparent; font-size:1em; text-decoration:none; }
	
#sonda.ankieta .all { padding:0 0.8em 0 0; }
#sonda.ankieta .all label { display:block; left:0 !important; margin:0 0 0.5em 0;}
#sonda.ankieta .txt strong,#sonda.ankieta .txt span,#sonda.ankieta .txt a { display:inline-block; position:relative; padding:0; margin:0;width:auto; font-size:1em; line-height:1em; top:auto; left:auto; right:auto; background:transparent; border:0;}
#sonda .wynik { padding:0 15% 0 0; margin:0.8em 0.5em 2em 0.5em; border:0; }
#sonda .wynik.ok { padding:0.3em 15% 0.3em 0.3em; margin:0.8em 0.5em 0.1em 0.5em; border:1px solid var(--color-green); }
#sonda .submit { padding:0; text-align:center; }
#sonda label { position:relative; padding:0; width:auto; border:0; text-align:left; font-size:1em; font-weight:normal;}
#sonda input[type=radio],#sonda input[type=checkbox] { margin:0; background:transparent; }
#sonda input[type=radio]:focus,#sonda input[type=checkbox]:focus { background:transparent;  box-shadow:var(--box-shadow); }
#sonda span { position:absolute; top:0; right:0; display:block; border:0; margin:0.3em 0.5em 0.3em 0.1em; background:transparent; text-align:right; }
#sonda span.required { position:relative; float:right;}
#sonda .odp,#sonda cite { position:relative; top:0; left:0; padding:0; width:auto; border:0; text-align:left; font-size:0.9em; font-weight:normal; font-style:normal;}
#sonda .odp em { position:relative; display:block; float:right; padding:0 0 0 0.5em; text-align:right; color:var(--color-green); }
#sonda .opcje { float:left; margin:0.5em 0 0.5em 6%; }
#sonda .opcje ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
#sonda .opcje ul li { padding:0.2em 0 0.2em 1.2em; margin:0; margin-right:1.4em; float:left; display:block !important; display:inline; list-style:none; position:relative; border:0; background:url("/dokumenty/szablonyimg/40-arrow.png") no-repeat left center; }
#sonda a,#sonda a:visited { color:var(--color-black);font-size:1em; float:left; text-decoration:none; }
#sonda a:hover,#sonda ul li a:active { color:var(--color-black); text-decoration:underline;}
#sonda .wykres { position:absolute; bottom:-1em; width:100%; background-color:var(--color-light-grey); text-align:left; margin:0; }
#sonda .wykres img { display:block; height:8px !important;}
/* wyniki ankiet*/
#sonda .raport {position:relative; width:48%; margin: 0 0 0.4em 0.4em; border:1px solid var(--color-light-grey);} 
#sonda .raport h3 { padding:0.3em; }
#sonda ul.legenda { position:absolute; bottom:0; left:0; display:block; overflow:hidden; float:left; margin:0; background:var(--color-white); }
#sonda ul.legenda li { position:relative; display:block; overflow:hidden; float:left; margin:0.1em 0.5em; white-space:nowrap; }

/*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; }

 /* mapy - fix */
.txt #obiekty {display:none !important;}
.box-map-float { position:absolute; top:50%; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); right:10%; z-index:1; width:30%; } 
.box-map-float .usun { position:absolute; top:0; right:0; z-index:2;}
.box-map-float .adres { display:block; padding:3em; margin:0; border:1px solid var(--color-grey); background:var(--color-white);}
.box-map-float .usun a:before { content:"\e110"; }
.box-map-float .usun a.active:before { content:"\e10e"; }

/* 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; 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; margin:0 auto; }
/* slider opcje */
.bannery-previous,.bannery-next { position:absolute; top:50%; transform: var(--vcenter); z-index:1000; cursor:pointer; width:40px; height:40px; z-index:2; }
.bannery-previous { left:0;}
.bannery-next { right:0;}
.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-main); background-color:var(--color-light-grey); border-radius:100%; }
.bannery-previous a:before,.bannery-next a:before { font-family:var(--font-icon); content: "\e100"; line-height:1em; position:absolute; top:50%;transform:var(--vcenter); left:0; width:100%; text-align:center; }
.bannery-next a:before { content:"\e101"; }
.bannery-previous a:before, .bannery-next a:before { font-size:1em;}
.bannery-previous a:active,.bannery-previous a:hover,.bannery-previous a:focus,
.bannery-next a:active,.bannery-next a:hover,.bannery-next a:focus { background-color:var(--color-main)}
.bannery-previous a:hover:before,.bannery-previous a:focus:before,.bannery-next a:hover:before,.bannery-next a:focus:before { color:var(--color-white); }
.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; color:var(--color-grey); 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; padding:2em 0; width:100%; height:auto; overflow:hidden; border-top:1px solid var(--color-white); z-index:0;}
.banners .bannery { height:100% !important; text-align:center; }
.banners .bannery:after { clear:both;}
.banners .bannery-slider { position:relative; padding:0 60px; 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-main); background:var(--color-white); color:var(--color-black); font-size:1em; line-height:1em; text-align:left; transition-duration:1.8s;}
a.context span.hint strong { display:block; margin:0 0 1em;}
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-main) 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:200%; height:auto; transition-duration:0.8s;}
#printer span.hint { display:none !important; }
/*fix*/
figcaption a.context span.hint,.opisObrazka3d { font-size:1.1em; line-height:1.2em; white-space:pre-line; }
figcaption .imgwraper { float:right; height:15em; width:30%; }

/*Kalendarz*/
.panelCalendar { position:relative; overflow:visible; padding:0; margin:0; z-index:0; clear:both; }
.panelCalendar .calendarContent{ position:relative; overflow:visible; padding:2em 2em 0 2em; margin:0 auto; }
.panelCalendar .calendar { position:relative; overflow:visible; padding:0; margin:0; }
.calendar .day { position:relative; display:block; z-index:1; }
.calendar .choose { position:relative; display:block; width:auto; margin:0 auto; padding:3em 0 6em 0; text-align:center; background-color:var(--color-light-grey); z-index:0; }
.calendar .choose strong { position:relative; display:block; padding:0.5em 0; font-family:var(--font); font-size:1.2em; line-height:1em; font-weight:normal; }
.calendar .day > ul { display:table; padding:0; margin:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; height:100%; }
.calendar .day > ul > li { position:relative; margin:0; border:0; padding:0; display:table-cell; height:100%; vertical-align: top; overflow:visible; list-style:none; width:230px; }
.calendar .day > ul > li .inner { position:relative; height:calc(100% - 10px); margin:5px; padding:0; display:block; border:1px solid var(--color-light-grey); background:var(--color-white); }
.calendar .day a:link,.calendar .day a:visited,.calendar .day .noActive { display:block; color:var(--color-black); padding:0; font-size:1em; font-weight:normal; overflow:hidden; text-decoration:none;
-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; }
.calendar .day .noActive { display:block; color:var(--color-dark-grey);}
.calendar .day a:hover,.calendar .day a:active,.calendar .day a:focus,.calendar .day a.check { color:var(--color-black); text-decoration:none; transition: all 0.2s ease-in;}
.calendar .noActive { text-decoration:none; }
.calendar .day a .nlabel { position:relative; display:block; padding:20px 10px; font-family:var(--font); font-size:1.4em; line-height:1em; font-weight:normal; text-align:left; border-bottom:1px solid var(--color-light-grey); }
.calendar .day a .nday { position:relative; display:block; padding:10px; font-family:var(--font); font-size:6em; line-height:1em; text-align:left; }
.calendar h4 { margin:2em 0; font-family:var(--font); font-size:1.5em; line-height:1.1em; font-weight:normal; text-align:center; text-transform:uppercase;}
.calendar h4 span { text-transform:uppercase; display:inline-block; }
.calendar h4 span:after { content:": "; }
.calendar form { position:relative; border:0; overflow:visible; height:100%; padding:0; margin:0; float:none; }
.calendar fieldset { position:relative; display:inline-block; border:0; height:100%; padding:0 80px; margin:0; }
.calendar fieldset legend { position:absolute; top:0; left:-10000px; width:1px; height:1px; }
.calendar label span { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; display:block; }
.calendar label {position:relative;}
.calendar label:after {content:'>'; font:1em "Consolas", monospace; line-height:1em; color:var(--color-dark-grey); position:absolute; top:-5px; right:0; padding:0 7px 4px;
 -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg); pointer-events:none;}
.calendar select { position:relative; padding:0 0.5em; box-sizing:border-box; margin:0; width:auto; height:1.5em; display:inline-block; overflow:hidden; border:0; background:transparent; font-family:var(--font); color:var(--color-black); font-size:2.6em; line-height:1em; font-weight:normal; text-align:left; 
-webkit-appearance:none;-moz-appearance:none;}
.calendar select option{ font-size:0.5em; line-height:1em; color:var(--color-dark-grey);}
.calendar select option:first-letter{ text-transform:uppercase; }
.calendar select.year { font-size:3.6em; }
.calendar select:focus { color:var(--color-black);}
.calendar input[type=submit],.calendar button { position:absolute; top:30px; right:40px; display:block; width:30px; height:30px; padding:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:var(--color-black); }
.calendar input[type=submit]:before ,.calendar button:before{ position:absolute; top:0; left:0; width:100%; text-indent:0; font-size:2.5em; line-height:1em; }
.calendar input[type=submit]:hover,.calendar input[type=submit]:focus,.calendar button:hover,.calendar button:focus { color:var(--color-main); }
/* przyciski */
.calendar-previous,.calendar-next { position:absolute; top:40%; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); z-index:2; width:65px; height:65px; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; }
.calendar-previous { left:0 }
.calendar-next { right:0; }
.calendar-previous a:link,.calendar-previous a:visited,
.calendar-next a:link,.calendar-next a:visited { position:relative; display:block; width:100%; height:100%; opacity:1; text-decoration:none; font-size:0.7em; color:#fe4e53 !important; }
.calendar-previous a:before,.calendar-next a:before { font-family:var(--font-icon); content:"\e104"; font-size:3em; line-height:1em; position:absolute; top:50%; transform:var(--vcenter); -ms-transform:var(--vcenter); -webkit-transform:var(--vcenter); left:0; width:100%; background-color:transparent; text-align:center; }
.calendar-next a:before { content:"\e105"; }
.calendar-previous a:active,.calendar-previous a:hover,.calendar-previous a:focus,
.calendar-next a:active,.calendar-carusel-next a:hover,.calendar-next a:focus { }
.calendar-previous a:hover:before,.calendar-previous a:focus:before,.calendar-next a:hover:before,.calendar-next a:focus:before { color:var(--color-white); }
.calendar-previous a span,.calendar-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0; }
.calendar-previous a.end,.calendar-next a.end {opacity:0.5; transition-duration:0.6s;}


/* 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-dark-grey); background:var(--color-white); z-index:1000; }

/* RANKING */
.rabidRating { float:left; margin:0 2em 0 0;}
.rabidRating .wrapper { cursor:pointer; background:var(--color-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:var(--color-green); }
.rabidRating .ratingVoted {cursor:default; background-color:var(--color-red); }
.rabidRating .ratingActive { background-color:#00f0ff; }
.rabidRating .ratingText { color:var(--color-black); font-size:0.8em; }
.rabidRating .ratingText.loading { background:url("/img/ajax/loading1.gif") no-repeat; text-indent:-999em; }

/* TAGI*/
.tagi a:link,.tagi a:visited { display:inline-block; padding:0.5em 0.9em; background-color:var(--color-light-grey); font-size:1.2em; text-decoration:none; }
.tagi a:hover,.tagi a:focus { background-color:var(--color-main); color:var(--color-white); }
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:0; border-spacing:1px; font-size:1em; line-height:1.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; line-height:1.1em; text-align:left; font-family:var(--font);}
#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-black); }
#table-listing table tr:hover td, table.table-listing tr:hover td { background:var(--color-light-grey) !important;}
#table-listing table tr th, table.table-listing tr th { min-height:1em; padding:1em 0.5em; background:var(--color-main); font-family:var(--font); font-size:1.1em; line-height:1em; font-weight:normal; color:var(--color-white); text-align:center;}
table.table-listing.small {font-size:0.9em;}
#table-listing table a, table.table-listing a { color:var(--color-black); text-decoration:none;}
#table-listing table a:hover,#table-listing table a:focus, table.table-listing a:hover, table.table-listing a:focus { text-decoration:underline;}
#table-listing table tr td, table.table-listing tr td { font-size:1em; min-height:1em; vertical-align:top; text-align:left; border:0; padding:1em; margin:0.6em; background:var(--color-light-grey); border-bottom:1px solid var(--color-grey);}
#table-listing table tr:nth-child(odd) td, table.table-listing tr:nth-child(odd) td { background:var(--color-white);}
#table-listing table tr td.center, table.table-listing tr td.center {text-align:center;}
#table-listing table tr td.nowrap, table.table-listing tr td.nowrap {white-space:nowrap;}
#table-listing table tr td.right, table.table-listing tr td.right,#table-listing table tr th.right, table.table-listing tr th.right {text-align:right; float:none;}
table.table-listing .center { text-align:center; }
table.table-listing tr.czerwien td { background:var(--color-yellow); border-bottom:1px solid var(--color-grey); }
table.table-listing h3 { font-size:1em; }

/*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-grey); background-color:var(--color-dark-opacity) }
.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-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;} 
.table-items .important { background-color:var(--color-yellow); color:var(--color-black); }

/*cookies box */
.cookiesBox { position:fixed; bottom:0; left:0; width:100%; padding:0; max-height:40vh; margin:0; opacity:1; overflow-x:hidden; overflow-y:auto; border-top:3px solid var(--color-white); box-shadow:var(--box-shadow); z-index:1000;}
.cookiesBox .cookiesBoxItem { position:relative; display:block; box-sizing:border-box;padding:4em; margin:0 auto; width:100%; font-size:1em; letter-spacing:0; text-align:left; background:var(--color-light-grey); color:var(--color-dark); z-index:1;}
.cookiesBox .cookiesBoxItem a:link,.cookiesBox .cookiesBoxItem a:visited{ color:var(--color-black); }
.cookiesBox .cookiesBoxItem a:hover,.cookiesBox .cookiesBoxItem a:focus{ color:var(--color-main); }

/* style pomocnicze */
img { border:0; }
hr { border:0; height:0; border-top:1px solid var(--color-dark-opacity); border-bottom:1px solid var(--color-light-opacity); }
.hide { position:absolute !important; top:-100em !important; left:-100em !important; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; text-indent:-1000em !important;}
.mobileShow { display:none !important;}
.left { float:left; overflow:hidden;}
.right { float:right; overflow:hidden; }
.clear { clear:both; }

.align_right {text-align:right;}
.align_left {text-align:left;}
.align_center {text-align:center;}

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

/*ie bug fix underline */
a:before,a:after,a span:before,a span:after { text-decoration:underline;}
a:before,a:after,a:hover:before,a:hover:after,a:hover span:before,a:hover span:after { text-decoration:none;}
/* linki */
a:link, a:visited {font-style:normal;color:var(--color-black);text-decoration:underline;}
a:hover,a:active {color:var(--color-main); text-decoration:underline; }
.txt a:focus,#txt a:focus {outline:1px solid #69747b; background-color:white; text-decoration:none;} 

/* box 12 grid system */
.row, ul.row { margin:0 -15px; display:flex; flex-flow:wrap; justify-content:center; }
.row.noGap, ul.row.noGap { margin:0; }
._1r,._2r,._3r,._4r,._5r,._6r { display:block; margin:0 0 30px 0 !important; }
._1r a,._2r a,._3r a,._4r a,._5r a,._6r a { margin:0 15px; }
.noGap ._1r,.noGap ._2r,.noGap ._3r,.noGap ._4r,.noGap ._5r,.noGap._6r,
.noGap ._2r a,.noGap ._3r a,.noGap ._4r a,.noGap ._5r a,.noGap._6r a,
._1r.reset,._2r.reset,._3r.reset,._4r.reset,._5r.reset,._6r.reset,
._2r.reset a,._3r.reset a,._4r.reset a,._5r.reset a,._6r.reset a { margin:0 !important; }
._1r { width:100%; } 
._2r { width:50%; } 
._2r { width:50%; } 
._3r { width:33.33%; } 
._4r { width:25%; } 
._5r { width:20%; } 
._6r { width:16.33%; }

/*12 grid system */
.xrow { margin:0 -15px; display:flex; flex-flow:wrap;}
.xrow.noGap { margin:0; }
.xrow.dubbleGap { margin:0 -45px; }
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 { display:block; margin:0; padding:0 15px; box-sizing:border-box;}
.noGap .x1,.noGap .x2,.noGap .x3,.noGap .x4,.noGap .x5,.noGap .x6,.noGap .x7,.noGap .x8,.noGap .x9,.noGap .x10,.noGap .x11,.noGap .x12 { padding:0; }
.dubbleGap .x1,.dubbleGap .x2,.dubbleGap .x3,.dubbleGap .x4,.dubbleGap .x5,.dubbleGap .x6,.dubbleGap .x7,.dubbleGap .x8,.dubbleGap .x9,.dubbleGap .x10,.dubbleGap .x11,.dubbleGap .x12 { padding:0 45px; }
.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%;}

._left50	{right:auto; left:50% !important; transform:var(--hcenter); -ms-transform:var(--hcenter); -webkit-transform:var(--hcenter);}
._top50	{bottom:auto; top:50% !important; transform:var(--vcenter); -ms-transform:var(--vcenter); -webkit-transform:var(--vcenter); }
._center50	{ bottom:auto; top:50% !important; right:auto; left:50% !important; transform:var(--center); -ms-transform:var(--center); -webkit-transform:var(--center);}



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

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

/*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 .noPrint, #printer .opcje-strony, #printer .prev, #printer .next { display:none; }
#printer #table-listing table tr td { font-size:0.9em; }
#printer .img img { width:100%; height:auto; }

#printer .xrow { margin:0}
#printer .x1,#printer .x2,#printer .x3,#printer .x4,#printer .x5,#printer .x6,#printer .x7,#printer .x8,#printer .x9,#printer .x10,#printer .x11,#printer .x12 { float:none; width:100%; padding:0; margin:0 0 30px 0; }

#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,#printer .forms .ins { position:relative; display:block; height:auto; padding:0; margin:10px 0 10px 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-dark-grey); font-size:1em;}

#printer .wyszukiwarka,#printer .sort,#printer .filter, #printer #meni_strony #printer .meniTab{ display:none;}
#printer .rekordy { width:100%;}

/*===============================================*/
/* 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-black);}
.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-black); }
.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; 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; display:inline-block; 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; }

/* zalaczone pliki do formularza*/
.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; }

.forward { float:right }
.previous { float:left; }
.reject { position:relative; left:50%; transform:var(--hcenter); display:block; font-size:0.8em !important; }

/* wyszukiwarka dzialowa */
.forms.page { text-align:left; margin:0 0 1em;}
.forms.page form { width:30%; margin:0; box-sizing:border-box; }
.forms.page form fieldset { border:1px solid #b5bec4; background:var(--color-white); box-sizing:border-box; }
.forms.page form .szukaj-dzial { position:absolute; top:8px !important; width:190px; overflow:hidden; color:var(--color-dark-grey); 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:var(--color-dark-grey); }
.forms.page input[type=submit]:before ,.forms.page button:before{ position:absolute; top:0; left:0; width:100%; text-indent:0; font-size:1.2em; line-height:1.3em; font-family:var(--font-icon); content:"\e104"; color:var(--color-main); }
.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:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); right:3%; text-indent:0; font-size:1.2em; line-height:1.3em; font-family:var(--font-icon); content:"\e104"; color:var(--color-main);}

/* 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: var(--vcenter); -webkit-transform: var(--vcenter); -ms-transform: var(--vcenter); 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:"\e11c"; }
.forms.loginBox .passField:before { content:"\e117"; }
.forms.loginBox .emailField:before { content:"\e114"; }

/*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); }

/* 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; color:var(--color-white); background:var(--color-main); transition-duration:0.6s; }
.usun a:before { font-family:var(--font-icon); content:"\e119"; font-size:1.4em; line-height:1em; position:absolute; top:50%; transform: var(--vcenter); left:0; width:100%; text-align:center; }
.usun a:hover,.usun a:focus { background:var(--color-dark-grey); transition-duration:0.6s; }
.usun a.active:before { content:"\e110"; }

/* 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:var(--font-icon); content:"\e10c"; font-size:1.6em; line-height:1em; position:absolute; top:50%; transform:var(--vcenter);-ms-transform:var(--vcenter);-webkit-transform:var(--vcenter); left:0; width:100%; text-align:center; }
a.dateInsert:hover,a.dateInsert:focus { color:var(--color-dark-grey); 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:var(--font-icon); content:"\e102"; font-size:0.8em; line-height:0.9em; position:relative; text-align:center; text-decoration:none; }
 a.sort-down:before {content:"\e103";}
 
 /* filtr - szybkie usuwanie nad wynikami */
.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 var(--color-light-grey); 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-main); color:var(--color-white); transition-duration:0.6s; }
.filter a:before { font-family:var(--font-icon); content:"\e119"; font-size:1em; line-height:0.9em; color:var(--color-main); 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; }

/* pola formularza */ 
.forms input[type=text],.forms input[type=file],.forms input[type=password],.forms select,.forms textarea { font-size:1em; font-weight:normal; color:var(--color-black); text-align:left; border:1px solid var(--color-grey); width:100%; margin:0; padding:0.5em; box-sizing:border-box; background-color:var(--color-white); }
.forms select { padding:0.5em 2em 0.5em 1em; }
.select { position:relative; display:block; align-items:center; border:1px solid var(--color-grey);}
.select:after { position:absolute; top:50%; transform:var(--vcenter); right:5px; z-index:1; content:'\e103'; font-size:1em; font-family:var(--font-icon); color:var(--color-main); background:transparent; padding:0 5px; pointer-events:none;}
.select select { position:relative; padding:0.5em; width:100%; -webkit-appearance:none;-moz-appearance:none; border:0; }
.select select[multiple] {z-index:2;}
.forms input[type=text].number {width:20%;}
.forms input[type=text].data {width:40%;}
.forms input[type=password] { width:50%; border:1px #b0b0b0 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 { padding:0.1em; overflow-y:auto; overflow-x:hidden; width:100%; }
.forms input[type=submit],.forms input[type=button],.forms button { font-family:var(--font-bold); font-size:1em; color:var(--color-main); font-weight:normal; text-align:center; text-transform:uppercase; width:auto; height:auto; margin:0.2em; padding:1em 3em; border:2px solid var(--color-main); border-radius:var(--border-radius-button); overflow:hidden; background:transparent; cursor:pointer; transition-duration:0.6s; }
.forms button.szukaj:after { font-family:var(--font-icon); content:"\e109"; color:var(--color-main); font-size:1em; line-height:0.8em; display:inline-block; padding:0 0 0 0.2em; margin-top:-0.3em; vertical-align:middle; text-align:center; transition-duration:1s; }
.forms input[type=submit].usunFiltr,.forms input[type=button].usunFiltr,.forms button.usunFiltr {color:var(--color-white); background:var(--color-dark-grey); }
.forms input[type=submit].add-item,.forms input[type=button].add-item,.forms button.add-item { font-size:0.8em; margin:0.5em auto; color:var(--color-white); background-color:var(--color-green); border-color:var(--color-green); }
.forms input[type=submit]:hover,.forms input[type=button]:hover,.forms button:hover,.forms input[type=submit]:focus,.forms input[type=button]:focus,.forms button:focus { background:var(--color-main); color:var(--color-white); transition-duration:0.6s; }
.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 { border:1px solid var(--color-black); box-shadow:var(--box-shadow);transition-duration:1s;}
button[class^="icon-"], button[class*=" icon-"] { padding-top:45px !important; position:relative;}
button[class^="icon-"]:before, button[class*=" icon-"]:before { font-family:var(--font-icon); display:block; font-size:1.5rem; line-height:1em; font-weight:normal; position:absolute; top:15px; left:50%; transform:var(--hcenter);-webkit-transform:var(--hcenter);-ms-transform:var(--hcenter); text-align:center; }
button[class^="icon-"]:hover:before, button[class^="icon-"]:focus:before, button[class*=" icon-"]:hover:before, button[class*=" icon-"]:before:focus { font-size:1.7rem; }


/* pretty checkbox */
.checkbox { position:relative; margin:0 0 1em; }
.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; padding:5px 0 0 40px !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-family:var(--font-icon); font-size:0.8em; line-height:26px; display:block; width:26px; height:26px; 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 #cbcbcb;
	-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:"\e118"; display:none; }
.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 { display:block; background:var(--color-main); color:var(--color-white); border:1px solid var(--color-main); }
.checkbox input[type=radio]:checked + label:before { display:block; background:var(--color-main); color:var(--color-white); border:1px solid var(--color-main); }
.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; }

/* 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:'Roboto',sans-serif; }
.infoForm * { color:var(--color-black); }
.infoForm:before { font-family:var(--font-icon); content:"\e13a"; 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; }

/* 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:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); width:100%; height:1px; background:var(--color-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-grey); border-radius:100%; z-index:1;}
.steps > ul > li div:before { content:""; position:absolute; top:50%; left:50%; transform:var(--center);-webkit-transform:var(--center);-ms-transform:var(--center); width:100%; height:100%; border-radius:100%; background:var(--color-black); z-index:-1; }
.steps > ul > li div.deactive { color:var(--color-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-red); }
.steps > ul > li div.current:before { background:var(--color-black); }

/* 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-yellow); padding:0; margin:0; border:0; overflow:hidden; width:0px; height:30px;}
.forms .file .usun { float:right; z-index:2; }

/* RWD */

@media only screen and (max-width:1680px) {
 
}

@media only screen and (max-width:1600px) {
 
 .bannery-slider { width:1000px !important; }
	 
 .x-xl { float:none; width:100%; padding:0; margin:0 0 20px 0; }

}

@media only screen and (max-width:1400px) {
 
 #page { width:auto !important; }
 
 footer .logo { width:280px; height:120px; margin:1em auto; }	
 #menu .inside { height:auto; padding:0; }
 
 .zdjecia ul li.clear { display:none !important; }
 
 .topnews.article .tophead { font-size:0.8em}

 ul.mainmenu a:link,ul.mainmenu a:visited { font-size:1.2em; }
 
 .buttons { top:auto; height:40px; z-index:1; }
 .buttons .prev, .buttons .next { position:absolute; top:0; margin:0; padding:0; }
 .buttons a:link ,.buttons a:visited { padding:0; margin:0;} 
 .buttons a.button:after ,.buttons a.button:before{ font-size:3em; }
 
 .slider .inside {width:80%;}
 
 .bannery-slider {width:680px !important;}
 
 .x-lg { float:none; width:100%; padding:0; }
 
}

@media only screen and (max-width:1200px) {
	
 .inside, header .inside { width:95%;}
 
 header .logo, header .txtLogo { top:10px; left:0; width:250px; height:50px; font-size:0.6em; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); }
 #header-opcje { top:5px;}
 #search { width:140px;}
 #topnews, footer { margin:0; }
 
 #menuCategoryPlaceholder { position:absolute; top:0; left:0; display:block; width:100%; padding:0; margin:0; z-index:3; transition-duration:1s;}
 #menuCategoryPlaceholder.rel { position:relative; top:auto; left:auto; }
 #menuCategoryBtn { display:block;}
 #menuCategory { display:none; position:absolute; top:25px; left:0; width:100%; background:var(--color-white); border:2px solid var(--color-main); padding:2em; box-sizing:border-box; z-index:0;}
 #menuCategory.rel { position:relative; top:0;}
 .meni2 { border:0; background-color:transparent; padding:0; }
 
 footer .content { width:95%;}
 
 .slider .item .info .padding { font-size:1em;}
 
 ul.mainmenu ul { top:30px;}
 ul.mainmenu a:link,ul.mainmenu a:visited { font-size:0.9em; }
 ul.mainmenu a span {font-weight:normal; padding:1em 0.5em; }
 ul.mainmenu a[class^="icon-"]:before, ul.mainmenu a[class*=" icon-"]:before { line-height:35px; }
 
 #back-to-top { bottom:10em; width:35px; height:35px;}
 #back-to-top a:before { font-size:1.6em;}
 #back-to-top a span { text-indent:-1000em; }
 
 ._4r, ._5r, ._6r { width:50%; } 
				   
 .x7,.x8,.x9,.x10,.x11,.x12 { width:50%; } 
 .x-md { float:none; width:100% !important; padding:0; margin:0 0 30px 0; }
 
 .bannery-slider {width:680px !important;}
 
}

@media only screen and (max-width:768px) {
 
 #page { width:auto; }
 #page { font-size:0.9em; }

 #content { padding:0; } 
 #sciezka-navi { display:none;}
 #back-to-top { bottom:1em; }
 
 header .logo,header .txtLogo { width:200px; height:50px; }
 
 #header-opcje { position:absolute; top:10px; left:auto; right:0; width:70%; text-align:right; }
 #header-opcje ul.opcje { text-align:right; }
 #header-opcje ul.opcje li { margin-right:0.3em;}
 
 #footer-opcje { float:none; margin:1em auto;}
 
 #search { display:none; }
 
 .panel { padding: 2em 0 0; }
 .panel.padding { padding:2em; }
 div[class^="x"].line, div[class*=" x"].line { padding-left:10px; }
 
 
 #menu { display:none; width:auto; }
 #menu .inside{ width:100%; margin:0; border:0;}
 #menu { position:absolute; bottom:auto; top:65px; left:auto; right:0; width:100%; z-index:5; }
 ul.mainmenu { margin:0 auto; padding:1em; height:auto; float:none; }
 ul.mainmenu li:hover ul ,ul.mainmenu li.iehover ul {display:none;}
 ul.mainmenu li {float:none; margin:0; display:block; width:100%; background:transparent; clear:both; }
 ul.mainmenu { background:var(--color-navy); }
 ul.mainmenu a:link,ul.mainmenu a:visited,ul.mainmenu a:hover {display:block; height:auto; padding:0; box-sizing:border-box; background:none; font-size:1.4em;line-height:1em; color:var(--color-white); text-align:left; border:0; }
 ul.mainmenu span:after { position:relative; display:inline-block; vertical-align:middle; float:right; margin:0 0 0 0.5em; padding:0; overflow:visible; font-family:var(--font-icon); content:"\e111"; font-size:1.2em; line-height:1em; color:var(--color-white); text-decoration:none; }
 ul.mainmenu a strong {font-weight:normal; padding:0; }
 ul.mainmenu a span {font-weight:normal; padding:1.3em 1em; }
 ul.mainmenu a[class^="icon-"], ul.mainmenu a[class*=" icon-"] { line-height:1em; padding:1em; }
 ul.mainmenu a[class^="icon-"]:before, ul.mainmenu a[class*=" icon-"]:before { height:auto; font-size:2em; line-height:1em; padding:0.2em; color:var(--color-white);}
 ul.mainmenu li:hover a, ul.mainmenu li a:hover, ul.mainmenu li a:focus { color:var(--color-white);}
 ul.mainmenu li:hover a span:before, ul.mainmenu li a:hover span:before, ul.mainmenu li a:focus span:before,ul.mainmenu li.check span:before,
 ul.mainmenu li:hover a strong:before, ul.mainmenu li a:hover strong:before, ul.mainmenu li a:focus strong:before,ul.mainmenu li.check strong:before { background-color:var(--color-navy);}
 ul.mainmenu a[class^="icon-"]:hover:before, ul.mainmenu a[class*=" icon-"]:hover:before,
 ul.mainmenu a[class^="icon-"]:focus:before, ul.mainmenu a[class*=" icon-"]:focus:before { color:var(--color-white); }
 
 .meni-zajawkowe ul li { width:31%; }
 
 #meni_strony { font-size:0.9em;}
 #meni_strony ul li.noActive { display:none;}
 
 .meniTab,.txt .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.2em 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.7em 1em 0.7em 1em; border:1px solid var(--color-grey); font-size:1em; }
 .meniTab ul li a:hover,.meniTab ul li a:active, .meniTab ul li a:focus { background-color:var(--color-main); color:var(--color-white);}
 
 .head h2 { font-size:1.4em; }
 .naglowek { margin:1em auto; text-align:center;}
 .naglowek h2[class^="icon-"], .naglowek h2[class*=" icon-"] { padding:0 0 0 30px; }
 .naglowek h2[class^="icon-"]:before, .naglowek h2[class*=" icon-"]:before { font-size:1.8rem; top:0;}
 .naglowek h2 { font-size:2em; }
 .naglowek h3 { font-size:1.4em }
 .topnews.article .tophead { position:relative; top:auto; left:auto; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); width:auto; border:0; background:var(--color-main); } 
 .topnews.article .tophead h2, .topnews.article .tophead h3 { color:var(--color-white); }
 
 .tophead { width:90%; font-size:0.7em;}
 
 .opcje-strony { top:1em; }

 .slider .item .info .padding { font-size:0.8em; }
 .slider .item .imgwraper { position:relative; top:0; right:auto; }
 .slider .item .imgwraper img { display:none; }
 .slider .item .info h3 { font-size:2em; }
 .slider .item .info p { font-size:1.4em; }
 .slider .item .info .padding[class^="icon-"], .slider .item .info .padding[class*=" icon-"] { padding:70px 0 0 0;}
 .slider .item .info .padding[class^="icon-"]:before, .slider .item .info .padding[class*=" icon-"]:before { width:60px; height:60px; font-size:3em; line-height:60px; }
 .slider-previous,.slider-next,.slider-pause { width:35px; height:35px; }
 .slider-previous a:before,.slider-next a:before ,.slider-pause a:before { font-size:2em; }
 .slider-previous { right:auto; left:0; top:50%; }
 .slider-next { right:0; top:50%; }
 .slider-nav { bottom:5px; }
 .slider span.wiecej { display:none;}
	
 .okno ul li { padding:0; }
 .okno ul li img { position:relative; top:auto; left:auto; }
 .okno strong,.okno h3 { font-size:1.5em; }
 
 .okno ul li.news a { min-height:auto; padding:10px;}
 .okno ul li.news a .imgwraper { height:200px; }
  
 .okno ul li.calendar a .date { font-size:1em; }
 .okno ul li.calendar a .date span { font-size:1.1rem; }
 
 .okno ul li.box > a { height:150px; padding:10px;}
 .okno ul li.box .content { padding:0 20px 20px;}
 
 .metadane .align_right { text-align:left; }
 
 .drukuj ul li.Left { float:none; }
 .drukuj ul { text-align:center;}
 .drukuj ul li { margin-right:0; } 
 
 blockquote,.blockquote { padding:0.3em 0.2em 0.3em 70px; margin:1em 0; background-image:none; }
 blockquote:before,.blockquote:before { font-size:2em;}
 blockquote:after,.blockquote:after { left:60px; }
 .box-incontent { float:none; width:auto; padding:2em; margin:1em 0 }
 div.q { width:100%; float:none; }
 .flexBox { display: block; }
 
 .boxFull.img { height:300px;}
 .boxFull.img h3 { font-size:2em; }
 .boxFull.img .content { width:90%; }
 
 .txt img {width:100%; height:auto;} 
 
 .txt[class^="icon-"]:before, .txt[class*=" icon-"]:before { font-size:3rem; }
 .txt[class^="icon-"]:after, .txt[class*=" icon-"]:after { right:50px; }
 .txt[class^="icon-"], .txt[class*=" icon-"] { padding-right:60px; }

 .iloscRekordow { position:relative; top:auto; right:auto; padding:0 0 0 2.4em; margin:1em; width:auto; height:40px; text-align:left; z-index:1; } 
 .wyszukiwarka { padding:0.5em; }
 .wyszukiwarka, .rekordy, .obiekt, .obiekt .kontakt { float:none; width:auto;} 
 .rekordy table.table-listing img { width:50px !important; }
 
 .MapaPozioma #mapy #map,.MapaPozioma #mapy .box-podsumowanie { width:100%; margin:0 0 1em 0}
 #mapy #map, #mapy #mapIn, article #map #mapIn {height: 250px;}
 
 .forms.page form { width:100%; }
 
 .forms .twoRows { float:none; margin:0 0 2em 0 !important; width:auto; display:block;}
 .forms .twoRows input[type=text],.forms .twoRows input[type=file],.forms .twoRows input[type=password],.forms .twoRows select { width:100%; }
 
 .bannery-slider {margin: 0 auto; width:320px !important;}
 .bannery-previous { left:0;}
 .bannery-next { right:0;}
 
 .subAside,.subContent, .left, .right, 
 aside.dodatki, .txt, .category, .txtArea { display:block; width:auto !important; float:none !important; margin:1em 0 1em 0 !important; clear:both; padding:0;} 
 
 .zdjecia ul { margin:0;}
 
 .mobileShow { display:inline-block !important;}
 .mobileHide {display:none !important;}
 
 table::before { content:"Przesuń palcem w lewo, aby przewinąć widok"; display:block; font-size:0.9em; height:20px; margin-bottom:1em; margin-top:-30px; width:100%;}
 table { display:block; overflow:scroll; padding:3em 0 2em; }
 
 iframe {width:100%; height:300px;}
 
 
 ._2r ,._3r { width:50%; }

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

@media only screen and (max-width:480px) {
 
 .vlaCalendarOverlay { padding:0 2em; font-size:1em; }
 .vlaCalendar .arrowLeft,.vlaCalendar .arrowRight { top:0; }
 .vlaCalendar .arrowLeft { left:0;}
 .vlaCalendar .arrowRight { right:0 ;}
 
 .meni-zajawkowe ul li, .subAll .meni-zajawkowe ul li , .subContent .meni-zajawkowe ul li { margin:0 0 1em 0 !important; float:none; width:auto; display:block; font-size:0.8em; }
 .meni-zajawkowe ul li a, .subAll .meni-zajawkowe ul li a, .subContent .meni-zajawkowe ul li a { margin:0; }
 
 .foto_left,.foto_right,.zdjecia.pion { float:none; overflow:visible; padding:0; margin:1em 0 1em 0; width:auto; }
 
 .carusel .okno ul li.icons .content { display:inline-block; margin:0 auto; padding:0 0 10px 0; }
 .carusel .okno ul li.icons h3 { text-align:center; }
 .carusel .okno ul li.icons a:link,.okno ul li.icons a:visited { display:block; text-align:center; }
 .carusel .okno ul li.icons a .imgwraper { margin:0 auto; }
 .carusel .okno ul li.icons a .imgwraper:before { border:0; border-bottom:1px solid var(--color-grey); } 
 
 .bannery-slider { width:320px !important;}
 .banners .bannery-slider { padding:0; }
 .banners .bannery-next { right:-11px;}
 .banners .bannery-previous { right:-11px;}
 
 .zdjecia ul li { width:auto; }
 .zdjecia { width:auto !important }
 .zdjecia ul li figure img {height:auto; }
 .zalaczniki {font-size:0.6em;}
 
  
 .forms ins, .forms .ins { display:block; text-align:left; padding:0; margin:1em 0; }
 .forms label,.forms .label,.forms .form_input,.forms .form_text { position:relative; width:100%; border:0; padding:0 0 0.5em 0; transform:translate(0,0); text-align:left;}

 .row, ul.row { display:block; margin:0; }
 ._1r ,._2r ,._3r,._4r,._5r,._5r ,._6r { float:none; width:100%; }
 ._1r a,._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; }
 
}

/* fix IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .okno ul li.arrow a h3 { line-height:1.5;}
 .okno ul li.list h3 { line-height: 1.6; }
 .okno ul li.news h3 { line-height:1.4; }
 .okno ul li.calendar h3 { line-height:1.5; }

}