@import url('https://poradnik-slask.policja.gov.pl/img/bootstrap.css');

@font-face {
    font-family: 'poradnik';
    src: url('/dokumenty/szablonyimg/116-poradnik-webfont.eot');
    src: url('poradnik-webfont.eot?#iefix') format('embedded-opentype'),
         url('/dokumenty/szablonyimg/116-poradnik-webfont.woff') format('woff'),
         url('/dokumenty/szablonyimg/116-poradnik-webfont.ttf') format('truetype'),
         url('poradnik-webfont.svg#poradnik') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
 --font: "Lato";
 --font-icon: "poradnik";
 --color-main: #000;
 --color-grey: #888;
 --color-dark-grey: #313131;
 --color-light-grey: #efefef;
 --color-text: #111;
 --color-light-text: #7e7c7d;
 --color-green: #267c01;
 --color-red: #ca0000;
 --color-black: #111;
 --color-white: #fff;
 --color-yellow: #ffcc33;
 --color-facebook: #3a559f;
 --color-youtube: #ea412c;
 --color-twitter: #50abf1;
 --color-linkedin: #0077b5;
 --color-instagram: #555;
 --gradient: linear-gradient(180deg, rgba(31,75,148,1) 0%, rgba(0,111,53,1) 100%);
 --gradient-left: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
 --gradient-right: linear-gradient(270deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
 --gradient-top: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
 --gradient-bottom: linear-gradient(0deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
 --gradient-light: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);
 --gradient-light-left: linear-gradient(90deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%);
 --gradient-light-right: linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%);
 --border-radius: 1px;
 --border-radius-button: 1px;
 --box-shadow: 0 0 10px rgba(160,160,160,0.2);
 --box-shadow-hover: 0 0 10px rgba(160,160,160,0.6); 
 --text-shadow: 0 0 20px rgba(255,255,255,1), 0 0 15px rgba(255,255,255,0.8), 1px 1px 0px rgba(255,255,255,0.9);
 --text-dark-shadow: 0 0 20px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,0.8), 1px 1px 0px rgba(0,0,0,0.9);
--vcenter: translate(-50%,0);
 --hcenter: translate(0,-50%);
 --center: translate(-50%,-50%);
 --scale:1; 

 --breakpoint-l:1200px;
 --breakpoint-m:992px;
 --breakpoint-s:768px;
 --breakpoint-xs:576px;

 --gap:30px;
 --gap0:0;
 --gap1:35px;
 --gap2:50px;
 --gap3:70px;
 
 --margin:2em;
 --padding:2em;
 
 --inside:12%;
 --inside-narrow:24%;
 --inside-wide:6%;
 
 --logo-height:100px;
 --slider-min-height:40vh;
 --slider-max-height:60vh;
 --slider-article-min-height:35vh;
 --slider-article-max-height:62vh;
 
  --video-width:100%;
  --video-height:60vh;
  
 --cerabox-border-width:0;
 
}

[data-theme=dark] {
 --color-body-bg: #000;
 --color-main: #777;
 --color-light-bg: #000;
 --color-dark-bg: #111;
 --color-main-opacity: rgba(255,255,255,0.8);
 --color-grey: #555;
 --color-dark-grey: #444;
 --color-light-grey: #111;
 --color-text: #fff;
 --color-text-highlight: #fa0000;
 --color-text-light: #000;
 --color-text-dark: #fff;
 --color-light-text: #f4f4f4;
 --color-green: #267c01;
 --color-navy: #2B4A91;
 --color-light-navy: #25626c;
 --color-extra-light-navy: #25626c;
 --color-red: #E1003D;
 --color-gold: #000;
 --color-light-gold: #000;
 --color-extra-light-gold: #000;
 --color-black: #000;
 --color-white: #fff;
 --color-beige: #000;
 --color-yellow: #FBFF2B;
 --color-facebook: #3a559f;
 --color-youtube: #ea412c;
 --color-twitter: #222;
 --color-linkedin: #0077b5;
 --color-instagram: #555;

}

[data-theme=mouring] {
 --color-body-bg: #fff;
 --color-main: #777;
 --color-light-bg: #fff;
 --color-dark-bg: #111;
 --color-main-opacity: rgba(255,255,255,0.8);
 --color-grey: #555;
 --color-dark-grey: #444;
 --color-light-grey: #555;
 --color-text: #000;
 --color-text-highlight: #fa0000;
 --color-light-text: #f4f4f4;
 --color-green: #267c01;
 --color-navy: #333;
 --color-light-navy: #666;
 --color-extra-light-navy: #444;
 --color-red: #555;
 --color-gold: #000;
 --color-light-gold: #000;
 --color-extra-light-gold: #000;
 --color-black: #000;
 --color-white: #fff;
 --color-beige: #000;
 --color-yellow: #444;
 --color-facebook: #444;
 --color-youtube: #444;
 --color-twitter: #444;
 --color-linkedin: #444;
 --color-instagram: #444;

}

 @media only screen and (max-width:1200px) {
	:root {

    --body-font-size:0.9rem;
	
    --inside:4%;
	--inside-narrow:8%;
	--inside-wide:2%;
	
	--logo-height:40px; 
	--slider-min-height:60vh;
	--slider-max-height:60vh;
	}
 }
 
 @media only screen and (max-width:992px) {
	:root {
	--gap:20px;
	--gap1:20px;
	--gap2:30px;
	--gap3:40px;
	}
 }
 @media only screen and (max-width:576px) {
	:root {
    
     --body-font-size: 0.8rem;
    
	 --gap:15px;
	 --gap1:20px;
	 --gap2:25px;
	 --gap3:30px;
	 
	--margin:1em;
	--padding:1em;
	 
	--inside:5%;
	--inside-narrow:10%;
	--inside-wide:2%;
	
	--slider-min-height:90vh;
	--slider-max-height:90vh;
    
    --scale:0.7;
    
	}
 }

 @media only screen and (max-height:800px) {
	:root {
    
	--slider-max-height:80vh;
    --font-ratio:0.8;
    
	}
 }
 
@media (min-aspect-ratio: 4/3) {
	:root {
	--video-height:30vw;
	}
}

@media (max-aspect-ratio: 4/3) {
	:root {
	--video-height:40vh; 
	}
}



html,body { font-family:"Lato",sans-serif; font-style:normal; font-weight:normal; color:#010101; text-decoration:none; font-size:0.95em; line-height:1em; letter-spacing:0; margin:0; padding:0; }
html { background-color:#ffffff; height:100%; }
body.bg { background-color:#ecf2f5; }

/* header */
header { position:relative; display:block; padding:0; margin:0; height:200px; width:auto; overflow:visible; background:#0f2346; z-index:2; transition-duration:1s;}
header .inside{ position:relative; display:block; padding:0; margin:0 auto; width:1100px; height:100%;}

h1#header-logo { position:absolute; top:15px; left:2px; display:block; padding:0; margin:0; width:375px; height:135px; z-index:1; border:0; cursor:pointer; }
h1#header-logo a { display:block; padding:0; width:100%;height:100%; background:url("/dokumenty/szablonyimg/116-logo.png") no-repeat 0 0; text-indent:-1000em; }

/* menu */
/* footer opcje */
#menu { position:relative; padding:0; width:auto; height:auto; text-align:left; z-index:1; } 
#menu ul { position:relative;  padding:0; margin:0 0 0 0.6em; list-style-type:none; list-style-image:none;}
#menu ul li { margin:0; width:auto; border-bottom:1px solid #f3f6f8; padding:0; float:none; display:block !important; display:inline; list-style:none; position:relative;}
#menu ul li a,#menu ul li a:visited { font-size:1em; line-height:1em; color:#0f2346; text-decoration:none; text-align:left; padding:1em 0.6em; margin:0; display:block; border:0; }
#menu ul li a:hover,#menu ul li a:active,#footer-menu ul li a:focus{ color:#fff; background:#0f2346; border:0; transition-duration:0.6s;}

/* 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:5;}
ul.nav a:hover, ul.nav a:focus, ul.nav a:active { position:absolute; top:0; left:0; background:#d20a2b; border:2px solid #ffffff; color:#ffffff; }

/* header gora */
#header-gora { position:absolute; top:5em; right:0; padding:0; margin:0; width:65%; height:50px; text-align:right; z-index:5; } 
#header-gora ul { position:absolute; top:0; right:0; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
#header-gora ul li { margin:0; margin-left:0.2em; border:0; padding:0; float:left; position:relative; display:block; display:inline; text-align:center;list-style:none; }
#header-gora ul li.smallMargin { width:3em; }
#header-gora strong { display:inline-block; padding:0; font-weight:normal; text-align:left;}
#header-gora ul li a,#header-gora ul li a:visited { font-size:2.5em; line-height:0.8em; color:#ffffff; text-decoration:none; font-weight:normal; text-align:left; position:relative; padding:0; margin:0; display:block; }
#header-gora ul li a:hover,#header-gora ul li a:active,#header-gora ul li a:focus { color:#fff; transition-duration:0.6s;}
#header-gora ul li a:hover span,#header-gora ul li a:active span,#header-gora ul li a:focus span { color:#fff; transition-duration:1s;}
#header-gora ul li a span, #header-gora ul li span { position:relative; padding:0; margin:0.05em 0 0 0; vertical-align:middle; display:inline-block; overflow:hidden; font-size:2em; line-height:0.65em; color:#2f4a78; text-indent:0; }

/* font opcje */
#text-size { position:relative;display:block; float:right; padding:0; margin:0; width:auto; height:auto; z-index:1; } 
#text-size ul { position:relative; top:0; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
#text-size ul li { position:relative; top:-5px; float:left; display:block; display:inline; margin:0; margin-left:0.5em; width:2em; height:2em;  padding:0; border:0; text-align:center;list-style:none; }
#text-size a { position:relative; display:block !important; padding:0 !important; margin:0; width:100%; height:100% !important; vertical-align:middle; text-decoration:none;  text-indent:-1000em;}
#text-size a:hover span ,#text-size a:focus span,#text-size a.check span { color:#2f4a78 !important;}
#text-size a span { position:absolute !important; top:50% !important; left:0; transform: translate(0, -50%) !important; padding:0 !important; margin:0 !important; display:block !important; width:100%!important;height:auto !important; overflow:hidden; text-align:center; font-size:1em; text-indent:0 !important; color:#fff !important; text-transform:uppercase; background-image:none !important; }
#text-size a.a span {font-size:0.6em; line-height:1em; }
#text-size a.aa span { font-size:0.8em; line-height:1em; }
#text-size a.aaa span {font-size:1em; line-height:1em; }

/* skroty */ 
#skroty { position:fixed; top:15em; left:-250px; width:250px; height:auto;  margin:0; padding:0; text-align:left;cursor:pointer; z-index:999;-moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; -ms-transition-duration:0.6s; transition-duration:0.6s;}
#skroty:hover { left:-1px;-moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; -ms-transition-duration:0.6s; transition-duration:0.6s; }
#skroty div#skroty-start { position:absolute; top:0; right:-55px; width:60px; height:100px; margin:0; padding:0; text-align:left; z-index:2; }
#skroty div#skroty-start a {display:block; width:100%; height:100%; background:#0f2346; color:#ffffff; text-decoration:none; -moz-box-shadow:2px 2px 1px #dadada; -webkit-box-shadow:2px 2px 1px #dadada; box-shadow:2px 2px 1px #dadada; }
#skroty div#skroty-start a:before { font-family:poradnik; content:"-"; font-size:5em; line-height:1em; position:absolute; top:0; left:0; width:100%; text-align:center; }
#skroty div#skroty-start a span{ position:absolute; bottom:0.5em; display:block; font-size:0.9em; line-height:0.9em; padding:1em; text-align:center;}
#skroty div#skroty-start a:hover,#skroty div#skroty-start a:focus {  background:#e74c3c; color:#fff; }
#skroty div#skroty-content { position:absolute; top:0; right:0; width:248px; height:auto; overflow:hidden; margin:0; padding:0; text-align:left; background:#fafafa; -moz-box-shadow::-2px 2px 1px #dadada; -webkit-box-shadow::-2px 2px 1px #dadada; box-shadow:-2px 2px 1px #dadada; color:#000000; }
#skroty div#skroty-content #moje-strony { padding:1em; }
/*fix*/
#skroty #search { padding:0.3em; }

/* button do gory */
#back-to-top { position:fixed; bottom:5em; right:5em; width:70px; height:70px; z-index:10;
opacity:1;filter:alpha(opacity=100);
-webkit-transition:opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-ms-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear; }
#back-to-top a { position:absolute; display:block; width:100%; height:100%; background:#fefefe; color:#000000; text-decoration:none; border:1px solid #f1f1f1; -moz-box-shadow:2px 2px 1px #dadada; -webkit-box-shadow:2px 2px 1px #dadada; box-shadow:2px 2px 1px #dadada;}
#back-to-top a:before { font-family:poradnik; content:'='; position:absolute; font-size:4em; line-height:1em; position:absolute; top:0; left:0; width:100%; text-align:center; }
#back-to-top a span{ position:absolute; bottom:0.6em; display:block; font-size:0.9em; line-height:0.9em; width:100%; text-align:center;}
#back-to-top a:hover,#back-to-top a:focus {  background:#0f2346; color:#fff; }

/* search */
#search { position:relative;padding:0; margin:0; width:235px; height:51px; border:0; overflow:visible; z-index:3; }
#search-inside { position:absolute; top:0; left:0; padding:0; margin:0; width:100%; height:100%; overflow:visible;}
#search-inside:hover { height:165px; overflow:visible; -moz-transition-duration:0.6s; -moz-box-shadow:0 0 5px #dadada; -webkit-box-shadow:0 0 5px #dadada; box-shadow:0 0 5px #dadada; }
#search-inside:hover fieldset.search-item {display:block; }
#search-inside:hover fieldset { background:#ffffff;}
#search form { position:absolute; top:0; right:0; border:0; overflow:visible; width:235px; height:100%; padding:0; margin:0; float:none; }
#search fieldset { position:absolute; top:0; left:0; border:0; overflow:hidden; height:100%; width:100%; padding:0; margin:0; float:right; }
#search fieldset  legend { position:absolute; top:0; left:-10000px; width:1px; height:1px; }
#search fieldset.search-item { position:relative; top:65px; left:0; float:none; border:0; width:55%; height:50%; overflow:hidden; padding:0.5em; margin:0; text-align:left; display:none; }
#search label { position:absolute; top:0; left:15px; width:1; height:1; text-indent:-1000em;  }
#search input[type=text] { position:absolute; top:0; left:0; padding:1.1em; vertical-align:middle; margin:0; width:152px; line-height:normal !important; display:inline-block; overflow:hidden; border:0; background:#ffffff; color:#000000; font-size:1em; font-weight:normal; text-align:left; }
#search input:focus { background:#d7d7d7; color:#000000; -moz-box-shadow:inset 0 0 5px #dadada; -webkit-box-shadow:inset 0 0 5px #dadada; box-shadow: inset 0 0 5px #dadada;}
#search input[type=submit],#search button { position:absolute; top:0; right:0; display:block; width:50px; height:50px; padding:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:#2ad0f4; color:#fff; }
#search input[type=submit]:before ,#search button:before{ position:absolute; top:0.4em; left:0; width:100%; text-indent:0; font-size:4em; line-height:0.2em;  }
#search input[type=submit]:hover,#search input[type=submit]:focus,#search button:hover,#search button:focus { background:#e74c3c; }
#search a { display:block; clear:both; padding:0.8em 0 0 0 !important; font-size:0.8em !important; color:#000000 !important; text-decoration:none; width:auto !important; white-space:nowrap;}
#search .szukajg { position:absolute; top:15px !important; width:150px; overflow:hidden; color:#9b9b9b; font-size:0.9em; font-weight:normal; text-align:left; }
#search .search-item { display:block; font-size:1em; }
#search .search-item legend { position:absolute; top:0; left:-10000px; width:1px; height:1px; }
#search .search-item label { position:relative; top:-2px; left:5px; width:auto; height:auto; display:inline-block; text-indent:0; color:#000000; background:none; }

/* sciezka */
#sciezka-navi { position:relative; width:auto; display:block; text-align:left; padding:0; margin:2em 0; height:1%; z-index:0; color:#8c8c8c; font-size:1em; line-height:1em; }
#sciezka-navi ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
#sciezka-navi ul li { position:relative; float:left; display:block; display:inline; margin:0; margin-left:0.5em; padding:0; border:0; text-align:center;list-style:none; }
#sciezka-navi a:link,#sciezka-navi a:visited { display:block; font-size:1em; line-height:1em; padding:0 0 0 2em; color:#8c8c8c; font-weight:normal; text-decoration:none; }
#sciezka-navi a:hover,#sciezka-navi a:active,#sciezka-navi a:focus {color:#010101; }
#sciezka-navi a:before { font-family:poradnik; content: ">"; font-size:2.2em; line-height:0.5em; position:absolute; top:0; left:0;text-align:left; }
#sciezka-navi ul li:first-child a:before { content: ""; }
#sciezka-navi ul li:first-child a { padding:0; }

.banners { position:relative; margin:1em auto;}

/* content */
#content { position:relative; padding:80px 0 0 0; margin:0 auto; width:1100px; height:1%; overflow:visible; z-index:1; background:url("/dokumenty/szablonyimg/116-bg-content.png") no-repeat top center; }
/* str glowna */
.panel { position:relative; overflow:visible; padding:0em; margin:0; z-index:0; clear:both; }
.panel .mLeft{ position:relative; top:0; float:left; overflow:visible; padding:0; margin:0; width:52%;}
.panel .mRight { position:relative; top:0; float:right; overflow:hidden; padding:0; margin:0;  width:45%;}


/* panel 2 */
.panel-color { position:relative; overflow:visible; padding:1em; margin:1em 0 0 0; z-index:0; background:#fff; }
.panel-color .mLeft{ position:relative; top:0; float:left; overflow:visible; padding:0; margin:0; width:32%;}
.panel-color .mCenter{ position:relative; top:0; float:left; overflow:visible; padding:0; margin:0 0 0 1.7em; width:32%;}
.panel-color .mRight { position:relative; top:0; float:right; overflow:hidden; padding:0; margin:0;  width:32%;}
/* fix */
.panel-color .naglowek h1,.panel-color .naglowek h2,.panel-color .naglowek strong { font-size:1.8em; }
.panel-color .okno {font-size:0.9em !important;}
.panel-color #opcje-strony { display:none; }

/* panel 3 */
.panel-white { position:relative; overflow:visible; padding:0; margin:1em 0 0 0; z-index:0;  }
.panel-white .mLeft{ position:relative; top:0; float:left; overflow:visible; padding:0; margin:0; width:32%;}
.panel-white .mCenter{ position:relative; top:0; float:left; overflow:visible; padding:0; margin:0 0 0 1.7em; width:32%;}
.panel-white .mRight { position:relative; top:0; float:right; overflow:hidden; padding:0; margin:0;  width:32%;}

/* podstrona ogolna */
.subLeft { position:relative; top:0; float:left; overflow:visible; padding:0; margin:1em 0 0 0; background:transparent; z-index:1; width:22%;}
.subRight { position:relative; top:0; float:right; overflow:visible; padding:0; margin:1em 0 0 0; background:#ffffff; z-index:0; width:75%; }
.subAll { position:relative; top:0; overflow:visible; padding:0; margin:0; }

/* foot */
footer { position:relative; padding:0; margin:0 auto; text-align:center; margin:1em auto 0; width:1100px; min-height:120px;  }
#footer-content { top:0; padding:0; margin:0 auto; width:100%; color:#010101;  }
 
/* footer opcje */
#footer-opcje { position:absolute; top:0; right:0em; padding:0; margin:0; width:63%; height:40px; text-align:left; z-index:1; } 
#footer-opcje ul { position:relative; padding:0; margin:0; float:right; list-style-type:none; list-style-image:none; width:auto;}
#footer-opcje ul li { position:relative; margin:0; margin-right:1.6em; border:0; padding:1em 0; float:left; display:block !important; display:inline; list-style:none; }
#footer-opcje ul li a,#footer-opcje ul li a:visited { font-size:1.2em; line-height:1em; color:#0f2347; text-decoration:none; font-weight:normal; text-align:center; padding:0; margin:0; display:block;  border:0; }
#footer-opcje ul li a:hover,#footer-opcje ul li a:active,#footer-opcje ul li a:focus,
#footer-opcje ul li a:hover:before,#footer-opcje ul li a:active:before,#footer-opcje ul li a:focus:before { color:#0f2346; font-weight:normal; border:0; 
	-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
#footer-opcje ul li a:before { font-family:poradnik; content:">"; font-size:5em; vertical-align:middle; margin-right:0.1em; color:#cad9e0; }
#footer-opcje ul li a.map:before { content:"-"; }
#footer-opcje ul li a.redakcja:before{ content:"2"; }
#footer-opcje ul li a.rss:before { content:"0"; }

#ue{ position:absolute; top:0em; left:0; padding:0.5em 0; margin:0; width:629px; height:auto; text-align:center; z-index:1; font-size:1em; } 
#ue span { display:block; margin:1em; font-size:0.75em; color:#0f2346; } 

/* ikonki */
.icon { position:relative; display:block; padding:0; margin:1em 0 1em 0; width:auto; height:auto; text-align:left; z-index:1; clear:both; } 
.icon ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
.icon ul li { position:relative; height:20em; border:0; list-style:none; }
.icon ul li.content { background:#fff; border-radius:10px; box-shadow:2px 2px 0px #e2ebef;}
.icon ul li a,.icon ul li a:visited { font-size:1em; line-height:1em; color:#0f2346; text-decoration:none; font-weight:normal; text-align:center; width:100%;height:100%; padding:0; margin:0; display:block; border:0; background:#ffffff; 
 border-radius:10px; box-shadow:2px 2px 0px #e2ebef;}
.icon ul li a:hover,.icon ul li a:active,.icon ul li a:focus { color:#e74c3c;  -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
.icon ul li a:hover span,.icon ul li a:active span,.icon ul li a:focus span { background:#0f2346 !important; font-size:9.3em; line-height:1.1em; transition-duration:0.6s;}
.icon ul li a:hover strong,.icon ul li a:active strong,.icon ul li a:focus strong { background:#0f2346; color:#ffffff;}
.icon ul li a strong,.icon ul li.content h2 { position:absolute; bottom:0; left:0; padding:1em 0; margin:0; width:100%; height:auto; z-index:1; text-align:center; font-size:1.6em; line-height:1em; font-weight:bold; color:#0f2346; background:#f3f6f8;}
.icon ul li a span { position:absolute; top:8%; left:25%; width:50%; height:58%; padding:0; margin:0;display:block; overflow:hidden; font-size:10em; line-height:1.1em; text-align:center; color:#fff; background:#1abc9c;
-webkit-border-radius:90px; -khtml-border-radius:90px; -moz-border-radius:90px; border-radius:90px;
transition-duration:1.2s; }
.icon ul li a span:before { text-align:center; display:block; margin:0 auto; }
.icon ul li a span.green { background:#2ecc71; }
.icon ul li a span.red { background:#e74c3c; }
.icon ul li a span.orange { background:#e67e22; }
.icon ul li a span.icon-epuap { font-size:13em; line-height:1em; }
.icon ul li a span.blue { background:#3498db; }

/* slider  */
.slider { position:relative; width:auto; height:100%; min-height:200px; overflow:visible !important; margin:0 0 1em 0; background:transparent; }
.slider div.slider_wraper { width:auto; height:100%; padding:0; margin:0; overflow:visible; visibility:hidden;}
.slider .item { width:auto; height:100%; padding:0 3.3em; text-align:left; overflow:visible; transition-duration:1s;}
.slider .item .info { position:relative; padding:0; width:auto; height:auto; margin:0; padding:0; background:transparent; z-index:1; }
.slider .item .info strong { position:relative; display:block; padding:0; margin:0.5em 0 0 0; height:1%; font-size:1em; line-height:1.1em; font-weight:normal; text-align:center; color:#000000; background:none; width:auto; top:auto; left:auto; }
.slider .item .info p { position:relative; display:block; padding:0 0em 0 0em; margin:0; font-size:1.3em; line-height:1.2em; text-align:left; color:#010101; border:0; }
.slider .item .data { position:absolute; bottom:0; right:0; padding:1.2em 0; margin:0; width:42%; height:auto; text-align:center; font-size:1.2em; line-height:1em; font-weight:bold; color:#b6cad6; background:#e2eaef; z-index:2;}
.slider .item .data:before { font-family:poradnik; content:"."; font-size:2.5em; line-height:0.6em; position:relative; top:0.11em; left:-0.07em; text-align:left;}
.slider .item .imgwraper { position:relative; float:none; width:100%; height:130px; padding:0; overflow:hidden; display:block; margin:2em 0 0 0;  border-radius:10px; box-shadow:2px 2px 0px #e2ebef; }
.slider .item .imgwraper img { border:0; width:100%; }
.slider .item a:link,.slider .item a:visited { font-size:1em; color:#ffffff; background:transparent; text-decoration:none; box-shadow:none; }
.slider .item a:hover strong,.slider .item a:active strong,.slider .item a:focus strong {color:#41d5f5; background:transparent; text-decoration:none;}
.slider-nav { position:absolute; top:-5px; left:50%; transform: translate(-50%,0) !important; width:auto; height:15px; padding:0; margin:0; text-align:left; z-index:4; }
.slider-nav ul { margin:0; padding:0; }
.slider-nav ul li:first-child { padding:0; margin:0; width:0; }
.slider-nav ul li { display:inline; padding:0; margin:0 0.3em 0 0; width:15px; height:auto; box-shadow:none; }
.slider-nav ul li a:link,.slider-nav ul li a:visited { display:inline-block; font-size:0; text-indent:-100em; text-decoration:none; background:#cad9e0; width:15px; height:15px; padding:0; box-shadow:none; }
.slider-nav ul li a.active,.slider-nav ul li a:hover,.slider-nav ul li a:focus {background:#2ad0f4; color:#fff; }
.slider-previous,.slider-next { position:absolute; top:35%; z-index:5; cursor:pointer; width:38px; height:38px; -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:1% }
.slider-next { right:1%;}
.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:hover .slider-previous { left:0.5%;}
.slider:hover .slider-next { right:0.5%;}
.slider-previous a:link,.slider-previous a:visited,
.slider-next a:link,.slider-next a:visited { position:relative; display:block; height:100%; text-decoration:none; color:#2ad0f4; background:#fff; box-shadow:none; }
.slider-previous a:before,.slider-next a:before { font-family:poradnik; content: "<"; line-height:1em; color:#2ad0f4; position:absolute; top:0; left:0; width:100%; text-align:center; box-shadow:none; }
.slider-next a:before { content: ">"; }
.slider-previous a:before, .slider-next a:before { font-size:5em; line-height:0.5em;}
.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-previous a:hover:before,.slider-previous a:focus:before,.slider-next a:hover:before,.slider-next a:focus:before { color:#cad9e0; background:transparent; }
.slider-previous a span,.slider-next a span { position:absolute !important; top:0 !important; left:-1000em !important; width:100% !important; height:100% !important; display:block !important; }
.slider span.wiecej { position:relative;display:inline-block; padding:0.3em 0.8em; margin:1px; font-size:0.9em; color:#ffffff; text-shadow:#1178c1 1px 1px 0px; font-weight:normal; text-align:center; text-transform:none; text-decoration:none; white-space:nowrap; border:0; background:url("bg-button.png") repeat-x #1178c1 center left; cursor:pointer; -box-shadow:0px 0px 3px #c7c7c7; }
.slider a:hover span.wiecej,.slider a:active span.wiecej,.slider a:focus span.wiecej {background:#e74c3c; text-shadow:#054d87 1px 1px 0px;}

/* BLOKI */
.okno { margin:0; padding:0; width:auto; text-align:left; clear:both;}
.okno strong { display:block; margin:0 0 0.3em 0; padding:0; font-family:Lato, Arial; color:#e74c3c; font-weight:normal; text-align:left; text-decoration:none; font-size:1.6em; line-height:1em; }
.okno p { display:block; font-size:1.3em; line-height:1.2em; margin:0.3em 0; } 
.okno .data { position:relative; display:block; float:left; width:auto; text-align:left; padding:0; margin:0.3em 0;  height:1%; font-weight:normal; color:#848485; text-decoration:none; font-size:1.2em; line-height:1em; }
.okno ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
.okno ul li { position:relative; padding:0 0 1em 0; margin:0; margin-bottom:1em; overflow:hidden; list-style:none; border-bottom:1px solid #f1f1f1 }
.okno ul li:last-child { border-bottom:0; }
/* ze strzlka */
.okno ul li.strz { padding:0 0 0 3em; text-align:left; border:0; }
.okno ul li.strz a { font-size:1em;line-height:1em;}
.okno ul li.strz a strong { font-size:1.3em;line-height:1em;}
.okno ul li.strz a:before { font-family: poradnik; content: ">"; font-size:3em; color:#848485; position:absolute; top:0.1em; left:0; }
/* box zwykly */
.okno ul li.box { padding:0 !important; text-align:left; overflow:visible; border:0; display:block; height:auto; }
.okno ul li.box a { font-size:1.1em; line-height:1.1em; color:#e74c3c; padding:1em !important; border:3px solid #cad9e0; background:#ffffff; transition-duration:0.6s; border-radius:10px; }
.okno ul li.box a:hover,.okno ul li.box a:focus { border:3px solid #e74c3c; transition-duration:0.6s; }
.okno ul li.box h3 { font-size:1.4em; line-height:1.1em; margin:0 0 0.5em 0; color:#e74c3c; padding:0; border:0; }
.okno ul li.box a img { width:100%; height:auto; margin:0 0 0.5em 0;}
/* dodatkowe */
.okno ul li.w strong { color:#e74c3c;}
.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:#010101; text-decoration:none; padding:0; }
.okno ul li a:hover,.okno ul li a:active,.okno ul li a:focus,
.okno ul li a:hover strong,.okno ul li a:active strong,.okno ul li a:focus strong { color:#000000; text-decoration:none; }
.okno ul li a:hover p ,.okno ul li a:focus p { color:#000000; }
.okno ul li a:hover .data ,.okno ul li a:focus .data { text-decoration:underline  }
/* button */
.okno .wiecej { position:relative; display:block; float:right; margin:1em 0; color:#e74c3c;}
.okno .wiecej:after { position:relative; display:inline-block; float:none; margin:0 0 0 0.1em; padding:0; overflow:visible; vertical-align:middle; font-family:poradnik; content: ">"; font-size:1.6em; color:#848485; }
.okno a:hover .wiecej { color:#848485; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
/* button All */
div.wiecejAll { position:relative; display:block; float:right; padding:0; margin:0 0 1em 0; }
div.wiecejAll a:link, div.wiecejAll a:visited { display:inline-block; border:0; padding:0; margin:0; font-size:1.3em; line-height:1em; color:#e74c3c; text-decoration:none;  }
div.wiecejAll a:active,div.wiecejAll a:hover,div.wiecejAll a:focus { color:#848485 }
div.wiecejAll:after { position:relative; display:inline-block; float:none; margin:0 0 0 0.1em; padding:0; overflow:visible; vertical-align:middle; font-family:poradnik; content: ">"; font-size:3em; line-height:1em; color:#848485; vertical-align:middle; }

/* NAGLOWEK BLOKOW */
.naglowek { position:relative; margin:0; padding:1em; width:auto; min-height:20px;}
.naglowek h1,.naglowek h2,.naglowek h3,.naglowek strong { position:relative; display:inline-block; padding:0; margin:0; text-align:left; font-family:Lato, Arial; font-weight:normal; text-transform:none; color:#0f2346; font-size:2.3em; line-height:1em;  }

/* TRESC */
article,#txt,.txt {font-size:1em; line-height:1.6em; font-weight:normal;color:#010101; text-align:left; padding:0; margin:0; position:relative;}
article table { border-collapse:collapse; border-color:#e4e4e4; }
article table td, article table th { font-size:1em; font-weight:normal; border-color:#e4e4e4; }
h1, .head h2 {font-family:Lato, Arial; font-size:2em; line-height:1em; font-weight:normal; color:#0f2346; text-align:left; text-transform:none; padding:0;margin:0 0 0.9em 0; position:relative;}
h2 {font-family:Lato, Arial; font-size:1.6em; line-height:1em; font-weight:bold; color:#0f2346; text-align:left; padding:0; margin:0 0 0.5em 0; }
h3, .head h3 {font-size:1.3em; line-height:1.3em; font-weight:normal; color:#e74c3c; text-align:left; padding:0 0 0.5em 0; margin:0 0 0.5em 0; }

.head { background:#f3f6f8; padding:3em;}
.head span { display:block;font-size:1.3em; line-height:1em; font-weight:normal; color:#a5becc; text-align:left; padding:0; margin:0.2em 0 0.8em 0; position:relative; }
.txt { padding:3em; background:#fff; box-shadow:0px 0px 3px #e2ebef;}

/* opcje tekstu*/
#opcje-strony { position:relative; padding:3em; margin:0; z-index:1; background:#fff;  } 
#opcje-strony #drukuj { position:relative; float:right; text-align:right; }
#opcje-strony #drukuj:after { clear:both; }
#opcje-strony .tagi { position:relative; float:right; text-align:right; clear:both; padding:0.5em 0em 0.5em 0em; margin:0; color:#444444; background:transparent;  } 
#opcje-strony .tagi a { display:inline-block; padding:0.2em; font-size:0.9em; line-height:1.2em; color:#ffffff; text-decoration:none; }
#opcje-strony .buttony { position:relative; padding:0; margin:0; float:right; }
#opcje-strony .buttony .forms { float:right !important; }
#opcje-strony #meni_tekstu { position:relative; padding:0; margin:0;  float:left;}

/* ikonki tekstu*/
#drukuj { position:relative; padding:0; margin:0 0 2em 0; z-index:1; border:0; }
#drukuj ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
#drukuj ul li { position:relative; float:left; display:block; display:inline; margin:0; margin-left:0.5em; padding:0; border:0; text-align:center;list-style:none; }
#drukuj a { position:relative; display:block; margin:0; padding:3px 10px; border:0; font-family:poradnik; color:#fff; background:#2ad0f4; font-size:6em; line-height:0.6em; text-decoration:none; border-radius:10px; box-shadow:2px 2px 0px #e2ebef;}
#drukuj a:hover,#drukuj a:focus { background:#e74c3c; }
#drukuj a span { position:absolute; top:0; left:-1000em; width:1px; height:1px; display:block; }
#drukuj a.pdf:before { content: "5"; }
#drukuj a.drukuj:before { content: "6"; }
#drukuj a.wstecz:before { content: "<"; top:0.2em;}
#drukuj a.polec:before { content: "4"; }


/* odtwarzacz wideo */
/*.vPlayer {width:75%; max-width:480px; margin:2em auto; overflow: hidden; }*/
/*.vPlayerBig {width:100%; max-width:640px; margin:2em auto; overflow: hidden; }*/

/* odtwarzacz wideo - jwplayer */
.vContainer {width:75%; max-width:480px; margin:2em auto; overflow: hidden; }
.vContainerBig {width:100%; max-width:640px; margin:2em auto; overflow: hidden; }
.vPlayer { position:relative; width:100%; height:100%; padding-bottom:56.25%; }
.vPlayer .vPlayerWrapper { position:absolute; width:100%; height:100%; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
/* odtwarzacz wideo - video-js */
.video-container { width:75%; max-width:640px; margin:0 auto; }
.video-container-big { width:100%; max-width:640px; margin:0 auto; }
.video-container .video-js, .video-container-big .video-js { padding-top: 56.25%; }
.video-container .vjs-fullscreen, .video-container-big .vjs-fullscreen { padding-top: 0px }

/*  ZDJECIA */
.zdjecia { position:relative; padding:0; margin:0 0 2em 0; border:0; width:100%; overflow:hidden; text-align:left; background:transparent; }
.zdjecia ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.zdjecia ul li { margin:0; margin:0 1em 1em 0; padding:0; list-style:none; background:transparent; line-height:0; }
.zdjecia ul li.naglowek { margin:1em 0 1em 0; padding:0; border:0; background:none !important; float:left; display:block !important; display:inline; list-style:none; width:100%; }
.zdjecia ul li.naglowek h4 { font-size:1.6em;line-height:1em; font-weight:bold; }
.zdjecia ul li.clear { margin:0; padding:0; border:0; clear:both; width:100%; list-style:none; height:10px; visibility:hidden; }
.zdjecia ul li figure {position:relative; text-align:center; padding:0; margin:0; border:0;;}
.zdjecia ul li figcaption { position:relative; color:#000000; font-size:0.8em; line-height:1em; padding:0.7em; text-align:center;z-index:2; }
.zdjecia ul li figure img { width:100%; }
.zdjecia ul li a:link,.zdjecia ul li a:visited { color:#ffffff; text-decoration:none; display:block; padding:0; margin:0; border:0; }
.zdjecia ul li a:hover,.zdjecia ul li a:focus { color:#ff6600; -moz-box-shadow:0 0 6px #322a5f; -webkit-box-shadow:0 0 6px #322a5f; box-shadow:0 0 6px #322a5f; transition-duration:0.6s;  }
.zdjecia ul li a:hover img,.zdjecia ul li a:focus img { transition-duration:2s;}
/* zalaczniki - KARUZELA */
.zdjecia-tumb { position:relative; overflow:hidden;width:100%; height:140px; padding:1em 0 1em 0; margin:0; }
.zdjecia-tumb-overlay { position:relative; overflow:hidden;width:auto; height:100%; padding:0; margin:0 4em 0 4em;}
.zdjecia-tumb-wraper {position:absolute; width:100000px; top:5px; left:0; z-index:0;}
.zdjecia-tumb-wraper ul li {width:210px;}
.zdjecia-tumb-wraper ul li a img { width:100%; padding:0; border:0; }
/* przyciski */
.zdjecia-previous,.zdjecia-next { position:absolute; top:50%; margin:0; z-index:1000; width:38px; height:38px; }
.zdjecia-previous { left:0;}
.zdjecia-next { right:0;}
.zdjecia-previous a:link,.zdjecia-previous a:visited,
.zdjecia-next a:link,.zdjecia-next a:visited { position:relative; display:block; text-decoration:none; color:#000000; outline:0 !important }
.zdjecia-previous a:before,.zdjecia-next a:before  { font-family: poradnik; content: "<"; font-size:5em; position:absolute; top:0; left:0; }
.zdjecia-next a:before { content: ">"; }
.zdjecia-previous a:active,.zdjecia-previous a:hover,.zdjecia-previous a:focus,
.zdjecia-next a:active,.zdjecia-next a:hover,.zdjecia-next a:focus { color:#e74c3c; }
.zdjecia-previous a span,.zdjecia-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0em; }

/* ZALACZNIKI DO PORBRANIA*/
.zalaczniki { position:relative; padding:2em 0.2em 2em 0.2em; margin:1em 0 1em 0; width:auto; overflow:hidden; text-align:left; background:transparent; font-size:0.9em; line-height:1.1em; }
.zalaczniki ul { padding:0px; margin:0px; text-align:left; list-style-type:none; list-style-image:none; width:auto; height:1%; }
.zalaczniki ul li { margin:0; padding:1em 2em 1em 5em; display:block; list-style:none; background:transparent; border-bottom:1px #e7e9f1 solid; }
.zalaczniki ul li:hover { color:#ffffff !important; margin-left:10px; cursor:pointer;background-color:#e74c3c !important; }
.zalaczniki ul li:hover a:link { color:#fff;}
.zalaczniki ul li:hover a:focus  { color:#000;}
.zalaczniki ul li:last-child { border:0; }
.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%; }
.zalaczniki ul li.naglowek h4 { font-size:1.6em;line-height:1em; font-weight:bold; }
.zalaczniki ul li.clear { margin:0; padding:0; border:0; clear:both; width:auto; list-style:none; height:0; display:none; }
.zalaczniki ul li a:link,.zalaczniki ul li a:visited { color:#000000; text-decoration:none; padding:0; font-size:1.5em;line-height:1.3em; }

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

/* Boxy */
blockquote { border:0; background:url("/dokumenty/szablonyimg/116-bg-box-strz.png") no-repeat 98% 20% #e74c3c; border-bottom:1px solid #ffffff; padding:1.5em 8.5em 1.5em 2em; margin:2em 2.5em; text-align:left; height:1%; font-size:1.4em; color:#ffffff; }
blockquote a {color:#fff !important;}

div.q { position:relative; display:block; width:45%; float:right; padding:0 3em 1em 0; margin:2% 0 2% 2%;  border:0; text-align:left; height:1%; font-size:1.5em; line-height:1.1em; font-style:italic; color:#89a2b0;}
div.q p { position:relative; display:block; width:auto; padding:2em 0 0 2em; min-height:60px; margin:10% 0 0 0; background:url("/dokumenty/szablonyimg/116-bg-q1.png") no-repeat top left; margin:0; text-align:left; }

.box-incontent {position:relative; float:right; width:35%; padding:2em; margin:0.5em 0 0.5em 2em; text-align:left; height:1%; overflow:visible; background:#ecf2f5; border-radius:10px; box-shadow:2px 2px 0px #e2ebef;}
.box-incontent h2 { margin:0 0 0.5em 0; padding:0 0 0.7em 0;border-bottom:1px solid #dcdcdc; }


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

/* 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:"/"; font-size:3em; line-height:1em; color:var(--color-white); position:absolute; top:50%; left:15px; transform:var(--hcenter); 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:"I"; font-size:3em; line-height:1em; color:var(--color-black); position:absolute; top:50%; left:15px; transform:var(--hcenter); 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:"/"; font-size:3em; line-height:1em; color:var(--color-white); position:absolute; top:50%; left:15px; transform:var(--hcenter); 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:"0"; font-size:3em; line-height:1em; color:var(--color-black); position:absolute; top:50%; left:15px; transform:var(--hcenter); 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:2em; margin:0 0 1.5em 0; text-align:left; height:1%; overflow:hidden; }

.box-white { background:#fff; box-shadow:0px 0px 3px #e2ebef; }
.box-white .naglowek h2 { background:#ffffff; }
.box-grey, .box-grey .naglowek h2 { background:#ecf0f1; border:0; }
.box_spec1, .box_spec1 .naglowek h2 {background:#f4f6f7; }

.box-color { background:#e74c3c; padding:1em; }
.box-color .naglowek h2 {background:#e74c3c; }
.box-color p,.box-color a,.box-color *{ color:#ffffff !important; }
.box-color a:hover,.box-color a:focus{ color:#000000 !important; }
.box-color .okno ul li.strz a:before { color:#ffffff; }
.box-color .lead #social,.box-color .lead #drukuj { background:#e74c3c !important; }

/* TIPS */
.tip { background:#ffffff; padding:0.2em; border:1px solid #ffffff; width:auto; z-index:1000; position:absolute; left:0; text-align:left;
-webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
-moz-box-shadow:0 0 3px #c7c7c7; -webkit-box-shadow:0 0 3px #c7c7c7; box-shadow:0 0 3px #c7c7c7; }
.tip-title {color:#565656; font-size:1em; padding:0.5em; }
.tip-text {color:#565656; font-size:0; padding:0;}



/*mask*/
.dark { background:var(--gradient); }
.dark.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--gradient-left); }
.dark.mask.half:before { height:50%; }
.light { background:var(--gradient-light); }
.light.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--gradient-light-left); }
.light.mask.half:before { height:50%; }


/* 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-main); 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:"\e001"; 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:"\e003";}
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-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:"\e001"; 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-main); 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-main); 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; }

/* dialogBox */
.dialogBox { position:absolute; top:50%; left:50%; transform:var(--center); min-width:30%; height:auto; padding:var(--padding) var(--padding) 0 0; z-index:10; }
.dialogBox .content { border:1px solid var(--color-grey); background-color:var(--color-light-bg); box-shadow:var(--box-shadow); background-image:none; }
.dialogBox .content .forms { padding:var(--padding); }
.dialogBox .usun { position:absolute; top:0; right:0; width:30px; height:30px; }

/* --- */
.image-card { position:relative; display:flex; margin:0; padding:0; background-repeat:no-repeat; background-size:cover; background-position:left center; overflow:hidden;}
.image-card h3 { display:block; margin:0; padding:0; font-family:var(--font); font-size:3em; line-height:1em; color:var(--color-text); font-weight:600; text-align:left; }
.image-card strong { display:block; margin:0; padding:0; font-family:var(--font); font-size:1em; line-height:1em; color:var(--color-text); text-transform:none; }
.image-card p { display:block; margin:2em 0; font-family:var(--font); font-size:1em; line-height:1.2em; color:var(--color-text); font-weight:400; text-align:left; }
.image-card .content { position:relative; width:48%; box-sizing:border-box; padding:calc(2 * var(--padding)); text-align:left;z-index:1;}
.image-card .img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
.image-card .img img,.image-card .img video { width:100%; height:100%; object-fit:cover; object-position:center; }
.image-card.bg-50 { justify-content:space-between;  background-size:45% auto; background-position:100% 50%; }
.image-card.bg-50 .img { order:2; position:relative; top:auto; left:auto; width:45%; height:100%; left:auto; right:0; z-index:1;}
.image-card.w-100 { margin-left: calc(-1 * var(--inside)); margin-right:calc(-1 * var(--inside));}
.image-card.border { border:1px solid var(--color-light-grey); border-radius:var(--border-radius); }
.image-card.shadow { box-shadow:var(--box-shadow); }
.image-card.fixed { background-attachment:fixed; background-size:cover;}
.image-card.light h3, .image-card.light strong, .image-card.light p { color:var(--color-text); text-shadow:var(--text-shadow); }
.image-card.dark h3, .image-card.dark strong, .image-card.dark p, .image-card.dark li, .image-card.dark * { color:var(--color-white); text-shadow:var(--text-shadow-dark); }

/*cms fix*/
#admin_content .dark.mask:before , #admin_content .light.mask:before { z-index:-1; }
#admin_content .image-card .img, #admin_content .image-card .img  {  z-index:0; }
#admin_content .image-card.w-100 { margin-left: calc(1 * var(--inside)); margin-right:calc(1 * var(--inside));}


/* --- */
.card { display:flex; gap:var(--gap); flex-direction:column; border:1px solid var(--color-light-grey); height:100%; padding:calc(0.3 * var(--padding)); border-radius:var(--border-radius); }
.card.noBorder { border:0; }
.card.shadow { box-shadow:var(--box-shadow); }
.card figure {position:relative; width:100%; padding:0; margin:0; border:0; overflow:hidden;}
.card figure img {position:relative; width:100%; overflow:hidden; aspect-ratio: 16 / 9; object-fit:cover; object-position:center;}
.card svg { width:20%; }
.card .content { font-weight:300; font-size:1rem; line-height:1.6em; color: var(--color-grey); padding:0 calc(0.5 * var(--padding)); }
.card .content.price { font-weight:600; font-size:1.4rem; }

/* --- */
.infoBox { position:relative; padding:0; margin:0; width:auto; text-align:left; font-size:1em; z-index:1; } 
.infoBox strong { font-family:var(--font); font-size:1em; line-height:1em; text-align:left; font-weight:600; display:block; margin:0 0 calc(0.5 * var(--margin)) 0;}
.infoBox h3 { font-family:var(--font); font-size:2em; line-height:1em; color:var(--color-text); text-align:left; font-weight:600; display:block; margin:0 0 calc(0.5 * var(--gap)) 0; border:0;}
.infoBox > p,.infoBox > div { position:relative; display:flex; align-items:center; align-content:center; overflow:hidden; width:100%; padding:0; margin:0 0 calc(0.5 * var(--margin)) 0; text-align:left; text-transform:none; } 
.infoBox p,.infoBox div { font-family:var(--font); font-size:1em; line-height:1.4em; color:var(--color-text); }
.infoBox p span,.infoBox div span { font-size:1em; line-height:1em; font-weight:600;}
.infoBox p a,.infoBox div a {color:var(--color-main); text-decoration:none; padding:0; margin:0;}
.infoBox p a:hover, .infoBox p a:focus,.infoBox div a:hover, .infoBox div a:focus { color:var(--color-main);}
.infoBox p[class^="icon-"], .infoBox p[class*=" icon-"],.infoBox div[class^="icon-"], .infoBox div[class*=" icon-"] {  min-height:60px;  }
.infoBox p[class^="icon-"]:before, .infoBox p[class*=" icon-"]:before,.infoBox div[class^="icon-"]:before, .infoBox div[class*=" icon-"]:before { position:relative; flex-shrink:0; margin:0 .5em 0 0; display:block; width:60px; height:60px; border-radius:100%; background-color:transparent; font-family:var(--font-icon); color:var(--color-text); font-size:3rem; line-height:60px; text-align:center; }
.infoBox.small { font-size:0.8em; }
.infoBox.small p[class^="icon-"]:before, .infoBox.small p[class*=" icon-"]:before,.infoBox.small div[class^="icon-"]:before, .infoBox.small div[class*=" icon-"]:before { font-size:1.4rem; line-height:40px; width:40px; height:40px; }
.infoBox.small p[class^="icon-"], .infoBox.small p[class*=" icon-"],.infoBox.small div[class^="icon-"], .infoBox.small div[class*=" icon-"] { min-height:40px; }

/* --- */
.data { position:relative; display:inline-flex; gap:calc(1 * var(--gap)); padding:0; margin:0 auto; width:auto; vertical-align:top; z-index:1; } 
.data div { position:relative; display:inline-block; overflow:hidden; padding:0; min-height:30px; margin:0; transition: all 2s ease-out; } 
.data div { font-family:var(--font); font-size:1em; line-height:1.2em; color:var(--color-text); }
.data div strong { color:var(--color-text); font-weight:600; font-size:1em;}
.data div a {color:var(--color-grey); text-decoration:none; padding:0; margin:0;}
.data div a:hover, .data div a:focus { color:var(--color-grey);}
.data div[class^="icon-"]:before, .data div[class*=" icon-"]:before { font-family:var(--font-icon); position:relative; font-size:2.5rem; line-height:1em; background-color:transparent; color:var(--color-main); display:block; text-align:center; }
.data div[class^="icon-"], .data div[class*=" icon-"] { display:flex; align-items:center; gap:calc(0.5 * var(--gap)); }
  
  
  
/* PIKTOGRAMY CORE */
/* IKONKI */

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


.icon-lupa:before, .icon-1:before {content: "3";}
.icon-strz-prev:before, .icon-2:before {content: "<";}
.icon-strz-next:before, .icon-3:before {content: ">";}
.icon-epuap:before, .icon-4:before {content: "7";}
.icon-polec:before, .icon-6:before {content: "4";}
.icon-drukuj:before, .icon-7:before {content: "6";}
.icon-pdf:before, .icon-8:before {content: "5";}
.icon-menu:before, .icon-9:before {content: "-";}
.icon-home:before, .icon-10:before {content: ",";}
.icon-zegar:before, .icon-11:before {content: ".";}
.icon-sprawy:before, .icon-12:before {content: "/";}
.icon-dokument:before, .icon-13:before {content: "0";}
.icon-syrena:before, .icon-14:before {content: "1";}
.icon-redakcja:before, .icon-15:before {content: "2";}
.icon-tak:before, .icon-16:before {content: "=";}
.icon-info:before, .icon-17:before {content: "I";}

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

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

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

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

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

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

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

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

/* zdjecia */
.foto{ border:1px solid #ffffff; }
.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; }

/* linki  */
a:link, a:visited {font-style:normal;color:#e9594a;text-decoration:underline;}
a:hover,a:active {color:#2a2a2a; text-decoration:underline; }
.txt a:focus,#txt a:focus {outline:3px solid #236aff; background-color:white; text-decoration:none;}  

/*button*/
a.button:link, a.button:visited{ display:inline-block; position:relative; padding:0.3em 0.5em; margin:0.1em; font-size:0.9em; color:#ffffff; font-weight:normal; text-align:center; text-transform:uppercase; text-decoration:none; white-space:nowrap; border:0; background:#e74c3c; cursor:pointer; }
a.button:active,a.button:hover,a.button:focus {  background:#32d2f4; color:#000000}

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

/*------- MENU ROZWIJANE WIELOPOZIOMWE */ 
ul.mainmenu { margin:0 auto; padding:0; border:0; list-style:none; text-align:left; width:auto; }
ul.mainmenu li {z-index:1;margin:0 2.3em 0 0; width:165px; border:0 none; border-right:0; padding:0;float:left; /* Gecko*/display:block !important;display:inline; /* IE*/list-style:none;position:relative; text-align:center;}
ul.mainmenu li:last-child {margin:0;}
ul.mainmenu li:last-child ul { left:-12em;}
/* podmenu */
ul.mainmenu ul { position:absolute; top:120px; left:0; width:20em; margin:0; border:0; padding:2em; list-style:none; display:none;  background:#ffffff; 
  -moz-box-shadow::1px 1px 1px #c3c3c3; -webkit-box-shadow::1px 1px 1px #c3c3c3; box-shadow:1px 1px 1px #c3c3c3; opacity:0.95; }
ul.mainmenu ul:after /* IE 7 */{clear:both; display:block; font:1px/0px serif; content:".";height:0; visibility:hidden;}
ul.mainmenu ul li {width:45%;float:left; /*IE 7 */ display:block !important; display:inline; /* IE*/margin:0 0.8em 0 0; padding:0; border:0;}
/* 1nd menu */
ul.mainmenu a,ul.mainmenu a:visited {padding:0;height:120px; width:165px; border:0; display:table-cell; vertical-align:bottom; font-family:"Lato", Arial; color:#010101;font-size:1.2em;line-height:1em; text-decoration:none;font-weight:normal; text-align:center;}
ul.mainmenu a strong {padding:0; display:block; font-weight:normal; font-style:normal; text-align:center; }
ul.mainmenu a span { position:absolute; top:0; left:0; margin:0; display:block; width:100%;height:75px; overflow:hidden; font-size:6em; line-height:0.8em; color:#e74c3c; text-indent:0; border:1px solid #e9e9e9; transition-duration:1s;}
ul.mainmenu li:first-child a span {background-image:none;}
ul.mainmenu li:hover,ul.mainmenu li:focus,ul.mainmenu li.check {z-index:2;}
ul.mainmenu li:hover a,ul.mainmenu li a:focus,ul.mainmenu li.check a {color:#000000; }
ul.mainmenu li:hover span,ul.mainmenu li a:focus span,ul.mainmenu li.check span { border:1px solid #e74c3c; background:#e74c3c; color:#ffffff; transition-duration:0.6s; }
ul.mainmenu li.check a { }
ul.mainmenu li.check strong { }
ul.mainmenu li:hover span,ul.mainmenu li a:focus span,ul.mainmenu li.check span {  }
/* 2nd Menu */
ul.mainmenu ul li a,ul.mainmenu ul li a:visited,ul.mainmenu li:hover li a,ul.mainmenu li.iehover li a,ul.mainmenu li.iehover li a.check { height:auto; float:none;background:transparent;background:url("/dokumenty/szablonyimg/116-strz-submenu.gif") no-repeat left center;border:0; padding:1em 0.5em; color:#000000; font-size:1.2em;font-weight:normal;text-transform:none;text-align:left; text-shadow:none; -moz-box-shadow:inset 0px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 0px 0px #ffffff; box-shadow:inset 0px 0px 0px #ffffff;}
ul.mainmenu li:hover li a:hover,ul.mainmenu li.iehover li a:hover,ul.mainmenu li:hover li a.check {float:none;background:url("/dokumenty/szablonyimg/116-strz-submenu.gif") no-repeat left center;border:0;color:#e74c3c; }
ul.mainmenu ul ul {display:none;position:absolute;top:0;left:150px;}
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;}
/* opt */
li.persistHover,a.persistHover {background:#ccc;color:#fff;}
ul.mainmenu span.strz { display:none; position:absolute; top:11px; right:0; width:10px; height:8px; margin:0; padding:0; background:url("/dokumenty/szablonyimg/116-strz2.gif") no-repeat !important;}
ul.mainmenu span.counter { display:none; }

/*--------- MENU ZAJAWKOWE*/
.meni-zajawkowe { padding:0; margin:1em 0; width:100%; }
.meni-zajawkowe h3 { display:block; margin:0; padding:0; color:#000; font-weight:normal; text-align:center; text-decoration:none; font-size:1.8em; line-height:1em; position:absolute; top:50%; width:100%; transform: translate(0, -50%) }
.meni-zajawkowe ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
.meni-zajawkowe ul li { position:relative; padding:0; margin:0 1em 1em 0; overflow:hidden; list-style:none; float:left; width:30.2%; border:3px solid #e9e9e9; }
.meni-zajawkowe ul li a:link,.meni-zajawkowe ul li a:visited { display:block; min-height:9em; padding:0; font-size:1em; line-height:1em; color:#010101; text-decoration:none; }
.meni-zajawkowe ul li a:hover,.meni-zajawkowe ul li a:active,.meni-zajawkowe ul li a:focus,
.meni-zajawkowe ul li a:hover h3,.meni-zajawkowe ul li a:active h3,.meni-zajawkowe ul li a:focus h3 { color:#fff; background:#e74c3c; text-decoration:none; }

/*--------- MENU POZIOM*/
.meni-poziom { padding:0; margin:1em 0; width:100%; }
.meni-poziom li:after {clear:both}
.meni-poziom h3 { display:block; margin:0; padding:0; color:#fff; font-weight:normal; text-align:center; text-decoration:none; font-size:1.3em; line-height:1em; }
.meni-poziom ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
.meni-poziom ul li { position:relative; padding:0; margin:0 1em 1em 0; list-style:none; float:left; }
.meni-poziom ul li a:link,.meni-poziom ul li a:visited { display:block; padding:1.6em 1em; font-size:1em; line-height:1em; color:#fff; text-decoration:none; background:#e74c3c; border-radius:10px; box-shadow:2px 2px 2px #bccad1; }
.meni-poziom ul li a h3:before  { font-family: poradnik; content: ">"; font-size:3em; color:#fff; position:relative; vertical-align:middle; margin-right:0.1em; }
.meni-poziom ul li a:hover,.meni-poziom ul li a:active,.meni-poziom ul li a:focus,.meni-poziom ul li a.check,
.meni-poziom ul li a:hover h3,.meni-poziom ul li a:active h3,.meni-poziom ul li a:focus h3,.meni-poziom ul li a.check h3 { color:#fff; background:#2ad0f4; text-decoration:none; }
/*home*/
.meni-poziom ul li.home a:link,.meni-poziom ul li.home a:visited { background:#2ad0f4; padding:1.6em 1.3em; }
.meni-poziom ul li.home a:hover,.meni-poziom ul li.home a:active,.meni-poziom ul li.home a:focus{ background:#e74c3c; }
.meni-poziom a span h3 { position:absolute; left:-1000em; width:1px; height:1px; display:block; }
.meni-poziom a span:before { position:relative; top:0.15em; left:0; width:100%; font-family:poradnik; content: ","; font-size:4em; line-height:0; color:#fff; text-align:center;}

/*-------- MENU UKLAD POZIOMY - NAVI ZAKLADKOWE*/
#meniTab { padding:0 1em; margin:1.5em 0 2em 0; width:auto; height:35px; border-bottom:1px solid #e74c3c;}
#meniTab ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto;}
#meniTab ul li { position:relative; margin:0; margin-right:0.5em; border:0; padding:0; float:left; display:block !important; display:inline; overflow:hidden; list-style:none; }
#meniTab ul li a, #meniTab ul li a:visited  { font-size:1.1em; line-height:1em; color:#555555; text-decoration:none; font-weight:normal; padding:1em 0.9em 0.5em 0.9em; border:0; border-bottom:0; background:transparent; display:block; white-space:nowrap; 
-webkit-border-radius:1px; -khtml-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
-moz-box-shadow:inset 0px 15px 5px #f3f3f3; -webkit-box-shadow:inset 0px 15px 5px #f3f3f3; box-shadow:inset 0px 15px 5px #f3f3f3;}
#meniTab ul li a:hover,#meniTab ul li a:active, #meniTab ul li a:focus,#meniTab ul li a.check { color:#111111; border:1px solid #e74c3c; border-bottom:0; white-space:nowrap; background:#ffffff; padding:1em 0.8em 0.5em 0.8em; margin-top:1px;
-moz-box-shadow:inset 0px 5px 5px #f3f3f3; -webkit-box-shadow:inset 0px 5px 5px #f3f3f3; box-shadow:inset 0px 5px 5px #f3f3f3;}
#meniTab br {clear:both}

/*--------- MENU LISTA ul li - wielopoziomowe */
#meni2 { position:relative; overflow:visible; margin:0 0 2em 0; padding:0; border:0; background:#ecf0f1;  }
#meni2 h2 { position:absolute; top:-100em !important; left:-100em !important; width:1px; height:1px; text-indent:-1000em; }
#meni2 .strz { display:none;  }
#meni2 ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#meni2 ul li { padding:0; margin:0 0 0.5em 0; border:0; display:block !important; list-style:none; position:relative; background:transparent; }
#meni2 ul li a,#meni2 ul li a:visited { font-family:Lato;font-size:1.3em; line-height:1.2em; color:#2570af; text-decoration:none; font-weight:normal; padding:0.5em 0.4em; margin:0; display:block; }
#meni2 ul li a:hover,#meni2 ul li a:active,#meni2 ul li a:focus,#meni2 ul li a.check { color:#000000; font-weight:normal; padding:0.5em 1em 0.5em 0.4em; background:#fff; }
#meni2 ul li a:hover  span:before,#meni2 ul li a:active  span:before,#meni2 ul li a:focus  span:before,#meni2 ul li a.check  span:before { content: ""; }
#meni2 ul li a:hover:after,#meni2 ul li a:active:after,#meni2 ul li a:focus:after,#meni2 ul li a.check:after { font-family:poradnik; content: ">"; font-size:3em; line-height:0.8em; color:#e74c3c; position:absolute; top:0em; right:0.1em;  }
#meni2 ul li a span { position:relative; padding-left:2em; }
#meni2 ul li a span:before  { font-family:poradnik; content: ">"; font-size:1.2em; line-height:0.9em; color:#e74c3c; position:absolute; top:0em; left:0.1em; }
#meni2 ul ul { padding:0; margin:0 0 0 3em; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#meni2 ul ul li { padding:0; margin:0; border:0; display:block !important; list-style:none; position:relative; background:transparent; }
#meni2 ul ul li a,#meni2 ul ul li a:visited { font-size:0.9em; line-height:1.1em; color:#2570af; text-decoration:none; font-weight:normal; padding:0.9em 1em; margin:0; display:block; background:url("/dokumenty/szablonyimg/116-strz3.gif") no-repeat left center; border:0; }
#meni2 ul ul li a:hover,#meni2 ul ul li a:active,#meni2 ul ul li a:focus,#meni2 ul ul li a.check { color:#000000; font-weight:normal; background:url("/dokumenty/szablonyimg/116-strz3.gif") no-repeat left center; padding:0.9em 1em; border:0; }
#meni2 ul ul ul { padding:0; margin:0 0 0 1em; 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:0.9em; line-height:1em; color:#2570af; text-decoration:none; font-weight:normal; padding:0.9em 1em; margin:0; display:block; background:url("/dokumenty/szablonyimg/116-strz3.gif") no-repeat left center; border:0; }
#meni2 ul ul ul li a:hover,#meni2 ul ul ul li a:active,#meni2 ul ul ul li a:focus,#meni2 ul ul ul li a.check { color:#000000; font-weight:normal; background:url("/dokumenty/szablonyimg/116-strz3.gif") no-repeat left center; padding:0.9em 1em; border:0; }


/*-------- tab menu*/
.meniTab { position:relative; padding:0; margin:0 0 var(--gap) 0; width:auto; font-size:1em; z-index:1; }
.meniTab.large { font-size:1.8em; }
.meniTab.small ul li a:link, .meniTab.small ul li a:visited { padding:1em 0.4em;}
.meniTab.rightSide ul { text-align:right; }
.meniTab.noBorder ul { border:0; }
.meniTab ul { display:flex; justify-content:flex-start; gap:5px; flex-wrap:wrap; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; overflow:hidden; text-align:left;  }
.meniTab ul li { position:relative; margin:0; border:0; padding:0; display:inline-block; list-style:none; }
.meniTab ul li a:link,.meniTab ul li a:visited { font-family:var(--font); font-size:1em; line-height:1em; color:var(--color-text); text-decoration:none; font-weight:600; padding:1.2em; border:1px solid var(--color-light-grey); border-bottom:0; border-radius:var(--border-radius-button); background-color:var(--color-light-grey); display:block; white-space:nowrap; transition-duration:1s; }
.meniTab ul li a:hover,.meniTab ul li a:active, .meniTab ul li a:focus,.meniTab ul li a.active,.meniTab ul li a.tab_on,.meniTab ul li a.check,.meniTab ul li a.tab_on { background-color:var(--color-dark-bg); color:var(--color-white); border:1px solid var(--color-dark-bg); border-bottom:0; white-space:nowrap; transition-duration:0.6s; }
article .meniTab { font-size:0.8em;}

/*-------- pagination */
.pagination { position:relative; display:table; overflow:hidden; font-size:1em; padding:0; margin:var(--gap) auto; min-height:25px; text-align:center; }
.pagination ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.pagination ul li { position:relative; margin:0 0.5em 0.2em 0; border:0; padding:0; float:left; display:block; display:inline; overflow:hidden; list-style:none; }
.pagination ul li.noActive { background:transparent; color:var(--color-grey); text-transform:lowercase; padding:1em; }
.pagination ul li.selectbox { white-space:nowrap; padding:0; }
.pagination ul li.selectbox .forms select { width:auto; padding:0.75em 2em 0.75em 0.5em; }
.pagination ul li.selectbox .iloscStron { position:relative; display:inline; padding:0.5em; font-weight:bold; color:var(--color-main);}
.pagination a,.pagination a:visited { display:block; background:transparent; border-bottom:1px solid transparent; height:auto !important; font-family:var(--font); color:var(--color-main); 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; }
.pagination a:hover,.pagination a:active,.pagination a:focus,.pagination a.check { border-bottom:1px solid var(--color-main); color:var(--color-main); text-decoration:none; transition: all 0.2s ease-in;}
.pagination span { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; }
/* pagination select */
.selectPagination .pagination ul li.selectbox { margin:0;}
.selectPagination .pagination ul li:first-child {float:left; text-align:left;}
.selectPagination .pagination ul li:first-child a:before,.selectPagination .pagination ul li:last-child a:after { font-family:var(--font-icon); content:"\e000"; 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 .pagination ul li:last-child {float:right; text-align:right;}
.selectPagination .pagination ul li:last-child a:after { content:"\e001"; }
.selectPagination .pagination ul li:first-child a:hover:before,.pagination ul li:first-child a:focus:before,
.selectPagination .pagination ul li:last-child a:hover:after,.pagination ul li:last-child a:focus:after { color:var(--color-grey); text-decoration:none; transition: all 0.2s ease-in;}
/* text-pagination */
.pagination-text { padding:0; margin:0; }
.pagination-text ul { display:flex; justify-content:flex-start; text-align:left; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
.pagination-text ul li { margin:0; margin-right:0.2em; padding:0; display:block; display:inline; list-style:none; position:relative; }
.pagination-text ul li span { display:block; color:var(--color-main); font-size:1em; line-height:1em; padding:1em; background:transparent; border-bottom:1px solid var(--color-gold); }
.pagination-text ul li a:link,.pagination-text ul li a:visited { display:block; color:var(--color-text); font-size:1em; line-height:1em; padding:1em; font-weight:normal; text-decoration:none; white-space:nowrap; border-bottom:1px solid transparent; background:transparent; }
.pagination-text ul li a:hover,.pagination-text ul li a:active,.pagination-text ul li a:focus,.pagination-text ul li a.check { background:transparent; border-bottom:1px solid var(--color-gold); color:var(--color-main); text-decoration:none;}

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


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

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

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

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

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

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

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

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


/* MODUL BANNERY */
.bannery { position:relative; overflow:hidden; width:auto; height:auto; padding:0; margin:0; }
.bannery div.item { padding:0; margin:0; float:left; display:block !important; display:inline; }
.bannery a {display:block;}
.bannery a img { width:auto; height:auto; padding:0; border:0; transition-duration:0.8s; }
.bannery a:hover img,.bannery a:focus img { opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); transition-duration:0.6s; }
/*slider */
.bannery-slider { position:relative; }
.bannery-overlay { position:relative; overflow:hidden;width:100%; height:100%; padding:0; margin:0;}
.bannery-wraper {position:absolute; width:100000px; top:0; left:0; z-index:0;}
/* slider uklad pionowy */
.bannery.pion .bannery-wraper { height:100000px; width:auto;}
.bannery.pion div.item { float:none; display:block !important; }
/* slider opcje */
.bannery-previous,.bannery-next { position:absolute; top:50%; margin-top:-10px; z-index:1000; cursor:pointer; width:20px; height:20px; z-index:2; }
.bannery-previous { left:1px;}
.bannery-next { right:1px;}
.bannery-previous a:link,.bannery-previous a:visited,
.bannery-next a:link,.bannery-next a:visited { background-image:url("/img/batony/arrows.png"); background-repeat:no-repeat; width:20px; height:20px; display:block; text-decoration:none; }
.bannery-previous a:link,.bannery-previous a:visited { background-position:0px 0px; }
.bannery-previous a:active,.bannery-previous a:hover,.bannery-previous a:focus {background-position:0px -20px; }
.bannery-next a:link,.bannery-next a:visited { background-position:-20px 0px; }
.bannery-next a:active,.bannery-next a:hover,.bannery-next a:focus {background-position:-20px -20px; }
.bannery-previous a span,.bannery-next a span { display:block; font-size:0; text-indent:-1000px; }
.bannery-next a.end,.bannery-previous a.end {opacity:0.5; cursor:default;}
/* slider opcje uklad pionowy */
.bannery.pion .bannery-previous,.bannery.pion .bannery-next { left:50%; top:auto; margin-left:-10px; margin-top:0; }
.bannery.pion .bannery-previous { top:1px;}
.bannery.pion .bannery-next { bottom:1px;}
.bannery.pion .bannery-previous a:link,.bannery.pion .bannery-previous a:visited { background-position:0px -40px; }
.bannery.pion .bannery-previous a:active,.bannery.pion .bannery-previous a:hover,.bannery.pion .bannery-previous a:focus {background-position:0px -60px; }
.bannery.pion .bannery-next a:link,.bannery.pion .bannery-next a:visited { background-position:-20px -40px; }
.bannery.pion .bannery-next a:active,.bannery.pion .bannery-next a:hover,.bannery.pion .bannery-next a:focus {background-position:-20px -60px; }



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

/* 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); 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:"4"; }
.forms.loginBox .passField:before { content:"0"; }
.forms.loginBox .emailField:before { content:"4"; }


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


/*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 OLD */
#mapy { position:relative; padding:0; margin:0; } 
#mapy #map,#mapy #mapIn,
article #map #mapIn { width:100%; height:450px; }
#mapy .box-podsumowanie{ position:relative; border:0; background:#cecece; padding:2em 1em 1em 1em; margin-bottom:1em; text-align:left; min-height:160px; overflow:hidden; } 
#mapy .scroll-y {position:relative; height:110px; overflow-y:auto;}
#mapy #obiekty { display:block;}
#mapy #drukuj-ikonki { position:absolute; border:0; bottom:1em; right:1em; float:right; padding:0; margin:0; height:27px; z-index:1; } 
/* mapy - legenda  */
#mapy .legenda { position:absolute; top:1em; left:0.8em; padding:0; margin:0; width:50%; height:140px; }
#mapy .legenda ins { position:relative; display:block; overflow:visible; height:auto; padding:0 8px 0 5%; text-align:left; margin:0 1em 0.4em 0.4em; background:transparent; font-size:1em; text-decoration:none; }
#mapy .legenda label { position:relative; top:0; left:0.5em; padding:0; width:auto; border:0; text-align:left; font-size:1em; font-weight:normal;}
#mapy .legenda input[type=checkbox] { position:absolute; top:30%; left:0; border:0; margin:0.2em 0.4em 0.2em 0.1em; background:transparent; }
#mapy .legenda img { border:0; vertical-align:middle; }
/* mapy - szukaj obiektu  */
#mapy .search { position:absolute; top:-5px; right:0; padding:0; margin:0; width:40%; height:40px;}
#mapy .search form { position:relative; display:block; overflow:hidden; text-align:right; border:0; margin:0 auto; padding:0}
#mapy .search fieldset { height:auto; padding:0; margin:0; border:0; overflow:visible; }
#mapy .search legend { position:absolute; top:0; left:-10000em; width:1px; height:1px;}
#mapy .search label { position:absolute; top:0; left:-10000em; width:1px; height:1px;}
#mapy .search form input[type=submit] { }
#mapy .search form input[type=submit]:hover { }
/* mapy - opcje */
#mapy .opcje { position:absolute; top:1em; right:0.8em; padding:0; margin:0; width:40%; height:140px; } 
#mapy .opcje ins { position:relative; display:block; overflow:visible; height:auto; padding:0 0.3em 0 8%; text-align:left; margin:0 1em 0.5em 1em; background:transparent; font-size:1em; text-decoration:none; }
#mapy .opcje label { position:relative; top:0; left:0.4em; padding:0; width:auto; border:0; text-align:left; font-size:1em; font-weight:normal;}
#mapy .opcje input[type=checkbox] { position:absolute; top:0; left:0; border:0; margin:0.3em 0.5em 0.3em 0; background:transparent; }
/* mapy - opis  */
#mapy .opis { position:relative; top:0; left:1em; padding:0; margin:0; width:50%; height:auto; }
#mapy .opis strong { display:block; font-weight:bold; text-align:left; font-size:1.4em; line-height:1em; margin:0 0 1em 0; }
#mapy .opis p { display:block; text-align:left; font-size:1.2em; line-height:1.2em; margin:0.5em 0; }
/* mapy - obrazkek */
#mapy .obrazek { position:absolute; top:1.5em; right:1em; padding:0; margin:0; width:44%; height:140px; }
/* mapy - chmurka mapy  */
#mapy .map-object { position:relative; padding:0; margin:0; width:300px; height:auto; }
#mapy .map-object strong { display:block; margin:0 0 0.8em 0; font-family:Arial; font-weight:bold; text-align:left; font-size:1.2em; line-height:1em; }
#mapy .map-object p { font-family:Arial; text-align:left; font-size:1em; line-height:1em; margin:0; }
#mapy .map-object .button {float:right;}
 /* mapy - fix */
.txt .search,.txt #obiekty {display:none !important;}

/* MODUL BANNERY */
.bannery { position:relative; overflow:hidden; width:auto; height:auto; padding:0; margin:0; }
.bannery div.item { padding:0; margin:0; float:left; display:block !important; display:inline; }
.bannery a {display:block;}
.bannery a img { width:auto; height:auto; padding:0; border:0; transition-duration:0.8s; }
.bannery a:hover img,.bannery a:focus img { opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); transition-duration:0.6s; }
.bannery a:focus img { border:2px solid #ce0000;width:95%;height:95%; }
/*slider */
.bannery-slider { position:relative; }
.bannery-overlay { position:relative; overflow:hidden;width:100%; height:100%; padding:0; margin:0;}
.bannery-wraper {position:absolute; width:100000px; top:0; left:0; z-index:0;}
/* slider uklad pionowy */
.bannery.pion .bannery-wraper { height:100000px; width:auto;}
.bannery.pion div.item { float:none; display:block !important; }
/* slider opcje */
.bannery-previous,.bannery-next { position:absolute; top:50%; margin-top:-10px; z-index:1000; cursor:pointer; width:38px; height:38px; z-index:2; }
.bannery-previous { left:-2em;}
.bannery-next { right:-2em;}
.bannery-previous a:link,.bannery-previous a:visited,
.bannery-next a:link,.bannery-next a:visited {  height:100%; display:block; text-decoration:none; color:#000000; background:#fff; }
.bannery-previous a:before,.bannery-next a:before { font-family:poradnik; content: "<"; line-height:1em; position:absolute; top:0; left:0; width:100%; text-align:center; }
.bannery-next a:before { content: ">"; }
.bannery-previous a:before, .bannery-next a:before { font-size:3em;}
.bannery-previous a:active,.bannery-previous a:hover,.bannery-previous a:focus,
.bannery-next a:active,.bannery-next a:hover,.bannery-next a:focus,
.bannery-previous a:hover:before,.bannery-previous a:focus:before,.bannery-next a:hover:before,.bannery-next a:focus:before { color:#fff; background:#e74c3c; }
.bannery-previous a span,.bannery-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0em; }
.bannery-next a.end,.bannery-previous a.end {opacity:0.5; cursor:default;}
/* slider opcje uklad pionowy */
.bannery.pion .bannery-previous,.bannery.pion .bannery-next { left:50%; top:auto; margin-left:-10px; margin-top:0; }
.bannery.pion .bannery-previous { top:1px;}
.bannery.pion .bannery-next { bottom:1px;}
.bannery.pion .bannery-previous a:link,.bannery.pion .bannery-previous a:visited { background-position:0px -40px; }
.bannery.pion .bannery-previous a:active,.bannery.pion .bannery-previous a:hover,.bannery.pion .bannery-previous a:focus {background-position:0px -60px; }
.bannery.pion .bannery-next a:link,.bannery.pion .bannery-next a:visited { background-position:-20px -40px; }
.bannery.pion .bannery-next a:active,.bannery.pion .bannery-next a:hover,.bannery.pion .bannery-next a:focus {background-position:-20px -60px; }

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

/* AJAX */
div.ajaxloading {position:absolute; display:block; top:1em; left:1em; padding:0.5em; float:left; color:#000000; border:1px dotted #565656; background:#ffffff; z-index:1000; }

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

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

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

/*table 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-white); background-color:rgba(255,0,0,0.1) }
.table-items ul.header:after { height:2px; }
.table-items ul.header li { font-weight:bold; background-color:var(--color-gold); color:var(--color-white); }
.table-items ul:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:var(--color-light-grey); }
.table-items li ul:after { content:""; height:0; }
.table-items ul li { position:relative; display:table-cell; height:auto; width:auto; min-width:50px; overflow:visible; margin:0 0.5em 0; padding:1.5em 1em; box-sizing:border-box; vertical-align:middle; text-align:left; background:transparent; font-size:1em;line-height:1em; }
.table-items ul li.alignRight { text-align:right;}
.table-items .name { text-align:left;} 

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

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

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

/*okno zwykle*/
.okno_tlo { background:#ffffff; padding:2em}

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


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


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

.records { position:relative; float:none; overflow:visible; padding:0; margin:var(--gap) 0; background-color:var(--color-light-bg); z-index:0; }
.records .header { text-align:left; padding:var(--padding); border:0;}
.records .header h3 {display:inline-block; font-family:var(--font); font-size:2em; line-height:1em;}

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

/* formularz */
.forms { position:relative; display:block; overflow:visible; margin:0; padding:0; border: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 form { height:auto; margin:0 auto; background:transparent; padding:0; color:var(--color-text);}
.forms fieldset { position:relative; display:block; height:auto; padding:0; margin:0; border:0; overflow:visible; z-index:1; }
.forms legend { position:relative; margin:0; padding:0; width:100%; overflow:hidden; font-family:var(--font); font-size:1.4em; line-height:1.3em; font-weight:600; text-align:center; color:var(--color-text);  }
.forms legend.subtitle { position:relative; display:block; width:auto; overflow:hidden; padding:0; text-align:center; font-size:1em; z-index:1; }
.forms ins,.forms .ins { position:relative; display:flex; align-items:center; overflow:visible; padding:0; margin:var(--gap) 0; text-align:left; background-color:transparent; font-size:1em; text-decoration:none; }
.forms label,.forms .label { position:relative; display:block; padding:0 var(--padding) 0 0; width:37%; border:0; text-align:right; font-size:1em; line-height:1em; font-weight:normal; }
.forms label span.error { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em;}
.forms img { border:0; vertical-align:middle; }
.forms .box_error { border:1px solid var(--color-red); }
.forms .title { position:relative; display:block; padding:calc(0.5 * var(--padding)); font-size:1.6em; line-height:1.1em; background-color:var(--color-light-grey); }
.forms .subtitle { position:relative; display:block; padding:calc(0.5 * var(--padding)) 0; font-size:1.2em; line-height:1.1em; }
.forms .all { position:relative; display:block; padding:calc(0.5 * var(--padding)) 0; }
.forms .submit { position:relative; display:block; padding:0; text-align:center; }
.forms .form_input { position:relative; width:63%; padding:0; margin:0; }
.forms .form_input label,.forms .form_input .label { position:relative; display:inline-block; padding:0 0.5em; width:auto; border:0; text-align:left; }
.forms .form_input .date { display:inline-flex; align-items:center; }
.forms .form_text { position:relative; width:63%; padding:0; margin:0; font-size:1em; line-height:1.4em;}
.forms .form_text p { margin-top:0; }

/*reset*/
.forms ins.reset { display:block; }
.forms ._row ins.reset { margin:0; }
.forms ins.reset > label,.forms ins.reset > .label { display:block; padding:0 0 var(--padding) 0; width:100%; text-align:left; }
.forms ins.reset > .form_input { position:relative; display:block; padding:0; margin:0; width:100%; text-align:left; }
.forms ins.reset > .form_input label,.forms ins.reset > .form_input .label { display:inline-block; width:auto; padding:0 0.5em; }

/*reset general*/
.forms.reset ins { display:block; }
.forms.reset ._row ins { margin:0; }
.forms.reset ins > label,.forms.reset ins > .label { display:block; padding:0 0 var(--padding) 0; width:100%; text-align:left; }
.forms.reset ins > .form_input,.forms.reset ins > .form_text { display:block; padding:0; width:100%; margin:0; text-align:left; }
.forms.reset ins > .form_input label,.forms.reset ins > .form_input .label { display:inline-block; width:auto; padding:0; }

/* form files*/
.forms ins img { width:auto !important; height:auto !important; }
.forms .attachedFile img.sImg { border:0; width:120px; height:auto; margin:var(--margin) 0; }
.forms .attachedFile img.sFile { border:0; width:35px; height:auto; margin:1em 10px 1em 0; }
.forms .attachedFile .checkbox { margin:1em 0; display:inline-block; }

/* 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(--hcenter); 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:">"; }
.forms.loginBox .passField:before { content:">"; }
.forms.loginBox .emailField:before { content:">"; }

/*fast LoginBox */
.forms.loginBox.quick fieldset { display:flex; gap:var(--gap); align-items:center; }
.forms.loginBox.quick legend, .forms.loginBox.quick label { width:auto; color:var(--color-white); text-align:left; margin:0;}
.forms.loginBox.quick .emailField { position:relative; width:auto; }
.forms.loginBox.quick .emailField .email { color:var(--color-light-text); }
.forms.loginBox.quick .emailField .email::placeholder { color:var(--color-light-text); opacity:1; }

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

/* category search */
.forms.page { text-align:left; margin:var(--gap) 0;}
.forms.page form { width:100%; margin:0; }
.forms.page form fieldset { display:flex; align-items:center; border:1px solid var(--color-grey); }
.forms.page input[type=text] { width:100%; border:0;}
.forms.page input[type=submit],.forms.page button { position:relative;  display:block; width:50px; height:50px; padding:0; margin:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:var(--color-text); }
.forms.page input[type=submit]:before ,.forms.page button:before { position:absolute; top:0; left:0; width:100%; text-indent:0; font-size:1.2rem; line-height:50px; font-family:var(--font-icon); content:"\e00b"; color:var(--color-text); }
.forms.page input[type=submit]:hover,.forms.page input[type=submit]:focus,.forms.page button:hover,.forms.page button:focus { color:var(--color-main); }
.forms.archive .zoom:after { position:absolute; top:50%; right:3%; transform:var(--hcenter); text-indent:0; font-size:1.2rem; line-height:1.3em; font-family:var(--font-icon); content:"\e00b"; color:var(--color-text);}

/* off */
.usun { position:relative; display:inline-block; vertical-align:middle; width:45px; height:45px; margin:0 0 0 0.5em; }
.usun a,.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:"="; font-size:1.4em; line-height:1em; position:absolute; top:50%; transform: var(--hcenter); left:0; width:100%; text-align:center; }
.usun a:hover,.usun a:focus { background:var(--color-light-grey); color:var(--color-black); transition-duration:0.6s; }
.usun a.active:before { content:"="; }
.usun.reload a:before { content:"=";}

/* date insert */
a.dateInsert { position:relative; display:inline-block; vertical-align:middle; width:28px; height:28px; margin:0 0.5em; }
a.dateInsert:link,a.dateInsert:visited { color:var(--color-main); text-decoration:none; transition-duration:0.6s; }
a.dateInsert:before { font-family:var(--font-icon); content:"[=]"; font-size:1.6em; line-height:1em; position:absolute; top:50%; transform:var(--hcenter); left:0; width:100%; text-align:center; }
a.dateInsert:hover,a.dateInsert:focus { color:var(--color-dark-grey); transition-duration:0.6s; }

/* sorting */
.sort { position:relative; display:inline-block; vertical-align:middle; z-index:2; margin:0 0.5em; 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:-3px; color:var(--color-text); 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-text); text-decoration:none !important; transition-duration:0.6s; }
 a.sort-up:before, a.sort-down:before { font-family:var(--font-icon); content:">"; font-size:0.8em; line-height:0.9em; position:relative; text-align:center; text-decoration:none; }
 a.sort-down:before { content:"<"; }
 
 /* filer */
.filter { position:relative; display:block; margin:var(--gap) 0; }
.filter h3 { position:relative; display:inline-block; margin:0; font-size:1em; line-height:1em; color:var(--color-main); }
.filter a:link,.filter a:visited { position:relative; display:inline-block; border:1px solid var(--color-light-grey); padding:0.3em; margin:0.1em; text-decoration:none; font-size:1em; line-height:1em; color:var(--color-main); }
.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:"="; 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; }

::placeholder { color:var(--color-grey); opacity:1; }
:-ms-input-placeholder { color:var(--color-grey); }

/* form fields */ 
.forms input[type=text],.forms input[type=file],.forms input[type=password],.forms select,.forms textarea { font-family:var(--font); font-size:1em; font-weight:normal; color:var(--color-text); text-align:left; border:1px solid var(--color-grey); width:100%; margin:0; padding:1rem; box-sizing:border-box; background-color:transparent; border-radius:var(--border-radius-button);}
.forms input::placeholder { color:var(--color-text); }
.select { position:relative; display:inline; }
.select:after { content:'>'; font-size:1em; font-family:var(--font-icon); color:var(--color-text); background-color:transparent; position:absolute; top:50%; transform: var(--hcenter); right:6px; padding:0 5px; pointer-events:none;}
.select select,.forms .select input { position:relative; font-family:var(--font); padding:1em 0.5em 1em 1.2em; -webkit-appearance:none;-moz-appearance:none;}
.select select[multiple] {z-index:2;}
.select select option { font-family:sans-serif; }
.forms input[type=text].number {width:120px;}
.forms input[type=text].date, .forms input[type=text].data { width:70%;}
.forms input[type=password] { width:100%; border:1px var(--color-grey) solid; }
.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:1em; overflow-y:auto; overflow:hidden; width:100%; border:1px solid var(--color-grey); }
.forms input[type=submit],.forms input[type=button],.forms button { font-family:var(--font); font-size:1em; color:var(--color-white); border:0 solid var(--color-white); font-weight:400; text-align:center; text-transform:none; position:relative; width:auto; height:auto; margin:0; padding:1em 2em; border-radius:var(--border-radius-button); overflow:hidden; cursor:pointer; transition-duration:0.6s; background:var(--color-main); }
.forms button.szukaj:after { font-family:var(--font-icon); content:">"; color:var(--color-white); 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-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-white); color:var(--color-main); 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-hover); transition-duration:1s;}



button[class^="icon-"], button[class*=" icon-"] { padding-top:4em; }
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:10px; left:50%; transform:var(--vcenter); 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; }

.forward { float:right }
.previous { float:left; }
.reject { position:absolute !important; left:50%; transform:var(--vcenter); display:block;  }

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

/* pretty checkbox */
.checkbox { position:relative; display:flex; align-items:center; margin:0 0 0.5em; text-align:left; min-height:24px; }
.checkbox.radio label:after,.checkbox.radio label:before { border-radius:25px; }
.checkbox input[type=checkbox],.checkbox input[type=radio] { position:absolute; top:0; left:0; z-index:-2; }
.checkbox label {display:block; width:auto !important; height:auto !important; cursor:pointer; position:relative !important; top:auto; left:auto; background:transparent; padding:0 0 0 30px !important; transform:translate(0,0); border:0; text-align:left;}
.checkbox label:after,.checkbox label:before {font-family:var(--font-icon); font-size:1em; line-height:24px; display:block; width:24px; height:24px; cursor:pointer; position:absolute; top:-5px; left:-5px; padding:0; transform:translate(0,0); border:0; box-sizing:border-box; background:var(--color-white); border:1px solid var(--color-grey);
	transition: all .4s ease; text-align:center;}
.checkbox label:after { content:""; }
.checkbox label:before { content:"\e02e"; 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-dark-grey); }
.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:100%; }
.checkbox label:hover:before { opacity:1; }

/* select DIV */
.select_list { position:absolute; top:30px; left:0; width:100%; padding:0; margin:0; text-align:center; z-index:100; }
.select_list ul { position:relative; display:block; width:100%; height:250px; margin:0; padding:0; list-style-type:none; list-style-image:none; background-color:var(--color-light-bg); border:1px solid var(--color-grey); box-shadow:var(--box-shadow); overflow-y:auto; }
.select_list ul li { position:relative; display:block; padding:0; margin:0; border-bottom:1px solid var(--color-grey); }
.select_list ul li:last-child{ border-bottom:0; }
.select_list ul li a:link,.select_list ul li a:visited { position:relative; display:block; overflow:hidden; font-size:1em; color:var(--color-text); text-decoration:none; border:0; padding:1em; margin:0 !important; }
.select_list ul li a:before { content:""; position:absolute; bottom:-10%; left:-10%; width:140%; height:0; background:var(--color-white); z-index:2; opacity:0;}
.select_list ul li a:hover,.select_list ul li a:focus { background-color:var(--color-main); color:var(--color-white); text-decoration:none; }

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

/* field info */
.infoForm { position:relative; display:inline-block; border:1px solid var(--color-grey); padding:1em 1em 1em 50px; margin:1em 0 0 0; text-align:left; font-size:0.9em; line-height:1em; color:var(--color-dark-grey); font-family:var(--font); }
.infoForm * { color:var(--color-main); }
.infoForm:before { font-family:var(--font-icon); content:"I"; font-size:1.5em; line-height:1em; color:var(--color-white); 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; }

/* form steps */
.steps {position:relative; margin:1em 0; padding:1em;}
.steps:before { content:""; position:absolute; top:50%; left:0; transform:var(--hcenter); width:100%; height:1px; background-color: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:60px; height:60px; display:flex; justify-content:center; align-items:center; color:var(--color-white); font-size:1.4em; 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); width:100%; height:100%; border-radius:100%; background:var(--color-main); z-index:-1; }
.steps > ul > li div.deactive { color:var(--color-grey); }
.steps > ul > li div.deactive:before { background-color:var(--color-white); }
.steps > ul > li div.current { color:var(--color-white); border:2px solid var(--color-black); }
.steps > ul > li div.current:before { background-color:var(--color-main); }



/* RESPONSYWNOSC */
@media only screen and (max-width: 95em) {
  
  ul.mainmenu li {margin:0 1em 0 0; width:13%; }
  ul.mainmenu a,ul.mainmenu a:visited { width:165px; }
  #footer-opcje ul li { margin-right:1.2em;}
  
  .bannery-slider {margin: 0 auto; width:1020px !important;}
}

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

  #header-gora  { right:1em; }

  .zdjecia ul li.clear { display:none !important; }
  .zdjecia ul li.lastInRow,.zdjecia ul li {  margin:0 1em 1em 0 !important;}

  #footer-opcje { right:0; width:auto;}
  #footer-opcje ul li { margin-right:2em;}
  
  .icon ul li { margin: 0 2em 2em 0; }
  .slider-nav ul li { margin:0 0.3em 0 0; width:15px; }
  
  #back-to-top { left:0; }
  
  
}

@media only screen and (max-width: 75em) {
  
  html {width:auto; }
  #menu .inside{ width:auto;}
  header .inside { width:auto; }
  #content, footer { width:auto; }
  
  
  #back-to-top { left:0; bottom:10em; width:35px; height:35px;}
  #back-to-top a:before { font-size:2.5em;}
  #back-to-top a span { text-indent:-1000em; }
  
  ul.mainmenu li { width:12.5%; }

  #footer-opcje ul {float:none; }
  
  .icon ul li { margin: 0 1.8em 2em 0; }
  .slider-nav ul li { margin:0 0.3em 0 0; width:15px; }
  
  .bannery-slider {width:765px !important;}
  
}

@media only screen and (max-width: 55em) {
  
  html {font-size:0.9em; }
  
  .mLeft,.mCenter,.mRight,.subLeft,.subRight,
  .informer .header ,.informer .lead  { width:auto !important; float:none !important; margin:1em 0 1em 0 !important; clear:both;}
  #content { padding:80px 0.5em 1em 0.5em}
  
  h1#header-logo {top:15px; left:20px; width:100px; height:128px;  }
  h1#header-logo a { background:url("/dokumenty/szablonyimg/116-logo-small.png") no-repeat; text-indent:-1000em; }
  
  
  ul.mainmenu li {margin:0 0.5em 0 0;  }
  
  #meniTab { padding:0; margin:1em 0 1em 0; width:auto; height:auto; border:0;}
  #meniTab ul { text-align:center;}
  #meniTab ul li {  margin:0 0 0.1em 0; float:none; }
  #meniTab ul li a, #meniTab ul li a:visited, #meniTab ul li a:hover,#meniTab ul li a:active, #meniTab ul li a:focus,#meniTab ul li a.check { padding:0.5em 1em 0.5em 1em; border:1px solid #e74c3c; }
  
  #skroty { position:fixed; top:15em; left:auto; right:-250px;}
  #skroty:hover { left:auto; right:-1px;  }
  #skroty div#skroty-start {  right:auto; left:-55px; width:60px; }
  #skroty div#skroty-start a { -moz-box-shadow:2px 2px 1px #dadada; -webkit-box-shadow:2px -2px 1px #dadada; box-shadow:2px -2px 1px #dadada; }
  #skroty div#skroty-content { right:auto; left:0; width:248px; }

  .naglowek { text-align:center;}

  .icon ul li { margin: 0 1em 2em 0; width:31.5% }
  .slider-nav ul li { margin:0 0.3em 0 0; width:15px; }

  .okno ul li { padding:0; }
  .okno ul li strong { font-size:1.8em;}
  .okno ul li img { position:relative; top:auto; left:auto; }
  
  footer {min-height:100%;}
  #footer-opcje { position:relative; top:auto; margin: 1em auto; height:auto; padding:0.5em }
  #footer-opcje ul { text-align:center; }
  #footer-opcje ul li { display:inline-block !important; float:none;}
  
  #ue { position:relative; top:auto; margin: 1em auto; width:auto; height:auto; padding:0.5em }
  #ue img { width:100% !important; height:auto;}
  
  #back-to-top { bottom:1em; left:auto; right:0;}
    
  .box-incontent { float:none; width:auto; padding:2em; margin:1em 0 }
  div.q { width:100%; float:none; padding:0 30px 10px 0; margin:2% 0; }
  img {width:100%; height:auto;}

  .bannery div.item {display: inline-block !important;float:none; margin: 0 auto; }  
  .bannery-slider {margin: 0 auto; width:510px !important;}

}

@media only screen and (max-width: 43em) {
  
  #txt, .txt { font-size: 1.2em; }

  h1#header-logo {top:5px; }
  
  #mobileDodatkowe {display:block;}
  #mobileDodatkoweContent { display:none; width:100%; }

  header { height:150px }
  
  .meni-zajawkowe ul li { margin:0 0 1em 0; float:none; width:auto; }
  
  #header-gora  { position:absolute; top:3em; width:60%; }
  #header-gora ul { top:0; }
  #header-gora ul li.szukaj { display:none; }

  .icon ul li { float:none; width:auto; margin:0 0 1em 0 }
  .slider-nav ul li { float:left; margin:0 0.3em 0 0; width:15px; }

  .subLeft,.left {  float:none; margin:1em 0 1em 0; width:auto !important;}
  .subRight,.right { float:none; overflow:visible; padding:0; margin:1em 0 1em 0; width:auto !important; }

  .okno ul li strong { font-size:1.5em; }
 
  .okno .twoRows,.okno .twoRowsBox,.okno .threeRows, .okno .threeRowsBox {float:none; margin:1em 0; width:100%;}
  
  .naglowek h1, .naglowek h2, .naglowek strong { text-align:center; }
  
  blockquote { margin:2em 0; background-image:none; padding:1em;}

  #drukuj ,#jsk,#text-size,.mobileHide {display:none;}

}

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

  #header-gora { display:none;}
   
  #skroty { position:fixed; top:1.5em; }
  #skroty div#skroty-start { height:70px;  }
  #skroty div#skroty-start a span{ position:absolute; bottom:-1000em; width:1px; height:1px;}
  
  .icon { margin:0.5em 0}

  .slider {height:180px;}
  .slider .item .info strong { font-size:1em;  }
  .slider .item .imgwraper img {  width:100%; }
  .slider-previous,.slider-next { top:50%; }

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

}