@import url('https://sop.gov.pl/img/bootstrap.css'); @font-face { font-family: 'bor'; src:url('/ftp/layout/bor/bor.eot'); src:url('/ftp/layout/bor/bor.eot?#iefix') format('embedded-opentype'),url('/ftp/layout/bor/bor.woff') format('woff'),url('/ftp/layout/bor/bor.woff2') format('woff2'),url('/ftp/layout/bor/bor.ttf') format('truetype'),url('/ftp/layout/bor/bor.svg?#bor') format('svg');font-weight: normal;font-style: normal; } :root { --font: "opensansRegular"; --font-icon: "bor"; --color-main: #000; --font-ratio:1; --body-font-size: 1rem; --color-body-bg: #fff; --color-light-bg: #f9f9f9; --color-dark-bg: #111; --color-grey: #888; --color-dark-grey: #313131; --color-light-grey: #efefef; --color-text: #111; --color-light-text: #f4f4f4; --color-green: #267c01; --color-red: #ca0000; --color-black: #111; --color-white: #fff; --color-yellow: #ffcc33; --color-blue: #004796; --color-violet: #7137c8; --color-facebook: #3a559f; --color-youtube: #ea412c; --color-x: #50abf1; --color-linkedin: #0077b5; --color-instagram: #ef595d; --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:"opensansRegular",sans-serif; font-style:normal; font-weight:normal; color:#010101; text-decoration:none; font-size:0.90em; line-height:1em; letter-spacing:0; margin:0; padding:0; } html { background-color:#fff; height:100%; } body.bg { background-color:#fbfbfb; } /* zaloba*/ body.zaloba header, body.zaloba #content, body.zaloba #topnews, body.zaloba footer { filter: gray; /*IE 6-9 */ -ms-filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } body.zaloba .logo h1 a:before { position:absolute; top:0; left:0; z-index:2; font-family:bor; content:"\e12d"; color:#000; font-size:2em; line-height:1em; padding:0;} @font-face { font-family: 'opensansRegular'; src: url('/ftp/layout/Open_Sans/opensans-regular.eot'); src: url('/ftp/layout/Open_Sans/opensans-regular.eot?#iefix') format('embedded-opentype'), url('/ftp/layout/Open_Sans/opensans-regular.woff2') format('woff2'), url('/ftp/layout/Open_Sans/opensans-regular.woff') format('woff'), url('/ftp/layout/Open_Sans/opensans-regular.ttf') format('truetype'), url('/ftp/layout/Open_Sans/opensans-regular.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'opensansSemibold'; src: url('/ftp/layout/Open_Sans/opensans-semibold.eot'); src: url('/ftp/layout/Open_Sans/opensans-semibold.eot?#iefix') format('embedded-opentype'), url('/ftp/layout/Open_Sans/opensans-semibold.woff2') format('woff2'), url('/ftp/layout/Open_Sans/opensans-semibold.woff') format('woff'), url('/ftp/layout/Open_Sans/opensans-semibold.ttf') format('truetype'), url('/ftp/layout/Open_Sans/opensans-semibold.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'opensansBold'; src: url('/ftp/layout/Open_Sans/slabo/opensans-bold.eot'); src: url('/ftp/layout/Open_Sans/opensans-bold.eot?#iefix') format('embedded-opentype'), url('/ftp/layout/Open_Sans/opensans-bold.woff2') format('woff2'), url('/ftp/layout/Open_Sans/opensans-bold.woff') format('woff'), url('/ftp/layout/Open_Sans/opensans-bold.ttf') format('truetype'), url('/ftp/layout/Open_Sans/opensans-bold.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'opensansLight'; src: url('/ftp/layout/Open_Sans/opensans-light.eot'); src: url('/ftp/layout/Open_Sans/opensans-light.eot?#iefix') format('embedded-opentype'), url('/ftp/layout/Open_Sans/opensans-light.woff2') format('woff2'), url('/ftp/layout/Open_Sans/opensans-light.woff') format('woff'), url('/ftp/layout/Open_Sans/opensans-light.ttf') format('truetype'), url('/ftp/layout/Open_Sans/opensans-light.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } #page { position:relative; display:block; padding:0; margin:0 auto; width:85%; overflow:visible; z-index:1;background-color:#fff; } .inside { position:relative; width:1300px; margin:0 auto; box-sizing:border-box; } /* button do gory */ #back-to-top { position:fixed; bottom:5em; right:0.2em; width:50px; height:50px; z-index:10; opacity:1; transition-duration:1s; } #back-to-top a { position:absolute; display:block; width:100%; height:100%; background:#fff; color:#375a81; border:1px solid #375a81;text-decoration:none; } #back-to-top a:before { font-family:bor; content:'\e102'; color:#375a81; position:absolute; font-size:1.6em; line-height:1em; position:absolute; top:0.3em; left:0; width:100%; text-align:center; } #back-to-top a span{ position:absolute; bottom:1.2em; display:block; font-size:0.7em; line-height:0.9em; width:100%; text-align:center;} #back-to-top a:hover,#back-to-top a:focus { background:#375a81; color:#fff; } #back-to-top a:hover:before,#back-to-top a:focus:before { color:#fff;} /* loader strony */ body.loading .loader { display:block; z-index:1000; } .loader { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.99);} .loader:before { content:""; position:fixed; top:calc(50% - 30px); left:calc(50% - 30px); transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); border:2px solid #f3f3f3; border-top:2px solid #375a81; border-radius:50%; width:60px; height:60px; animation:spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* header */ header { position:relative; display:block; padding:0; margin:0; height:220px; width:100%; overflow:visible; background:rgba(255,255,255,1); z-index:3; transition-duration:1s; } header .inside { height:100%; } header .logo { position:absolute; top:25px; left:0; display:block; padding:0; margin:0; width:40%; height:130px; text-align:left; z-index:1; overflow:hidden; box-sizing:border-box; } .logo h1 {font-family:'Dosis', sans-serif; color:#375a81; font-size:1em;line-height:1em; margin:0; padding:0; text-decoration:none;font-weight:normal;} .logo h1 a:link,.logo h1 a:visited ,.logo h3 a:link,.logo h3 a:visited { text-decoration:none; color:#375a81; font-size:2.6em;line-height:1em; display:inline-block; z-index:1; padding:30px 0 0 150px; height:120px; box-sizing:border-box; background-image:url("/dokumenty/szablonyimg/1-logo.png"); background-repeat:no-repeat; background-position:left center; background-size:auto 100%; transform:translate3d(0,0,0); transition-duration:1s;} .logo h1 span { display:block; } .logo h1 a:hover,.logo h1 a:focus,.logo h3 a:hover,.logo h3 a:focus { text-decoration:underline; transition-duration:1s;} .logo span.slogan { position:absolute; top:0; left:0; display:block; color:#a1a1a1; font-size:1em; line-height:1em; font-style:italic; display:block; z-index:0; padding:70px 0 0 150px; height:120px;} .intro {position:relative; display:block; margin:0; padding:0.5em; border-bottom:rgba(212,212,212,0.99) 1px solid;} /* menu */ #menu { position:absolute; bottom:0; display:block; padding:0; margin:0 auto; width:100%; z-index:3; transition-duration:1s;} #menu .inside{ display:block; height:auto; width:auto; padding:0; } #mobileDodatkoweBtn { display:none; position:relative; padding:0; margin:0; z-index:1; border:0; width:auto; height:auto; text-align:center; } #mobileDodatkoweBtn a { display:block; font-size:1em; line-height:1em; color:#fff; text-align:center; background:#375a81; padding:1em; text-decoration:none; } #mobileDodatkoweBtn a:hover,#mobileDodatkoweBtn a:focus { color:#fff; background:#313639;} #mobileDodatkoweBtn a:before { font-family:bor; content:"\e105"; font-size:2em; line-height:1em; display:inline-block; vertical-align:text-bottom; margin-right:0.8em; } #mobileDodatkoweBtn.active a:before { content:"\e111"; } #mobileDodatkoweContent { padding:0; box-sizing:border-box; z-index:2;} #opcjeMenu { position:absolute; top:1em; right:5em; display:none; padding:0; margin:0; width:35px; height:35px; z-index:5; border:0; } #opcjeMenu a { display:block; font-size:3em; line-height:0.8em; color:#d90303; width:100%; height:100%; text-decoration:none; } #opcjeMenu a:hover,#opcjeMenu a:focus { color:#34343e;} #opcjeMenu a span { position:absolute; top:0; left:-1000em; width:1px; height:1px; display:block; } #opcjeMenu a:before { font-family:bor; content:"\e132"; } #menu-scroll { position:fixed; top:0; left:0; display:block; padding:0; box-sizing:border-box; margin:0; height:auto; width:100%; text-align:left; display:none; z-index:99; } /* wcag opcje */ ul.nav { position:absolute; top:2px; left:2px; margin:0; padding:0; list-style:none outside none; } ul.nav a {position:absolute; left:-9000em; padding:5px 10px; display:inline; font-size:1.2em; text-align:center; text-decoration:none; width:150px; z-index:2;} ul.nav a:hover, ul.nav a:focus, ul.nav a:active { position:absolute; top:0; left:0; background:#d20a2b; border:2px solid #fff; color:#fff; } /* header opcje */ #header-opcje-gora { position:absolute; top:55px; right:0; display:block; padding:0; width:auto; height:30px; box-sizing:border-box; text-align:right; width:auto; z-index:0; } ul.opcje { position:relative; display:inline-block; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:center;} ul.opcje li { margin:0; margin-right:1em; padding:0; position:relative; display:inline-block; vertical-align:middle; text-align:center; list-style:none; } ul.opcje li:last-child { margin:0; } ul.opcje i { font-style:normal; color:#375a81;} ul.opcje strong { display:block; padding:0; margin-top:1.5em; font-weight:normal; text-align:center;} ul.opcje li a,ul.opcje li a:visited { font-family:"OpenSansRegular",sans-serif; font-size:1em; line-height:0.9em; text-decoration:none; font-weight:normal; text-transform:uppercase; text-align:center; position:relative; padding:0; margin:0; display:block; } ul.opcje li a:hover,ul.opcje li a:active,ul.opcje li a:focus,ul.opcje li a.active { color:#375a81; text-decoration:none; transition-duration:0.6s;} ul.opcje li a:hover strong,ul.opcje li a:active strong,ul.opcje li a:focus strong { text-decoration:underline;} ul.opcje li a[class^="icon-"], ul.opcje li a[class*=" icon-"] { } ul.opcje li a[class^="icon-"]:before, ul.opcje li a[class*=" icon-"]:before { position:relative; display:inline-block; margin:0 5px 0 0; font-size:2.8em; line-height:1.2em; font-family:bor; color:#000; text-align:center; text-decoration:none;} ul.opcje li a:hover[class^="icon-"]:before, ul.opcje li a:hover[class*=" icon-"]:before { text-decoration:none; color:#c9c9c9;} ul.opcje li a.active[class^="icon-"]:before, ul.opcje li a.active[class*=" icon-"]:before { color:#888; transition-duration:0.6s;} ul.opcje li a span, ul.opcje li span { position:relative; display:inline-block; padding:0; margin:0; width:auto; vertical-align:calc(50%); overflow:hidden; } ul.opcje li.shortcut { margin-top:2px; border:2px solid #000; border-radius:2px; } ul.opcje li.shortcut a { padding:0.3em 0.4em; } ul.opcje li.shortcut a:hover,ul.opcje li.shortcut a:active,ul.opcje li.shortcut a:focus { color:#fff; background:#375a81; transition-duration:0.6s;} ul.opcje li.text-size { min-width:45px; margin-top:5px; white-space:nowrap; } ul.opcje li.text-size strong{ font-size:1.1em} ul.opcje li a.active[class^="icon-menu"]:before, ul.opcje li a.active[class*=" icon-menu"]:before{ content:"\e111"; } /* opcje */ ul.icons { position:relative; display:block; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:center; } ul.icons li { margin:0 0 0.5em 0; padding:0; float:none; position:relative; display:block; vertical-align:middle; text-align:center; list-style:none; } ul.icons li:last-child { margin:0; } ul.icons li a,ul.icons li a:visited { font-family:"opensansRegular",sans-serif; font-size:1em; line-height:1em; color:#000; text-decoration:none; font-weight:normal; text-transform:none; text-align:left; position:relative; padding:0; margin:0; display:block; } ul.icons li a:hover,ul.icons li a:active,ul.icon li a:focus,ul.icons li a.active { color:#375a81; text-decoration:none; transition-duration:0.6s;} ul.icons li a:hover strong,ul.icons li a:active strong,ul.icons li a:focus strong { text-decoration:underline;} ul.icons li a[class^="icon-"], ul.icons li a[class*=" icon-"] { padding:1em 0 1em 55px; } ul.icons li a[class^="icon-"]:before, ul.icons li a[class*=" icon-"]:before { position:absolute; left:0; top:0; width:45px; height:45px; display:block; margin:0; font-size:3rem; line-height:1em; font-family:bor; color:#000; text-align:center; text-decoration:none; transition-duration:0.6s;} ul.icons li a:hover[class^="icon-"]:before, ul.icons li a:hover[class*=" icon-"]:before { text-decoration:none; color:#777; transition-duration:0.6s;} ul.icons li a span, ul.icons li span { position:relative; display:inline-block; padding:0; margin:0; width:auto; vertical-align:middle; overflow:hidden; } ul.icons li a.icon-facebook:before { color:#3b5998;} ul.icons li a.icon-twitter:before { color:#55acee;} ul.icons li a.icon-youtube:before { color:#c4302b;} ul.icons li a.icon-bip:before { color:#c00418;} ul.icons li a.icon-bip2:before { color:#c00418; font-size:4.3rem;} /* font opcje */ #text-size { position:relative; display:inline-block; padding:0; margin:0; width:auto; height:17px; z-index:1; } #text-size ul { position:relative; display:block; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;} #text-size ul li { position:relative; display:inline-block; margin:0; margin-left:0.5em; padding:0; border:0; vertical-align:bottom; text-align:center; list-style:none; } #text-size a { position:relative; display:inline-block; padding:0; margin:0; text-decoration:none; color:#001341; } #text-size a:hover:before ,#text-size a:focus:before,#text-size a.check { color:#0661ee;} #text-size a span { position:absolute; top:-100em !important; left:-100em !important; width:1px; height:1px; text-indent:-1000em; } #text-size a:before { font-family:'LatoBold',sans-serif; content:'A'; line-height:1.6rem; } #text-size a.a:before {font-size:1.2em; } #text-size a.aa:before{ font-size:1.6em; } #text-size a.aaa:before {font-size:2em; } /* search */ #search { display:none; position:absolute; top:220px; left:0; width:100%; padding:3em; box-sizing:border-box; background-color:#fff; font-size:1.3em; line-height:1.2em; z-index:4; } #search form { position:relative; border:0; overflow:visible; width:100%; height:48px; margin:0; float:none; } #search fieldset { position:relative; border:0; overflow:visible; height:100%; width:100%; border:1px solid #777; background:#fff; padding:0.3em; box-sizing:border-box; margin:0; } #search fieldset legend, #search label { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; } #search input[type=text] { position:relative; padding:0; vertical-align:middle; width:95%; box-sizing:border-box; line-height:normal !important; display:inline-block; overflow:hidden; border:0; background:transparent; color:#000; font-size:1.9rem; font-weight:normal; text-align:left; } #search input[type=submit],#search button { position:absolute; top:3px; right:3px; display:block; width:40px; height:40px; padding:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; background-color:#375a81; color:#fff; } #search input[type=submit]:before ,#search button:before{ position:absolute; top:0; right:0; width:100%; text-indent:0; font-size:1.8em; line-height:1.5em; } #search input[type=submit]:hover,#search input[type=submit]:focus,#search button:hover,#search button:focus { color:#375a81; background-color:#fbfbfb } /* sciezka */ .box-navi { background-color:#71828c; padding:1em; margin-bottom:2em; } .box-navi #sciezka-navi { margin:0 !important;; } #sciezka-navi { position:relative; display:block; text-align:left; padding:1em; margin:0 0 2em 0; z-index:0; color:#fff; font-size:1em; line-height:1em; background:#375a81; } #sciezka-navi h3 { display:inline-block; font-family:'opensansRegular',sans-serif; font-size:1em; line-height:1.2em; color:#fff; margin:0 0.5em 0 0; } #sciezka-navi ul { position:relative; display:inline-block; padding:0 0 0 40px; margin:0; list-style-type:none; list-style-image:none; width:auto; vertical-align:baseline; } #sciezka-navi ul:before { position:absolute; left:0; top:calc(50% - 10px); width:30px; height:30px; display:block; margin:0; content:"\e117"; font-size:1.2rem; line-height:1em; font-family:bor; color:#fff; text-align:center; text-decoration:none; transition-duration:0.6s;} #sciezka-navi ul li { position:relative; float:left; display:block; display:inline; margin:0; margin-left:0.3em; padding:0; border:0; text-align:center;list-style:none; } #sciezka-navi a:link,#sciezka-navi a:visited { display:inline-block; font-size:1em; line-height:1em; padding:0 0 0 1.2em; color:#fff; font-weight:normal; text-decoration:none; } #sciezka-navi a:hover,#sciezka-navi a:active,#sciezka-navi a:focus {color:#fff; text-decoration:underline; } #sciezka-navi a:before { font-family:bor; content:"\e101"; font-size:0.8em; line-height:1em; color:#fff; text-decoration:none; position:absolute; top:0.1em; left:0;text-align:left; } #sciezka-navi ul li:first-child a:before { content: ""; } #sciezka-navi ul li:first-child a { padding:0; } /* sciezka mobile */ #sciezka-navi #sciezka-naviMenu { position:relative; display:none; padding:0; margin:0; z-index:5; border:1px solid #f1f1f1; } #sciezka-navi #sciezka-naviMenu a:link,#sciezka-navi #sciezka-naviMenu a:visited { position:relative; display:block; font-size:1em; line-height:1em; color:#000; text-decoration:none; padding:1em 1em 1em 2em; } #sciezka-navi #sciezka-naviMenu a:before { display:inline-block; top:auto; font-family:bor; font-size:1em; line-height:1em; color:#375a81; content:"\e103"; vertical-align:middle; } /* content */ #topnews {position:relative; display:block; margin:0 auto; width:100%; padding:0; border-top:7px solid #375a81; overflow:visible; text-align:left; font-size:1em; background-repeat:no-repeat; background-size:100% auto; z-index:1; } #topnews > .inside { width:auto; border-top:1px solid #fff; } #content { position:relative; display:block; padding:0 0 25px 0; margin:0 auto; overflow:visible; background:#fff; z-index:0; } #content.subpage { padding:110px 0 0; min-height:100vh; } #content.img { background-repeat:no-repeat; background-attachment:fixed; background-size:cover; } /* str glowna */ .panel { position:relative; overflow:visible; padding:3em 0; margin:0 auto; z-index:0; clear:both; } .panel.img { background-repeat:no-repeat; background-attachment:fixed; background-size:cover; padding:3em 0; margin:0;} .panel.subpage { padding:100px 0 0; z-index:1; } .panel.noMargin { margin:0 auto; } .panel.noPadding { padding:0; } .panel.color { background-color:#fafafa; } .panel.dark.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(34,34,34,0.55); } .panel.light.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.55); } .panel.light { background-color:#f8f8f8;} .panel.dark { background-color:#000; } .panel.dark *,.panel.dark a { color:#fff;} .panel.dark *:before,.panel.dark *:after { color:#fff;} .panel .mLeft { position:relative; float:left; overflow:visible; margin:0; box-sizing:border-box; width:65%; } .panel .mRight { position:relative; float:right; overflow:hidden; margin:0; box-sizing:border-box; width:30%; } /* podstrona ogolna */ .subLeft { position:relative; top:0; float:left; overflow:visible; padding:0; margin:0; z-index:1; width:23%;} /*fix */ .subLeft .naglowek { margin:0.2em 0; } .subLeft .naglowek h2 { font-size:1.8em; } .subRight { position:relative; top:0; float:right; overflow:visible; padding:0; margin:0; z-index:0; width:75%; } .subAll { position:relative; top:0; overflow:visible; padding:0; margin:0; } /*fix*/ .subAll .meni-zajawkowe ul li { width:32%; } /* foot */ footer { position:relative; display:block; margin:0 auto; text-align:left; width:auto; font-size:1.2em; line-height:1em; overflow:visible; background:#e8e8e8; z-index:1; } footer .inside { padding:4em 0 0; } footer h3 { position:relative; font-family:'opensansLight',sans-serif; font-size:1.6em; line-height:1em; color:#959899; font-weight:normal; text-align:left; padding:0; margin:0 0 1em; border:0; text-transform:none } footer hr { border:0; height:0; border-top:1px solid #c8cacb; border-bottom:0; } footer .threeRows { padding:1em; box-sizing:border-box; } footer .threeRows:nth-child(1) { width:40% } footer .threeRows:nth-child(2) { width:30% } footer .threeRows:nth-child(3) { width:30% } .adres { position:relative; padding:0; margin:0; width:auto; z-index:1; } .adres.logo { padding:0 0 0 130px;} .adres.logo:before { content:""; position:absolute; top:0; left:0; display:block; padding:0; margin:0; width:80px; height:120px; z-index:1; border:0; background-image:url("/dokumenty/szablonyimg/1-logo.svg"); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; box-sizing:border-box; } .adres strong { font-family:'opensansRegular',sans-serif; font-size:1.1em; line-height:1em; text-align:left; font-weight:normal; display:block; margin:0 0 0.5em 0;} .adres h3 { font-family:'opensansSemibold',sans-serif; font-size:1.6em; line-height:1em; color:#000; text-align:left; font-weight:normal; display:block; margin:0 0 1em 0;} .adres p { position:relative; overflow:hidden; padding:0 0 1em 0; margin:0; text-align:left; } .adres p { font-family:'opensansLight',sans-serif; font-size:1.1em; line-height:1.2em; } .adres p a {color:#777; text-decoration:none; padding:0; margin:0;} .adres p a:hover, .adres p a:focus { color:#000;} .adres p[class^="icon-"]:before, .adres p[class*=" icon-"]:before { font-family:bor; position:absolute; left:0; top:0; font-size:1.2rem; line-height:1em; color:#375a81; display:block; } .adres p[class^="icon-"], .adres p[class*=" icon-"] { padding-left:2em; } .footer-opcje { position:relative; padding:0; } .footer-opcje ul.opcje { position:relative; top:auto; right:auto; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;} .footer-opcje ul.opcje li { margin:0; margin-bottom:1em; padding:0; float:none; display:block; text-align:left;} .footer-opcje ul.opcje strong { display:inline-block; padding:0; margin:0; font-weight:normal; text-align:left;} .footer-opcje ul.opcje li a,.footer-opcje ul.opcje li a:visited { text-align:left; padding:0; font-size:1.1em; color:#3e6aa2; text-transform:none; } .footer-opcje ul.opcje li a[class^="icon-"]:before,.footer-opcje ul.opcje li a[class*=" icon-"]:before { font-size:1.4em; line-height:1.2em; color:#3e6aa2;} footer ul.icons { float:right;} /* pinned */ .pinned { position:fixed; top:40%; left:2px; width:auto; z-index:10; opacity:1; transition-duration:1s; } .pinned ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:center; z-index:1; } .pinned ul li { position:relative; width:auto; height:auto; margin:4px 2px; padding:0; display:block; list-style:none; } .pinned a:link,.pinned a:visited { position:relative; display:block; width:50px; height:50px; padding:1em; box-sizing:border-box; background:var(--color-white); color:var(--color-main); box-shadow:var(--box-shadow-hover); border-radius:100%; text-decoration:none; } .pinned a span:before { position:absolute; top:50%; left:50%; transform:var(--center); display:block; font-size:2.4rem; line-height:1em; text-decoration:none; text-align:center; transition-duration:0.7s;} .pinned a:hover,.pinned a:focus { background:var(--color-light-grey); bottom:5px; transition-duration:1.2s; } .pinned a:hover:before,.pinned a:focus:before { color:var(--color-black);} .pinned li a span.icon-youtube1:before { color:var(--color-youtube); } .pinned li a span..icon-x:before { color:var(--color-x); } .pinned li a span.icon-facebook1:before { color:var(--color-facebook); } .pinned li a span.icon-linkedin:before { color:var(--color-linkedin); } .pinned li a span.icon-instagram2:before { background-image: linear-gradient(45deg, var(--color-violet), var(--color-instagram)); background-size:100%; -webkit-background-clip:text; -moz-background-clip: text; -webkit-text-fill-color:transparent; -moz-text-fill-color:transparent; } /* box w headerze */ .whiteBox { display:none; position:absolute; top:100px; left:0; width:100%; padding:3em; box-sizing:border-box; background-color:#fff; font-size:1rem; line-height:1.1em; z-index:4;} .whiteBox *,.whiteBox a:link { color:#000;} .whiteBox a:link { padding:0; margin:0;} .whiteBox .adresLeft { width:60%; float:left;} .whiteBox .adresRight { width:35%; float:right;} /* slider */ .slider { position:relative; width:auto; height:65vh; min-height:400px; overflow:visible !important; margin:0; padding:0; } .slider div.slider_wraper { position:relative; width:100%; height:100%; padding:0; margin:0; overflow:hidden; background-color:#000; } .slider .item { display:none; position:relative; width:100%; height:100%; padding:0; text-align:center; overflow:hidden; -webkit-transition: 1s ease-in-out left; -o-transition: 1s ease-in-out left; transition: 1s ease-in-out left } .slider .item.active, .slider .item.next, .slider .item.prev { display:block; } .slider .item.active { left:0; } .slider .item.next, .slider .item.prev { position:absolute; top:0; width:100% } .slider .item.next { left:100%; } .slider .item.prev { left:-100%; } .slider .item.next.sliderLeft, .slider .item.prev.sliderRight { left:0; } .slider .item.active.sliderLeft { left:-100%; } .slider .item.active.sliderRight { left:100%; } @media all and (transform-3d), (-webkit-transform-3d) { .slider .item { -webkit-transition: -webkit-transform 1s ease-in-out; -o-transition: -o-transform 1s ease-in-out; transition: transform 1s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000px; perspective:1000px; } .slider .item.active.sliderRight, .slider .item.next { left:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } .slider .item.active.sliderLeft, .slider .item.prev { left:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } .slider .item.active, .slider .item.next.sliderLeft, .slider .item.prev.sliderRight { left:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } } .slider .item .info { position:absolute; top:300px; left:0; padding:0; width:100%; height:100%; margin:0; padding:0; opacity:0; z-index:2; } .slider .item.active .info { top:0; opacity:1; transition-duration:1.5s; } .slider .item .info .inside { position:relative; height:100%;} .slider .item .info .padding { position:absolute; top:calc(50%); left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding:0; } .slider .item .info .padding.dark * { color:#000; } .slider .item .info .padding.leftSide { left:20%; width:30%; } .slider .item .info .padding.rightSide { left:80%; width:30%; } .slider .item .info h3 { position:relative; display:block; padding:0; margin:0; font-family:'Dosis', sans-serif; font-size:3.5em; line-height:0.9em; font-weight:400; text-align:center; color:#fff; } .slider .item .info p { position:relative; padding:0.5em 0 0; margin:0; font-family:'opensansLight', sans-serif; font-size:2em; line-height:1.2em; color:#fff; text-align:center; border:0; } .slider .item .imgwraper { position:absolute; top:0; right:0; width:100%; height:100%; padding:0; overflow:hidden; display:block; margin:0; transition-duration:0.6s; background-size:cover; background-position:center center; transition-duration:1s; } .slider .item .imgwraper img { border:0; width:100%; } .slider .item .imgwraper:before,#content.img:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=1 ); /* IE6-9 */ } .slider .item a:link,.slider .item a:visited { position:relative; display:block; padding:1em; font-size:1em; color:#fff; background-color:rgba(0,0,0,0.3); text-decoration:none; } .slider .item a:before, .slider .item a:after { content:""; position:absolute; top:0; left:0; width:100%; height:20px; z-index:-1; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; } .slider .item a:before { border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;} .slider .item a:after { top:auto; bottom:0; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; } .slider .item a:hover ,.slider .item a:active ,.slider .item a:focus { background-color:rgba(0,0,0,0.6); transition-duration:0.3s;} .slider .item a:hover:before,.slider .item a:active :before,.slider .item a:focus:before, .slider .item a:hover:after,.slider .item a:active :after,.slider .item a:focus:after { height:50%} .slider-nav { position:absolute; bottom:40px; left:50%; transform:translate(-50%,0); -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); width:auto; height:15px; padding:0; margin:0; text-align:center; z-index:1; } .slider-nav ul { margin:0; padding:0; } .slider-nav ul li { position:relative; display:inline-block; padding:0; margin:0 0.8em; width:20px; height:20px; } .slider-nav ul li:before, .slider-nav ul li:after { content:""; position:absolute; top:0; left:0; width:7px; height:7px; z-index:-1; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; } .slider-nav ul li:before { border-top:1px solid #375a81; border-left:1px solid #375a81;} .slider-nav ul li:after { left:auto; right:0; top:auto; bottom:0; border-bottom:1px solid #375a81; border-right:1px solid #375a81; } .slider-nav ul li a:link,.slider-nav ul li a:visited { position:relative; display:inline-block; width:20px; height:20px; overflow:hidden; font-size:0; text-indent:-100em; text-decoration:none; background:rgba(255,255,255,0.5); border:0; padding:0; opacity:0.8; } .slider-nav ul li a:before { content:""; position:absolute; bottom:-10%; left:-10%; width:140%; height:0; background:#fff; z-index:2; opacity:0;} .slider-nav ul li a:hover,.slider-nav ul li a:focus { background:rgba(255,255,255,0.9); color:#fff; opacity:1; } .slider-nav ul li:hover:before,.slider-nav ul li:hover:after { width:100%; height:100%; } .slider-nav ul li.active a:before { height:120%; opacity:0.8; transition-duration:0.6s; } .slider-previous,.slider-next,.slider-pause { position:absolute; top:50%; transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); z-index:3; width:75px; height:75px; -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:0 } .slider-next { right:0;} .slider-pause { right:20px; top:auto; bottom:20px; width:40px; height:40px; font-size:0.7em;} .slider:hover .slider-previous, .slider:hover .slider-next { -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;} .slider-previous a:link,.slider-previous a:visited, .slider-next a:link,.slider-next a:visited, .slider-pause a:link,.slider-pause a:visited { position:relative; display:block; width:100%; height:100%; text-decoration:none; font-size:0.5em; color:#fff !important; } .slider-previous a:before,.slider-next a:before ,.slider-pause a:before { font-family:bor; content:"\e100"; font-size:11em; line-height:1em; position:absolute; top:50%; transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); left:0; width:100%; background-color:transparent; text-align:center; } .slider-next a:before { content:"\e101"; } .slider-pause a:before { content:"\e108"; font-size:4em; } .slider-previous a:active,.slider-previous a:hover,.slider-previous a:focus, .slider-next a:active,.slider-next a:hover,.slider-next a:focus, .slider-pause a:active,.slider-pause a:hover,.slider-pause a:focus,.slider-pause.play a { } .slider-previous a:hover:before,.slider-previous a:focus:before,.slider-next a:hover:before,.slider-next a:focus:before,.slider-pause a:hover:before,.slider-pause a:focus:before,.slider-pause.play a:before { color:#375a81; } .slider-pause.play a:before { content:"\e128"; } .slider-previous a span,.slider-next a span,.slider-pause a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0em; } .slider span.wiecej { position:relative;display:inline-block; padding:0.3em 0; margin:0; font-family:'opensansRegular', sans-serif; font-size:2em; color:#fff; font-weight:normal; text-align:center; text-transform:none; text-decoration:none; white-space:nowrap; border:0; cursor:pointer; background:#000; box-shadow:10px 0 0 0 #000, -10px 0 0 0 #000; box-decoration-break:clone; } .slider span.wiecej:after { position:relative; display:inline-block; float:none; margin:0 0 0 0.1em; padding:0 0.3em; overflow:visible; font-family:bor; content:"\e805"; font-size:0.8em; line-height:1em; color:#cc0033; text-decoration:none; } .slider a:hover span.wiecej,.slider a:active span.wiecej,.slider a:focus span.wiecej {color:#c0092a;} /*efekt wyczernienia po najechaniu na menu*/ #topnews:before,#content:before { position:absolute; content:""; top:0; left:0; display:block; margin:0; width:100%; height:100%; z-index:0; border:0; background:rgba(0,0,0,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; } .is_hover #topnews:before ,.is_hover #content:before { z-index:2; background:rgba(255,255,255,0.7); -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; } /* ikonki */ .icon { position:relative; display:block; padding:0; margin:1em 0; width:auto; height:auto; text-align:left; z-index:1; clear:both; } .icon ul { position:relative; padding:0; margin:0 -3em; list-style-type:none; list-style-image:none; text-align:center; } .icon ul li { position:relative; width:24%; margin:0; padding:0; display:inline-block; vertical-align:top; list-style:none; } .icon a { position:relative; display:block; min-height:60px; margin:0 1.5em; } .icon a:link,.icon a:visited { font-size:1em; line-height:1.2em; color:#000; text-decoration:none; font-weight:normal; text-align:center; padding:190px 2em 2em 2em; } .icon a:hover h3,.icon a:active h3,.icon a:focus h3 { color:#000; text-align:center; -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 a:hover span,.icon a:active span,.icon a:focus span { color:#34343e; transition-duration:1s;} .icon a:hover span:before,.icon a:active span:before,.icon a:focus span:before { font-size:1.2em; transition-duration:0.6s;} .icon a:hover span:after,.icon a:active span:after,.icon a:focus span:after { width:50%; transition-duration:0.6s;} .icon a h3 { position:relative;padding:0; margin:0; z-index:1; font-family:"opensansRegular",sans-serif; font-size:1.8em; line-height:1em; font-weight:normal; text-align:center;} .icon a p { position:relative;padding:0; margin:0.5em 0; font-family:"opensansLight",sans-serif; font-size:1.2em; line-height:1em; font-weight:normal; text-align:left;} .icon a span { position:absolute; top:10px; left:0; padding:0; margin:0; display:block; width:100%; height:150px; font-size:5.7em; line-height:1em; text-align:center; transition-duration:1s; } .icon a span.img { background-color:transparent; background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #000; } .icon a span:after { position:absolute; content:""; bottom:-5px; left:50%; transform:translate(-50%,0); -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); display:block; margin:0; width:30%; height:7px; background:#ff0000; z-index:-1; } .icon a span:before { position:absolute; top:50%; transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); left:0; width:100%; border-radius:100px; background-color:transparent; text-align:center; display:block; margin:0; z-index:1; border:0; font-size:1.3em; line-height:1em; color:#375a81; font-family:bor; text-decoration:none; } /* fix */ .icon.block ul li { width:auto; margin:0 0 1em 0; padding:0; float:none; display:block;} .icon.block a:link,.icon.block a:visited { padding:2em 2em 0 110px; min-height:80px; } .icon.block a span:after { width:80px; height:80px; } .icon.block a span { width:80px; height:80px; font-size:2.2em; } /*Kalendarz*/ .panelCalendar { position:relative; overflow:visible; padding:0; margin:0; z-index:0; clear:both; } .panelCalendar .calendarContent{ position:relative; overflow:visible; padding:2em 2em 0 2em; margin:0 auto; } .panelCalendar .calendar { position:relative; overflow:visible; padding:0; margin:0; } .calendar .day { position:relative; display:block; z-index:1; } .calendar .choose { position:relative; display:block; width:auto; margin:0 auto; padding:3em 0 6em 0; text-align:center; background-color:#f1f1f1; z-index:0; } .calendar .choose strong { position:relative; display:block; padding:0.5em 0; font-family:'opensansLight', sans-ser sans-serif; font-size:1.2em; line-height:1em; font-weight:normal; } .calendar .day > ul { display:table; padding:0; margin:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; height:100%; } .calendar .day > ul > li { position:relative; margin:0; border:0; padding:0; display:table-cell; height:100%; vertical-align: top; overflow:visible; list-style:none; width:230px; } .calendar .day > ul > li .inner { position:relative; height:calc(100% - 10px); margin:5px; padding:0; display:block; border:1px solid #f1f1f1; background:#fff; } .calendar .day a:link,.calendar .day a:visited,.calendar .day .noActive { display:block; color:#000; padding:0; font-size:1em; font-weight:normal; overflow:hidden; text-decoration:none; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; } .calendar .day .noActive { display:block; color:#999;} .calendar .day a:hover,.calendar .day a:active,.calendar .day a:focus,.calendar .day a.check { color:#000; text-decoration:none; transition: all 0.2s ease-in;} .calendar .noActive { text-decoration:none; } .calendar .day a .nlabel { position:relative; display:block; padding:20px 10px; font-family:'Dosis', sans-serif; font-size:1.4em; line-height:1em; font-weight:normal; text-align:left; border-bottom:1px solid #f1f1f1; } .calendar .day a .nday { position:relative; display:block; padding:10px; font-family:'Dosis', sans-serif; font-size:6em; line-height:1em; text-align:left; } .calendar h4 { margin:2em 0; font-family:"opensansBold",sans-serif; font-size:1.5em; line-height:1.1em; font-weight:normal; text-align:center; text-transform:uppercase;} .calendar h4 span { text-transform:uppercase; display:inline-block; } .calendar h4 span:after { content:": "; } .calendar form { position:relative; border:0; overflow:visible; height:100%; padding:0; margin:0; float:none; } .calendar fieldset { position:relative; display:inline-block; border:0; height:100%; padding:0 80px; margin:0; } .calendar fieldset legend { position:absolute; top:0; left:-10000px; width:1px; height:1px; } .calendar label span { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; display:block; } .calendar label {position:relative;} .calendar label:after {content:'>'; font:1em "Consolas", monospace; line-height:1em; color:#777; position:absolute; top:-5px; right:0; padding:0 7px 4px; -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg); pointer-events:none;} .calendar select { position:relative; padding:0 0.5em; box-sizing:border-box; margin:0; width:auto; height:1.5em; display:inline-block; overflow:hidden; border:0; background:transparent; font-family:'Dosis', sans-serif; color:#000; font-size:2.6em; line-height:1em; font-weight:normal; text-align:left; -webkit-appearance:none;-moz-appearance:none;} .calendar select option{ font-size:0.5em; line-height:1em; color:#777;} .calendar select option:first-letter{ text-transform:uppercase; } .calendar select.year { font-size:3.6em; } .calendar select:focus { color:#000;} .calendar input[type=submit],.calendar button { position:absolute; top:30px; right:40px; display:block; width:30px; height:30px; padding:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:#000; } .calendar input[type=submit]:before ,.calendar button:before{ position:absolute; top:0; left:0; width:100%; text-indent:0; font-size:2.5em; line-height:1em; } .calendar input[type=submit]:hover,.calendar input[type=submit]:focus,.calendar button:hover,.calendar button:focus { color:#375a81; } /* przyciski */ .calendar-previous,.calendar-next { position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); z-index:2; width:65px; height:65px; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; } .calendar-previous { left:0 } .calendar-next { right:0; } .calendar-previous a:link,.calendar-previous a:visited, .calendar-next a:link,.calendar-next a:visited { position:relative; display:block; width:100%; height:100%; opacity:1; text-decoration:none; font-size:0.7em; color:#fe4e53 !important; } .calendar-previous a:before,.calendar-next a:before { font-family:bor; content:"\e104"; font-size:3em; line-height:1em; position:absolute; top:50%; transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); left:0; width:100%; background-color:transparent; text-align:center; } .calendar-next a:before { content:"\e105"; } .calendar-previous a:active,.calendar-previous a:hover,.calendar-previous a:focus, .calendar-next a:active,.calendar-carusel-next a:hover,.calendar-next a:focus { } .calendar-previous a:hover:before,.calendar-previous a:focus:before,.calendar-next a:hover:before,.calendar-next a:focus:before { color:#d90303; } .calendar-previous a span,.calendar-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0; } .calendar-previous a.end,.calendar-next a.end {opacity:0.5; transition-duration:0.6s;} /* male ikonki oznaczenia */ .iconSmall { position:absolute; display:block; margin:0; width:40px; height:40px; z-index:1; border:0; font-size:1em; line-height:1em; } .iconSmall[class^="icon-"]:after, .iconSmall[class*=" icon-"]:after { position:relative; content:""; top:0; left:0; display:block; margin:0; width:40px; height:40px; z-index:0; border:0; background:#375a81; } .iconSmall[class^="icon-"]:before, .iconSmall[class*=" icon-"]:before { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; background-color:transparent; text-align:center; display:block; margin:0; z-index:1; border:0; font-size:2.2em; line-height:1em; color:#fff; font-family:bor; } /* BLOKI */ .okno { margin:0; padding:0; width:auto; text-align:left; } .okno.line { padding:0 0 1em; margin:0 0 1em; border-bottom:3px solid #f0f0f0; } .okno h3,.okno h4 { display:block; margin:0 0 0.5em 0; padding:0; font-family:"Dosis", serif; color:#000; font-weight:normal; text-align:left; text-decoration:none; font-size:1.4em; line-height:1em; } .okno h4 { font-size:1.1em; } .okno strong { display:inline-block; margin:0 0 0.3em 0; padding:0; font-family:"opensansBold",sans-serif; color:#878787; font-weight:normal; text-align:left; text-decoration:none; text-transform:uppercase; font-size:1em; line-height:1em; } .okno p { display:block; font-family:"opensansRegular",sans-serif; font-size:1.1em; line-height:1.2em; margin:0.3em 0; } /* data */ .okno .data { position:relative; display:block; margin:0.5em 0; padding:0; font-family:'Dosis', sans-serif; color:#000; font-size:1.2em; line-height:1em; text-align:left; z-index:2; } .okno .dataFloat { position:relative; display:inline-block; margin:auto 50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); padding:0.6em 1em; background:#e8e8e8; font-family:'Dosis', sans-serif; color:#000; font-size:1.4em; line-height:1em; text-align:center; z-index:2; } .okno a:hover .data ,.okno a:focus .data { color:#375a81; text-decoration:underline; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; } .okno > ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; } .okno > ul > li { position:relative; padding:0; margin:0; margin-bottom:2em; overflow:hidden; list-style:none; text-align:left; } .okno > ul > li:last-child { border-bottom:0; } /* line */ .okno ul li.line { padding:2em 0; margin:0; border-bottom:1px solid #f0f0f0; } .okno ul li.line:last-child{ border-bottom:0; } .okno ul li.line .status { float:right; text-transform:uppercase;} /* box newsow */ .okno ul li.news { padding:0; margin:0 0 2em 0; text-align:left; overflow:visible; display:block; height:auto; } .okno ul li.news:nth-child(2n) {animation-delay:.2s } .okno ul li.news .content{ position:relative; margin:0; padding:1em; width:100%; box-sizing:border-box; height:auto; } .okno ul li.news h3 { position:relative; display:block; padding:0 0 0.5em 0; margin:0; font-family:"Dosis", serif; font-size:2em; line-height:1em; font-weight:400; text-align:center; color:#375a81; } .okno ul li.news p { position:relative; padding:0; margin:0.5em 0; font-family:'opensansLight', sans-serif; font-size:1.4em; line-height:1.2em; color:#646464; text-align:left; border:0; } .okno ul li.news a { position:relative; display:block; color:#000; padding:2px; border:0; background:#fbfbfb; transition-duration:0.6s; min-height:515px; overflow:hidden; } .okno ul li.news.autoHeight a { min-height:auto !important;} .okno ul li.news a:hover,.okno ul li.news a:focus { transition-duration:0.6s; border-color:#b90022; } .okno ul li.news a:hover h3,.okno ul li.news a:active h3,.okno ul li.news a:focus h3 { color:#375a81; text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; } .okno ul li.news a:hover p ,.okno ul li.news a:focus p { color:#000; } .okno ul li.news a:hover .imgwraper:before ,.okno ul li.news a:focus .imgwraper:before { opacity:1; z-index:2; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;} .okno ul li.news a .imgwraper { position:relative; width:100%; height:265px; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center center; background-size:cover; } .okno ul li.news a .imgwraper:before { content:""; opacity:0; position:absolute; bottom:0; left:0; width:100%; height:6px; display:block; background-color:#375a81; transition:all 0.3s ease-out; } .okno ul li.news.photoLeft a {min-height:auto;} .okno ul li.news.photoLeft a .imgwraper { position:relative; float:left; top:auto; left:auto; width:30%; height:auto; padding:0; overflow:hidden; display:block; margin:0 1em 0.5em 0;} .okno ul li.news .subcontent { display:block; position:absolute; bottom:4em; left:0; width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;} .okno ul li.news .subcontent > ul { padding:0; margin:0 3em; } /* box zwykly uzywany w sliderze */ .okno ul li.box { padding:0; margin:2em 0; text-align:center; overflow:visible; border:0; display:block; height:auto; } .okno ul li.box .content { position:absolute; bottom:0; left:0; margin:0; padding:1em; width:100%; box-sizing:border-box; height:auto; background-color:var(--color-black); } .okno ul li.box h3 { position:relative; display:block; padding:0; margin:0; font-size:1.8em; line-height:1em; font-weight:400; text-align:center; color:var(--color-white); } .okno ul li.box p { position:relative; display:block; height:0; opacity:0; padding:0; margin:0; font-size:1.1em; line-height:1em; color:ar(--color-white); text-align:center; border:0; } .okno ul li.box > a { position:relative; display:block; color:#fff; padding:0; background-color:var(--color-grey); border:0; transition-duration:0.6s; min-height:305px; overflow:hidden; } .okno ul li.box a:hover,.okno ul li.box a:focus { transition-duration:0.6s; border-color:var(--color-light-text); } .okno ul li.box a:hover h3,.okno ul li.box a:active h3,.okno ul li.box a:focus h3 { color:var(--color-light-text); text-decoration:none; transition: all 0.8s ease-out; } .okno ul li.box a:hover p ,.okno ul li.box a:focus p { color:var(--color-white); display:block; height:100%; opacity:1; padding:1em 0 0; transition:all 1s ease-out; } .okno ul li.box a .imgwraper { position:absolute; top:0; left:0; width:100%; height:100%; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center center; background-size:cover; } .okno ul li.box a .imgwraper:before { position:absolute; top:0; left:0; width:100%; height:100%; padding:0; overflow:hidden; display:block; content:""; background:rgba(0,0,0,0); z-index:0; transition: all 0.3s ease-out;} .okno ul li.box a:hover .imgwraper:before,.okno ul li.box a:hover .imgwraper:before ,.okno ul li.box.active a .imgwraper:before { background:rgba(0,0,0,0.50);} .okno ul li.box.active > a { overflow:visible; } .okno ul li.box.active a { font-size:1em; transform:scale(1.2); z-index:2; transition-duration:1s; box-shadow:0px 0px 55px 20px rgba(0,0,0,0.48); } /* ze strzlka */ .okno ul li.strz { padding:1em 0 1em 2em; margin:0; text-align:left; } .okno ul li.strz:last-child{ border-bottom:0; } .okno ul li.strz a { font-size:1em; line-height:1em;} .okno ul li.strz a h3 { font-family:"Dosis", serif; font-size:1.2em; line-height:1em; margin:0; font-weight:normal;} .okno ul li.strz a h3 span { display:inline-block; margin:0; padding:0 0.5em 0 0; font-family:"opensansLight",sans-serif; color:#375a81; font-weight:normal; text-align:left; text-transform:uppercase;} .okno ul li.strz a p { font-size:1.2em; } .okno ul li.strz a:before { font-family:bor; content:"\e101"; font-size:1em; line-height:1em; font-weight:bold; color:#375a81; position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); left:0; } .okno ul li.strz a .imgwraper { width:25%; height:10em; float:left; margin:0 2em 0 0} .okno ul li.strz a .imgwraper img { border:0; width:100%; height:auto } /* box odwracany */ .okno ul li.flip { padding:0; margin:0; text-align:left; overflow:hidden; box-sizing:border-box; display:block; height:auto; perspective:1px; } .okno ul li.flip .content { position:absolute; top:0; left:0; padding:0; width:100%; height:100%; margin:0; padding:0; transform-style:preserve-3d; } .okno ul li.flip .content-front,.okno ul li.flip .content-back { position:absolute; top:0; left:0; padding:0; width:100%; height:100%; margin:0; padding:0; transform-style:preserve-3d; backface-visibility:hidden; } .okno ul li.flip .content-front { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .okno ul li.flip .content-front * { color:#fff;} .okno ul li.flip .content-back { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); -webkit-transition: all 0.8s ease-in;-moz-transition: all 0.8s ease-in;-o-transition: all 0.8s ease-in;transition: all 0.8s ease-in; } .okno ul li.flip .content-back * { color:#000;} .okno ul li.flip .content .label { position:absolute; top:30%; transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); left:0; width:100%; height:auto; display:block; text-align:center; transform:translateZ(1px);} .okno ul li.flip h3 { position:relative; display:block; padding:0 30px 0.5em; margin:0; font-family:"Dosis", serif; font-size:1.8em; line-height:1em; font-weight:400; text-align:left; } .okno ul li.flip p { position:relative; padding:0.5em 30px 0; margin:0; font-family:'opensansLight', sans-serif; font-size:1em; line-height:1em; text-align:left; border:0; } .okno ul li.flip a { position:relative; display:block; padding:0; border:0; overflow:visible; height:270px; transform-style:preserve-3d; } .okno ul li.flip a:hover,.okno ul li.flip a:focus { border-color:#375a81; } .okno ul li.flip a:hover .content-back ,.okno ul li.flip a:focus .content-back { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition: all 0.8s ease-in;-moz-transition: all 0.8s ease-in;-o-transition: all 0.8s ease-in;transition: all 0.8s ease-in;} .okno ul li.flip a:hover h3,.okno ul li.flip a:active h3,.okno ul li.flip a:focus h3 { text-decoration:none; } .okno ul li.flip a .imgwraper { position:absolute; top:0; left:0; width:100%; height:100%; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center top; background-size:cover;} .okno ul li.flip a .imgwraper:before { position:absolute; content:""; top:0; left:0; display:block; margin:0; width:100%; height:100%; z-index:0; border:0; background:rgba(0,0,0,0.1);} .okno ul li.flip .content-back .imgwraper:before { background:rgba(255,255,255,1);} .okno ul li.flip a img { width:100%; height:auto; margin:0 0 0.5em 0;} .okno ul li.flip .wiecej {position:absolute; bottom:10px; right:10px; } /*box zwykly fix podstrona */ .subRight .okno ul li.flip h3 { font-size:1.6em; margin:0 0 1em 0; } .subRight .okno ul li.flip a .imgwraperLeft { width:30%; height:13em; } /* box Full */ .okno ul li.alter { padding:0; margin:2em auto; text-align:left; overflow:visible; display:block; height:auto; } .okno ul li.alter a .content { position:relative; float:right; width:45%; padding:2em; box-sizing:border-box; overflow:hidden; display:block; margin:0; } .okno ul li.alter h3 { margin:0; padding:2rem; font-size:3em; color:#000; text-align:center;} .okno ul li.alter p { margin:0; padding:0; font-size:1.4em; color:#000; } .okno ul li.alter p span { display:block; margin:0; padding:0; font-size:1em; color:#868686; } .okno ul li.alter a { position:relative; color:#000; padding:0 !important; box-sizing:border-box; background:rgba(255,255,255,0.9); transition-duration:0.6s; min-height:400px; } .okno ul li.alter a:hover,.okno ul li.alter a:focus { transition-duration:0.6s; border-color:#000; color:#000; } .okno ul li.alter a:hover:before,.okno ul li.alter a:focus:before { transition-duration:0.6s; background:rgba(0,0,0,0.5); } .okno ul li.alter a:hover .content,.okno ul li.alter a:focus .content { margin-left:0; } .okno ul li.alter a .imgwraper { position:relative; float:left; width:50%; height:400px; border:0; padding:0; overflow:hidden; display:block; margin:0; background-position:center center; background-size:cover; } .okno ul li.alter a img { width:100%; height:auto; margin:0 0 0.5em 0;} .okno ul li.alter:nth-child(even) a .content { float:left; } .okno ul li.alter:nth-child(even) a .imgwraper { float:right; } /*corners*/ .corners ul li a div.a,.corners ul li a div.b { position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:1;} .corners ul li a div.a:before, .corners ul li div.a:after,.corners ul li a div.b:before, .corners ul li a div.b:after { content:""; position:absolute; top:0; left:0; width:25px; height:25px; z-index:0; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; } .corners ul li a div.a:before { border-top:1px solid #375a81; border-left:1px solid #375a81;} .corners ul li a div.a:after { left:auto; right:0; border-top:1px solid #375a81; border-right:1px solid #375a81; } .corners ul li a div.b:before { top:auto; bottom:0; border-bottom:1px solid #375a81; border-left:1px solid #375a81;} .corners ul li a div.b:after { top:auto; bottom:0; left:auto; right:0; border-bottom:1px solid #375a81; border-right:1px solid #375a81; } .corners ul li a:hover div.a:before,.corners ul li a:hover div.b:before, .corners ul li a:hover div.a:after,.corners ul li a:hover div.b:after, .corners ul li a:focus div.a:before,.corners ul li a:focus div.b:before, .corners ul li a:focus div.a:after,.corners ul li a:focus div.b:after { width:50%; height:50%;} /*AJAX */ .ajaxArea { padding:1em 0; margin:0; text-align:left; overflow:visible; } .ajaxArea a[class^="ajax_"], .ajaxArea a[class*=" ajax_"] { position:relative;font-size:1em;line-height:1em; padding:0 0 0 3em;} .ajaxArea a[class^="ajax_"]:before, .ajaxArea a[class*=" ajax_"]:before { font-family:bor; content:"\e101"; color:#dfe3e6; font-size:1.4em; line-height:1em; position:absolute; top:0; left:0; display:block; padding:0 0 0 0.2em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s;} .ajaxArea a.up:before {content:"\e103"; color:#000; } .ajaxTxt #drukuj,.ajaxTxt .opcje-strony, .ajaxTxt .head h2, .ajaxTxt #printHeader, .ajaxTxt .metryka, .ajaxTxt .buttons { display:none; } .ajaxTxt .txt { padding:1em; background:#fff; border:3px solid #f0f0f0; } .ajaxTxt .txt strong { display:inline-block; margin:0; padding:0; text-transform:none; } .ajaxTxt .txt p { font-size:1em;} .ajaxTxt .txt a.context {text-decoration:underline;} /* dodatkowe */ .okno ul li.w h3 { color:#d61c3a;} .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:#000; text-decoration:none; line-height:1.1em; } .okno ul li a:hover,.okno ul li a:active,.okno ul li a:focus, .okno ul li a:hover h3,.okno ul li a:active h3,.okno ul li a:focus h3 { color:#375a81; text-decoration:none; } .okno ul li a:hover p ,.okno ul li a:focus p { color:#555; } .okno ul li a:hover .data ,.okno ul li a:focus .data { text-decoration:none; } .okno .imgwraper,.imgwraper { position:relative; padding:0; overflow:hidden; display:block; margin:0; background-position:center top; background-size:cover } .okno .imgwraper img,.imgwraper img { border:0; width:100%; height:auto; } .okno .iconSmall { position:absolute; top:10px; right:10px; } /* button */ .okno .wiecej { position:relative; display:inline-block; float:none; margin:2em 0 0 0; border:1px solid #375a81;padding:0.8em 1em 0.8em 1.6em; background:transparent; color:#375a81; font-family:"opensansLight",sans-serif; font-size:1em; } .okno .wiecej:after { position:relative; display:inline-block; vertical-align:top; float:none; margin:0 0 0 1em; padding:0; overflow:visible; font-family:bor; content:"\e101"; font-size:1em; line-height:1em; color:#375a81; text-decoration:none; } .okno a:hover .wiecej ,.okno a:focus .wiecej,.okno a:hover .wiecej:after ,.okno a:focus .wiecej:after { color:#fff !important; background:#375a81; text-decoration:none; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; } /* button All */ .wiecejAll { position:relative; display:block; float:none; text-align:center; padding:0; margin:1em 0; } .wiecejAll:after { content:""; position:absolute; display:block; top:50%; left:0; width:100%; height:1px; background:#e7e7e7; z-index:-1; } .wiecejAll a:link,.wiecejAll a:visited{ display:inline-block; position:relative; padding:0.6em 1em; background:#fff; font-family:"opensansRegular",sans-serif; font-size:0.9em; line-height:1em; color:#375a81; font-weight:normal; text-align:center; text-decoration:none; text-transform:uppercase; white-space:nowrap; cursor:pointer; } .wiecejAll a:active,.wiecejAll a:hover,.wiecejAll a:focus { background:#375a81; color:#fff; text-decoration:none; transition-duration:0.7s; } .wiecejAll a:active:after,.wiecejAll a:hover:after,.wiecejAll a:focus:after { color:#fff; transition-duration:1.5s; } .wiecejAll a:after { font-family:bor; content:"\e103"; color:#000; font-size:1em; line-height:1em; display:block; position:absolute; display:block; bottom:-50%; left:50%; transform:translate(-50%,0); -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); transition-duration:1s; } /* NAGLOWEK BLOKOW */ .naglowek { position:relative; overflow:visible; margin:2em 0; padding:0; width:auto; min-height:40px; text-align:center; } .naglowek h1,.naglowek h2,.naglowek h3,.naglowek strong { position:relative; display:inline-block; padding:0.5em 0; margin:0; text-align:center; font-family:"Dosis", serif; font-weight:normal; text-transform:none; color:#375a81; font-size:3.8em; line-height:1em; } .naglowek h3 { font-size:2em; border-bottom:1px solid #375a81;} .naglowek span { display:block; font-size:0.5em;} .naglowek.white h2,.naglowek.white h3,.naglowek.white strong { color:#fff; } /* TRESC */ article,#txt,.txt {font-size:1.3em; line-height:1.6em; font-weight:normal; color:#010101; text-align:left; padding:0; margin:0; position:relative; } .txt strong,.cke_editable strong {font-family:'opensansBold',sans-serif; font-weight:normal;} .cke_editable { font-size:1.1em; line-height:1.4em;} .txt { position:relative; overflow:visible; padding:0; margin:0; box-sizing:border-box; z-index:0;} article table td, article table th { font-size:1em; font-weight:normal; border-color:#e4e4e4; } .head { position:relative; padding:0; margin:0 0 1em 0; } .head h2 {font-family:'Dosis',sans-serif; font-size:2.8em; line-height:1em; font-weight:normal; color:#000; text-align:left; text-transform:none; padding:0; margin:0 0 0.5em 0; position:relative;} .head h3 {font-family:'opensansRegular',sans-serif; font-size:1.5em; line-height:1.2em; font-weight:normal; color:#000; text-align:left; padding:0; margin:0.5em 0 0 0; border:0;} .head span.d { position:relative; display:inline-block; padding:0.6em 1em; background:#e8e8e8; font-family:'Dosis', sans-serif; color:#000; font-size:1em; line-height:1em; text-align:center; } h1 {font-family:'opensansLight',sans-serif; font-size:3em; line-height:1.1em; font-weight:normal; color:#000; text-align:left; padding:0; margin:0 0 0.5em 0; } h2 {font-family:'opensansLight',sans-serif; font-size:2.2em; line-height:1.1em; font-weight:normal; color:#000; text-align:left; padding:0; margin:0 0 0.5em 0; } h3 {font-family:'opensansLight',sans-serif; font-size:1.8em; line-height:1.3em; font-weight:normal; color:#375a81; text-align:left; padding:0; margin:0 0 0.5em 0; } h4 { font-size:1.3em; line-height:1.3em; font-weight:normal; color:#888; text-align:left; padding:0; margin:0.5em 0; } h5 { font-size:1.2em; line-height:1.1em; font-weight:normal; color:#000; text-align:left; padding:0; margin:1em 0; } h6 { font-size:1.1em; line-height:1.3em; font-weight:normal; color:#444; text-align:left; padding:0; margin:1em 0; text-transform:uppercase; } .txtArea { position:relative; float:left; overflow:visible; padding:40px 0 0 0; margin:0; box-sizing:border-box; width:56%; z-index:1;} aside.dodatki { position:relative; float:right; width:39%; box-sizing:border-box; padding:40px 0 0 0; margin:0 0 1em 0; overflow:visible; text-align:left; font-size:1em; line-height:1.1em; z-index:1; } .is-aside .txtArea,.is-aside aside.dodatki { float:none; width:auto;} /* opcje tekstu*/ .opcje-strony { position:absolute; top:0; left:0; width:100%; padding:0; margin:0; z-index:1; } .opcje-strony.line { position:relative; padding:1em 0; margin:1em 0; min-height:1em; border-top:1px solid #e3e4e4; } .opcje-strony .drukuj { padding:0;} .opcje-strony .tagi { position:relative; text-align:left; padding:0; margin:0.5em 0; color:#444444; background:transparent; } .opcje-strony .tagi a { display:inline; padding:0.2em; font-size:0.9em; line-height:1.2em; color:#444; text-decoration:none; } .opcje-strony #meni_tekstu { position:relative; padding:0; margin:0; float:left;} .buttons { position:relative; width:100%; height:50px; padding:0; margin:1em 0; z-index:0; } .buttons .prev,.buttons .next { position:absolute; top:0; display:block; float:none; overflow:visible;} .buttons .prev {left:5px;} .buttons .next {right:5px;} .buttons a.button:link,.buttons a.button:visited { display:block; border:0; height:5em; color:#375a81; } .buttons a.button:focus,.buttons a.button:hover { background:transparent; } .buttons a.button:after ,.buttons a.button:before{ color:#375a81; font-size:4em; } .buttons a.button:focus:after,.buttons a.button:hover:after,.buttons a.button:focus:before,.buttons a.button:hover:before { color:#000; } /*metadane*/ .metryka { position:relative; padding:0; margin:2em 0; } .metryka .item {display:inline-block; vertical-align:middle; font-family:'opensansRegular',sans-serif;} .metryka .item:before { font-family:bor; font-size:1em; line-height:0.8em; color:#375a81; position:relative; display:inline-block; margin:1.2em 0.5em 0 0;} .metryka span { font-size:1.2em; line-height:1em; color:#a2abb1;} .metryka .buttons { display:inline-block; float:right;} /* ikonki tekstu*/ .drukuj{ position:relative; float:right; padding:1em 0; margin:0; z-index:1; border:0; min-height:20px; } .drukuj.Left { float:left; } .drukuj ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;} .drukuj ul li { position:relative; display:inline-block; float:left; margin:0; margin-right:0.5em; padding:0; border:0; text-align:center;list-style:none; } .drukuj a { position:relative; display:inline-block; margin:0; padding:0.3em; background:#fff; font-family:'opensansBold',sans-serif; color:#000; font-size:1.2em; line-height:1em; text-decoration:none; text-transform:uppercase; transition-duration:1s;} .drukuj a:hover,.drukuj a:focus { text-decoration:none; transition-duration:0.7s; } .drukuj a:hover:before,.drukuj a:focus:before { color:#fff; transition-duration:1.5s; } .drukuj a span { position:absolute; display:none; padding:1em; box-sizing:border-box; border:1px solid #375a81; background:#fff; font-size:0.6em; line-height:1em; text-align:left; transition-duration:1.8s;} .drukuj a span:before { content:""; position:absolute; bottom:-20px; left:1em; display:block; width:0; height:0; border-style:solid; border-width:20px 25px 0 25px; border-color:#375a81 transparent transparent; z-index:2;} .drukuj a:hover span,.drukuj a:focus span { position:absolute; bottom:50px; left:-2em; display:block; width:150px; height:auto; transition-duration:0.8s;} .drukuj a:before { display:inline-block; margin:0; padding:0; border:0; font-family:bor; content: "\e101"; color:#000; font-size:1.6em; line-height:1em; vertical-align:middle; text-decoration:none;} .drukuj a.pdf:before { content:"\e10b"; } .drukuj a.print:before { content:"\e10c"; } .drukuj a.wstecz:before { content:"\e100";} .drukuj a.polec:before { content:"\e058"; } .drukuj a.facebook:before { content:"\e129"; color:#3b5998; } .drukuj a.twitter:before { content:"\e12a"; color:#1bb2e9; } .drukuj a.x:before { content:"\e165"; color:#111; } /* ZDJECIA */ .zdjecia { position:relative; padding:0; margin:1em 0; border:0; width:100%; text-align:center; background:transparent; } .zdjecia ul { position:relative; padding:0; margin:0 -1em; text-align:center; list-style-type:none; list-style-image:none; } .zdjecia ul li { margin:0; padding:0; float:left; display:inline-block; list-style:none; background:transparent; line-height:0; vertical-align:top; } .zdjecia.poziom ul li { width:50%; } .zdjecia.poziom ul li:nth-child(2n+1) { clear:left; } .zdjecia.pion ul { margin:0;} .zdjecia.pion ul li { width:100%; float:none; } .zdjecia.pion ul li figure { margin: 0 0 1em; } .zdjecia ul li.naglowek { margin:0; padding:2em 1em; border:0; background:none !important; float:none; display:block; list-style:none; width:100%; min-height:auto; clear:both; } .zdjecia ul li.naglowek h4 { font-family:'opensansLight',sans-serif; font-size:1.2em;line-height:1em; font-weight:normal; } .zdjecia ul li.clear { margin:0; padding:0; border:0; clear:both; width:100%; list-style:none; height:10px; visibility:hidden; } .zdjecia ul li figure {position:relative; text-align:center; padding:0; margin:0 0.5em 1em; border:0;} .zdjecia ul li figcaption { position:absolute; bottom:0; left:0; display:block; width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:0.8em; line-height:1em; padding:0.5em 0.7em; text-align:left; text-shadow:2px 2px 1em #000, 2px 2px 1em #000, 2px 2px 1em #000; z-index:2; } .zdjecia ul li figure img { width:100%; } .zdjecia ul li a:link,.zdjecia ul li a:visited { color:#fff; text-decoration:none; display:block; padding:0; margin:0; border: 1px solid #fff; } .zdjecia ul li a:hover,.zdjecia ul li a:focus { color:#ff6600; -moz-box-shadow:0 0 3px #565656; -webkit-box-shadow:0 0 3px #565656; box-shadow:0 0 3px #565656; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; -ms-transition-duration:0.6s; transition-duration:0.6s; } .zdjecia ul li a:hover img,.zdjecia ul li a:focus img { transition-duration:2s;} /*lupa*/ .zdjecia ul li a:link:before { font-size:3em; font-family:bor; content:"\e107"; color:#000; line-height:1em; opacity:0; position:absolute; top:50%; transform:translate(0, -50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); left:0; width:100%; text-align:center; z-index:2; transition-duration:2s; } .zdjecia ul li a:hover:before,.zdjecia ul li a:focus:before { font-size:3em; opacity:1; } .zdjecia ul li a:link:after { content:""; display: block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:100%; height:100%; opacity:0; z-index:0; background:rgba(255,255,255,0.8); transition-duration:0.5s;} .zdjecia ul li a:hover:after {width:60px; height:60px; opacity:0.7; transition-duration:0.2s; } /* link do multimediów */ .zdjecia ul li.all { position:relative; text-align:center; height:125px; margin:0; vertical-align:middle; overflow:visible; } .zdjecia ul li.all a:after,.zdjecia ul li.all a:before { color:#fff; } .zdjecia ul li.all a { position:relative; width:100%; height:100%; display:block; color:#000; text-align:center; z-index:2; margin:0 0.5em; } .zdjecia ul li.all a span { position:absolute; top:0; left:0; padding:40% 0 0; box-sizing:border-box; width:100%; height:100%; display:block; color:#000; text-align:center; z-index:2; } .zdjecia ul li.all a span:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #375a81; box-sizing:border-box; display:block; z-index:2; } /* zdjecia - KARUZELA */ .zdjecia-tumb { position:relative; overflow:visible;width:100%; height:auto; padding:0 50px; margin:1em 0; box-sizing:border-box;} .zdjecia-tumb-overlay { position:relative; overflow:hidden; width:auto; height:100%; padding:50px 0; margin:0;} .zdjecia-tumb-wraper {position:relative; width:100000px; z-index:0;} .zdjecia-tumb-wraper ul { margin:0; } .zdjecia-tumb-wraper ul li { float:left; display:inline-block; width:220px;} .zdjecia-tumb-wraper ul li a img { width:100%; height:auto; padding:0; border:0; } .zdjecia-tumb-wraper ul li.active > figure { overflow:visible; } .zdjecia-tumb-wraper ul li.active figure { font-size:1em; z-index:2; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s;} /* przyciski */ .zdjecia-previous,.zdjecia-next { position:absolute; top:50%; margin:0; z-index:1000; width:50px; height:50px; transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0,-50%); } .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; outline:0 !important } .zdjecia-previous a:before,.zdjecia-next a:before { font-family:bor; content:"\e100"; font-size:3em; line-height:1em; position:absolute; top:0; left:0; color:#000; padding:0; } .zdjecia-next a:before { content:"\e101"; } .zdjecia-previous a:active,.zdjecia-previous a:hover,.zdjecia-previous a:focus, .zdjecia-next a:active,.zdjecia-next a:hover,.zdjecia-next a:focus, .zdjecia-previous a:active:before,.zdjecia-previous a:hover:before,.zdjecia-previous a:focus:before, .zdjecia-next a:active:before,.zdjecia-next a:hover:before,.zdjecia-next a:focus:before { color:#375a81; } .zdjecia-previous a span,.zdjecia-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0; } /* zdjecia All */ .zdjecia.all ul li ,.zdjecia.halfSize ul li { width:auto; margin:0 0 1em 0; } .zdjecia.all ul li { width:100%; } .zdjecia.halfSize { width:40%; float:left; margin:0; margin:0 2em 2em 0; clear:right; z-index:2; } .zdjecia.all ul li figcaption,.zdjecia.halfSize ul li figcaption,.imgMain figcaption { font-size:1em; line-height:1em; padding:1em 0.7em; } /*duze zdjecia */ .imgMain { position:relative; margin:0; padding:0; line-height:0; text-align:center; } .imgMain figure {position:relative; text-align:center; padding:0; margin:0; border:0; } .imgMain img { width:100%; height:auto; } /* ZALACZNIKI DO PORBRANIA*/ .zalaczniki { position:relative; padding:0; margin:1em 0; width:auto; overflow:hidden; text-align:left; background:transparent; font-size:0.9em; line-height:1.1em; } .zalaczniki ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; } .zalaczniki ul li { margin:0 0 1em 0; padding:0; display:block !important; list-style:none; } .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-family:'opensansLight',sans-serif; font-size:1.2em;line-height:1em; font-weight:normal; text-transform:none; } .zalaczniki ul li.clear { margin:0; padding:0; border:0; clear:both; width:auto; list-style:none; height:0; display:none; } .zalaczniki ul li a:link,.zalaczniki ul li a:visited { position:relative; display:block; font-family:'opensansRegular',sans-serif; color:#000; text-decoration:none; padding:1.5em 150px 1.5em 55px; font-size:1.1em;line-height:1em; background-position:15px center; background-size:auto 35px; background-repeat:no-repeat; background-color:#fff; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;} .zalaczniki ul li a:hover,.zalaczniki ul li a:focus { text-decoration:none; color:#375a81; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;} .zalaczniki ul li a span { position:absolute; top:0; right:0; display:block; float:right; background-color:#fff; border-left:1px solid #e7e7e7; height:100%; padding:3em 1em 1em; box-sizing:border-box; font-size:0.6em; color:#375a81; font-family:'opensansRegular',sans-serif; text-decoration:none; vertical-align:middle;} .zalaczniki ul li a span:before { font-family:bor; content:"\e10f"; font-size:1.4em; line-height:1em; color:#375a81; text-decoration:none; position:absolute; top:15px; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); padding:0; } .zalaczniki ul li a:hover span:before { font-size:1.6em; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; } /* listy globalne */ ol { padding:0 0 0 2em; margin:1em; list-style-position:outside; border:0 } ol li { padding:0 0 0.5em 0; margin:0; border:0; } ul { padding:0 0 0 2em; margin:1em; list-style-image:url("/dokumenty/szablonyimg/1-arrow.png"); text-align:left; } ul ul { list-style-image:url("/dokumenty/szablonyimg/1-arrow.png"); } ul li { padding:0 0 0.5em 0; margin:0; } /* Boxy */ blockquote,.blockquote { position:relative; background:#fff; border:0; padding:1em 3em 1em 100px; margin:1em 0; text-align:left; height:1%; font-size:1.2em; line-height:1em; color:#000; font-family:'opensansLight',sans-serif; } blockquote:before,.blockquote:before{ font-family:bor; content:"\e117"; font-size:3em; line-height:1em; color:#375a81; position:absolute; top:50%; left:0; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); text-align:left;} blockquote:after,.blockquote:after { content:""; position:absolute; top:0; left:80px; width:1px; height:100%; background:#375a81; text-align:center; z-index:2; } div.q { position:relative; display:block; width:45%; float:right; padding:1em 1em 1em 80px; box-sizing:border-box; margin:1% 0 1% 1%; border:1px solid #dfdfdf; text-align:left; height:1%; font-size:1.1em; line-height:1.1em; font-family:'opensansLight',sans-serif;} div.q:before { font-family:bor; content:"\e11b"; font-size:2em; color:#dfdfdf; line-height:0.3em; display:block; position:absolute; top:15%; left:10px;} div.q p:after { font-family:bor; content:"\e102"; font-size:0.5em; color:#efefef; line-height:0.3em; position:absolute; right:10px; bottom:8%;} .box-incontent {position:relative; float:right; width:35%; padding:1em; margin:0.5em 0 0.5em 2em; text-align:left; height:1%; overflow:visible; } .box-incontent:before, .box-incontent:after { content:""; position:absolute; top:0; left:0; width:100%; height:20px; z-index:-1; } .box-incontent:before { border-top:1px solid #375a81; border-left:1px solid #375a81;} .box-incontent:after { left:auto; right:0; top:auto; bottom:0; border-bottom:1px solid #375a81; border-right:1px solid #375a81; } .box-incontent h2 { margin:0 0 0.5em 0; padding:0 0 0.7em 0;border-bottom:1px solid #375a81; } /* info */ .information { position:relative; background:var(--color-light-grey); border:0; padding:1em 2em 1em 5em; margin:1em 0; text-align:left; font-size:1.2em; color:var(--color-text); font-family:var(--font); } .information:before{ font-family:var(--font-icon); content:"\e06a"; font-size:2em; line-height:1em; color:var(--color-text); position:absolute; top:50%; left:10px; transform:var(--hcenter); text-align:left;} .information:after { content:""; position:absolute; top:0; left:4em; width:2px; height:100%; background:var(--color-grey); text-align:center; z-index:2; } /* bulb */ .bulb { position:relative; background-color:var(--color-green); border:0; padding:1em 2em 1em 5em; margin:1em 0; text-align:left; font-size:1.2em; color:var(--color-light-text); font-family:var(--font); } .bulb:before{ font-family:var(--font-icon); content:"\e079"; font-size:3em; line-height:1em; color:var(--color-light-text); position:absolute; top:50%; left:10px; transform:var(--hcenter); text-align:left;} .bulb:after { content:""; position:absolute; top:0; left:4em; width:2px; height:100%; background:var(--color-white); text-align:center; z-index:2; } /* warn */ .warn { position:relative; background-color:var(--color-yellow); border:0; padding:1em 2em 1em 5em; margin:1em 0; text-align:left; font-size:1.2em; colorvar(--color-light-text); font-family:var(--font); } .warn:before{ font-family:var(--font-icon); content:"\e11d"; font-size:2em; line-height:1em; color:var(--color-text); position:absolute; top:50%; left:10px;transform:var(--hcenter); text-align:left;} .warn:after { content:""; position:absolute; top:0; left:4em; width:2px; height:100%; background:var(--color-black); text-align:center; z-index:2; } /* alert */ .alert { position:relative; background-color:var(--color-red); border:0; padding:1em 2em 1em 5em; margin:1em 0; text-align:left; font-size:1.2em; color:var(--color-light-text); font-family:var(--font); } .alert:before { font-family:var(--font-icon); content:"\e06e"; font-size:2em; line-height:1em; color:var(--color-light-text); position:absolute; top:50%; left:10px; transform:var(--hcenter); text-align:left;} .alert:after { content:""; position:absolute; top:0; left:4em; width:2px; height:100%; background-color:var(--color-white); text-align:center; z-index:2; } /* quotation */ .quotation { position:relative; background-color:var(--color-blue); border:0; padding:1em 2em 1em 5em; margin:1em 0; text-align:left; font-size:1.2em; color:var(--color-light-text); font-family:var(--font); } .quotation:before{ font-family:var(--font-icon); content:"\e11b"; font-size:2em; line-height:1em; color:var(--color-light-text); position:absolute; top:50%; left:10px; transform:var(--hcenter); text-align:left;} .quotation:after { content:""; position:absolute; top:0; left:4em; width:2px; height:100%; background-color:var(--color-white); text-align:center; z-index:2; } .box-default,.box_spec1,.box-white,.box-grey,.box-color { position:relative; padding:1em; margin:0 0 1.5em 0; text-align:left; height:1%; overflow:hidden; } .box-white { border:3px solid #d5d5d5; background:#fff; border-left:0; border-right:0; padding:2em 0.5em; } .box-grey { background:#f0f0f0; padding:2em; } .box-default,.box_spec1 {background:#f0f0f0; } .box-color { background:#71828c; padding:1em; } .box-color p,.box-color a,.box-color *{ color:#fff !important; } .box-color a:hover,.box-color a:focus{ color:#000 !important; } .box-color .okno ul li.strz a:before { color:#fff; } /* --- */ .flexBox {position:relative; display:flex; justify-content:space-between; gap:2em; align-items:flex-start; margin:0;} .flexBox .img { margin-right:2em; flex-shrink:0; width:20%;} .flexBox .content { font-size:1em; flex-grow:1; padding:0; } /*button*/ a.button:link, a.button:visited { display:inline-block !important; position:relative; padding:0.5em; margin:0.1em; font-family:"opensansbold",sans-serif; font-size:1em; line-height:1em; color:#375a81; font-weight:normal; text-align:center; text-transform:uppercase; text-decoration:none; white-space:nowrap; border:1px solid #375a81; background:transparent; } a.button:after , a.button:before { font-family:bor; content:"\e101"; color:#375a81; font-size:1em; line-height:0.5em; display:inline-block; padding:0 0.2em 0 0.2em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; } a.button:before { display:none; } a.button.download:after { content:"\e102"; } a.button.invert:before { display:inline-block; content:"\e100"; } a.button.invert:after { display:none;} a.button.archiwum:after { content:"\e118"; font-size:1.4em;} a.button.noBorder,a.button.noBorder:after { border:0; padding:0; font-size:1em; color:#000; text-transform:none; background:transparent; white-space:normal; text-align:left;} a.button.noBorder:active:after,a.button.noBorder:hover:after,a.button.noBorder:focus:after { color:#000; transition-duration:1.5s; } /* hover */ a.button:active,a.button:hover,a.button:focus { background:#375a81; border:1px solid #375a81; color:#fff; text-decoration:underline; transition-duration:0.7s; } a.button:active:after,a.button:hover:after,a.button:focus:after, a.button:active:before,a.button:hover:before,a.button:focus:before { color:#fff; transition-duration:1.5s; text-decoration:none; } /* accordion */ ul.accordion { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;} ul.accordion li { margin:0; padding:0.5em 0 0.5em; position:relative; display:block; text-align:left; list-style:none; box-sizing:border-box; } ul.accordion li a,ul.accordion li a:visited { font-size:1.1em; line-height:1em; color:#000; 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:bor; content:"\e101"; font-size:0.5em; line-height:1.1em; font-weight:normal; color:#375a81; position:absolute; top:2px; left:0; } ul.accordion li a.check:before { content:"\e103";} ul.accordion li a:hover,ul.accordion li a:active,ul.accordion li a:focus,ul.accordion li a.check,ul.accordion li.check a { color:#888; 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:bor; content:"\e101"; font-size:0.4em; line-height:1.1em; font-weight:normal; color:#375a81; position:absolute; top:6px; left:0; } ul.accordion li li a,ul.accordion li li a:visited { position:absolute; font-size:1em; color:#000; 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:#000; 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:#375a81; 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; } /*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%; } /* --- */ .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; } /* TIPS */ .tip { background:#fff; padding:0.2em; border:1px solid #fff; 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;} [class^="icon-"], [class*=" icon-"] { font-family: 'bor'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrowLeft:before{content:"\e100"}.icon-arrowRight:before{content:"\e101"}.icon-arrowTop:before{content:"\e102"}.icon-arrowBottom:before{content:"\e103"}.icon-home:before{content:"\e104"}.icon-menu:before{content:"\e105"}.icon-eye:before{content:"\e106"}.icon-search:before{content:"\e107"}.icon-pause:before{content:"\e108"}.icon-mail:before{content:"\e109"}.icon-upload:before{content:"\e10a"}.icon-pdf:before{content:"\e10b"}.icon-printer:before{content:"\e10c"}.icon-defend:before{content:"\e10d"}.icon-minus:before{content:"\e10e"}.icon-add:before{content:"\e10f"}.icon-delete:before{content:"\e110"}.icon-close:before{content:"\e111"}.icon-check:before{content:"\e112"}.icon-marker:before{content:"\e113"}.icon-phone:before{content:"\e114"}.icon-fax:before{content:"\e115"}.icon-pen:before{content:"\e116"}.icon-doc:before{content:"\e117"}.icon-documents:before{content:"\e118"}.icon-clock:before{content:"\e119"}.icon-calendar:before{content:"\e11a"}.icon-chat:before{content:"\e11b"}.icon-padlock:before{content:"\e11c"}.icon-danger:before{content:"\e11d"}.icon-user:before{content:"\e11e"}.icon-people:before{content:"\e11f"}.icon-drone:before{content:"\e120"}.icon-fight:before{content:"\e121"}.icon-help:before{content:"\e122"}.icon-blood:before{content:"\e123"}.icon-info:before{content:"\e124"}.icon-eu:before{content:"\e125"}.icon-play:before{content:"\e126"}.icon-audio:before{content:"\e127"}.icon-youtube:before{content:"\e128"}.icon-facebook:before{content:"\e129"}.icon-twitter:before{content:"\e12a"}.icon-bip:before{content:"\e12b"}.icon-bip2:before{content:"\e12c"}.icon-mourning:before{content:"\e12d"}.icon-arrowLeft2:before{content:"\e035"}.icon-arrowRight2:before{content:"\e036"}.icon-arrowUp2:before{content:"\e037"}.icon-arrowDown2:before{content:"\e038"}.icon-back:before{content:"\e039"}.icon-next:before{content:"\e03a"}.icon-menu1:before{content:"\e03b"}.icon-menu2:before{content:"\e03c"}.icon-menu3:before{content:"\e03d"}.icon-more:before{content:"\e03e"}.icon-more2:before{content:"\e03f"}.icon-search1:before{content:"\e040"}.icon-search2:before{content:"\e041"}.icon-search-people:before{content:"\e042"}.icon-filter:before{content:"\e043"}.icon-filter2:before{content:"\e044"}.icon-contrast:before{content:"\e045"}.icon-contrast2:before{content:"\e046"}.icon-disabled:before{content:"\e047"}.icon-eye1:before{content:"\e048"}.icon-print:before{content:"\e049"}.icon-pdf1:before{content:"\e04a"}.icon-flag:before{content:"\e04b"}.icon-pin:before{content:"\e04c"}.icon-pin2:before{content:"\e04d"}.icon-pin4:before{content:"\e04e"}.icon-pin3:before{content:"\e04f"}.icon-setting:before{content:"\e050"}.icon-setting2:before{content:"\e051"}.icon-adjust:before{content:"\e052"}.icon-adjust2:before{content:"\e053"}.icon-adjust3:before{content:"\e054"}.icon-adjust4:before{content:"\e055"}.icon-calendar2:before{content:"\e056"}.icon-calendar1:before{content:"\e057"}.icon-email5:before{content:"\e058"}.icon-email2:before{content:"\e059"}.icon-email0:before{content:"\e05a"}.icon-email7:before{content:"\e05b"}.icon-email4:before{content:"\e05c"}.icon-email6:before{content:"\e05d"}.icon-email3:before{content:"\e05e"}.icon-download:before{content:"\e05f"}.icon-download2:before{content:"\e060"}.icon-download3:before{content:"\e061"}.icon-check1:before{content:"\e062"}.icon-check2:before{content:"\e063"}.icon-close1:before{content:"\e064"}.icon-plus:before{content:"\e065"}.icon-reload:before{content:"\e066"}.icon-sync:before{content:"\e067"}.icon-refresh:before{content:"\e068"}.icon-sitemap:before{content:"\e069"}.icon-info1:before{content:"\e06a"}.icon-warning:before{content:"\e06b"}.icon-warning2:before{content:"\e06c"}.icon-danger1:before{content:"\e06d"}.icon-bell:before{content:"\e06e"}.icon-bell2:before{content:"\e06f"}.icon-bell4:before{content:"\e070"}.icon-bell3:before{content:"\e071"}.icon-notifiy:before{content:"\e072"}.icon-love:before{content:"\e073"}.icon-love2:before{content:"\e074"}.icon-love3:before{content:"\e075"}.icon-star:before{content:"\e076"}.icon-star2:before{content:"\e077"}.icon-star3:before{content:"\e078"}.icon-idea:before{content:"\e079"}.icon-link:before{content:"\e07a"}.icon-link2:before{content:"\e07b"}.icon-share:before{content:"\e07c"}.icon-sharing:before{content:"\e07d"}.icon-sharing2:before{content:"\e07e"}.icon-sharing3:before{content:"\e07f"}.icon-sharing4:before{content:"\e080"}.icon-sharing5:before{content:"\e081"}.icon-at:before{content:"\e082"}.icon-like:before{content:"\e083"}.icon-dislike:before{content:"\e084"}.icon-choose:before{content:"\e085"}.icon-quote0:before{content:"\e086"}.icon-quote2:before{content:"\e087"}.icon-chat1:before{content:"\e088"}.icon-chat2:before{content:"\e089"}.icon-chat3:before{content:"\e08a"}.icon-chat4:before{content:"\e08b"}.icon-chat5:before{content:"\e08c"}.icon-chat6:before{content:"\e08d"}.icon-speech:before{content:"\e08e"}.icon-service:before{content:"\e08f"}.icon-conversation:before{content:"\e090"}.icon-support:before{content:"\e091"}.icon-replace:before{content:"\e092"}.icon-videogame:before{content:"\e093"}.icon-apps:before{content:"\e094"}.icon-postcard:before{content:"\e095"}.icon-smartphone:before{content:"\e096"}.icon-tablet:before{content:"\e097"}.icon-laptop:before{content:"\e098"}.icon-screen:before{content:"\e099"}.icon-computer:before{content:"\e09a"}.icon-radio:before{content:"\e09b"}.icon-recorder:before{content:"\e09c"}.icon-television:before{content:"\e09d"}.icon-walkietalkie:before{content:"\e09e"}.icon-timing:before{content:"\e09f"}.icon-clock1:before{content:"\e0a0"}.icon-clock2:before{content:"\e0a1"}.icon-phone0:before{content:"\e0a2"}.icon-phone2:before{content:"\e0a3"}.icon-phone5:before{content:"\e0a4"}.icon-phone4:before{content:"\e0a5"}.icon-phone3:before{content:"\e0a6"}.icon-phone6:before{content:"\e0a7"}.icon-delete1:before{content:"\e0a8"}.icon-delete2:before{content:"\e0a9"}.icon-book:before{content:"\e0aa"}.icon-layout:before{content:"\e0ab"}.icon-browser:before{content:"\e0ac"}.icon-website:before{content:"\e0ad"}.icon-folder:before{content:"\e0ae"}.icon-inbox:before{content:"\e0af"}.icon-cert:before{content:"\e0b0"}.icon-letter:before{content:"\e0b1"}.icon-notepad:before{content:"\e0b2"}.icon-doc1:before{content:"\e0b3"}.icon-file1:before{content:"\e0b4"}.icon-edit:before{content:"\e0b5"}.icon-docs:before{content:"\e0b6"}.icon-cert2:before{content:"\e0b7"}.icon-analytics:before{content:"\e0b8"}.icon-code:before{content:"\e0b9"}.icon-attach-file:before{content:"\e0ba"}.icon-to-do-list:before{content:"\e0bb"}.icon-add1:before{content:"\e0bc"}.icon-remove:before{content:"\e0bd"}.icon-checked:before{content:"\e0be"}.icon-newspaper1:before{content:"\e0bf"}.icon-stamp:before{content:"\e0c0"}.icon-message:before{content:"\e0c1"}.icon-barcode:before{content:"\e0c2"}.icon-camera:before{content:"\e0c3"}.icon-player:before{content:"\e0c4"}.icon-video:before{content:"\e0c5"}.icon-projector:before{content:"\e0c6"}.icon-headset:before{content:"\e0c7"}.icon-headset2:before{content:"\e0c8"}.icon-videocall:before{content:"\e0c9"}.icon-megaphone:before{content:"\e0ca"}.icon-megaphone2:before{content:"\e0cb"}.icon-megaphone3:before{content:"\e0cc"}.icon-microphone:before{content:"\e0cd"}.icon-antenna:before{content:"\e0ce"}.icon-webcam:before{content:"\e0cf"}.icon-webcam2:before{content:"\e0d0"}.icon-law:before{content:"\e0d1"}.icon-auction:before{content:"\e0d2"}.icon-education:before{content:"\e0d3"}.icon-media:before{content:"\e0d4"}.icon-speaking:before{content:"\e0d5"}.icon-group:before{content:"\e0d6"}.icon-socialmedia:before{content:"\e0d7"}.icon-presentation:before{content:"\e0d8"}.icon-presentation2:before{content:"\e0d9"}.icon-speaker1:before{content:"\e0da"}.icon-agenda:before{content:"\e0db"}.icon-idea2:before{content:"\e0dc"}.icon-interviewer:before{content:"\e0dd"}.icon-lesson:before{content:"\e0de"}.icon-discussion:before{content:"\e0df"}.icon-discussion2:before{content:"\e0e0"}.icon-writing:before{content:"\e0e1"}.icon-video-chat:before{content:"\e0e2"}.icon-delete-friend:before{content:"\e0e3"}.icon-add-friend:before{content:"\e0e4"}.icon-follower:before{content:"\e0e5"}.icon-avatar:before{content:"\e0e6"}.icon-profile:before{content:"\e0e7"}.icon-profile2:before{content:"\e0e8"}.icon-id:before{content:"\e0e9"}.icon-id2:before{content:"\e0ea"}.icon-networking:before{content:"\e0eb"}.icon-web4:before{content:"\e0ec"}.icon-web3:before{content:"\e0ed"}.icon-web:before{content:"\e0ee"}.icon-web2:before{content:"\e0ef"}.icon-tower:before{content:"\e0f0"}.icon-tower2:before{content:"\e0f1"}.icon-wifi:before{content:"\e0f2"}.icon-wifi3:before{content:"\e0f3"}.icon-wifi2:before{content:"\e0f4"}.icon-front-camera:before{content:"\e0f5"}.icon-cloud:before{content:"\e0f6"}.icon-cloud2:before{content:"\e0f7"}.icon-cloud3:before{content:"\e0f8"}.icon-hashtag:before{content:"\e0f9"}.icon-hashtag2:before{content:"\e0fa"}.icon-home1:before{content:"\e0fb"}.icon-home2:before{content:"\e0fc"}.icon-city2:before{content:"\e0fd"}.icon-bank1:before{content:"\e0fe"}.icon-power:before{content:"\e0ff"}.icon-exit:before{content:"\e12e"}.icon-full-screen:before{content:"\e12f"}.icon-logout:before{content:"\e130"}.icon-login:before{content:"\e131"}.icon-add-image:before{content:"\e132"}.icon-bookmark:before{content:"\e133"}.icon-bookmark2:before{content:"\e134"}.icon-password:before{content:"\e135"}.icon-password2:before{content:"\e136"}.icon-shield:before{content:"\e137"}.icon-shield2:before{content:"\e138"}.icon-shield3:before{content:"\e139"}.icon-secure:before{content:"\e13a"}.icon-padlock1:before{content:"\e13b"}.icon-padlock2:before{content:"\e13c"}.icon-padlock3:before{content:"\e13d"}.icon-padlock4:before{content:"\e13e"}.icon-padlock5:before{content:"\e13f"}.icon-key2:before{content:"\e140"}.icon-graph:before{content:"\e141"}.icon-graph2:before{content:"\e142"}.icon-graph3:before{content:"\e143"}.icon-graph4:before{content:"\e144"}.icon-graph5:before{content:"\e145"}.icon-select:before{content:"\e146"}.icon-wallet:before{content:"\e147"}.icon-wallet2:before{content:"\e148"}.icon-walet3:before{content:"\e149"}.icon-hosting:before{content:"\e14a"}.icon-suitcase:before{content:"\e14b"}.icon-satellite:before{content:"\e14c"}.icon-connector:before{content:"\e14d"}.icon-magic:before{content:"\e14e"}.icon-selfie:before{content:"\e14f"}.icon-flash:before{content:"\e150"}.icon-burger:before{content:"\e151"}.icon-mailbox:before{content:"\e152"}.icon-facebook1:before{content:"\e153"}.icon-facebook2:before{content:"\e154"}.icon-facebook3:before{content:"\e155"}.icon-facebook4:before{content:"\e156"}.icon-facebook5:before{content:"\e157"}.icon-youtube1:before{content:"\e158"}.icon-youtube2:before{content:"\e159"}.icon-youtube3:before{content:"\e15a"}.icon-youtube4:before{content:"\e15b"}.icon-youtube5:before{content:"\e15c"}.icon-linkedin:before{content:"\e15d"}.icon-linkedin2:before{content:"\e15e"}.icon-linkedin3:before{content:"\e15f"}.icon-linkedin4:before{content:"\e160"}.icon-linkedin5:before{content:"\e161"}.icon-x:before{content:"\e162"}.icon-x2:before{content:"\e163"}.icon-x3:before{content:"\e164"}.icon-x4:before{content:"\e165"}.icon-x5:before{content:"\e166"}.icon-messenger:before{content:"\e167"}.icon-messenger2:before{content:"\e168"}.icon-whatsapp:before{content:"\e169"}.icon-whatsapp2:before{content:"\e16a"}.icon-instagram2:before{content:"\e16b"}.icon-instagram:before{content:"\e16c"}.icon-flickr:before{content:"\e16d"}.icon-spotify:before{content:"\e16e"}.icon-twitter1:before{content:"\e16f"}.icon-reddit:before{content:"\e170"} /*===============================================*/ /* 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; } img {border:0;} .img_center {vertical-align:middle;} .hide { position:absolute !important; top:-100em !important; left:-100em !important; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; text-indent:-1000em !important;} .mobileShow { display:none !important;} hr { border:0; height:0; border-top:1px solid rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.3); } /*ie bug fix underline */ a:before,a:after,a span:before,a span:after { text-decoration:underline;} a:before,a:after,a:hover:before,a:hover:after,a:hover span:before,a:hover span:after { text-decoration:none;} /* zdjecia */ .foto { border:1px solid #fff; } .foto_right,.foto_left{ margin:0.1em; border:0; } .foto_right {margin-left:1.5em !important; float:right; } .foto_left {margin-right:1.5em !important; float:left; } #cerabox .cerabox-content { border:0.5em solid #fff; } #cerabox .cerabox-title {background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0; } #cerabox .cerabox-title span { font-size:1em; color:#000; font-family:"opensansBold",sans-serif;} #cerabox-background {opacity: 0.7 !important; background-color:#fff; } #cerabox a.cerabox-left:hover span:before, #cerabox a.cerabox-right:hover span:before { font-family:bor; content:"\e100"; font-size:1.3em; line-height:1em; } #cerabox a.cerabox-right:hover span:before { content:"\e101"; } #cerabox a.cerabox-close:before { font-family:bor; content:"\e111"; font-size:2em; } /* linki */ a:link, a:visited {font-style:normal;color:#000;text-decoration:underline;} a:hover,a:active {color:#2a2a2a; text-decoration:underline; } .txt a:focus,#txt a:focus {outline:1px solid #69747b; background-color:white; text-decoration:none;} /*===============================================*/ /* MENU */ /*===============================================*/ /*------- MENU ROZWIJANE WIELOPOZIOMWE */ ul.mainmenu { display:flex; justify-content: space-between; height:55px; margin:0; padding:0.5em 0; border-top:rgba(212,212,212,0.99) 1px solid; list-style:none; text-align:left; } ul.mainmenu li { display:inline-block; margin:0 2em 0 0; padding:0; border:0; list-style:none; z-index:1;} ul.mainmenu li:last-child {margin:0;} /* podmenu */ ul.mainmenu ul { position:absolute; top:45px; display:none; width:auto; min-height:80px; margin:0; border-top:1px solid #e3e4e4; padding:1px; box-sizing:border-box; list-style:none; background:#fff; z-index:1; } ul.mainmenu ul:before { content:""; position:absolute; top:-6px; left:30px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #fff; z-index:0; } ul.mainmenu ul.show { visibility:visible; display:block !important; height:auto; opacity:1; transition:all 0.7s ease-in; } ul.mainmenu ul:after { content:""; position:absolute; top:-7px; left:29px; width:0; height:0; border-style:solid; border-width:0 7px 7px 7px; border-color:transparent transparent #e3e4e4; z-index:-1; } ul.mainmenu ul li { display:block; float:none; margin:0; padding:0; box-sizing:border-box;} ul.mainmenu li.hideItem { display:none; } ul.mainmenu li.noExpand ul { display:none !important;} /* 1nd menu */ ul.mainmenu a:link,ul.mainmenu a:visited {display:block; padding:0; margin:0; border:0; height:auto; font-family:'opensansLight', sans serif; color:#000; font-size:1.5em;line-height:1em; text-decoration:none;font-weight:normal; text-align:left; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in;} ul.mainmenu a strong { position:relative; display:block; font-weight:normal; font-style:normal; padding:0; display:block; } ul.mainmenu a span { position:relative; display:block; padding:0.45em 0.5em; z-index:1; } ul.mainmenu li a span:before, ul.mainmenu li a span:after,ul.mainmenu li a strong:before, ul.mainmenu li a strong:after { content:""; position:absolute; top:0; left:0; width:8px; height:8px; z-index:0; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; } ul.mainmenu li a span:before { border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} ul.mainmenu li a span:after { left:auto; right:0; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } ul.mainmenu li a strong:before { top:auto; bottom:0; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} ul.mainmenu li a strong:after { top:auto; bottom:0; left:auto; right:0; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } ul.mainmenu li:nth-child(2) strong:before {content:"";} ul.mainmenu li:hover,ul.mainmenu li:focus,ul.mainmenu li.check {z-index:2;} ul.mainmenu li:hover a, ul.mainmenu li a:hover, ul.mainmenu li a:focus { color:#375a81; -webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in;} ul.mainmenu li:hover a span:before, ul.mainmenu li a:hover span:before, ul.mainmenu li a:focus span:before,ul.mainmenu li.check span:before, ul.mainmenu li:hover a span:after, ul.mainmenu li a:hover span:after, ul.mainmenu li a:focus span:after,ul.mainmenu li.check span:after, ul.mainmenu li:hover a strong:before, ul.mainmenu li a:hover strong:before, ul.mainmenu li a:focus strong:before,ul.mainmenu li.check strong:before, ul.mainmenu li:hover a strong:after, ul.mainmenu li a:hover strong:after, ul.mainmenu li a:focus strong:after,ul.mainmenu li.check strong:after { width:50%; height:50% } ul.mainmenu a[class^="icon-"]:before, ul.mainmenu a[class*=" icon-"]:before { font-family:bor; font-size:1em; height:100%; line-height:40px; padding:0 0.2em; } ul.mainmenu a[class^="icon-"]:hover:before, ul.mainmenu a[class*=" icon-"]:hover:before, ul.mainmenu a[class^="icon-"]:focus:before, ul.mainmenu a[class*=" icon-"]:focus:before { color:#375a81; transition-duration:0.5s; } /* 2nd Menu */ ul.mainmenu ul a:link,ul.mainmenu ul a:visited { position:relative; float:none; background:transparent; padding:1em 1.2em; margin:0; z-index:1; font-family:'opensansRegular', sans serif; color:#000; font-size:1.2em; line-height:1.1em; font-weight:normal; text-transform:none; text-align:left; text-shadow:none; } ul.mainmenu ul a:before { content:""; position:absolute; top:-1px; left:0; height:100%; width:100%; background-color:transparent; z-index:-1; } ul.mainmenu ul a:after { content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0); height:1px; width:90%; background-color:#e3e4e4; z-index:1; } ul.mainmenu ul li:last-child a:after { height:0; } ul.mainmenu ul li:hover > a, ul.mainmenu ul li.iehover > a:hover, ul.mainmenu ul li a.check { color:#fff; -webkit-transition: all 0.3 ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; } ul.mainmenu ul li:hover > a:before,ul.mainmenu ul li.iehover li > a:hover:before,ul.mainmenu ul a.check:before { background-color:#375a81; -webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in; } ul.mainmenu ul ul {display:none; position:absolute; top:-1px; right:-300px; width:300px;} ul.mainmenu li:hover ul ul,ul.mainmenu li.iehover ul ul {display:none;} ul.mainmenu li:hover ul,ul.mainmenu ul li:hover ul {display:block;} ul.mainmenu li.iehover ul,ul.mainmenu ul li.iehover ul {display:block;} ul.mainmenu img { position:relative; top:-5px; display:block; vertical-align:top; float:right; width:90px; height:auto; clear:right; margin:0 0.5em;} /*blok w menu*/ ul.mainmenu ul li.blok { width:33%; float:left; display:block; padding:1em 2em 1em 1em; } ul.mainmenu ul li.blok .okno h3 { display:block; margin:0 0 0.3em 0; padding:0; font-family:"opensansBold",sans-serif !important; color:#fff; font-weight:normal; text-align:left; text-decoration:none; font-size:1.4em; line-height:1em; } ul.mainmenu ul li.blok .okno p { display:block; font-family:"opensansRegular",sans-serif; font-size:1.1em; line-height:1.2em; margin:0.3em 0; } ul.mainmenu ul li.blok .okno .data { position:relative; display:block; float:left; width:auto; text-align:left; padding:0; margin:0.3em 0; height:1%; font-weight:normal; color:#848485; text-decoration:none; font-family:"opensansRegular",sans-serif; font-size:1.2em; line-height:1em; } ul.mainmenu ul li.blok .okno ul { position:relative; top:0; left:0; display:block; padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; } ul.mainmenu ul li.blok .okno ul li { position:relative; float:none; width:auto; padding:0; margin:0; margin-bottom:1em; overflow:hidden; list-style:none; } ul.mainmenu ul li.blok .okno ul li a,ul.mainmenu ul li.blok .okno ul li a:visited {display:block; padding:0; color:#fff;font-size:1em;line-height:1.1em; text-decoration:none;font-weight:normal;text-transform:none; text-align:left;} ul.mainmenu ul li.blok .okno ul li a:before { content:""; } ul.mainmenu ul li.blok .okno .imgwraper { position:relative; left:0; width:100%; height:10em; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0;} ul.mainmenu ul li.blok .okno ul li a:hover { font-family:'opensansRegular', sans serif; } /*--------- MENU ZAJAWKOWE*/ .meni-zajawkowe { padding:0; margin:1em 0 1em; width:100%; } .meni-zajawkowe h3 { position:relative; display:block; margin:0; width:100%; padding:0; color:#000; font-weight:normal; text-align:center; text-decoration:none; text-transform:none; font-family:'opensansBold',sans-serif; font-size:1.3em; line-height:1em; position:absolute; top:50%; transform:translate(0,-50%); left:0; } .meni-zajawkowe h3:after { content:""; position:absolute; bottom:-20px; left:50%; transform:translate(-50%,-50%); width:10%; height:5px; background:#375a81; text-align:center; z-index:2; } .meni-zajawkowe h3 span { font-family:'opensansRegular',sans-serif;} .meni-zajawkowe a:before { font-family:bor; content:"\e102"; font-size:1.8em; line-height:1em; color:#fff; position:absolute; bottom:-100px; left:50%; transform:translate(-50%,0); text-align:left; } .meni-zajawkowe.external a:before { content:"\e105"; } .meni-zajawkowe ul { padding:0; margin:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; float:none; } .meni-zajawkowe ul li { position:relative; padding:0; margin:0 0 2em 0; overflow:hidden; list-style:none; display:inline-block; float:none; width:20%; border:0; } .meni-zajawkowe ul li a { margin:0; } .meni-zajawkowe ul li a:link,.meni-zajawkowe ul li a:visited { position:relative;display:block; width:180px; height:180px; border-radius:180px; margin:0 auto; padding:0.2em; border:3px solid #375a81; background:#fff; font-family:"opensansRegular",sans-serif; font-size:1em; line-height:1em; color:#000; text-decoration:none; transition-duration:1s;} .meni-zajawkowe ul li a:hover,.meni-zajawkowe ul li a:active,.meni-zajawkowe ul li a:focus,.meni-zajawkowe ul li.check a { color:#fff; background-color:#375a81; text-decoration:none; transition-duration:1s; } .meni-zajawkowe ul li a:hover h3,.meni-zajawkowe ul li a:active h3,.meni-zajawkowe ul li a:focus h3,.meni-zajawkowe ul li.check a h3 { color:#fff;} .meni-zajawkowe ul li a:hover h3:after,.meni-zajawkowe ul li a:active h3:after,.meni-zajawkowe ul li a:focus h3:after,.meni-zajawkowe ul li.check a h3:after { background:#fff; width:5px;} .meni-zajawkowe ul li a:hover:before,.meni-zajawkowe ul li a:active:before,.meni-zajawkowe ul li a:focus:before { color:#fff; bottom:300px; font-size:14em; text-decoration:none; transition-duration:1.5s; } .meni-zajawkowe .imgwraper { position:absolute; top:0; left:70%; width:60px; height:60px; border-radius:60px; border:3px solid #fff; padding:0; margin:0; overflow:hidden; display:block; background-position:center top; background-size:cover; } /* fix */ .subRight .meni-zajawkowe ul { text-align:left; } .subRight .meni-zajawkowe ul li { width:33%; } .subRight .meni-zajawkowe h3 { font-size:1.1em; } .subRight .meni-zajawkowe ul li a,.subRight .meni-zajawkowe ul li:nth-child(2n+2) a { margin:0 0.5em 0.5em 0;} .subRight .meni-zajawkowe ul li:nth-child(3n+3) a { margin:0 0 0.5em 0 } /* fix */ .subLeft .meni-zajawkowe ul li { width:auto; margin:1em 0 1em 0; float:none; display:block; } /* fix FILE*/ .meni-zajawkowe.file ul li a { background-position:5px center; background-size:auto 37px; background-repeat:no-repeat; } .meni-zajawkowe.file ul li a:link,.meni-zajawkowe.file ul li a:visited { background-color:#f6f7f9;} .meni-zajawkowe.file ul li a:hover,.meni-zajawkowe.file ul li a:active,.meni-zajawkowe.file ul li a:focus { color:#000; background-color:#375a81; text-decoration:none; transition-duration:1s; } .meni-zajawkowe.file h3 { padding:0 0 0 3em;} .meni-zajawkowe.file h3:before { content:"";} /*-------- tab menu*/ .meniTab { position:relative; padding:0; margin:0 0 2em 0; width:auto; min-height:50px; z-index:1; } .meniTab ul { padding:0; margin:0 auto; text-align:center; list-style-type:none; list-style-image:none; width:auto; text-align:center; } .meniTab ul li { position:relative; margin:0; border:0; padding:0; display:inline-block; overflow:hidden; list-style:none; } .meniTab ul li a,.meniTab ul li a:visited { font-size:1.4em; line-height:1em; color:#375a81; text-decoration:none; font-weight:normal; padding:0.5em 1em; background:transparent; display:block; white-space:nowrap; transition-duration:1s; } .meniTab ul li a:hover,.meniTab ul li a:active, .meniTab ul li a:focus,.meniTab ul li a.check,.meniTab ul li a.tab_on { color:#fff; white-space:nowrap; background:#375a81; transition-duration:0.6s; } .meniTab.small ul li a, .meniTab.small ul li a:visited { padding:1em 0.4em;} .meniTab br {clear:both} .meniMore { padding:0; margin:0; width:auto; min-height:40px; } .meniMore ul { padding:0; margin:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; } .meniMore ul li { position:relative; margin:0; border:0; padding:0; display:inline-block; overflow:hidden; list-style:none; } .meniMore ul li a,.meniMore ul li a:visited { font-size:1.2em; line-height:1em; color:#000; text-decoration:none; font-weight:normal; padding:0.4em 1em 0.4em 0.99em; display:block; white-space:nowrap; transition-duration:1s; } .meniMore ul li a:after { content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#c8cacb; z-index:2; } .meniMore ul li:last-child a:after { display:none; } .meniMore ul li a:hover,.meniMore ul li a:active, .meniMore ul li a:focus { color:#375a81; white-space:nowrap; } .meniMore ul li a.check,.meniMore ul li a.tab_on { } .meniMore br {clear:both} /*--------- MENU LISTA ul li - wielopoziomowe */ .meni2 { position:relative; overflow:visible; margin:0 0 2em 0; padding:0; border:0; } .meni2 h2 { position:absolute; top:-100em !important; left:-100em !important; width:1px; height:1px; text-indent:-1000em; } .meni2 ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; } .meni2 ul li { padding:0; margin:0 0 1em 0; border:0; display:block; list-style:none; position:relative; background:transparent; } .meni2 > ul > li:before, .meni2 > ul > li:after { content:""; position:absolute; top:0; left:-1px; width:100%; height:10px; z-index:-1; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; } .meni2 > ul > li:before { border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;} .meni2 > ul > li:after { left:auto; right:-1px; top:auto; bottom:0; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } .meni2 > ul > li:hover:before, .meni2 > ul > li:hover:after { height:50%; border-color:#375a81} .meni2 ul li a,.meni2 ul li a:visited { position:relative; font-family:'opensansSemibold',sans-serif; font-size:1.3em; line-height:1em; color:#000; text-decoration:none; font-weight:normal; padding:1.2em 3em 1.2em 2em; margin:0; display:block; background:transparent; } .meni2 ul li a:hover,.meni2 ul li a:active,.meni2 ul li a:focus,.meni2 ul li a.check { color:#375a81; font-weight:normal; padding:1.2em 3em 1.2em 2em; } .meni2 ul li a:before {position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); left:5px; display:block; margin:0; font-size:0.5em; line-height:1em; font-family:bor; content:"\e101"; text-align:center; color:#d5d5d5; text-decoration:none; } .meni2 ul li li a:before { left:2%; font-size:0.8em;} .meni2 ul li li li a:before { left:8%; font-size:0.8em;} .meni2 ul li li li li a:before { left:10%; font-size:0.8em;} .meni2 ul li a.rozwin:after { font-family:bor; content:"\e103"; font-size:0.9em; line-height:1em; color:#000; position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); right:1em; } .meni2 ul li a.rozwin:hover:after,.meni2 ul li a.rozwin:active:after,.meni2 ul li a.rozwin:focus:after,.meni2 ul li a.check.rozwin:after { content:"\e102"; color:#000; } .meni2 ul li a.rozwin,.meni2 ul li a.rozwin:hover,.meni2 ul li a.rozwin:focus {padding-right:2.5em;} .meni2 ul ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; } .meni2 ul ul li { padding:0; margin:0; border:0; display:block !important; list-style:none; position:relative; background:transparent; clear:both; } .meni2 ul ul li a,.meni2 ul ul li a:visited { font-family:'opensansLight',sans-serif; font-size:1em; line-height:1.2em; color:#000; text-decoration:none; font-weight:normal; padding:1em 1em 1em 2em; margin:0 0 0 1em; display:block; } .meni2 ul ul li a:hover,.meni2 ul ul li a:active,.meni2 ul ul li a:focus,.meni2 ul ul li a.check { color:#375a81 !important; font-weight:normal; text-decoration:none; padding:1em 1em 1em 2em; } .meni2 ul ul ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; } .meni2 ul ul ul li { padding:0; margin:0; border:0; display:block !important; list-style:none; position:relative; background:transparent; } .meni2 ul ul ul li a,.meni2 ul ul ul li a:visited { font-size:1.1em; line-height:1em; color:#000; text-decoration:none; font-weight:normal; padding:1em 2.6em; margin:0 0 0 2em; display:block; } .meni2 ul ul ul li a:hover,.meni2 ul ul ul li a:active,.meni2 ul ul ul li a:focus,.meni2 ul ul ul li a.check { color:#375a81; font-weight:normal; padding:1em 2.6em; } .meni2 ul ul ul ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; } .meni2 ul ul ul ul li { padding:0; margin:0; border:0; display:block !important; list-style:none; position:relative; background:transparent; } .meni2 ul ul ul ul li a,.meni2 ul ul ul li a:visited { font-size:1em; line-height:1em; color:#000; text-decoration:none; font-weight:normal; padding:1em 3em; margin:0 0 0 3em; display:block; } .meni2 ul ul ul ul li a:hover,.meni2 ul ul ul ul li a:active,.meni2 ul ul ul ul li a:focus,.meni2 ul ul ul ul li a.check { color:#375a81; font-weight:normal; padding:1em 3em; } /* MENU PODZIAL STRON W DZIALE */ #meni_strony { position:relative; display:table; overflow:hidden; font-size:1em; padding:0; margin:1em auto; min-height:25px; text-align:center; } #meni_strony ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; } #meni_strony ul li { position:relative; margin:0 0.5em 0.2em 0; border:0; padding:0; float:left; display:block; display:inline; overflow:hidden; list-style:none; } #meni_strony ul li.noActive { background:#fff; color:#ededed; text-transform:lowercase; border-radius:3px; padding:1em; } #meni_strony ul li.selectbox { white-space:nowrap; padding:0; } #meni_strony ul li.selectbox .forms .select:after { top:0; } #meni_strony ul li.selectbox .forms select { width:auto; padding:0.75em 2em 0.75em 0.5em; border-radius:5px; } #meni_strony ul li.selectbox .iloscStron { position:relative; display:inline; padding:0.5em; font-weight:bold; color:#fff;} #meni_strony a,#meni_strony a:visited { display:block; background:#fff; border-bottom:3px solid #fff; height:auto !important; height:1%; font-family:"opensansRegular",sans-serif; color:#000; line-height:1em; padding:1em; font-size:1em; text-decoration:none; font-weight:normal; text-transform:lowercase; overflow:hidden; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; } #meni_strony a:hover,#meni_strony a:active,#meni_strony a:focus,#meni_strony a.check { border-bottom:3px solid #375a81; color:#000; text-decoration:none; transition: all 0.2s ease-in;} #meni_strony span { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; } .numeracja #meni_strony { background:#f6f7f9; padding:1em; margin:0 0 2em 0;} .numeracja #meni_strony ul li { margin:0; display:inline-block;} .numeracja #meni_strony a:link,.numeracja #meni_strony a:visited { background:#fff; border:0; color:#000; padding:0.3em 0.38em; font-size:0.9em; text-decoration:underline; font-weight:normal; overflow:hidden; } .numeracja #meni_strony a:hover,.numeracja #meni_strony a:active,.numeracja #meni_strony a:focus,.numeracja #meni_strony a.check {color:#fdb813; text-decoration:none; transition: all 0.2s ease-in;} /* fix bor */ .selectPagination #meni_strony { margin:0;} .selectPagination #meni_strony ul li.selectbox { margin:0;} .selectPagination #meni_strony ul li:first-child {float:left; text-align:left;} .selectPagination #meni_strony ul li:first-child a:before,.selectPagination #meni_strony ul li:last-child a:after { font-family:bor; content:"\e100"; color:#375a81; font-size:1em; line-height:0.5em; display:inline-block; padding:0 0.1em 0 0.1em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; } .selectPagination #meni_strony ul li:last-child {float:right; text-align:right;} .selectPagination #meni_strony ul li:last-child a:after { content:"\e101"; } .selectPagination #meni_strony ul li:first-child a:hover:before,#meni_strony ul li:first-child a:focus:before, .selectPagination #meni_strony ul li:last-child a:hover:after,#meni_strony ul li:last-child a:focus:after { color:#fff; text-decoration:none; transition: all 0.2s ease-in;} /* MENU PODZIALU TEKSTU */ #meni_tekstu { padding:0; margin:1em 0 0; } #meni_tekstu ul { padding:0; margin:0px; text-align:left; list-style-type:none; list-style-image:none; width:auto;} #meni_tekstu ul li { margin:0; margin-right:0.2em; padding:0; float:left; display:block; display:inline; list-style:none; position:relative; } #meni_tekstu ul li span { display:block; color:#000; font-size:0.9em; line-height:1em; padding:0.6em 0.6em; background:#fff; border-bottom:3px solid #375a81; } #meni_tekstu ul li a,#meni_tekstu ul li a:visited { display:block; color:#000; font-size:0.9em; line-height:1em; padding:0.6em 0.6em; font-weight:normal; text-decoration:none; white-space:nowrap; border-bottom:3px solid #fff; background:#fff; } #meni_tekstu ul li a:hover,#meni_tekstu ul li a:active,#meni_tekstu ul li a:focus,#meni_tekstu ul li a.check { background:#fff; border-bottom:3px solid #375a81; color:#000; text-decoration:none;} .menuTekst { position:relative; padding:1em 0; margin:0; z-index:1; border:0; min-height:50px; } .menuTekst ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;} .menuTekst ul li { position:relative; display:block; margin:0; margin-bottom:0.5em; padding:0; border:0; text-align:left;list-style:none; } .menuTekst a { display:block; margin:0; padding:1em 0.5em; border:1px solid #ededed; font-family:'opensansBold',sans-serif; color:#000; font-size:1.1em; line-height:1.1em; text-decoration:none; text-transform:uppercase; border-radius:5px; transition-duration:1s;} .menuTekst a:hover,.menuTekst a:focus,.menuTekst a.check { background:#375a81; text-decoration:underline; transition-duration:0.7s; } .menuTekst a:hover:before,.menuTekst a:focus:before,.menuTekst a.check:before { color:#fff; transition-duration:1.5s; } .menuTekst a span { position:relative; display:inline-block; padding:0 0 0 2em; } .menuTekst a:before { position:absolute; float:left;display:block; margin:0; padding:0 0.2em; width:50px; border:0; font-family:bor; content:"\e106"; color:#375a81; font-size:1.2em; line-height:1em; vertical-align:middle; text-decoration:none;} /*===============================================*/ /* MODULY */ /*===============================================*/ /*archive*/ .archive { position:relative; } .archive h3 { position:relative; text-align:left; font-size:1.6em; line-height:1.5em; font-weight:bold; text-decoration:none; margin:calc(0.5 * var(--gap)) 0; } .archive ul { position:relative; display:block; padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none;} .archive ul li { position:relative; display:block; margin:0; padding:0 0 0 var(--padding); list-style:none; } .archive ul ul { display:block; padding:0; margin:var(--gap) 0 0 var(--gap); text-align:left; list-style-type:none; list-style-image:none; } .archive ul ul li { display:inline-block; padding:var(--padding); margin:0; overflow:hidden; list-style:none; border-bottom:1px solid var(--color-light-grey); background:url("arrow.svg") no-repeat left center;} .archive ul ul li a:link,.archive ul ul li a:visited { font-size:1em; font-weight:normal; text-decoration:none; padding:0; } .archive ul ul li a:hover,.archive ul ul li a:active { text-decoration:none; } /*sitemap*/ .sitemap { position:relative; } .sitemap ul { padding:0; margin:var(--gap) 0 0 var(--gap); text-align:left; list-style-type:none; list-style-image:none; } .sitemap ul li { position:relative; margin:var(--margin); width:auto; display:block; } .sitemap ul li a:link,.sitemap ul li a:visited { font-size:1.3em; padding:0; display:inline-block; font-weight:bold; text-decoration:none; } .sitemap ul li a:hover,.sitemap ul li a:active { text-decoration:none; } .sitemap ul ul { padding:0; margin:var(--margin) 0 0 var(--margin);} .sitemap ul ul li a,.sitemap ul ul li a:visited { font-size:1.1em; font-weight:normal; text-decoration:none; border:0; } .sitemap ul ul ul li a,.sitemap ul ul ul li a:visited { font-size:1em; font-weight:normal; border:0; } .sitemap ul ul ul ul li a,.sitemap ul ul ul ul li a:visited { font-size:1em; font-weight:normal; text-decoration:none; border:0; } .sitemap a.rozwin:link,.sitemap a.rozwin:visited { position:relative; display:inline-block; margin:0 0.2em; vertical-align:middle; text-decoration:none; line-height:0.5em; color:var(--color-main); border:0; transition-duration:0.6s; } .sitemap a.rozwin:hover,.sitemap a.rozwin:focus { color:var(--color-grey); transition-duration:0.6s; } .sitemap a.rozwin:before,.sitemap a.rozwin:before { font-family:var(--font-icon); content:"\e101"; font-size:0.8em; line-height:0.5em; position:relative; text-align:center; } .sitemap ul li.expand a.rozwin:before {content:"\e102";} .sitemap ul li.expand li a.rozwin:before {content:"\e101";} .sitemap ul li.expand li.expand a.rozwin:before {content:"\e102";} /* 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:"\e103"; 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:"\e101"; 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; } /*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); } /*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; } /*payment */ .payment {display:block;} .payment span[class^="i-"],.payment span[class*=" i-"] { display:inline-block; padding:0.3em; margin:0; font-size:1em; line-height:1em; } .payment .i-error { background-color:var(--color-red); color:var(--color-white);} .payment .i-ok { background-color:var(--color-green); color:var(--color-white); } .payment .i-normal { background-color:var(--color-grey); color:var(--color-black); } .payment .i-alert { background-color:var(--color-yellow); color:var(--color-black); } /*index*/ .index { position:relative;} .index h3 { position:relative; padding:0.5em 0; font-size:3em; line-height:1.2em; color:var(--color-black); text-align:left; font-weight:700; text-decoration:none; text-transform:uppercase; } .index .box { position:relative; background-color:var(--color-light-grey); padding:1.5em; margin:0; text-align:left; font-size:1em; line-height:1em; color:var(--color-black); } .index ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none;} .index ul li { margin:0; border:0; padding:0; list-style:none; position:relative; } .index ul li a:link,.index ul li a:visited { position:relative; padding:0.4em; display:inline-block; text-decoration:none; font-size:1.3em; line-height:1.2em; color:var(--color-black); } .index ul li a:hover,.index ul li a:focus { background-color:var(--color-main); color:var(--color-white); } .index ul li a span { font-size:0.6em; padding:0.2em; margin:0 0.5em; background-color:var(--color-main); color:var(--color-white); } /* MAPS */ .maps { position:relative; padding:0; margin:0; } .maps .map, article .map { display:block; width:100%; height:650px; } .maps #objectList { display:block; margin:2em 0; } .maps #drukuj-ikonki { position:relative; text-align:right; padding:0; margin:1em 0; } .maps .box-podsumowanie { position:relative; display:flex; justify-content:space-between; align-items:stretch; flex-direction:row; border:0; padding:0; margin:0 0 1em 0; box-sizing:border-box; } @media only screen and (max-width:768px) { .maps .box-podsumowanie { flex-direction:column; } } /* maps - search */ .maps .search { text-align:left; margin-bottom:1em;} .maps .search form { border:1px solid var(--color-light-grey); width:100%; margin:0; box-sizing:border-box;} .maps .search legend, .maps .search label { position:absolute; top:0; left:-10000em; width:1px; height:1px;} .maps .search input[type=text] { width:85%; border:0;} .maps .search button { position:absolute; top:0; right:0; display:block; width:50px; height:100%; padding:0; margin:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:var(--color-dark-grey); } .maps .search button:before { position:absolute; top:50%; transform:var(--vcenter); left:0; width:100%; text-indent:0; font-size:1.4em; line-height:50px; font-family:var(--font-icon); content:"\e106"; color:var(--main-color); } .maps .search button:hover,.maps .search button:focus { color:var(--color-black); } /* maps - legend and options */ .maps .legenda, .maps .opcje { position:relative; padding:2em; margin:0; width:50%; } .maps .legenda .forms, .maps .opcje .forms { overflow:visible; background:transparent;} .maps .legenda legend, .maps .opcje legend { padding:0; margin:0 0 1em 0;} .maps .legenda ins,.maps .legenda .ins, .maps .legenda ins,.maps .legenda .ins, .maps .opcje ins,.maps .opcje .ins { position:relative; display:block; overflow:visible; height:auto; padding:0; margin:0.5em; text-align:left; background:transparent; border-bottom:1px solid var(--color-light-grey); } .maps .legenda .marker { display:inline-block; vertical-align:middle; border:0; border-left:1px solid var(--color-light-grey); width:20px; height:20px; padding:0; margin:0 0.5em 0 0; box-sizing:border-box; background-position:center top; background-repeat:no-repeat; background-size:80% 100%; } /* maps - dsc */ .maps .opis { position:relative; padding:2em; margin:0; width:50%; } .maps .opis strong { display:block; font-weight:bold; font-size:1.4em; line-height:1em; text-align:left; margin:0 0 1em 0; } .maps .opis p { display:block; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.1em; } /* mapy - image */ .maps .image { position:relative; padding:2em; margin:0; width:44%; } /* mapy - hint */ .map-object { position:relative; padding:1em; margin:0; width:auto; height:auto; box-sizing:border-box; } .map-object strong { display:block; margin:0 0 0.8em 0; font-family:var(--font); text-align:left; font-size:1.2em; line-height:1em; } .map-object p { font-family:var(--font); text-align:left; font-size:1em; line-height:1.2em; margin:0; } .map-object a.button:link, .map-object a.button:visited { padding:1em; margin:1em 0; } .map-object .forms { width:350px; } /* maps - fix horizontal view */ .MapaPozioma .maps .map height:750px; } .MapaPozioma .maps .box-podsumowanie { flex-direction:column; } .MapaPozioma .maps .legenda,.MapaPozioma .maps .opcje { width:100%; box-sizing:border-box; text-align:center; } .MapaPozioma .maps .legenda ins, .MapaPozioma .maps .legenda .ins, .MapaPozioma .maps .opcje ins, .MapaPozioma .maps .opcje .ins { display:inline-block; border-bottom:0; } .MapaPozioma .maps .legenda legend,.MapaPozioma .maps .opcje legend { margin:0 auto 1em; } /* maps - popup if not exist */ .map-popup { position:absolute; top:20%; left:50%; transform:var(--center); min-width:30%; height:auto; padding:15px 15px 0 0; z-index:10; } .map-popup-content { border:1px solid var(--color-grey); background-color:var(--color-white); box-shadow:var(--box-shadow-hover); } .map-popup .usun { position:absolute; top:0; right:0; width:30px; height:30px; } /*fix */ .txt .extendedArea { display:none; } /* mapy - fix */ .txt #obiekty {display:none !important;} .box-map-float { position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); right:10%; z-index:1; width:30%; } .box-map-float .usun { position:absolute; top:0; right:0; z-index:2;} .box-map-float .adres { display:block; padding:3em; margin:0; border:1px solid #e7e7e7; background:#fff;} .box-map-float .usun a:before { content:"\e110"; } .box-map-float .usun a.active:before { content:"\e10e"; } /* banner */ .bannery { position:relative; display:inline-block; overflow:hidden; width:auto; height:auto; padding:0; margin:0; } .bannery div.item { padding:0; margin:0; float:left; display:block; } .bannery a {display:block; } .bannery a img { width:auto; height:auto; padding:0; transition-duration:0.8s; } .bannery a:hover img,.bannery a:focus img { opacity:0.7; transition-duration:0.6s; } .bannery a:focus img { border:2px solid var(--color-black);width:95%;height:95%; } .bannery-slider { position:relative; margin:0 auto; } .bannery-overlay { position:relative; overflow:hidden;width:100%; height:100%; padding:0; margin:0;} .bannery-wraper {position:absolute; z-index:0;} /* slider column */ .bannery.pion .bannery-wraper { height:100000px; width:auto;} .bannery.pion div.item { float:none; display:block !important; } /* slider opt */ .bannery-previous,.bannery-next { position:absolute; top:50%; transform: var(--hcenter); z-index:1000; cursor:pointer; width:40px; height:40px; z-index:2; } .bannery-previous { left:0;} .bannery-next { right:0;} .bannery-previous a:link,.bannery-previous a:visited, .bannery-next a:link,.bannery-next a:visited { height:100%; display:block; text-decoration:none; color:var(--color-main); background-color:var(--color-light-grey); } .bannery-previous a:before,.bannery-next a:before { font-family:var(--font-icon); content:"\e100"; line-height:1em; position:absolute; top:50%; transform:var(--center); left:50%; width:100%; text-align:center; } .bannery-next a:before { content:"\e101"; } .bannery-previous a:before, .bannery-next a:before { font-size:1em;} .bannery-previous a:active,.bannery-previous a:hover,.bannery-previous a:focus, .bannery-next a:active,.bannery-next a:hover,.bannery-next a:focus { background-color:var(--color-main);} .bannery-previous a:hover:before,.bannery-previous a:focus:before,.bannery-next a:hover:before,.bannery-next a:focus:before { color:var(--color-white); } .bannery-previous a span,.bannery-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0; } .bannery-next a.end,.bannery-previous a.end {opacity:0.5; color:var(--color-light-grey); cursor:default;} /* slider opt column */ .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 it */ .banners {position:relative; padding:0; width:100%; height:auto; overflow:hidden; z-index:0;} .banners .bannery { height:100% !important; width:100%; text-align:center; } .banners .bannery:after { clear:both;} .banners .bannery div.item { float:none; display:inline-block; } .banners-top {text-align:center;} .banners-top .bannery div.item,.banners-top .bannery a img { width:100% !important; height:auto !important; } /* context - podpowiedzi */ a.context { position:relative; display:inline-block; } a.context:before { content:"" !important;} a.context span.hint { position:absolute; display:none; padding:2em; box-sizing:border-box; border:2px solid #375a81; background:#fff; color:#000; font-size:1em; line-height:1em; text-align:left; transition-duration:1.8s;} a.context span.hint strong { display:block; margin:0 0 1em;} a.context span.hint .triangle { position:absolute; bottom:-20px; left:1em; display:block; width:0; height:0; border-style:solid; border-width:20px 25px 0 25px; border-color: #375a81 transparent transparent; z-index:2;} a.context:hover span.hint,a.context:focus span.hint { position:absolute; bottom:2.1em; left:-2em; display:block; width:200%; height:auto; transition-duration:0.8s;} #printer span.hint { display:none !important; } /*fix*/ figcaption a.context span.hint,.opisObrazka3d { font-size:1.1em; line-height:1.2em; white-space:pre-line; } figcaption .imgwraper { float:right; height:15em; width:30%; } /* AJAX */ div.ajaxloading {position:absolute; display:block; top:1em; left:1em; padding:0.5em; float:left; color:#000; border:1px dotted #565656; background:#fff; z-index:1000; } /* KALENDARZ */ .kalendarium .dzien,.kalendarium .dzien_swieto,.kalendarium .dzien_aktualny { background:#a5a5a5 !important; } .kalendarium .dzien_swieto { background:#375a81 !important;} .kalendarium a.previous:link,.kalendarium a.previous:visited, .kalendarium a.next:link,.kalendarium a.next:visited { color:#fff !important; background:#a5a5a5 !important;} .kalendarium a.previous:active,.kalendarium a.previous:hover,.kalendarium a.previous:focus, .kalendarium a.next:active,.kalendarium a.next:hover,.kalendarium a.next:focus { color:#000 !important; background:#34343e !important; } .kalendarium td a:link { border-left:2px solid #e1e4e6; border-bottom:1px solid #ededed !important; } .kalendarium td a:link strong { display:block; text-transform:uppercase; } /* zmiana kalendarza */ .vlaCalendarOverlay { width:auto; height:auto; font-size:1.3em; line-height:2.5em; padding:0 6em; margin:0; background:#fff;} .vlaCalendar { height:100%} .vlaCalendar .label { font-size:1.5em; color:#256ab5; font-weight:normal; } .vlaCalendar .arrowLeft,.vlaCalendar .arrowRight { position:absolute; top:210px; width:40px; height:40px; box-shadow:0 0 0; } .vlaCalendar .arrowLeft { left:-4em;} .vlaCalendar .arrowRight { right:-4em;} .vlaCalendar .arrowLeft a,.vlaCalendar .arrowRight a { background:#fff; color:#256ab5; } .vlaCalendar .arrowLeft a:before,.vlaCalendar .arrowRight a:before { font-family:bor; content: "\e100"; font-size:1.5em; line-height:1em; text-align:center; text-decoration:none; } .vlaCalendar .arrowRight a:before { content:"\e101"; } .vlaCalendar .arrowLeft a:active,.vlaCalendar .arrowLeft a:hover,.vlaCalendar .arrowLeft a:focus, .vlaCalendar .arrowRight a:active,.vlaCalendar .arrowRight a:hover ,.vlaCalendar .arrowRight a:focus {color:#fff; background:#256ab5; } .vlaCalendar .month td.activeDay a, .vlaCalendar .month td.activeDay span a {border:1px solid #f0f0f0; background:#f0f0f0; border-radius:50px; display:block;} .vlaCalendar .month td.activeDay a:hover,.vlaCalendar .month td.activeDay a:focus {border:1px solid #055ba3; background:#055ba3; color:#fff;} .vlaCalendar .month td.activeDay div ul li a, .vlaCalendar .month td.activeDay div ul li a:visited { font-size:0.8em; line-height:1em; border:0; background:transparent; color:#000; } .vlaCalendar .month td.activeDay div ul li a:hover { border:0; background:transparent; color:#055ba3; } .vlaOption { width:60%; margin:0 auto;} /*fix dla formularzy */ .pickerBackground .vlaCalendar .arrowLeft,.pickerBackground .vlaCalendar .arrowRight {top:0 !important; width:18px; height:18px; } .pickerBackground .vlaCalendar .arrowLeft { left:0em !important;} .pickerBackground .vlaCalendar .arrowRight { right:0em !important;} .pickerBackground .vlaCalendar .arrowLeft a:before, .pickerBackground .vlaCalendar .arrowRight a:before { font-size:1em; } /*cookies box */ .cookiesBox { position:fixed; bottom:0; left:0; font-size:0.7em; width:100%; padding:0; max-height:40vh; margin:0; opacity:1; overflow:hidden; overflow-y:auto; border-top:3px solid var(--color-white); box-shadow:var(--box-shadow); z-index:1000;} .cookiesBox .cookiesBoxItem { position:relative; display:block; box-sizing:border-box;padding:4em; margin:0 auto; width:100%; font-size:1em; letter-spacing:0; text-align:left; background:var(--color-light-grey); color:var(--color-dark); z-index:1;} .cookiesBox .forms .submit {position:fixed; left:0; bottom:0; width:100%; margin:0; padding:var(--padding); box-sizing: border-box; z-index:100; } /* 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:#000; } a.tagi5 { font-size:1.9em; color:#000; } a.tagi4 { font-size:1.7em; color:#000; } a.tagi3 { font-size:1.5em; color:#000; } a.tagi2 { font-size:1.2em; color:#000; } a.tagi1 { font-size:1em; color:#000; } /* LISTING TYP:TABELKA*/ #table-listing table, table.table-listing { width:100%; border:0; border-spacing:1px; font-size:0.8em; line-height:1.1em; } #table-listing table caption, table.table-listing caption { border:0; border-bottom:0; padding:1em 0.5em; background:#fff; font-size:1.4em; line-height:1.1em; text-align:left; font-family:"opensansBold",sans-serif;} #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 td, table.table-listing tr:hover td { background:#ededed !important;} #table-listing table tr th, table.table-listing tr th { min-height:1em; padding:1em 0.5em; background:#375a81; font-family:'opensansBold',sans-serif; font-size:1.3em; line-height:1.1em; font-weight:normal; color:#fff; text-align:center;} table.table-listing.small tr th {font-size:1em;} #table-listing table a:hover,#table-listing table a:focus, table.table-listing a:hover, table.table-listing a:focus { text-decoration:underline;} #table-listing table tr td, table.table-listing tr td { font-size:1.1em; min-height:1em; vertical-align:top; border:0; padding:1em; margin:0.6em; background:#e3e4e4; border-bottom:1px solid #dfdfdf;} #table-listing table tr:nth-child(odd) td, table.table-listing tr:nth-child(odd) td { background:#fff;} #table-listing table tr td.center, table.table-listing tr td.center {text-align:center;} #table-listing table tr td.nowrap, table.table-listing tr td.nowrap {white-space:nowrap;} #table-listing table tr td.right, table.table-listing tr td.right,#table-listing table tr th.right, table.table-listing tr th.right {text-align:right; float:none;} table.table-listing .center { text-align:center; } table.table-listing tr.czerwien td { background:#ffdcdc; border-bottom:1px solid #ff3c3c; } table.table-listing h3 { font-size:1em; } /*MOBILE*/ #mobile #drukuj, #mobile #text-size { display:none;} /* wyrownywanie boxow - style systemowe */ .row { margin:0 -1.5em; } .reset a { margin:0 !important; } /*2 kol */ .twoRows {float:left; display:inline-block; margin:0 !important; width:50%; } .twoRows a { margin:0 1.5em 3em 1.5em; } .twoRows.reset a { margin:0; } .twoRows.firstInRow a { margin-left:0; margin-right:1.5em;} .twoRows.lastInRow a { margin-right:0; margin-left:1.5em; } /*3 kol */ .threeRows { float:left; display:inline-block; margin:0 !important; width:33.33%;} .threeRows a { margin:0 1.5em 3em 1.5em; } .threeRows.reset a { margin:0; } .threeRows.firstInRow a { margin-left:0; margin-right:1.5em; } .threeRows.lastInRow a { margin-right:0; margin-left:1.5em; } /*4 kol */ .fourRows { float:left; display:inline-block; margin:0 !important; width:25%;} .fourRows a { margin:0 1.5em 3em 1.5em; } .fourRows.reset a { margin:0; } .fourRows.firstInRow a { margin-left:0; margin-right:1.5em; } .fourRows.lastInRow a { margin-right:0; margin-left:1.5em; } /*5 kol */ .fiveRows,.dubblefiveRows { float:left; display:inline-block; margin:0 !important; width:20%;} .fiveRows a,.dubblefiveRows a { margin:0 1.5em 3em 1.5em; } .fiveRows.reset a { margin:0; } .fiveRows.firstInRow a { margin-left:0; margin-right:1.5em; } .fiveRows.lastInRow a { margin-right:0; margin-left:1.5em; } .dubblefiveRows { width:40%;} /* box 12 grid system */ .row, ul.row { margin:0 -15px; display:flex; flex-flow:wrap; justify-content:center; } .row.noGap, ul.row.noGap { margin:0; } ._1r._2r,._3r,._4r,._5r,._6r { display:block; margin:0 0 30px 0 !important; } ._1r a,._2r a,._3r a,._4r a,._5r a,._6r a { margin:0 15px; } .noGap ._1r,.noGap ._2r,.noGap ._3r,.noGap ._4r,.noGap ._5r,.noGap._6r, .noGap ._2r a,.noGap ._3r a,.noGap ._4r a,.noGap ._5r a,.noGap._6r a, ._1r.reset,._2r.reset,._3r.reset,._4r.reset,._5r.reset,._6r.reset, ._1r.reset a,._2r.reset a,._3r.reset a,._4r.reset a,._5r.reset a,._6r.reset a { margin:0 !important; } ._1r { width:100%; } ._2r { width:50%; } ._2r:nth-child(2n+1) { clear:left; } ._3r { width:33.33%; } ._3r:nth-child(3n+1) { clear:left; } ._4r { width:25%; } ._4r:nth-child(4n+1) { clear:left; } ._5r { width:20%; } ._5r:nth-child(5n+1) { clear:left; } ._6r { width:16.33%; } ._6r:nth-child(6n+1) { clear:left; } /*12 grid system */ .xrow { margin:0 -15px; display:flex; flex-flow:wrap;} .xrow.noGap { margin:0; } .xrow.dubbleGap { margin:0 -45px; } .x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 { display:block; margin:0; padding:0 15px; box-sizing:border-box;} .noGap .x1,.noGap .x2,.noGap .x3,.noGap .x4,.noGap .x5,.noGap .x6,.noGap .x7,.noGap .x8,.noGap .x9,.noGap .x10,.noGap .x11,.noGap .x12 { padding:0; } .dubbleGap .x1,.dubbleGap .x2,.dubbleGap .x3,.dubbleGap .x4,.dubbleGap .x5,.dubbleGap .x6,.dubbleGap .x7,.dubbleGap .x8,.dubbleGap .x9,.dubbleGap .x10,.dubbleGap .x11,.dubbleGap .x12 { padding:0 45px; } .x1 { width:8.33%;} .x2 { width:16.66%;} .x3 { width:25%;} .x4 { width:33.33%;} .x5 { width:41.66%;} .x6 { width:50%;} .x7 { width:58.33%;} .x8 { width:66.66%;} .x9 { width:75%;} .x10 { width:83.33%;} .x11 { width:91.66%;} .x12 { width:100%;} ._left50 {right:auto; left:50% !important; transform:var(--hcenter); } ._top50 {bottom:auto; top:50% !important; transform:var(--vcenter); } ._center50 { bottom:auto; top:50% !important; right:auto; left:50% !important; transform:var(--center);} /*===============================================*/ /* OKNA POPUP */ /*===============================================*/ /*okno zwykle*/ .okno_tlo { background:#fff; padding:2em; min-width:300px } /*okno drukuj*/ body.okno_tlo_print { background:#fff; } #printer { padding:0.6em; width:97%} #printer * { color:#000;} #printer #text-size, #printer #drukuj, #printer .noprint, #printer .opcje-strony, #printer .prev, #printer .next { display:none; } #printer #table-listing table tr td { font-size:0.9em; } #printer .img img { width:100%; height:auto; } #printer #metryka { height:110px; } #printer .zdjecia ul li { float:left; display:block} #printer .zdjecia-tumb {width:100%; height:auto; padding:0; } #printer .zdjecia-tumb-overlay { margin:1em auto;} #printer .zdjecia-tumb-wraper {position:relative; width:auto; } #printer .zdjecia-previous,#printer .zdjecia-next { display:none; } #printer .forms ins,#printer .forms .ins { position:relative; display:block; height:auto; padding:0; margin:10px 0 10px 0; } #printer .forms .label { position:relative; top:auto; left:auto; padding:0; width:auto; border:0; text-align:left; font-size:1.3em; font-weight:normal;} #printer .forms div.form_text { position:relative; padding:0 0 10px 0; color:#565656; font-size:1em;} #printer .wyszukiwarka,#printer .sort,#printer .filter, #printer #meni_strony, #printer #meniTab, #printer .meniTab, #printer .download, #printer .download,#printer .graf { display:none;} #printer .rekordy,#printer .obiekt.right { width:100%;} /*===============================================*/ /* FORMULARZE */ /*===============================================*/ .wyszukiwarka { position:relative; float:none; overflow:visible; padding:0.5em 6em; margin:0; background:#ededed; border:1px solid #e3e4e4; border-left:4px solid #375a81; z-index:1; } .rekordy { position:relative; float:none; overflow:visible; padding:0; margin:1em 0; background:#fff; z-index:0; } .rekordy .header { text-align:left; padding:1em 3em; border:0;} .rekordy .header h3 {display:inline-block; font-family:'opensansBold',sans-serif; font-size:2em; line-height:1em;} /* licznik */ .iloscRekordow { position:relative; display:inline-block; padding:1em 0 1em 2em; margin:0 0 0 2em; width:auto; text-align:left; z-index:1; border-left:1px solid #dadada; } .iloscRekordow h4 { font-family:'opensansBold',sans-serif; font-size:1.8em; line-height:1em; margin:0; padding:0; font-weight:normal;} .iloscRekordow h4 span { font-family:'opensansBold',sans-serif; color:#375a81;} /* formularz */ .forms { position:relative; display:block; overflow:hidden; border:0; margin:0; padding:0; } .forms .required { font-weight:normal; color:#ff0000; font-size:0.9em; } .forms br { clear:both; margin:0; padding:0; overflow:hidden; } .forms img { border:0; vertical-align:middle; } .forms form { height:auto; margin:0 auto; background:transparent; padding:0; color:#020202;} .forms fieldset { position:relative; display:block; z-index:1; height:auto; padding:0; margin:0; border:0; overflow:visible; } .forms legend{ position:relative; margin:0; padding:0.5em; overflow:hidden; font-family:"opensansLight",sans-serif; font-size:1.8em; line-height:1.3em; text-align:left; border:0; background:transparent; color:#000; } .forms legend.subtitle { position:relative; display:block; top:0; z-index:1; width:auto; overflow:hidden; padding:0.8em; text-align:left; font-size:1em; font-weight:bold;} .forms ins, .forms .ins { position:relative; display:block; overflow:visible; height:1%; padding:0.7em 0.8em 0.7em 40%; text-align:left; margin:0.5em 1em; background:transparent; font-size:1em; text-decoration:none; } .forms .box_error { border:1px solid #ff0000; } .forms .submit { padding:1em 0; text-align:center; } .forms .title { padding:0.5em; font-weight:normal; font-size:1.6em; line-height:1.1em; } .forms .subtitle { font-weight:bold; } .forms .all { padding:0.8em !important; } .forms label,.forms .label { position:absolute; top:50%; left:0; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); padding: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 div.form_input { position:relative; padding:0; width:auto; margin:0; background:transparent; text-align:left; color:#000; font-size:1em;} .forms div.form_input label,.forms div.form_input .label { position:relative; top:0; left:0; padding:0 0.5em; width:auto; border:0; text-align:left; font-size:1em; font-weight:normal;} .forms div.form_text { position:relative; padding:0.3em 0 0 0; width:auto; margin:0; text-align:left; color:#565656; font-size:1em; line-height:1em;} .forms div.form_text p {margin-top:0;} /* ustawienie dwa w rzedzie */ .forms .twoRows{ float:left; width:50%; } .forms .twoRows ins,.forms .twoRows .ins { padding:0.2em; } .forms .twoRows label,.forms .twoRows .label { position:relative; top:auto; left:auto; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); padding:0 0.5em 0.5em 0; float:none; width:auto; border:0; text-align:left; } .forms .twoRows .reset label,.forms .twoRows .reset .label {display:block; padding:0 0 0.5em 0; float:none; width:100%; text-align:left; box-sizing:border-box;} .forms .twoRows .reset .left label,.forms .twoRows .reset .left .label { position:relative; top:auto; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); left:auto; display:inline; vertical-align:middle; padding:0 0.5em 0 0; float:none; width:auto; border:0; text-align:left;} .forms .twoRows .form_input { position:relative; display:inline; float:none; padding:0; width:auto; margin:0; text-align:left; font-size:0.9em;} .forms .twoRows .reset .form_input {float:none; width:100%; } .forms .twoRows input[type=text],.forms .twoRows input[type=file],.forms .twoRows input[type=password] { width:90%; } .forms .twoRows select { width:90%; } .forms .twoRows input[type=text].data {width:50%;} .forms .twoRows input.data{ width:50%; font-size:0.9em; padding:0.6em 0; } .forms ins img {width:auto !important; height:auto !important;} /* wyszukiwarka dzialowa */ .forms.page { text-align:left; margin:0 0 1em;} .forms.page form { width:30%; margin:0; box-sizing:border-box; } .forms.page form fieldset { border:1px solid #b5bec4; background:#fff; box-sizing:border-box; } .forms.page form .szukaj-dzial { position:absolute; top:8px !important; width:190px; overflow:hidden; color:#b3b3b3; font-size:0.9em; font-weight:normal; text-align:left; } .forms.page input[type=text] { width:85%; border:0;} .forms.page input[type=submit],.forms.page button { position:absolute; top:0; right:0; display:block; width:30px; height:30px; padding:0; margin:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:#fcc133; } .forms.page input[type=submit]:before ,.forms.page button:before{ position:absolute; top:0; left:0; width:100%; text-indent:0; font-size:1.2em; line-height:1.3em; font-family:bor; content:"\e107"; color:#375a81; } .forms.page input[type=submit]:hover,.forms.page input[type=submit]:focus,.forms.page button:hover,.forms.page button:focus { color:#000; } .forms.archiwum .lupa:after { position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); right:3%; text-indent:0; font-size:1.2em; line-height:1.3em; font-family:bor; content:"\e106"; color:#375a81;} /* czyszczenie pola w wyszukiwarce */ .usun { position:relative; display:inline-block; vertical-align:middle;width:28px; height:28px; margin:0.03em 0 0 0.5em; } .usun a:link,.usun a:visited { position:relative; display:block; height:100%; text-decoration:none; color:#fff; background:#375a81; transition-duration:0.6s; } .usun a:before { font-family:bor; content:"\e111"; font-size:1.4em; line-height:1em; position:absolute; top:50%; transform: translate(0, -50%); left:0; width:100%; text-align:center; } .usun a:hover,.usun a:focus { background:#777; transition-duration:0.6s; } .usun a.active:before { content:"\e10f"; } /* wstawa date */ a.dateInsert { position:relative; display:inline-block; vertical-align:middle; width:28px; height:28px; margin:0.03em 0.2em 0 0; } a.dateInsert:link,a.dateInsert:visited { color:#000; text-decoration:none; transition-duration:0.6s; } a.dateInsert:before { font-family:bor; content:"\e11a"; font-size:1.6em; line-height:1em; position:absolute; top:50%; transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%); left:0; width:100%; text-align:center; } a.dateInsert:hover,a.dateInsert:focus { color:#777; transition-duration:0.6s; } /* opcje sortowania */ .sort { position:relative; display:inline-block; vertical-align:middle; z-index:2; margin:0 0.1em; white-space:nowrap; transition-duration:0.6s; } a.sort-up:link, a.sort-up:visited, a.sort-down:link, a.sort-down:visited { position:relative; display:inline-block; text-decoration:none; line-height:0.5em; margin-right:-7px; color:#fff; 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:#000; text-decoration:none !important; transition-duration:0.6s; } a.sort-up:before, a.sort-down:before { font-family:bor; content:"\e102"; font-size:0.8em; line-height:0.9em; position:relative; text-align:center; text-decoration:none; } a.sort-down:before {content:"\e103";} /* filtr - szybkie usuwanie nad wynikami */ .filter { position:relative; display:block; margin:1em 0.1em; } .filter h3 { position:relative; display:inline-block; margin:0 0.2em 0 0; font-size:1em; line-height:1em; color:#000; } .filter a:link,.filter a:visited { position:relative; display:inline-block; border:1px solid #ededed; padding:0.3em 0.5em; margin:0.1em 0.2em; text-decoration:none; font-size:1em; line-height:1em; color:#000; } .filter a:hover,.filter a:focus { background:#375a81; color:#fff; transition-duration:0.6s; } .filter a:before { font-family:bor; content:"\e10e"; font-size:1em; line-height:0.9em; color:#375a81; 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:#fff; transition-duration:0.6s; } /* pola formularza */ .forms input[type=text],.forms input[type=file],.forms input[type=password],.forms select,.forms textarea { font-size:1em; font-weight:normal; color:#222222; text-align:left; border:1px solid #cbcbcb; width:90%; margin:0; padding:0.5em; box-sizing:border-box; background-color:#fff; } .forms select { padding:0.5em 2em 0.5em 1em; } .select { position:relative; display:inline;} .select:after {content:'\e103'; font:0.7em "bor"; color:#375a81; background:#fff; position:absolute; top:-3px; right:6px; padding:6px 4px; pointer-events:none;} .select select { position:relative; padding:0.5em 0.5em 0.5em 1.2em; -webkit-appearance:none;-moz-appearance:none;} .select select[multiple] {z-index:2;} .forms input[type=text].number {width:20%;} .forms input[type=text].data {width:40%;} .forms input[type=password] { width:50%; border:1px #b0b0b0 dotted; } .forms input[readonly="readonly"] {opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .forms input[type=radio],.forms input[type=checkbox] { border:0; margin:0.4em 0.5em 0.4em 1em; background:transparent; } .forms textarea { padding:0.1em; overflow-y:auto; overflow-x:hidden; width:90%; } .forms input[type=submit],.forms input[type=button],.forms button { font-family:"opensansBold",sans-serif; font-size:1.4em; color:#375a81; font-weight:normal; text-align:center; text-transform:uppercase; width:auto; height:auto; margin:0.2em; padding:0.5em 1.2em; border:2px solid #375a81; border-radius:5px; overflow:hidden; background:transparent; cursor:pointer; transition-duration:0.6s; } .forms button.szukaj:after { font-family:bor; content:"\e114"; color:#fff; 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:#fff; background:#818181; } .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:#375a81; color:#fff; 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 { background-color:#ecf0f1; border:2px solid #375a81; -moz-box-shadow:0px 0px 5px #dadada; -webkit-box-shadow:0px 0px 5px #dadada; box-shadow:0px 0px 5px #dadada;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;} /* pretty checkbox */ .checkbox { position:relative; margin:0 0 1em; } .checkbox.radio label:after,.checkbox.radio label:before { border-radius:25px; } .checkbox input[type=checkbox],.checkbox input[type=radio] { position:absolute; left:-1000em; } .checkbox label {display:block; width:auto !important; height:auto !important; cursor:pointer; position:relative !important; top:auto; left:auto; background:transparent; padding:0 0 0 30px !important; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); border:0;} .checkbox label:after,.checkbox label:before {font-family:bor; font-size:0.8em; line-height:1.2em; display:block; width:20px; height:20px; cursor:pointer; position:absolute; top:0; left:0; padding:0; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); border:0; box-sizing:border-box; background:#fff; border:1px solid #cbcbcb; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;text-align:center;} .checkbox label:after { content:""; } .checkbox label:before { content:"\e112"; 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:#3e4146; color:#fff; border:1px solid #3e4146; } .checkbox input[type=radio]:checked + label:before { display:block; background:#375a81; color:#fff; border:1px solid #375a81; } .checkbox input[type=checkbox]:focus + label,.checkbox input[type=radio]:focus + label { text-decoration:underline; } .checkbox input[type=radio]:focus + label:before,.checkbox input[type=radio]:checked + label:before { border-radius:25px; } .checkbox label:hover:before { opacity:0.3; } /* zalaczone pliki do formularza*/ .forms ins .attachedFile img.sImg { border:0; width:120px; height:auto; margin:1em 0; } .forms ins .attachedFile img.sFile { border:0; width:35px; height:auto; margin:1em 10px 1em 0; } .forms ins .attachedFile .checkbox { margin:1em 0; display:inline-block; } /* dodtkowe info przy polu */ .infoForm { position:relative; display:inline-block; border:1px solid #ccc; padding:1em 1em 1em 50px; margin:1em 0 0 0; text-align:left; font-size:0.9em; line-height:1em; color:#222; font-family:'Tahoma',sans-serif; } .infoForm * { color:#000; } .infoForm:before { font-family:ipn; content:"\e13a"; font-size:2em; line-height:1em; color:#777; background-color:#ccc; width:35px; height:100%; text-align:center; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; } /* kroki formularz */ .steps {position:relative; background-color:#f3f3f3; margin:1em 0; padding:1em;} .steps:before { content:""; position:absolute; top:50%; left:0; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); width:100%; height:1px; background:#ccc; z-index:0; } .steps > ul { display:flex; flex-flow:wrap; justify-content:space-between; margin:0; padding:0; list-style-type:none; list-style-image:none; width:auto; float:none; z-index:2; } .steps > ul > li { position:relative; padding:0; margin:0; margin:1em; overflow:hidden; list-style:none; text-align:left; } .steps > ul > li div { position:relative; width:40px; height:40px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:1.2em; font-weight:700; border:2px solid #ccc; border-radius:100%; z-index:1;} .steps > ul > li div:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:100%; height:100%; border-radius:100%; background:#000; z-index:-1; } .steps > ul > li div.deactive { color:#ccc; } .steps > ul > li div.deactive:before { background:#fff; } .steps > ul > li div.current { color:#fff; border:2px solid #ca0000; } .steps > ul > li div.current:before { background:#000; } /* pliki upload */ .forms ul[id^="upload_list_"] { display:none; padding:0; margin:0; } .forms ul[id^="upload_list_"] li { position:relative; display:block; padding:1em 0; margin:0; overflow:hidden; overflow:visible; list-style:none; box-sizing:border-box;} .forms ul[id^="upload_list_"].show { display:block;} .forms input[type=file].uploadInput { display:none; } .forms .file { position:relative; display:block; border:1px solid #ccc; 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 #ccc; overflow:hidden; width:80%; height:20px;} .forms .file .progress span { display:block; background-color:#2ab718; padding:0; margin:0; border:0; overflow:hidden; width:0px; height:30px;} .forms .file .usun { float:right; z-index:2; } /* 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:"\e101"; } .forms.loginBox .passField:before { content:"\e101"; } .forms.loginBox .emailField:before { content:"\e101"; } /*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); } .forms .error { display:inline-block; background-color:#ca0000; color:#fff; font-size:0.9em; line-height:1em; padding:0.3em;} /* RWD */ @media only screen and (max-width: 1600px) { #page { width:100%;} } @media only screen and (max-width: 1300px) { .inside, header .inside { width:100%;} .zdjecia ul li.clear { display:none !important; } .panel.subpage { padding:110px 0 50px; } ul.mainmenu li { margin:0 1em 0 0;} .buttons { top:auto; bottom:10px; height:40px; z-index:1; } .buttons .prev, .buttons .next { position:absolute; top:0; margin:0; padding:0; } .buttons a:link ,.buttons a:visited { padding:0; margin:0;} .buttons a.button:after ,.buttons a.button:before{ font-size:3em; } .slider .inside {width:90%;} } @media only screen and (max-width: 70em) { #page { width:95%;} #topnews, footer { margin:0; } #back-to-top { bottom:10em; width:35px; height:35px;} #back-to-top a:before { font-size:1.6em;} #back-to-top a span { text-indent:-1000em; } .icon ul li { width:50%; margin:0 0 1em 0; } ul.mainmenu li { margin:0 0.3em 0 0;} ul.mainmenu a:link,ul.mainmenu a:visited { font-size:1.2em;} .meni-zajawkowe ul li { width:24%; } .slider .item .info .padding.leftSide,.slider .item .info .padding.rightSide { width:auto; left:50%;} .mLeft,.mCenter,.mRight,.subLeft,.subRight, .left, .right, aside.dodatki, .txt, .category, .txtArea { display:block; width:auto !important; float:none !important; margin:1em 0 1em 0 !important; clear:both; padding:1em;} } @media only screen and (max-width: 46em) { #page { width:auto; } #page {font-size:0.9em; } .inside { width:100%;} header { height:65px;} #menu,#search { top:65px; } #content { padding:0; } #topnews { text-align:center;} #sciezka-navi { display:none;} #back-to-top { bottom:1em; } .intro { display:none; } .panel.subpage { padding:0 0 50px; } header .logo { top:0; height:70px; } .logo h1 { position:relative; display:block; padding:0 10px; height:60px; background-color:#fff; } .logo h1 a:link,.logo h1 a:visited,.logo h3 a:link,.logo h3 a:visited { font-size:1.2em; display:block; padding:10px 0 0 85px; width:100%; height:100%; } .logo span.slogan { display:none} #header-opcje-gora { position:absolute; top:10px; left:auto; right:0; width:70%; text-align:right; } #header-opcje-gora ul.opcje { text-align:right; } #header-opcje-gora ul.opcje li { margin-right:0.3em;} #mobileMenu,#mobileDodatkoweBtn {display:block;} #menu,#mobileDodatkoweContent { display:none; width:100%; } #menu .inside{ display:block; margin:0; border:0;} #menu { position:absolute; bottom:auto; top:65px; left:auto; right:0; width:100%; z-index:5; } ul.mainmenu { margin:0 auto; padding:1em; height:auto; float:none; } ul.mainmenu li:hover ul ,ul.mainmenu li.iehover ul {display:none;} ul.mainmenu li {float:none; margin:0 0 0.5em 0; display:block; width:100%; background:transparent; clear:both; } ul.mainmenu { background:#fff; } ul.mainmenu a:link,ul.mainmenu a:visited,ul.mainmenu a:hover {display:block; height:auto; padding:0; box-sizing:border-box; background:none; font-size:1.2em;line-height:1em; color:#000; text-align:left; border:0; } ul.mainmenu span:after { position:relative; display:inline-block; vertical-align:middle; float:right; margin:0 0 0 0.5em; padding:0; overflow:visible; font-family:bor; content:"\e105"; font-size:1.5em; line-height:1em; color:#375a81; text-decoration:none; } ul.mainmenu a strong {font-weight:normal; padding:0; } ul.mainmenu a span {font-weight:normal; padding:1em; } ul.mainmenu ul, ul.mainmenu ul ul { position:relative; top:auto; right:auto; left:auto; width:auto; } ul.mainmenu a[class^="icon-"]:before, ul.mainmenu a[class*=" icon-"]:before { height:auto; font-size:2em; line-height:1em; padding:0.2em; color:#375a81;} .subMenu ul.shortlink {width:80%; font-size:0.8em } .meni-zajawkowe ul li { width:31%; } .flexBox { flex-direction:column; gap:0;} .flexBox .content { width:100%; } footer .inside {padding:0 0.5em; min-height:100%; } footer .inside.line{ padding:2em; margin:0; } footer ul.icons { float:none; } footer .threeRows:nth-child(1),footer .threeRows:nth-child(3),footer .threeRows:nth-child(2) { width:100% } .adres.logo { padding:0; } .adres.logo:before { position:relative; width:100%; height:100px; background-size:auto 80px; background-position:top center; } .head { font-size:0.8em; } .wyszukiwarka { padding:0.5em; } .wyszukiwarka, .rekordy, .obiekt, .obiekt .kontakt { float:none; width:auto;} .rekordy table.table-listing img { width:50px !important; } .obiekt .forms ins, .obiekt .forms .ins { padding:0.5em 0; } .obiekt .forms label, .obiekt .forms .label { position:relative; top:auto; left:auto; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); padding:0.5em 0; width:auto;text-align:left; } .obiekt .forms .label:before {display:none;} .meniTab,.txt .meniTab { padding:0; margin:1em 0 1em 0; width:auto; height:auto; border:0;} .meniTab ul { text-align:center;} .meniTab ul li { margin:0 0 0.2em 0; float:none; } .meniTab ul li a, .meniTab ul li a:visited, .meniTab ul li a:hover,.meniTab ul li a:active, .meniTab ul li a:focus,.meniTab ul li a.check { padding:0.7em 1em 0.7em 1em; border:1px solid #dfe3e6; } .naglowek { font-size:0.6em } .naglowek h2:before{ left:-80px; } .naglowek h2:after { right:-80px;} .MapaPozioma #mapy #map,.MapaPozioma #mapy .box-podsumowanie { width:100%; margin:0 0 1em 0} #mapy #map, #mapy #mapIn, article #map #mapIn {height: 250px;} .forms.page form { width:100%; } .box-incontent { float:none; width:auto; padding:2em; margin:1em 0 } div.q { width:100%; float:none; } img {width:100%; height:auto;} .iloscRekordow { position:relative; top:auto; right:auto; padding:0 0 0 2.4em; margin:1em; width:auto; height:40px; text-align:left; z-index:1; } .opcje-strony { top:1em; } .icon ul { margin:0;} .icon ul li { width:100%; box-sizing:border-box; margin:1em 0 } .okno ul li { padding:0; } .okno ul li img { position:relative; top:auto; left:auto; } .okno strong,.okno h3 { font-size:1.5em; } .okno ul li.alter a { min-height:auto; } .okno ul li.alter a .content,.okno ul li.alter a .imgwraper , .okno ul li.alter:nth-child(even) a .content ,.okno ul li.alter:nth-child(even) a .imgwraper { float:none; width:auto; } .okno ul li.alter h3 { font-size:2em} .okno ul li.alter a .content { padding:1em} .okno ul li.alter a .imgwraper { height:220px} .okno ul li.box > a { min-height:180px;} .okno ul li.news a { min-height:auto; padding:0 0 40px 0} .okno ul li.news .subcontent {bottom:0;} .okno ul li.news .subcontent > ul { margin:0 1em;} .slider { min-height:auto; } .slider .item .info .padding { font-size:0.6em; } .slider-previous,.slider-next,.slider-pause { width:35px; height:35px; } .slider-previous a:before,.slider-next a:before ,.slider-pause a:before { font-size:4em; } .slider-nav { bottom:20px; } blockquote,.blockquote { padding:0.3em 0.2em 0.3em 50px; margin:1em 0; background-image:none; } blockquote:before,.blockquote:before { font-size:2em;} blockquote:after,.blockquote:after { left:40px; } .pinned { position: relative; top: auto; bottom:auto; left: auto; width: 100%; z-index: 1; opacity: 1; padding:1em; box-sizing:border-box; } .pinned ul {text-align:center;} .pinned ul li { position: relative; width:auto; height:auto; margin:5px; padding:0; display:inline-block;} #meni_strony { font-size:0.9em;} #meni_strony ul li.noActive { display:none;} .forms .twoRows { float:none; margin:0 0 2em 0 !important; width:auto; display:block;} .row { margin:0;} .threeRows,.fourRows,.fiveRows,.dubblefiveRows { width:50%;} .threeRows:nth-child(2n+1),.fourRows:nth-child(2n+1) { clear:left; } .forms .twoRows select { width:100%; } .mobileShow { display:inline-block !important;} .mobileHide {display:none !important;} table::before { content:"Przesuń palcem w lewo, aby przewinąć widok"; display:block; font-size:0.9em; height:20px; margin-bottom:1em; margin-top:-30px; width:100%;} table { display:block; overflow:scroll; padding:3em 0 2em; } iframe {width:100%; height:300px;} ._2r ,._3r { width:50%; } ._3r:nth-child(2n+1) { clear:left; } ._3r:nth-child(3n+1) { clear:none; } .xrow { display:block; margin:0; } .x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 { float:none; width:100%; padding:0; margin:0 0 5px 0; } .x-sm { float:none; width:100% !important; padding:0; } } @media only screen and (max-width: 30em) { .slider { height:50vh; min-height:200px;} .vlaCalendarOverlay { padding:0 2em; font-size:1em; } .vlaCalendar .arrowLeft,.vlaCalendar .arrowRight { top:0; } .vlaCalendar .arrowLeft { left:0em;} .vlaCalendar .arrowRight { right:0em ;} .twoRows,.threeRows,.fourRows, .fiveRows, .dubblefiveRows { float:none; margin:0 0 0.5em 0 !important; width:auto; display:block;} .twoRows a, .threeRows a, .fourRows a, .fiveRows a, .dubblefiveRows a { margin:0; } .row, ul.row { display:block; margin:0; } ._2r ,._3r,._4r,._5r,._5r ,._6r { float:none; width:100%; } ._2r a,._3r a,._4r a,._5r a,._6r a { margin:0; } .x-xm { float:none; width:100% !important; padding:0; } .meni-zajawkowe ul li, .subAll .meni-zajawkowe ul li , .subRight .meni-zajawkowe ul li { margin:0 0 1em 0 !important; float:none; width:auto; display:block; font-size:0.8em; } .meni-zajawkowe ul li a, .subAll .meni-zajawkowe ul li a, .subRight .meni-zajawkowe ul li a { margin:0; } .foto_left,.foto_right,.zdjecia.pion { float:none; overflow:visible; padding:0; margin:1em 0 1em 0; width:auto; } .bannery-slider { width:130px !important;} .zdjecia ul li { width:auto; } .zdjecia { width:auto !important } .zdjecia ul li figure img {height:auto; } .zalaczniki {font-size:0.6em;} .forms ins, .forms .ins { padding:0.7em 0; text-align:left; margin:0.5em; } .forms label,.forms .label { position:relative; top:auto; left:auto; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); padding:0; width:auto; border:0; text-align:left;} }