@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap&subset=latin-ext'); @import url('/img/forum/forum.css'); @import url('/img/kursy/trainings.css'); :root { --color-main: #000; --color-grey: #888; --color-dark-grey: #313131; --color-light-grey: #efefef; --color-text: #111; --color-light-text: #7e7c7d; --color-green: #267c01; --color-red: #ca0000; --color-black: #111; --color-white: #fff; --color-yellow: #ffcc33; --color-facebook: #3a559f; --color-youtube: #ea412c; --color-twitter: #50abf1; --color-linkedin: #0077b5; --color-instagram: #555; --gradient: linear-gradient(180deg, rgba(31,75,148,1) 0%, rgba(0,111,53,1) 100%); --gradient-left: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); --gradient-right: linear-gradient(270deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); --gradient-top: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%); --gradient-bottom: linear-gradient(0deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%); --gradient-light: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%); --gradient-light-left: linear-gradient(90deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); --gradient-light-right: linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); --border-radius: 1px; --border-radius-button: 1px; --box-shadow: 0 0 10px rgba(160,160,160,0.2); --box-shadow-hover: 0 0 10px rgba(160,160,160,0.6); --text-shadow: 0 0 20px rgba(255,255,255,1), 0 0 15px rgba(255,255,255,0.8), 1px 1px 0px rgba(255,255,255,0.9); --text-dark-shadow: 0 0 20px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,0.8), 1px 1px 0px rgba(0,0,0,0.9); --vcenter: translate(0,-50%); --hcenter: translate(-50%,0); --center: translate(-50%,-50%); } html,body { font-family:"Ubuntu",sans-serif; font-style:normal; font-weight:normal; color:#010101; text-decoration:none; font-size:0.90em; letter-spacing:-0.05em; line-height:1em; margin:0; padding:0; } html { background-color:#fff; height:100%; } body.bg { background-color:#f2f2f2; } /* zaloba*/ body.greyscale header, body.greyscale #content, body.greyscale .newsscroller, body.greyscale #topnews, body.greyscale 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,body.zaloba header .txtLogo a:before { position:absolute; top:0; right:0px; z-index:2; font-family:encysol; content:"\e13d"; color:#000; font-size:2rem; line-height:1em; padding:0;} body.zaloba .logo h1 a:link,body.zaloba .logo h1 a:visited { background-position:0 center; background-size:80% auto; } body.zaloba header .txtLogo a { padding:0 40px 0 0;} #page { position:relative; display:block; padding:0; margin:0 auto; width:auto; overflow:visible; z-index:1; } .inside-wide { position:relative; width:1600px; margin:0 auto; box-sizing:border-box; } .inside { position:relative; width:1420px; margin:0 auto; box-sizing:border-box; } /* header */ header { position:relative; display:block; padding:0; margin:0; height:250px; width:100%; overflow:visible; background-color:#073858; z-index:3; transition-duration:1s; } header .inside,header .inside-wide { height:100%; } header.noMenu { height:125px;} header .logo { position:absolute; top:-40px; left:0; display:block; padding:0; margin:0; width:280px; height:100px; text-align:left; z-index:1; overflow:hidden; box-sizing:border-box; transition-duration:1s; } .logo h1 { position:relative; display:block; height:100%; margin:0; padding:0; font-size:1.5em; line-height:1em; text-decoration:none; font-weight:normal; white-space:nowrap; } .logo h1 span { display:block; font-size:1.5em;} .logo h1 a:link,.logo h1 a:visited { position:relative; display:block; z-index:1; padding:0; width:100%; height:100%; box-sizing:border-box; background-image:url("/dokumenty/szablonyimg/249-logo.svg"); background-repeat:no-repeat; background-position:left top; background-size:auto 100%; transform:translate3d(0,0,0); transition-duration:1s; font-family:"Ubuntu",sans-serif; font-size:1em; line-height:1.3em; color:#fff; text-align:left; text-decoration:none; font-weight:700;} .logo h1 a:hover,.logo h1 a:focus { text-decoration:none; transition-duration:1s; border:1px solid #fff;} /* menu */ #menu-wrapper { position:absolute; top:60px; right:0; display:inline-block; padding:0; margin:0 auto; width:100%; z-index:2; transition-duration:1s;} #menu { position:absolute; top:0; right:0; display:inline-block; padding:0; margin:0 auto; width:80%; z-index:2; transition-duration:1s;} #menu:before { content:""; opacity:0; position:absolute; top:0; left:0; display:block; padding:0; margin:0; width:100%; height:100%; overflow:hidden; z-index:-1; } #menu .inside { display:block; height:100%; padding:0 5px; box-sizing:border-box; } #menuCategoryPlaceholder { position:relative; display:block; padding:0; margin:0; z-index:3; transition-duration:1s;} #menuCategoryBtn { position:absolute; top:0; left:0; display:none; padding:0; margin:0; z-index:1; border:0; width:auto; height:auto; text-align:center; } #menuCategoryBtn a { display:block; font-size:1em; line-height:1em; color:#000; text-align:center; background:#eaeaea; padding:1em; text-decoration:none; white-space:nowrap; } #menuCategoryBtn a:hover,#menuCategoryBtn a:focus { color:#fff; background:#e00022;} #menuCategoryBtn a:before { font-family:encysol; content:"\e109"; font-size:2em; line-height:1em; display:inline-block; vertical-align:text-bottom; margin:0; vertical-align:middle; } #menuCategoryBtn.active a:before { content:"\e106"; } #menuCategoryBtn a strong { margin-left:10px; } #menuCategory { display:block; position:relative; padding:0; box-sizing:border-box; } /*fix */ .topnews.article #menuCategoryPlaceholder { top:auto; bottom:0;} .topnews.article #menuCategoryBtn { top:auto; bottom:0;} #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; z-index:99; display:none;} #menu-scroll #menu { top:0; left:0; height:70px; width:auto; background:#073858;} #menu-scroll .logo { position:absolute; top:10px; left:10px; display:block; padding:0; margin:0; width:280px; height:50px; text-align:left; z-index:5; overflow:hidden; box-sizing:border-box; transition-duration:1s;} #menu-scroll ul.mainmenu { text-align:center; float:none; } #menu-scroll ul.mainmenu li:nth-child(6) { margin-left: auto; } /* 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 { position:absolute; top:10px; right:0; display:block; padding:0; width:99%; height:30px; box-sizing:border-box; text-align:right; z-index:1; } #footer-opcje { position:relative; display:block; padding:5px 0; width:auto; box-sizing:border-box; text-align:left; width:auto; z-index:0; } ul.opcje { position:relative; display:inline-block; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:right;} ul.opcje li { position:relative; display:inline-block; margin:0; margin-right:1.8em; padding:0; vertical-align:middle; text-align:center; list-style:none; } ul.opcje li:last-child { margin-right:0} ul.opcje li.line { border-left:1px solid #e00022; padding-left:20px; } ul.opcje li.border { border:1px solid #e00022; padding:0 20px 0 20px; } ul.opcje.pion li { margin:0 0 0.5em 0; display:block; vertical-align:middle; text-align:left; list-style:none; } ul.opcje.pion li a, ul.opcje.pion li a:visited { text-align:left; white-space:nowrap; } ul.opcje.pion li a[class^="icon-"]:before, ul.opcje.pion li a[class*=" icon-"]:before { margin:0 10px 0 0; } ul.opcje li:last-child { margin:0; } ul.opcje i { font-style:normal; color:#fff;} ul.opcje strong { display:inline-block; padding:0; margin-left:5px; font-size:1rem; font-weight:normal; text-align:left;} ul.opcje li a,ul.opcje li a:visited { font-family:"Ubuntu",sans-serif; font-size:1em; line-height:0.9em; color:#fff; text-decoration:none; font-weight:500; text-transform:none; text-align:center; position:relative; padding:0; margin:0; display:block; } ul.opcje li a:hover,ul.opcje li a:active,ul.opcje li a:focus,ul.opcje li a.active { color:#e00022; 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; font-size:1.4rem; line-height:45px; font-family:encysol; color:#fff; text-align:center; text-decoration:none; vertical-align:middle; transition-duration:0.6s;} ul.opcje li.noBg a[class^="icon-"]:before, ul.opcje li.noBg a[class*=" icon-"]:before { background-color:transparent; color:#fff;} ul.opcje li a:hover[class^="icon-"]:before, ul.opcje li a:hover[class*=" icon-"]:before,ul.opcje li a:focus[class^="icon-"]:before, ul.opcje li a:focus[class*=" icon-"]:before { text-decoration:none; color:#e00022; transition-duration:0.6s;} ul.opcje li a.active[class^="icon-"]:before, ul.opcje li a.active[class*=" icon-"]:before { content:"\e11a"; color:#fff; transition-duration:0.6s;} ul.opcje li a span, ul.opcje li span { position:relative; display:inline-block; padding:0; margin:0; width:auto; vertical-align:calc(50%); overflow:hidden; } ul.opcje li.shortcut { margin-top:0; width:40px; height:40px; border:1px solid #e00022; overflow:hidden; } ul.opcje li.shortcut a { line-height:40px; padding:0 0.4em; color:#fff; } ul.opcje li.shortcut a:hover,ul.opcje li.shortcut a:active,ul.opcje li.shortcut a:focus { color:#fff; background:#e00022; transition-duration:0.6s;} ul.opcje li.text-size { min-width:30px; white-space:nowrap; } ul.opcje li.text-size strong{ font-size:1.1em} ul.opcje.LeftSide { float:left; width:40%; text-align:right;} ul.opcje.RightSide { float:right; width:40%; text-align:left;} /* font opcje */ #text-size { position:relative; display:inline-block; padding:0; margin:0; z-index:1; } #text-size a { position:relative; display:inline-block; padding:0; margin:0; text-decoration:none; color:#fff; } #text-size a:hover:before ,#text-size a:focus:before,#text-size a.check { color:#e00022;} #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:'Ubuntu',sans-serif; content:'A'; line-height:45px; font-weight:600; } #text-size a.a:before {font-size:1.1em; } #text-size a.aa:before{ font-size:1.4em; } #text-size a.aaa:before {font-size:1.6em; } /* search */ #search { position:absolute; bottom:15px; left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0); width:50%; height:120px; padding:0; box-sizing:border-box; font-size:1em; line-height:1.2em; z-index:1; } #search h3 { font-family:'Ubuntu',sans-serif; font-size:1.4em; line-height:1.2em; color:#fff; text-align:center; margin:0.4em 0;} #search form { position:relative; border:0; overflow:visible; width:100%; height:120px; margin:0; float:none; } #search fieldset { position:relative; border:1px solid #707070; overflow:visible; height:50px; width:100%; background-color:#fff; border-radius:20px; padding:0; box-sizing:border-box; text-align:left; margin:0; } #search fieldset legend, #search label { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; } #search input[type=text] { position:relative; padding:1em 70px 1em 2em; vertical-align:middle; width:100%; box-sizing:border-box; line-height:normal !important; display:inline-block; overflow:hidden; border:0; background:transparent; color:#000; font-size:1.1rem; font-family:"Rubik",sans-serif; font-weight:normal; text-align:left; } #search input[type=submit],#search button { position:absolute; top:8px; right:10px; display:block; width:40px; height:35px; padding:0; border:0; border-left:1px solid #fff; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:#000; transition-duration:0.6s;} #search input[type=submit]:before ,#search button:before{ position:absolute; top:0; right:0; width:100%; text-indent:0; font-size:2.2rem; line-height:35px; } #search input[type=submit]:hover,#search input[type=submit]:focus,#search button:hover,#search button:focus { color:#e00022; background-color:transparent;transition-duration:0.6s; } #search div { margin:5px 0; text-align:center;} #search a:link,#search a:visited { position:relative; display:inline-block; padding:0.4em 0.4em 0.4em 25px; background:transparent; border:1px solid #fff; border-radius:5px; font-family:"Ubuntu",sans-serif; font-size:1em; color:#fff; text-decoration:none; } #search a:before { position:absolute; top:3px; left:4px; font-family:encysol; color:#fff; font-size:1.4em; line-height:1em; } #search a:hover,#search a:focus { background:#e00022; color:#fff; } /* sciezka */ #sciezka-navi { position:relative; display:block; text-align:left; padding:1em 0; margin:0; border-bottom:1px solid #eaeaea; z-index:0; color:#b8b8b8; font-size:1em; line-height:1em; background:#fff; } #sciezka-navi h3 { display:inline-block; vertical-align:middle; font-family:'Ubuntu',sans-serif; font-size:1em; line-height:25px; color:#b8b8b8; margin:0 0.5em 0 0; } #sciezka-navi ul { position:relative; display:inline-block; padding:3px 0 0 30px; margin:0; list-style-type:none; list-style-image:none; width:auto; vertical-align:baseline; } #sciezka-navi ul:before { position:absolute; left:0; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); width:25px; height:25px; display:block; margin:0; content:"\e104"; font-size:1.2rem; line-height:25px; font-family:encysol; color:#b8b8b8; text-align:center; text-decoration:none; transition-duration:0.6s;} #sciezka-navi ul li { position:relative; display:inline-block; margin:0; margin-left:0.3em; padding:0; border:0; text-align:left;list-style:none; } #sciezka-navi a:link,#sciezka-navi a:visited { display:inline-block; font-size:1em; line-height:25px; padding:0 0 0 1.2em; color:#000; font-weight:normal; text-decoration:none; } #sciezka-navi a:hover,#sciezka-navi a:active,#sciezka-navi a:focus {color:#000; text-decoration:underline; } #sciezka-navi a:before { font-family:encysol; content:"\e101"; font-size:0.6em; line-height:25px; color:#b8b8b8; text-decoration:none; position:absolute; top:0; left:0;text-align:left; } #sciezka-navi ul li:first-child a:before { content:""; } #sciezka-navi ul li:first-child a { padding:0; } /* 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:encysol; font-size:1em; line-height:1em; color:#e00022; content:"\e104"; vertical-align:middle; } /* content */ #topnews,.topnews {position:relative; display:block; margin:0 auto 0 0; width:100%; min-height:200px; padding:0; overflow:visible; text-align:left; font-size:1em; background-repeat:no-repeat;background-position:center center; background-size:cover; z-index:1; } #topnews { margin:0 auto 0 auto; transition-duration:3s;} .topnews.article { min-height:500px; } /* header img */ .headerImg { position:relative; display:block; padding:0; margin:0 auto; width:100%; height:30vh; border-top:1px solid #fff; overflow:hidden; background-repeat:no-repeat; background-attachment:scroll; background-size:cover; z-index:0; } .headerImg .img { display:block; padding:0; margin:0 auto; width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; z-index:0; } .headerImg:after{ content:""; position:absolute; top:0; left:0; z-index:1; padding:0; width:100%; height:100%; margin:0; padding:0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); } .headerImg img { position:relative; display:block; padding:0; margin:0; width:100%; height:auto;} /* header naglowek */ .tophead { position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:80%; padding:0; margin:0; } .tophead .naglowek { margin:0;} .tophead h2 { font-family:'Ubuntu',sans-serif; font-size:2em; line-height:1.2em; color:#000; text-align:center; margin:0; } .tophead h3 { font-family:'Ubuntu',sans-serif; font-size:2em; line-height:1.2em; color:#fff; text-align:center; margin:0.5em 0;} #content { position:relative; display:block; padding:0 0 25px 0; margin:0 auto; overflow:visible; z-index:1; } #content.img { background-repeat:no-repeat; background-attachment:fixed; background-size:cover; } #content.mainPage { margin-top:0 } #content.subPage .panel { background-color:#fff; padding:20px; } /*efekt wyczernienia po najechaniu na menu*/ #topnews:before,#content:before { position:absolute; content:""; top:0; left:0; display:block; margin:0; width:100%; height:100%; z-index:-1; border:0; background: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; } /* str glowna */ .panel { position:relative; overflow:visible; padding:4em 0; margin:0 auto; z-index:0; clear:both; } .panel.fixed { background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position:top center; margin:0 auto;} .panel.noMargin { margin:0 auto; } .panel.noPadding { padding:0; } .panel.padding { padding:3em; } .panel.line .inside { border-top:2px solid #e00022;} .panel.up { margin:-30px auto; } .panel.cut { padding: 90px 0; -webkit-clip-path: polygon(25% 0, 100% 10%, 100% 100%, 0 90%, 0 0); clip-path: polygon(25% 0, 100% 10%, 100% 100%, 0 90%, 0 0); z-index:2;} .panel.cut:after { content:""; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background-image:url("/dokumenty/szablonyimg/249-bg-2.png"); background-repeat:repeat; background-position:center center; } .panel.half:after { content:""; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:50%; background:#fff;} .panel.dark.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(14,48,119,0.55); } .panel.dark.mask.half:before { height:50%; } .panel.light.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.75); } .panel.light.mask.half:before { height:50%; } .panel.light { background-color:#f8f8f8;} .panel.dark { background-color:transparent; } .panel.dark .naglowek h3,.panel.dark .naglowek a { color:#fff; } .panel.bg1 { background-image:url("/dokumenty/szablonyimg/249-bg-1.jpg");} .panel.bg2:after { content:""; position:absolute; z-index:-2; top:0; left:0; width:100%; height:100%; background-image:url("/dokumenty/szablonyimg/249-bg-2.png"); background-repeat:no-repeat; background-position:top center; } .panel.bg3 { } .panel.bg3:after { content:""; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background-image:url("/dokumenty/szablonyimg/249-bg-3.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover; } .panel.bg3:before { content:""; position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background:#000; background:linear-gradient(145deg, #999 0%, #000 100%); opacity:0.5; } .panel.bg4 { background-color:#fff; background-image:url("/dokumenty/szablonyimg/249-bg-4.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center center;} .panel ._100vh { padding:0; height:100vh; min-height:850px;} .panel ._80vh { padding:0; height:80vh; min-height:700px;} .panel ._60vh { padding:0; height:60vh; min-height:500px;} div[class^="x"].line,div[class*=" x"].line { position:relative; padding-left:40px;} div[class^="x"].line:before,div[class*=" x"].line:before { content:""; position:absolute; bottom:0; left:0; width:2px; height:calc(100% - 60px); border-left:2px solid #e2e2e2; } /* podstrona ogolna */ .subAside { float:left; overflow:visible; padding:0; margin:0; box-sizing:border-box; z-index:1; width:24%;} .subContent { position:relative; float:right; overflow:visible; padding:2em; margin:0; box-sizing:border-box; background:rgba(255,255,255,0.99); z-index:0; width:75%; } .full .subContent,.full .subAside { width:100%; float:none;} /* foot */ footer { position:relative; padding:0; margin:0 auto; text-align:center; width:auto; min-height:200px; border-top:1px solid #073858; background-color:#073858; } footer *, footer h3, footer a:link { color:#fff } footer a:hover { color:#575757; } footer .inside { padding:40px 0; } footer h3 { position:relative; font-family:'Ubuntu', serif; font-size:1.5em; line-height:1.2em; font-weight:600; color:#fff; text-align:left; padding:0; margin:0 0 1.5em 0; border:0; } footer h3:before { position:absolute; bottom:-1em; left:0; display:block; content:''; width:100%; height:1px; background:#e1e1e1; text-align:left; z-index:2; } footer .goDown { bottom:auto; top:-30px; } .adres { position:relative; padding:0; margin:0 auto 0; width:auto; z-index:1; text-align:center; } .adres.line { padding:20px 0 0 0;} .adres.line:before { content:""; position:absolute; top:0; left:0; z-index:0; width:60%; height:1px; background:#fff;} .adres.up { margin:-100px auto 0;} .adres .logo { position:relative; display:inline-block; margin:0; width:300px; height:220px; z-index:1; border:0; background-position:0 0; background-size:100% auto; background-repeat:no-repeat; box-sizing:border-box; } .adres .logo { background-image:url("/dokumenty/szablonyimg/249-logo-ipn-white.png"); } .adres strong { font-family:'Ubuntu', serif; font-size:1.2em; line-height:1em; color:#b7bcc7; text-align:center; font-weight:700; display:block; margin:20px 0 0.2em 0;} .adres strong span { font-size:1.4em; line-height:1em; font-weight:600; display:block; margin:0.2em 0 0 0;} .adres p { position:relative; overflow:hidden; padding:0; margin:0.8em auto; text-align:left; display:block; font-weight:400; } .adres p { font-family:'Ubuntu',serif; font-size:1.3em; line-height:1.2em; color:#b7bcc7; overflow:visible;} .adres p a:link,.adres p a:visited { color:#b7bcc7; margin:0; text-decoration:none;} .adres p a:hover, .adres p a:focus {color:#e00022; text-decoration:underline;} .adres p[class^="icon-"]:before, .adres p[class*=" icon-"]:before { font-family:encysol; position:absolute; left:0; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); font-size:2rem; line-height:2rem; display:block; color:#fff; } .adres p[class^="icon-"], .adres p[class*=" icon-"] { padding:1em 0 1em 4rem; } .footer-opcje { position:relative; padding:0; margin:0; text-align:left; } .footer-opcje ul.opcje { position:relative; top:auto; right:auto; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:left;} .footer-opcje ul.opcje li { margin:0 0 2.5em 0; padding:0; float:none; display:inline-block; text-align:left;} .footer-opcje ul.opcje strong { display:inline-block; padding:0 0 0 1em; margin:0; font-weight:normal; text-align:left;} .footer-opcje ul.opcje li a:link,.footer-opcje ul.opcje li a:visited { text-align:left; white-space:nowrap; color:#fff; font-size:1.2em; } .footer-opcje ul.opcje li a:hover,.footer-opcje ul.opcje li a:focus { color:#e00022; text-decoration:underline; } .footer-opcje ul.opcje li a:link[class^="icon-"]:before, .footer-opcje ul.opcje li a:link[class*=" icon-"]:before, .footer-opcje ul.opcje li a:visited[class^="icon-"]:before, .footer-opcje ul.opcje li a:visited[class*=" icon-"]:before{ font-size:1.8em; line-height:35px; width:35px; height:35px; display:inline-block; vertical-align:middle; text-align:center; margin-right:.5em; color:#fff; } .footer-opcje ul.opcje li a:hover[class^="icon-"]:before, .footer-opcje ul.opcje li a:hover[class*=" icon-"]:before { color:#e00022; background:#fff; } .footer-menu { position:relative; padding:0; margin:0; width:auto; text-align:left; text-align:center; background-color:#565656; z-index:0; } .footer-menu ul { position:relative; display:block; padding:0; margin:0; width:100%; list-style-type:none; list-style-image:none; text-align:center; } .footer-menu ul li { position:relative; margin:0 1.5em 0 0; padding:0; display:inline-block; list-style:none; } .footer-menu a:link,.footer-menu a:visited { position:relative; display:block; padding:1em 0 1em 0; margin:0; font-family:'Ubuntu',serif; font-size:1.4em; line-height:1.2em; color:#fff; text-decoration:none; font-weight:400; text-transform:none; text-align:left; } .footer-menu a:hover ,.footer-menu a:active,.footer-menu a:focus { color:#e00022; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;} .footer-menu a[class^="icon-"], .footer-menu a[class*=" icon-"] { padding:0 0 0 25px !important;} .footer-menu a[class^="icon-"]:before, .footer-menu a[class*=" icon-"]:before { font-family:encysol; display:block; color:#fff; font-size:1em; line-height:1em; font-weight:400; position:absolute; top:50%; left:0; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); text-align:center;} .footer-menu ul ul { text-align:left; margin:0; padding:0; } .footer-menu ul ul li { width:auto; float:none; display:block;} .footer-menu ul ul a:link,.footer-menu ul ul a:visited {padding:0 0 1em; font-size:1em;} /* slider */ .slider { position:relative; width:auto; height:60vh; min-height:300px; overflow:visible !important; margin:0; padding:0; transition-duration:3s; } .slider div.slider_wraper { position:relative; width:100%; height:100%; padding:0; margin:0; overflow:hidden; background-color:#f1f1f1; } .slider .item { display:none; position:relative; width:100%; height:100%; padding:0; text-align:left; overflow:hidden; -webkit-transition: 1s ease-in-out left; -o-transition: 1s ease-in-out left; transition: 1s ease-in-out left } .slider .item.active, .slider .item.next, .slider .item.prev { display:block; } .slider .item.active { left:0; } .slider .item.next, .slider .item.prev { position:absolute; top:0; width:100% } .slider .item.next { left:100%; } .slider .item.prev { left:-100%; } .slider .item.next.sliderLeft, .slider .item.prev.sliderRight { left:0; } .slider .item.active.sliderLeft { left:-100%; } .slider .item.active.sliderRight { left:100%; } @media all and (transform-3d), (-webkit-transform-3d) { .slider .item { -webkit-transition: -webkit-transform 1s ease-in-out; -o-transition: -o-transform 1s ease-in-out; transition: transform 1s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000px; perspective:1000px; } .slider .item.active.sliderRight, .slider .item.next { left:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } .slider .item.active.sliderLeft, .slider .item.prev { left:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } .slider .item.active, .slider .item.next.sliderLeft, .slider .item.prev.sliderRight { left:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } } .slider .item .info { position:absolute; top:0; left:0; padding:0; width:100%; height:100%; margin:0; padding:0; opacity:0; z-index:2; } .slider .item.active .info { opacity:1; transition-duration:1.5s; } .slider .item .info p { opacity:0; } .slider .item.active .info p { animation:fadeIn 1s; opacity:1; transition-duration:1.5s; } .slider .item .info .inside { position:relative; height:100%; } .slider .item .info .padding { position:absolute; width:80%; padding:0; box-sizing:border-box; text-align:left; bottom:10%; left:50%; transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0); } .slider .item .info .padding a[class^="icon-"], .slider .item .info .padding a[class*=" icon-"] { } .slider .item .info .padding a[class^="icon-"]:before, .slider .item .info .padding a[class*=" icon-"]:before { width:100px; height:100px; position:absolute; top:-50px; left:50%; transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0); background-color:#fff; text-align:center; display:block; margin:0; z-index:1; border:1px solid #fff; border-radius:100%; text-align:center; vertical-align:middle; font-size:3rem; line-height:100px; color:#000; } .slider .item .info h3 { position:relative; display:inline-block; padding:0; margin:0 auto; font-family:'Ubuntu', sans-serif; font-size:3em; line-height:1.2em; font-weight:700; letter-spacing:0; text-align:left; color:#fff; text-transform:none; -webkit-box-decoration-break: clone; box-decoration-break: clone } .slider .item .info p { position:relative; padding:0; margin:1em 0; font-family:'Ubuntu', sans-serif; font-size:2em; line-height:1em; color:#fff; font-weight:500; text-align:left; border:0; } .slider .item .info .data { position:relative; display:block; margin:0.5em 0; padding:0; font-family:'Ubuntu', sans-serif; font-size:1.3rem; line-height:1.3rem; color:#e00022; font-weight:500; letter-spacing:0.03em; text-align:left; z-index:2; } .slider .item .info .data:before { font-family:encysol; content:"\e10a"; color:#e00022; font-size:1.3rem; line-height:1.3rem; position:relative; display:inline-block; padding:0 5px 0 0; margin:0; vertical-align:middle; transition-duration:1s; } .slider .item .imgwraper { position:relative; top:0; right:0; width:100%; height:100%; padding:0; overflow:hidden; display:block; margin:0; transition-duration:0.6s; background-size:cover; background-position:center center; background-repeat:no-repeat; transition-duration:1s; } .slider .item .imgwraper img { border:0; width:100%; height:auto; display:none; } .slider .item .imgwraper:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:1; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%); } .slider .item a:link,.slider .item a:visited { position:relative; display:block; height:100%; padding:70px 0 0 0; font-size:1em; color:#fff; text-align:left; text-decoration:none; transition-duration:1s; } .slider .item a:hover ,.slider .item a:active ,.slider .item a:focus { transition-duration:0.3s; background-color:#fff; padding:70px 1em 1em 1em; font-size:1em;} .slider .item a:hover h3 ,.slider .item a:active h3 ,.slider .item a:focus h3 { color:#000; transition-duration:1s;} .slider .item a:hover p ,.slider .item a:active p ,.slider .item a:focus p { color:#000; transition-duration:1.3s;} .slider-nav { position:absolute; bottom:20px; right:3%; width:auto; padding:0; margin:0; text-align:center; z-index:1; } .slider-nav ul { margin:0; padding:0; } .slider-nav ul li { position:relative; display:inline-block; padding:0; margin-right:1em; width:35px; height:35px; } .slider-nav ul li:before { content:""; position:absolute; top:0; left:0; width:35px; height:35px; border:1px solid #fff; box-sizing:border-box; border-radius:100%; z-index:-1; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; } .slider-nav ul li a:link,.slider-nav ul li a:visited { position:relative; display:inline-block; overflow:hidden; font-size:0; text-indent:-100em; text-decoration:none; background:transparent; width:34px; height:34px; border:0; padding:0; } .slider-nav ul li a:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:31px; height:31px; border-radius:100%; background:#fff; z-index:2; opacity:0;} .slider-nav ul li a:hover,.slider-nav ul li a:focus { color:#fff; opacity:1; } .slider-nav ul li a:hover:before,.slider-nav ul li a:focus:before,.slider-nav ul li.active a:before { transition-duration:0.6s; } .slider-nav ul li.active a:before { opacity:1; transition-duration:0.6s; } .slider-previous,.slider-next,.slider-pause { position:absolute; top:50%; top:50%; transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); z-index:3; width:60px; height:60px; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; } .slider-previous { left:20px; } .slider-next { right:20px;} .slider-pause { display:none; right:20px; top:auto; bottom:20px; width:60px; height:60px; font-size:0.7em;} .slider:hover .slider-previous, .slider:hover .slider-next { -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;} .slider-previous a:link,.slider-previous a:visited, .slider-next a:link,.slider-next a:visited, .slider-pause a:link,.slider-pause a:visited { position:relative; display:block; width:100%; height:100%; text-decoration:none; font-size:1em; color:#fff !important; background-color:rgba(0,0,0,0.1); border-radius:100%; } .slider-previous a:before,.slider-next a:before ,.slider-pause a:before { font-family:encysol; content:"\e100"; font-size:2em; 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%; color:#fff; text-align:center; } .slider-next a:before { content:"\e101"; } .slider-pause a:before { content:"\e114"; font-size:4em; } .slider-previous a:active,.slider-previous a:hover,.slider-previous a:focus, .slider-next a:active,.slider-next a:hover,.slider-next a:focus, .slider-pause a:active,.slider-pause a:hover,.slider-pause a:focus,.slider-pause.play a { background-color:rgba(240,240,240,0.8); } .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:#000; } .slider-pause.play a:before { content:"\e128"; } .slider-previous a span,.slider-next a span,.slider-pause a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0em; } .slider span.wiecej { position:relative;display:inline-block; padding:0.5em 1em; margin:2em 0 0 0; font-family:'Ubuntu', sans-serif; font-size:2em; color:#fff; font-weight:normal; text-align:center; text-transform:none; text-decoration:none; white-space:nowrap; border:2px solid #fff;; cursor:pointer; background:transparent; box-decoration-break:clone; } .slider span.wiecej:after { position:relative; display:inline-block; float:none; margin:0; padding:0; content:""; font-size:0.8em; line-height:1em; } .slider a:hover span.wiecej,.slider a:active span.wiecej,.slider a:focus span.wiecej {color:#e00022;} /* news - KARUZELA */ .carusel { position:relative; overflow:visible; width:100%; height:auto; padding:0 80px 0; box-sizing:border-box; margin:0 auto; } .carusel.wide { width:1600px;} .carusel-overlay { position:relative; width:100%; overflow:hidden; height:100%; padding:0; margin:0; } .carusel-wraper {position:relative; top:0; left:0; width:100000px; z-index:0;} .carusel .okno li { float:left; margin:0; display:inline-block; } .carusel .okno li a { margin:0 10px !important;} /* przyciski */ .carusel-previous,.carusel-next { position:absolute; top:40%; z-index:5; cursor:pointer; width:60px; height:60px; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; } .carusel-previous { left:5px } .carusel-next { right:5px; } .carusel-previous a:link,.carusel-previous a:visited, .carusel-next a:link,.carusel-next a:visited { position:relative; display:block; width:100%; height:100%; border:0; opacity:1; text-decoration:none; font-size:1em; color:#fff !important; background-color:#073858; } .carusel-previous a:before,.carusel-next a:before { font-family:encysol; content:"\e100"; font-size:2rem; 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; } .carusel-next a:before { content:"\e101"; } .carusel-previous a:active,.carusel-previous a:hover,.carusel-previous a:focus, .carusel-next a:active,.carusel-next a:hover,.carusel-next a:focus { background-color:#e00022; } .carusel-previous a:hover:before,.carusel-previous a:focus:before,.carusel-next a:hover:before,.carusel-next a:focus:before { color:#fff; } .carusel-previous a span,.carusel-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0; } .carusel-previous a.end,.carusel-next a.end {opacity:0.5; transition-duration:0.6s;} /*newsscroller*/ .newsscroller { position:relative; display:block; padding:0; margin:0; width:auto; height:auto; background:#ffcc33; overflow:hidden; white-space:nowrap; z-index:1; } .newsscroller .inside { padding:1em 0; overflow:hidden;} .newsscroller h3 { position:absolute; top:0; left:0; padding:1em; margin:0; display:block; background:#ffcc33; z-index:2; text-align:left; font-weight:normal; text-transform:none; color:#000; font-size:1.4em; line-height:0.4em; text-transform:uppercase; } .newsscroller h3:before { font-family:encysol; content:"\e126"; color:#000; font-size:1.4em; line-height:1em; position:absolute; top:8px; left:5px; display:block; padding:0; margin:0; vertical-align:middle; text-align:center; transition-duration:1s; } .newsscroller .list > a:link,.newsscroller .list > a:visited { font-family:"Ubuntu",sans-serif; font-weight:normal; color:#000; font-size:1.2em; line-height:1em; text-decoration:none; padding:0.1em 1em; margin-left:30px; list-style:none; position:relative; } .newsscroller .list > a:hover,.newsscroller .list > a:active,.newsscroller .list > a:focus{ color:#fff; text-decoration:none; background:#e00022; } .newsscroller .usun { position:absolute; top:7px; right:0; padding:0; margin:0; z-index:2; } .newsscroller .usun a:link, .newsscroller .usun a:visited { background-color:#ffcc33;} .newsscroller .usun a:hover, .newsscroller .usun a:focus { background-color:#e6bc02;} .newsscroller .usun a:before {color:#000;} /* przypiete */ .przypiete { position:fixed; top:45%; left:5px; width:50px; z-index:10; opacity:1; transition-duration:1s; } .przypiete ul { position:relative; padding:0; margin:0; float:none; list-style-type:none; list-style-image:none; width:auto; text-align:right; z-index:1; } .przypiete ul li { position:relative; width:100%; height:auto; margin:0 0 5px 0; padding:0; display:block; list-style:none; } .przypiete a:link,.przypiete a:visited { position:relative; display:block; width:50px; height:50px; padding:1em; box-sizing:border-box; background:#fff; color:#073858; box-shadow:0px 0px 5px #ccc; border-radius:100%; text-decoration:none; } .przypiete a span:before { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); display:block; font-size:1.8em; line-height:1em; text-decoration:none; text-align:center; transition-duration:0.7s;} .przypiete a:hover,.przypiete a:focus { background:#073858; color:#fff; left:-5px; transition-duration:1.2s; } .przypiete a:hover:before,.przypiete a:focus:before { color:#fff;} .calendar { position:relative;box-sizing:border-box; display:block; background-color:#fff; z-index:1;} /* male ikonki oznaczenia */ .iconSmall { position:relative; display:block; margin:0; width:70px; height:70px; 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:70px; height:70px; z-index:0; border:0; } .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:3.5rem; line-height:3.5rem; font-family:encysol; } /* BLOKI */ .okno { margin:0; padding:0; width:auto; text-align:left; clear:both;} .okno.line { padding:2em 0 0em; border-bottom:1px solid #e00022; } .okno h3,.okno h4 { display:block; margin:0 0 0.5em 0; padding:0; font-family:"Ubuntu", sans-serif; color:#073858; 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:"Ubuntu",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:"Ubuntu",sans-serif; font-size:1.2em; line-height:1.3em; margin:0.3em 0; } /* data */ .okno .data { position:relative; display:block; margin:0.5em 0; padding:0; font-family:'Ubuntu', sans-serif; color:#e00022; font-size:1.2em; line-height:1em; text-align:left; z-index:2; } .okno .dataFloat { position:relative; display:inline-block; margin:0.5em 0; padding:3px 0 0 28px; font-family:'Ubuntu', sans-serif; color:#e00022; font-size:1.2em; line-height:1em; font-weight:500; text-align:left; z-index:2;} .okno .dataFloat:before { font-family:encysol; content:"\e10e"; color:#e00022; font-size:1.3rem; line-height:1em; position:absolute; top:0; left:0; display:block; padding:0; margin:0; vertical-align:middle; text-align:center; transition-duration:1s; } .okno .buttonLike { position:absolute; top:-30px; right:10px; display:block; z-index:2;} .okno a:hover .data ,.okno a:focus .data { color:#e00022; 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:center; list-style-type:none; list-style-image:none; width:auto; float:none; } .okno > ul > li { position:relative; padding:0; margin:0; margin-bottom:2em; overflow:hidden; list-style:none; text-align:left; } .okno > ul > li:last-child { border-bottom:0; } /* line */ .okno ul li.line { padding:2em 0 !important; margin:0; border-bottom:1px solid #eaeaea; } .okno ul li.line:last-child{ border-bottom:0; } .okno ul li.line .status { float:right; text-transform:uppercase;} /* border */ .okno ul li.border a { padding:2em !important; border:3px solid #eaeaea !important; } /* 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:0 2em; height:auto; box-sizing:border-box; } .okno ul li.news h3 { position:relative; display:block; padding:0.5em 0; margin:0; font-family:"Ubuntu", sans-serif; font-size:1.8em; line-height:1.2em; font-weight:400; text-align:left; color:#000; } .okno ul li.news .content:before { content:""; position:absolute; top:0; left:0; width:0; height:1px; z-index:0; transition: all 0.2s ease-out; background-color:#e00022; } .okno ul li.news p { position:relative; padding:0; margin:0.5em 0; font-family:'Ubuntu', sans-serif; font-size:1.4em; line-height:1.3em; font-weight:300; color:#414858; text-align:left; border:0; } .okno ul li.news a { position:relative; display:block; color:#000; padding:0; border:0; transition-duration:0.6s; min-height:400px; overflow:hidden; border:1px solid #dedede; background-color:#dedede; } .okno ul li.news.noHeight a { min-height:280px; } .okno ul li.news .dataFloat { display:block; } .okno ul li.news a:hover,.okno ul li.news a:focus { transition-duration:0.6s; border-color:#fff; } .okno ul li.news a:hover h3,.okno ul li.news a:active h3,.okno ul li.news a:focus h3 { color:#e00022; 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 .content:before,.okno ul li.news a:active .content:before,.okno ul li.news a:focus .content:before { width:100%; background: linear-gradient(to right, #e00022 0%,#dedede 100%); transition: all 0.4s ease-in; } .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:0; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;} .okno ul li.news a .imgwraper { position:relative; width:100%; height:300px; padding:2em; overflow:visible; box-sizing:border-box; display:block; margin:0; background-position:center center; background-size:cover; text-align:center; } .okno ul li.news a .imgwraper:before { content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.25); transition:all 0.3s ease-out; } .okno ul li.news a .imgwraper img { height:100%; width:auto;} .okno.noHeight ul li.news a { min-height:auto; } .okno ul li.news .wiecej { float:right; } /* box jeden pod drugin zdjecie lewo */ .okno ul li.list { padding:0; margin:0 0 2em 0; text-align:left; overflow:visible; display:block; height:auto; } .okno ul li.list .content { position:relative; display:inline-block; margin:0; padding:10px 0 0 20px; width:100%; height:auto; box-sizing:border-box; } .okno ul li.list .content:before { content:""; opacity:1; z-index:0; position:absolute; top:10px; right:-10px; width:2px; height:50%; box-sizing:border-box; display:block; background-color:#e00022; transition:all 0.3s ease-out; } .okno ul li.list .dataFloat { display:block; margin-bottom:1em; } .okno ul li.list h3 { position:relative; display:block; padding:0; margin:0; font-family:"Ubuntu", sans-serif; font-size:1.8em; line-height:1.2em; font-weight:500; text-align:left; color:#4a4a4a; } .okno ul li.list p { position:relative; padding:0; margin:1em 0; font-family:'Ubuntu', sans-serif; font-size:1.2em; line-height:1.1em; color:#000; text-align:left; border:0; } .okno ul li.list a:link,.okno ul li.list a:visited { position:relative; display:flex; align-items:flex-start; color:#000; padding:0; border:0; transition-duration:0.6s; overflow:hidden; } .okno ul li.list a:hover,.okno ul li.list a:focus { transition-duration:0.6s; border-color:#e00022; } .okno ul li.list a:hover h3,.okno ul li.list a:active h3,.okno ul li.list a:focus h3 { color:#e00022; text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; } .okno ul li.list a:hover p ,.okno ul li.list a:focus p { color:#000; } .okno ul li.list a:hover .imgwraper:before ,.okno ul li.list a:focus .imgwraper:before { opacity:1; z-index:0; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;} .okno ul li.list a:hover .content:before { height:100%; } .okno ul li.list a .imgwraper { position:relative; display:inline-block; flex-shrink:0; width:28%; min-height:100px; padding:0; margin:0 3em 0 0; overflow:hidden; } .okno ul li.list a .imgwraper:before { content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.25); transition:all 0.3s ease-out; } .okno ul li.list a .imgwraper img { width:100%; height:auto;} /* box zwykly */ .okno ul li.box { padding:0; margin:0 0 2em 0; text-align:left; overflow:visible; border:0; display:block; height:auto; } .okno ul li.box:nth-child(2n) {animation-delay:.2s } .okno ul li.box .content{ position:absolute; bottom:0; left:0; margin:0; padding:4em; width:100%; height:100%; box-sizing:border-box; background: rgba(236,236,236,0.8); } .okno ul li.box h3,.okno ul li.box h2 { position:relative; display:block; padding:0; margin:0; font-family:'Ubuntu', sans-serif; font-size:2em; line-height:1em; font-weight:700; text-align:left; color:#000; } { position:relative; display:block; padding:0 0 1.5em 0; margin:0; font-family:'Ubuntu', sans-serif; font-size:2em; line-height:1.2em; font-weight:700; text-align:left; color:#000; } .okno ul li.box h2 { font-size:4em; } .okno ul li.box p { position:relative; padding:1em 0; margin:0; font-family:'Ubuntu', sans-serif; font-size:1.4em; line-height:1.2em; color:#000; text-align:left; border:0; } .okno ul li.box > a { position:relative; display:block; color:#000; padding:0; background:#ececec; transition-duration:0.6s; height:auto; overflow:hidden; } .okno ul li.box a:hover,.okno ul li.box a:focus { transition-duration:0.6s; } .okno ul li.box a:hover h3,.okno ul li.box a:active h3,.okno ul li.box a:focus h3,.okno ul li.box a:hover h2,.okno ul li.box a:active h2,.okno ul li.box a:focus h2 { color:#e00022; text-decoration:none; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out; } .okno ul li.box a:hover p ,.okno ul li.box a:focus p { display:block; color:#000; transition: all 0.8s ease-out; opacity:1; height:auto; } .okno ul li.box a .imgwraper { position:relative; width:100%; height:400px; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center center; background-size:cover; } /* box okrogle */ .okno ul li.icon { padding:0; margin:0 0 2em 0; text-align:center; overflow:visible; display:block; height:auto; } .okno ul li.icon:nth-child(2n) {animation-delay:.2s } .okno ul li.icon .content{ position:relative; display:block; margin:0; padding:2em; box-sizing:border-box; border:0; } .okno ul li.icon h3 { position:relative; display:block; padding:0 0.5em 0 0; margin:0; font-size:2.3em; line-height:1.2em; font-weight:700; text-align:left; text-transform:none; color:#000; } /* prasa corrects */ .okno ul li.icon h3.prasaTitle {margin-top: -1.5em; margin-bottom: 2em} .okno ul li.icon h3.prasaSubTitle {margin-top: -2.75em; font-size: 1.5em; font-weight: 400;} /* .prasa corrects */ .okno ul li.icon > a { position:relative; display:block; color:#073858; padding:0; border:0; min-height:120px; transition-duration:0.6s; overflow:hidden; text-align:left; border:1px solid #dedede; background:#dedede; } .okno ul li.icon a:hover ,.okno ul li.icon a:focus { transition-duration:0.6s; background-color:#073858; } .okno ul li.icon a:hover .content:after,.okno ul li.icon a:focus .content:after { transition-duration:0.6s; background-color:#fff; } .okno ul li.icon a:hover h3,.okno ul li.icon a:active h3,.okno ul li.icon a:focus h3 { color:#fff; 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.icon a:hover p ,.okno ul li.icon a:focus p { color:#000; } .okno ul li.icon a:hover .imgwraper ,.okno ul li.icon a:focus .imgwraper { opacity:1; background-size:auto 180%; -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.icon a:hover .imgwraper:before ,.okno ul li.icon a:focus .imgwraper:before { background-color:rgba(255,255,255,0); transition: all 0.8s ease-out; } .okno ul li.icon a .iconSmall[class^="icon-"],.okno ul li.icon a .iconSmall[class*=" icon-"]{ background-color:transparent; border:0; } .okno ul li.icon a .iconSmall[class^="icon-"]:before,.okno ul li.icon a .iconSmall[class*=" icon-"]:before{ font-size:4rem; line-height:5rem; color:#000; } .okno ul li.icon a:hover .iconSmall[class^="icon-"]:after,.okno ul li.icon a:hover .iconSmall[class*=" icon-"]:after { color:#fff; } .okno ul li.icon a:hover .iconSmall[class^="icon-"]:before,.okno ul li.icon a:hover .iconSmall[class*=" icon-"]:before { font-size:4rem; line-height:1em; color:#fff; transition:all 0.6s ease-out; } .okno ul li.icon a .imgwraper { position:relative; width:70px; height:70px; overflow:visible; display:block; margin:2em 2em 0; padding:0; background-position:center center; background-repeat:no-repeat; background-size:cover; transition: all 0.8s ease-out; } .okno ul li.icon a .imgwraper:before { content:""; position:absolute; top:0; left:0; z-index:0; opacity:1; width:100%; height:100%; overflow:visible; padding:0; display:block; margin:0; background-color:rgba(255,255,255,0); transition: all 0.8s ease-out; } /* prasa corrects */ .okno ul li.icon a .imgwraperr { position:relative; width:70px; height:40px; overflow:visible; display:block; margin:2em 2em 0; padding:0; background-position:center center; background-repeat:no-repeat; background-size:cover; transition: all 0.8s ease-out; } .okno ul li.icon a .imgwraperr:before { content:""; position:absolute; top:0; left:0; z-index:0; opacity:1; width:100%; height:100%; overflow:visible; padding:0; display:block; margin:0; background-color:rgba(255,255,255,0); transition: all 0.8s ease-out; } /* .prasa corrects */ .okno ul li.icon a:after { font-family:encysol; content:"\e101"; font-size:1.2rem; color:#073858; line-height:30px; opacity:1; z-index:4; position:absolute; top:50%; right:10px; width:30px; height:30px; display:block; background-color:transparent; border:0; transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transition:all 0.3s ease-out; } .okno ul li.icon a .imgwraper img { width:auto; height:100%; z-index:0;} .okno ul li.icon .wiecej { margin:0; } .okno ul li.icon .subcontent { display:none; position:absolute; left:0; top:0; margin:0; z-index:5; width:100%; box-sizing:border-box; padding:2em; box-shadow:0px 2px 5px#000; background-color:#f1f1f1; } .okno ul li.icon.active .subcontent { display:block; } .okno ul li.icon .subcontent .usun { position:absolute; right:20px; top:10px;} .okno ul li.icon .subcontent ul > li a:hover h4,.okno .subcontent ul > li a:focus h4 { color:#fff;} /* ze strzlka */ .okno ul li.arrow { margin:0; padding:0; text-align:left; overflow:visible; display:block; height:auto; } .okno ul li.arrow:last-child{ border-bottom:0; } .okno ul li.arrow a:link,.okno ul li.arrow a:visited { position:relative; color:#000; padding:2em 0 2em 80px; border:0; overflow:hidden; text-align:left; transition-duration:0.6s; } .okno ul li.arrow a h3 { font-family:"Ubuntu", sans-serif; font-size:1.8em; line-height:1.2em; display:inline-block; margin:0; font-weight:700; } .okno ul li.arrow a h3 span { display:block; margin:0; padding:0 0 0.4em; font-family:"Ubuntu",sans-serif; color:#555; font-size:0.6em; line-height:1em; font-weight:normal; text-align:left; text-transform:uppercase;} .okno ul li.arrow a p { display:block; font-size:1.4em; line-height:1.2em; } .okno ul li.arrow a:before { font-family:encysol; font-size:2rem; line-height:30px; text-align:center; font-weight:none; color:#e00022; background:#fff; border:2px solid #e00022; border-radius:100%; padding:10px; width:30px; height:30px; position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); left:0; z-index:1; } .okno ul li.arrow a:after { content:'';width:1px; height:100%; position:absolute; top:0; left:25px; background:#e00022; z-index:0; } * 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.full { width:100%; } .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-front .iconSmall:before { color:#000;} .okno ul li.flip .content-back { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 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-back .iconSmall {top:50px; } .okno ul li.flip .content-back .iconSmall:before { color:#000;} .okno ul li.flip .content .label { position:absolute; top:50%; 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; } .okno ul li.flip h3 { position:relative; display:block; padding:0 30px 0.5em; margin:0; font-family:"Ubuntu", sans-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:'Ubuntu', 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:hidden; height:400px; transform-style:preserve-3d; } .okno ul li.flip a:hover,.okno ul li.flip a:focus { border-color:#e00022; } .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.6s ease-in;-moz-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in;transition: all 0.6s 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; color:#000; } .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(250,250,250,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 na przemian */ .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:55%; 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; text-align:center; } .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:#ccc; } .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:hover .imgwraper,.okno ul li.alter a:focus .imgwraper { margin-left:0; transform:scale3d(1.05, 1.05, 1); } .okno ul li.alter a .imgwraper { position:relative; float:left; width:40%; height:400px; border:0; padding:0; overflow:hidden; display:block; margin:0; background-position:center center; background-size:cover; transform: scale3d(1, 1, 1); -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.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; } /* subcontent w bloku */ .okno .subcontent > ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; } .okno .subcontent > ul > li { position:relative; padding:0; margin:0; overflow:hidden; list-style:none; text-align:left; } .okno .subcontent > ul > li:last-child { border-bottom:0; } .okno .subcontent > ul > li a { position:relative; display:block; height:auto; color:#000; padding:0.5em; margin:0; border:0; border-bottom:1px solid #dadcdd; transition-duration:0.6s; overflow:hidden; } .okno .subcontent > ul > li h4 { font-size:1em; line-height:1em; display:inline-block; margin:0; } /*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:encysol; 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 {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:#073858; 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:#073858; text-decoration:none; } .okno ul li a:hover p ,.okno ul li a:focus p { color:#e00022; } .okno ul li a:hover .data ,.okno ul li a:focus .data { text-decoration:none; } .okno .imgwraper,.imgwraper { position:relative; display:block; padding:0; margin:0; overflow:hidden; background-position:center top; background-size:cover } .okno .imgwraper img,.imgwraper img { border:0; width:100%; height:auto; } .okno .imgwraper.border,.imgwraper.border { padding:30px; border:1px solid #e00022} .okno .iconSmall { position:absolute; top:0; right:0; background-color:rgba(255,255,255,1); border:1px solid #fff; } .okno .iconSmall:before { color:#000; } /* button */ .okno .wiecej { position:relative; display:inline-block; margin:1em 0 0 0; padding:5px; background:#073858; border:0; color:#fff; font-family:"Ubuntu",sans-serif; font-size:1em; vertical-align:middle; text-transform:uppercase;} .okno .wiecej:after { position:relative; display:inline-block; vertical-align:top; float:none; margin:0 5px; padding:0; overflow:visible; font-family:encysol; content:"\e101"; font-size:1em; line-height:1em; color:#fff; text-decoration:none; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; } .okno a:hover .wiecej ,.okno a:focus .wiecej { background:#e00022; color:#fff; -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 a:hover .wiecej:after ,.okno a:focus .wiecej:after { color:#fff;} /* button All */ .wiecejAll { position:relative; display:block; float:none; text-align:center; padding:0; margin:1em 0; z-index:1 } .wiecejAll a:link,.wiecejAll a:visited { display:inline-block; position:relative; padding:1em 4em; margin:0; border:0; font-family:"Ubuntu",sans-serif; font-size:1.3em; line-height:1em; color:#fff; font-weight:500; text-align:center; text-transform:uppercase; text-decoration:none; white-space:nowrap; cursor:pointer; background:transparent; } .wiecejAll a:active,.wiecejAll a:hover,.wiecejAll a:focus { color:#000; text-decoration:none; transition-duration:0.7s; } .wiecejAll a:link:after,.wiecejAll a:visited:after { content:""; position:absolute; display:block; top:0; left:0; width:100%; height:100%; background:#073858; z-index:-1; transition-duration:0.4s; } .wiecejAll a:active:after,.wiecejAll a:hover:after,.wiecejAll a:focus:after { height:1px; transition-duration:0.4s;} .wiecejAll.light a:link,.wiecejAll.light a:visited { color:#fff; } .wiecejAll a[class^="icon-"], .wiecejAll a[class*=" icon-"] { padding-top:35px !important;} .wiecejAll a[class^="icon-"]:before, .wiecejAll a[class*=" icon-"]:before { font-family:encysol; display:block; font-size:1.2rem; line-height:1em; position:absolute; top:10px; left:50%; transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0); text-align:center;} /* NAGLOWEK BLOKOW */ .naglowek { position:relative; display:inline-block; overflow:visible; margin:0 0 4em 0; padding:0; width:auto; text-align:left; } .naglowek.line {padding:0 0 3em 0; border-bottom:5px solid #e00022; } .naglowek.padding {padding:0 0 3em 0; } .naglowek.margin {margin:4em 0; } .naglowek.center { text-align:center; } .naglowek.absolute { position:absolute; top:0; left:10px; z-index:2 ;} .naglowek[class^="icon-"] h2, .naglowek[class*=" icon-"] h2 { padding:0 0 0 70px!important;} .naglowek[class^="icon-"]:before, .naglowek[class*=" icon-"]:before { font-family:encysol; display:block; color:#000; font-size:3rem; line-height:1em; position:absolute; top:50%; left:0; transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); text-align:left;} .naglowek[class^="icon-"] h3, .naglowek[class*=" icon-"] h3 { padding:0 0 0 50px !important;} .naglowek h2 { position:relative; display:inline-block; padding:0; margin:0; font-family:'Ubuntu', serif; color:#000; font-weight:700; font-size:4em; line-height:1.3em; letter-spacing:0; text-transform:none; text-align:center;} .naglowek h3,.naglowek strong { position:relative; display:inline-block; padding:0; margin:0; font-family:'Ubuntu', serif; color:#000; font-weight:500; font-size:3em; line-height:1.3em; letter-spacing:0; text-transform:none; text-align:left;} .naglowek h2 span {font-weight:300; } .naglowek h3 span {font-weight:700; font-size:1.5em; display:block; } .naglowek.light h2, .naglowek.light h3,.naglowek.light strong, .naglowek.light[class^="icon-"]:before, .naglowek.light[class*=" icon-"]:before { color:#fff; background:none; -webkit-text-fill-color: #fff;} .naglowek.bg-white { background:#fff; padding:2em 4em; width:auto; text-align:left; } .naglowek h2 a:link,.naglowek h2 a:visited { text-decoration:none; color:#000;} .naglowek h3 a:link,.naglowek h3 a:visited { text-decoration:none; color:#073858;} .naglowek h2 a:hover,.naglowek h2 a:focus, .naglowek h3 a:hover,.naglowek h3 a:focus { text-decoration:underline; } /* fix*/ article .naglowek,aside .naglowek { margin:0 0 2em 0; } /* PDF Viewer */ iframe.pdfviewer { height: 1000px !important; width: 100% !important; border:1px solid#e00022; } .pdfviewer2 { height: 80vh; width: 100% !important; /* min-height: 100vh; */} /* PDF Viewer */ /* TRESC */ article,#txt,.txt { font-family:'Ubuntu',sans-serif; font-size:1.3em; line-height:1.4em; font-weight:normal; color:#010101; text-align:left; padding:0; margin:0; position:relative; } .txt strong,.cke_editable strong { font-family:'Ubuntu',sans-serif; font-weight:600;} .cke_editable { font-size:1.2em; line-height:1.3em;} .cke_editable a:link,.cke_editable a:visited, article a:link,article a:visited { color:#e00022; } .txt { position:relative; overflow:visible; padding:0; margin:0; box-sizing:border-box; z-index:0;} .txt[class^="icon-"]:before, .txt[class*=" icon-"]:before { font-family:encysol; position:absolute; right:0; top:0; font-size:5rem; line-height:1em; color:#c1c1c1; display:block; } .txt[class^="icon-"]:after, .txt[class*=" icon-"]:after { content:""; position:absolute; right:90px; top:0; width:2px; height:100%; background-color:#c1c1c1; display:block; } .txt[class^="icon-"], .txt[class*=" icon-"] { font-family:'Ubuntu',sans-serif; line-height:1.4em; padding-right:100px; } article table td, article table th { font-size:1em; font-weight:normal; border-color:#e4e4e4; } .txt.slogan { font-size:2em; } .txt .author { font-style:italic;} .ikonka { position:relative; float:left; margin:0 0.5em 0.5em 0; width:40px; height:auto; } .ikonka img { position:relative; width:40px; height:auto; } .head { position:relative; padding:0; margin:0 0 1em 0; } .head h2 {font-family:'Ubuntu',sans-serif; font-size:1.8em; line-height:1.2em; 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:'Ubuntu',sans-serif; font-size:1.1em; 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:'Ubuntu', sans-serif; color:#000; font-size:1em; line-height:1em; text-align:center; } h1 { font-family:'Ubuntu',sans-serif; font-size:2.5em; line-height:1.1em; font-weight:normal; color:#000; text-align:left; padding:0; margin:0 0 0.5em 0; } h2 { font-family:'Ubuntu',sans-serif; font-size:2em; line-height:1.1em; font-weight:normal; color:#000; text-align:left; padding:0; margin:0 0 0.5em 0; } h3 { font-family:'Ubuntu',sans-serif; font-size:1.6em; line-height:1.3em; font-weight:normal; color:#e00022; 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.2em; font-weight:normal; color:#000; text-align:left; padding:0; margin:1em 0; } h6 { font-size:1.1em; line-height:1.1em; font-weight:normal; color:#444; text-align:left; padding:0; margin:1em 0; text-transform:uppercase; } .txtArea { position:relative; float:left; overflow:visible; padding:0; margin:0; box-sizing:border-box; width:65%; z-index:1;} aside.dodatki { position:relative; float:right; width:30%; box-sizing:border-box; padding:40px 0 0 0; margin:0 0 1em 0; overflow:visible; text-align:left; font-size:1em; line-height:1.1em; z-index:1; } .fullscreen .txtArea,.fullscreen aside.dodatki { float:none; width:auto;} /* opcje tekstu*/ .opcje-strony { position:relative; width:100%; padding:0; margin:1em 0; z-index:1; } .opcje-strony.line:before,.opcje-strony.line:after { content:""; position:absolute; top:2px; left:0; display:block; width:100%; height:1px; background-image: linear-gradient(45deg, #f5f5f5 33.33%, #ffffff 33.33%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 83.33%, #ffffff 83.33%, #ffffff 100%); background-size: 16.97px 16.97px; } .opcje-strony.line:after { top:auto; bottom:2px; } .opcje-strony .drukuj { padding:0;} .opcje-strony .tagi { position:relative; text-align:left; padding:0; margin:0.5em 0; color:#444; 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; height:40px; font-size:1em; padding:0; margin:2em 0 0; z-index:0; } .buttons .prev,.buttons .next { position:absolute; top:0; display:block; float:none; overflow:visible;} .buttons .prev { left:0; } .buttons .next { right:0; } .buttons .next a.button:before,.buttons .prev a.button:after { display:none; } /*metadane*/ .metryka { position:relative; padding:0; margin:2em 0; } .metryka .item {display:inline-block; vertical-align:middle; font-family:'Ubuntu',sans-serif; margin:0 10px 0 0;} .metryka .item:before { font-family:encysol; font-size:1em; line-height:0.8em; color:#e00022; 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;} .metadane { font-size:0.9em} /* ikonki tekstu*/ .drukuj{ position:relative; padding:1em 0; margin:0; z-index:1; border:0; min-height:20px; } .drukuj.Left { float:left; } .drukuj .buttonInLine { display:inline-block; margin:0 0 0 10px; vertical-align:top;} .drukuj ul { position:relative; padding:0 40px; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:right;} .drukuj ul li { position:relative; display:inline-block; margin:0; margin-right:0.5em; padding:0; border:0; text-align:right; list-style:none; } .drukuj ul li.Left { float:left;} .drukuj a:link,.drukuj a:visited { position:relative; display:inline-block; margin:0; padding:0.8em; background:#fff; border:1px solid #03527a; font-family:'Ubuntu',sans-serif; color:#000; font-size:1em; line-height:1em; text-decoration:none; text-transform:uppercase; transition-duration:1s;} .drukuj a strong { font-weight:normal; margin-left: 20px; } .drukuj a:hover,.drukuj a:focus { text-decoration:none; transition-duration:0.7s; } .drukuj a:hover:before,.drukuj a:focus:before { color:#e00022; transition-duration:1.5s; } .drukuj a span { position:absolute; bottom:20px; left:0; opacity:0; padding:1em; white-space:nowrap; width:auto; height:auto; box-sizing:border-box; border:1px solid #e00022; background:#fff; font-size:0.8em; line-height:1em; text-align:left; z-index:-1; transition-duration:1s;} .drukuj a span:before { content:""; position:absolute; bottom:-20px; left:0.7em; display:block; width:0; height:0; border-style:solid; border-width:20px 20px 0 20px; border-color:#e00022 transparent transparent; z-index:2;} .drukuj a:hover span,.drukuj a:focus span { position:absolute; bottom:70px; opacity:1; display:block;transition-duration:0.3s;} .drukuj a:before { display:inline-block; margin:0; padding:0; border:0; font-family:encysol; content:"\e101"; color:#03527a; font-size:2.2em; line-height:1em; vertical-align:middle; text-decoration:none;} .drukuj a.pdf:before { content:"\e10c"; } .drukuj a.print:before { content:"\e10a"; } .drukuj a.wstecz:before { content:"\e10f"; } .drukuj a.polec:before { content:"\e10b"; } .drukuj a.share:before { content:"\e10d"; } .drukuj a.facebook:before { content:"\e142"; color:#3b5998; } .drukuj a.twitter:before { content:"\e143"; color:#1bb2e9; } .drukuj.share { position:absolute; display:block; top:-50px; right:0; width:auto; padding:0; margin:0; z-index:2; } #share { display:none; } /* 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; text-align:center; list-style-type:none; list-style-image:none; width:auto; } .zdjecia ul li { padding:0; margin:0 0 1em 0; text-align:left; overflow:visible; display:block; height:auto; list-style:none; vertical-align:top; } .zdjecia .naglowek { display:block; margin:0; padding:2em 0; border:0; background:none !important; float:none; list-style:none; box-sizing:border-box; width:100%; background-image:none; min-height:auto; clear:both; } .zdjecia .row .naglowek { margin:2em 20px;} .zdjecia .naglowek h3 { font-family:'Ubuntu',sans-serif; font-size:1.2em;line-height:1em; font-weight:600; } .zdjecia ul li.clear { margin:0; padding:0; border:0; clear:both; width:100%; list-style:none; height:10px; visibility:hidden; } .zdjecia ul li figure {position:relative; text-align:center; padding:0; margin:0; border:0;} .zdjecia ul li figcaption { position:absolute; bottom:0; left:0; display:block; width:auto; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; background-color:rgba(255,255,255,0.5); color:#000; font-size:0.8em; line-height:1em; padding:0.5em 0.7em; text-align:left; text-shadow:2px 2px 1em #fff, 2px 2px 1em #fff, 2px 2px 1em #fff; z-index:2; } .zdjecia ul li figure img { display:block; width:100%; height:auto; } .zdjecia ul li a:link,.zdjecia ul li a:visited { position:relative;display:block; padding:0; border:1px solid #fff; color:#fff; text-decoration:none; } .zdjecia ul li a:hover,.zdjecia ul li a:focus { color:#ff6600; background-color:#e00022; -moz-box-shadow:0 0 6px #565656; -webkit-box-shadow:0 0 6px #565656; box-shadow:0 0 6px #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 { opacity:0.5; -moz-box-shadow:0 0 6px #565656; -webkit-box-shadow:0 0 6px #565656; box-shadow:0 0 6px #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; } /*galeria embed*/ .galeria_embed .zdjecia ul { margin:0 -1em;} .galeria_embed .zdjecia ul li { width:25%; float:left; margin:0;} .galeria_embed .zdjecia ul li:nth-child(4n+1) { clear:left; } .galeria_embed .zdjecia ul li figure {position:relative; text-align:center; padding:0; margin:0 1em 2em;} .galeria_embed .zdjecia ul li a:link,.zdjecia ul li a:visited { margin:0;} /*lupa*/ .zdjecia ul li a:link:before { font-size:2em; font-family:encysol; content:"\e107"; color:#fff; line-height:60px; opacity:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:60px; height:60px; text-align:center; z-index:2; transition-duration:2s; } .zdjecia ul li a:hover:before,.zdjecia ul li a:focus:before { opacity:1; animation:zoomOut 0.6s ease-out 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:60px; height:60px; opacity:0; z-index:0; border-radius:100%; transition-duration:0.5s;} .zdjecia ul li a:hover:after { border:1px solid #fff; background-color:rgba(255,255,255,0); animation:zoomIn 1s ease-out 1; opacity:1; transition-duration:0.5s; } /* 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 #e00022; box-sizing:border-box; display:block; z-index:2; } /* zdjecia - KARUZELA */ .zdjecia-tumb { position:relative; overflow:visible;width:100%; height:auto; padding:0 60px; margin:1em 0; box-sizing:border-box;} .zdjecia-tumb-overlay { position:relative; overflow:hidden; width:auto; height:100%; padding:50px 0; margin:0;} .zdjecia-tumb-wraper {position:relative; width:100000px; z-index:0;} .zdjecia-tumb-wraper ul { margin:0; } .zdjecia-tumb-wraper ul li { float:left; display:inline-block; width:220px;} .zdjecia-tumb-wraper ul li a img { width:100%; height:auto; padding:0; border:0; } .zdjecia-tumb-wraper ul li.active > figure { overflow:visible; } .zdjecia-tumb-wraper ul li.active figure { font-size:1em; z-index:2; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s;} /* przyciski */ .zdjecia-previous,.zdjecia-next { position:absolute; top:50%; margin:0; z-index:1000; width: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; width:100%; height:100%; text-decoration:none; outline:0 !important; background-color:#f3f3f3; border-radius:100%; } .zdjecia-previous a:before,.zdjecia-next a:before { font-family:encysol; content:"\e100"; font-size:1.3em; line-height:50px; position:absolute; top:0; left:15px; 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 { background-color:#e00022; } .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:#fff; } .zdjecia-previous a span,.zdjecia-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0; } /* zdjecia All */ .zdjecia.fullSize ul li ,.zdjecia.halfSize ul li { width:auto; margin:0 0 1em 0; } .zdjecia.fullSize ul li { width:100%; } .zdjecia.halfSize { width:40%; float:left; margin:0; margin:0 2em 2em 0; clear:right; z-index:2; } .zdjecia.fullSize ul li figcaption,.zdjecia.halfSize ul li figcaption,.imgMain figcaption { font-size:1em; line-height:1em; padding:1em 0.7em; } /*duze zdjecia */ .imgMain { position:relative; margin:0; padding:0; line-height:0; text-align:center; } .imgMain figure {position:relative; text-align:center; padding:0; margin:0; border:0; } .imgMain img { width:100%; height:auto; } /* układ zdjęć */ .foto { border:1px solid #fff; } .img_center {vertical-align:middle;} .foto_right,.foto_left{ margin:0.1em; border:0; } .foto_right {margin-left:1.5em !important; float:right; } .foto_left {margin-right:1.5em !important; float:left; } /* cerabox fix */ #cerabox .cerabox-content { border:0.5em solid #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:"Ubuntu",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:encysol; 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:encysol; content:"\e11a"; font-size:2em; } /* ZALACZNIKI DO POBRANIA*/ .zalaczniki { position:relative; padding:0; margin:1em 0; width:auto; overflow:hidden; text-align:left; background:transparent; font-size:0.9em; line-height:1.1em; } .zalaczniki ul { position:relative; padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; } .zalaczniki ul li { margin:0 0 1em 0; padding:0; display:block; list-style:none; } .zalaczniki ul li:last-child { border:0; } .zalaczniki .naglowek { display:block; margin:0.5em 0; padding:0; border:0; background:none !important; list-style:none; width:100%; clear:both; background-image:none; } .zalaczniki .row .naglowek { margin:0.5em 20px;} .zalaczniki .naglowek h3 { font-family:'Ubuntu',sans-serif; font-size:1.2em;line-height:1em; font-weight:600; text-transform:none; } .zalaczniki ul li.clear { margin:0; padding:0; border:0; clear:both; width:auto; list-style:none; height:0; display:none; } .zalaczniki ul li a:link,.zalaczniki ul li a:visited { position:relative; display:block; font-family:'Ubuntu',sans-serif; color:#000; text-decoration:none; padding:1em; min-height:40px; font-size:1.1em;line-height:1em; border:2px solid #fff; background-position:1em 90%; background-size:auto 35px; background-repeat:no-repeat; background-color:#f3f3f3; -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; background-color:#e00022; 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 strong { position:relative; display:block; height:auto; margin:0 0 1em 0; padding:0; } .zalaczniki ul li a span { position:relative; display:block; height:auto; margin:0; padding:8px 10px 15px 45px; box-sizing:border-box; font-size:1em; color:#a7a7a7; font-family:'Ubuntu',sans-serif; text-decoration:none; vertical-align:middle; background-position:0 0; background-size:auto 35px; background-repeat:no-repeat;} .zalaczniki ul li a span:before { font-family:encysol; content:"\e109"; font-size:1.6em; line-height:1em; color:#a7a7a7; text-decoration:none; position:absolute; top:5px; right:10px; padding:0; } .zalaczniki ul li a:hover span:before,.zalaczniki ul li a:focus span:before { color:#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; } /* listy globalne */ ol { padding:0 0 0 2em; margin:1em; list-style-position:outside; border:0 } ol ol { margin: 1em 1em 0; padding:0; } ol li { padding:0 0 0.5em 0; margin:0; border:0; } ul { padding:0 0 0 2em; margin:1em 0 0 1em; list-style-image:url("/dokumenty/szablonyimg/249-arrow.png"); text-align:left; } ul ul { margin: 1em 1em 0; padding:0; list-style-image:none; list-style-image:none; list-style-type:circle; } ul li { padding:0 0 0.5em 0; margin:0; } /* Boxy */ blockquote,.blockquote { position:relative; background:#fff; padding:1.5em 3em 1.5em 120px; margin:1em 0; text-align:left; height:1%; font-size:1.2em; line-height:1em; color:#000; font-family:'Ubuntu',sans-serif; } blockquote:before,.blockquote:before{ font-family:encysol; content:"\e120"; font-size:3em; line-height:1em; color:#e00022; position:absolute; top:50%; left:10px; 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:90px; width:2px; height:100%; background:#eaeaea; text-align:center; z-index:2; } div.q { position:relative; display:block; width:45%; float:right; padding:1em 1em 1em 80px; box-sizing:border-box; margin:1% 0 1% 1%; border:2px solid #eaeaea; border-left:0; border-right:0; text-align:left; height:1%; font-size:1.1em; line-height:1.1em; font-family:'Ubuntu',sans-serif;} div.q:before { font-family:encysol; content:"\e11e"; font-size:3em; color:#ccc; line-height:1em; display:block; position:absolute; top:50%; left:10px; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);} div.q p:after { font-family:encysol; content:"\e101"; font-size:1em; color:#ccc; line-height:1em; position:absolute; right:10px; bottom:10px;} .box-incontent {position:relative; float:right; width:35%; padding:1em; margin:0.5em 0 0.5em 2em; text-align:left; height:1%; overflow:visible; } .box-incontent:before, .box-incontent:after { content:""; position:absolute; top:0; left:0; width:30px; height:30px; z-index:-1; } .box-incontent:before { border-top:2px solid #e00022; border-left:2px solid #e00022;} .box-incontent:after { left:auto; right:0; top:auto; bottom:0; border-bottom:2px solid #e00022; border-right:2px solid #e00022; } .box-incontent h3 { margin:0 0 0.5em 0; padding:0 0 0.7em 0; border-bottom:1px solid #e00022; text-align:center; } .flexBox {position:relative; display:flex; justify-content:space-between; align-items:flex-start; margin:1em 0;} .flexBox .img { margin-right:2em; flex-shrink:0; width:20%;} .flexBox .content { font-size:1em; flex-grow:1; } .boxFull { position:relative; margin:40px auto; padding:40px 80px;} .boxFull.noMargin { margin:0;} .boxFull.fixed { height:700px; background-repeat:no-repeat; background-size:cover; background-position:center center; background-attachment:fixed;} .boxFull * { color:#fff;} .boxFull h3 { font-family:'Ubuntu',sans-serif; font-size:4em;color:#fff; font-weight:700; text-align:center; } .boxFull h3 span { display:block; text-transform:uppercase;} .boxFull .content { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:50%; padding:1em; text-align:center;} /* Bulb */ .bulb { position:relative; border:1px solid #03527a; padding:1.5em 3em 1.5em 100px; margin:1em 0 0 50px; text-align:left; height:1%; font-size:1em; line-height:1.2em; color:#000; font-family:'Ubuntu',sans-serif; } .bulb * { color:#000; } .bulb:before { font-family:encysol; content:"\e11d"; font-size:2.2em; line-height:90px; color:#03527a; background-color:#fff; border-radius:100%; border:3px dotted #03527a; width:90px; height:90px; text-align:center; position:absolute; top:50%; left:-50px; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); } .bulb:after { content:""; position:absolute; top:0; left:90px; width:0; height:90%; margin:10px 0; background:#fff; text-align:center; z-index:2; } /* quotation */ .quotation { position:relative; border:1px solid #555; padding:1.5em 3em 1.5em 100px; margin:1em 0 0 50px; text-align:left; height:1%; font-size:1em; line-height:1.2em; color:#000; font-family:'Ubuntu',sans-serif; } .quotation * { color:#000; } .quotation:before { font-family:encysol; content:"\e11f"; font-size:2.2em; line-height:90px; color:#000; background-color:#fff; border-radius:100%; border:3px dotted #555; width:90px; height:90px; text-align:center; position:absolute; top:50%; left:-50px; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); } .quotation:after { content:""; position:absolute; top:0; left:90px; width:0; height:90%; margin:10px 0; background:#000; text-align:center; z-index:2; } /* warn */ .alert { position:relative; background:#e00022; padding:1.5em 3em 1.5em 100px; margin:1em 0 0 50px; text-align:left; height:1%; font-size:1em; line-height:1.2em; color:#000; font-family:'Ubuntu',sans-serif; } .alert * { color:#fff; } .alert:before{ font-family:encysol; content:"\e11e"; font-size:2.2em; line-height:90px; color:#e00022; background-color:#fff; border-radius:100%; border:3px dotted #e00022; width:90px; height:90px; text-align:center; position:absolute; top:50%; left:-50px; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); } .alert:after { content:""; position:absolute; top:0; left:90px; width:0; height:90%; margin:10px 0; background:#fff; text-align:center; z-index:2; } .box_spec1,.box-white,.box-grey,.box-color { position:relative; padding:3em; margin:0 0 1.5em 0; text-align:left; height:1%; overflow:hidden; } .box-white { border:2px solid #d8d8d8; background:#fff; border-left:0; border-right:0; padding:2em 0.5em; } .box-grey { background:#f0f0f0; padding:2em; } .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.arrow a:before { color:#fff; } /* zgłoś błąd */ .buttony{ margin-top:1em; text-align: center;} /*button*/ a.button:link, a.button:visited { display:inline-block !important; position:relative; padding:1em 3em; margin:1px; font-family:"Ubuntu",sans-serif; font-size:1em; line-height:1em; color:#fff; font-weight:normal; text-align:center; text-transform:uppercase; text-decoration:none; white-space:nowrap; border:0; background:#0e5782; min-height:auto; } /* hover */ a.button:active,a.button:hover,a.button:focus { color:#fff !important; background:#e00022; 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 { transition-duration:0.7s; text-decoration:none; } .triangle { -webkit-clip-path: polygon(0 90%, 0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%);clip-path: polygon(0 90%, 0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%); } .animStart { opacity:0;} .animStartInit { opacity:1; transition-duration:0.6s; } .gradient { background: #e00022; /* Old browsers */ background: -moz-linear-gradient(left, #e00022 0%, #0e5782 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e00022 0%,#0e5782 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e00022 0%,#0e5782 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00022', endColorstr='#0e5782',GradientType=1 ); } /* 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:encysol; content:"\e101"; font-size:0.5em; line-height:1.1em; font-weight:normal; color:#e00022; 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:encysol; content:"\e101"; font-size:0.4em; line-height:1.1em; font-weight:normal; color:#e00022; 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:#e00022; text-decoration:underline; } /* informacja w artykule z ikonkami */ .infoBox { position:relative; padding:0; margin:0; width:auto; text-align:center; z-index:1; } .infoBox.small { font-size:0.8em;} .infoBox strong { font-family:'Ubuntu',sans-serif; font-size:1em; line-height:1em; text-align:left; font-weight:600; display:block; margin:0 0 0.2em 0;} .infoBox h3 { font-family:'Ubuntu',sans-serif; font-size:1.1em; line-height:1em; color:#000; text-align:left; font-weight:normal; display:block; margin:0 0 1em 0; border:0;} .infoBox p { position:relative; overflow:hidden; padding:0 0 2em 0; margin:0; text-align:left; } .infoBox p { font-family:'Ubuntu',sans-serif; font-size:1em; line-height:1.2em; color:#000; } .infoBox p a {color:#777; text-decoration:none; padding:0; margin:0;} .infoBox p a:hover, .infoBox p a:focus { color:#000;} .infoBox p[class^="icon-"]:before, .infoBox p[class*=" icon-"]:before { font-family:encysol; position:absolute; left:0; top:0; font-size:2rem; line-height:2.1rem; color:#e00022; display:block; } .infoBox p[class^="icon-"], .infoBox p[class*=" icon-"] { padding-left:3em; } .infoBox.small p[class^="icon-"]:before, .infoBox.small p[class*=" icon-"]:before { font-size:2rem; } .infoBox.small p[class^="icon-"], .infoBox.small p[class*=" icon-"] { padding-left:3em; } /* tips */ .tip { background:#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;} /* Kalendarium w kategorii */ .kalendarium .dzien,.kalendarium .dzien_swieto,.kalendarium .dzien_aktualny { background:#a5a5a5 !important; } .kalendarium .dzien_swieto { background:#e00022 !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; } .skorowidz { position:relative;} .skorowidz h3 { position:relative; padding:0.5em 0; font-size:3em;line-height:1.2em; color:#000; text-align:left; font-weight:700; text-decoration:none; text-transform:uppercase; } .skorowidz .box { position:relative; background:#f3f3f3; padding:1.5em; margin:0; text-align:left; font-size:1em; line-height:1em; color:#000; } .skorowidz ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none;} .skorowidz ul li { margin:0; border:0; padding:0; list-style:none; position:relative; } .skorowidz ul li a:link,.skorowidz ul li a:visited { position:relative; padding:0.4em; display:inline-block; text-decoration:none; font-size:1.3em; line-height:1.2em; color:#000;} .skorowidz ul li a:hover,.skorowidz ul li a:focus { background-color:#e00022; color:#fff; } .skorowidz ul li a span { font-size:0.6em; padding:0.2em; margin:0 0.5em; background-color:#e00022; color:#fff; } /* Kalendarz - fix */ .vlaCalendarOverlay { width:auto; height:auto; font-size:1.3em; line-height:2.5em; padding:30px; margin:0; background:#f9f9f9;} .vlaCalendar { height:100%} .vlaCalendar caption { padding:0 1em; } .vlaCalendar .month th { font-size:1em; color:#000; font-weight:700; text-transform:lowercase; } .vlaCalendar .label { font-size:1em; text-transform:uppercase; color:#e00022; font-weight:normal; } .vlaCalendar .label a { font-size:1.2em; text-transform:uppercase; color:#073858; font-weight:700; } .vlaCalendar .arrowLeft,.vlaCalendar .arrowRight { position:absolute; top:5px; width:30px; height:30px; box-shadow:0 0 0; } .vlaCalendar .arrowLeft { left:0;} .vlaCalendar .arrowRight { right:0;} .vlaCalendar .arrowLeft a,.vlaCalendar .arrowRight a { background:#fff; color:#e00022; } .vlaCalendar .arrowLeft a:before,.vlaCalendar .arrowRight a:before { font-family:encysol; content: "\e100"; font-size:1em; line-height:1em; text-align:center; text-decoration:none; } .vlaCalendar .arrowRight a:before { content:"\e101"; } .vlaCalendar .arrowLeft a:active,.vlaCalendar .arrowLeft a:hover,.vlaCalendar .arrowLeft a:focus, .vlaCalendar .arrowRight a:active,.vlaCalendar .arrowRight a:hover ,.vlaCalendar .arrowRight a:focus {color:#fff; background:#e00022; } .vlaCalendar .month td.activeDay > a, .vlaCalendar .month td.activeDay span > a { border:1px solid #f0f0f0; background:#f0f0f0; border-radius:100%; width:45px; height:45px; display:inline-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; } .vlaCalendar .month td span, .vlaCalendar .month td.activeDay span a { display:inline-block; width:40px; height:40px; color:#e00022; background:transparent; border:2px solid #e00022; border-radius:100%; } /*fix dla kolumn*/ .subpage .x3 .vlaCalendar .month td { padding: 0;} .vlaOption { width:60%; margin:0 auto;} /*fix dla formularzy */ .pickerBackground .vlaCalendar .arrowLeft,.pickerBackground .vlaCalendar .arrowRight {top:0 !important; width:18px; height:18px; } .pickerBackground .vlaCalendar .arrowLeft { left:0em !important;} .pickerBackground .vlaCalendar .arrowRight { right:0em !important;} .pickerBackground .vlaCalendar .arrowLeft a:before, .pickerBackground .vlaCalendar .arrowRight a:before { font-size:1em; } /* button do gory */ #back-to-top { position:fixed; bottom:5em; right:0; 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:#e00022; color:#fff; border:1px solid #e00022; text-decoration:none; } #back-to-top a:before { font-family:encysol; content:'\e102'; color:#fff; 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:#fff; color:#000; } #back-to-top a:hover:before,#back-to-top a:focus:before { color:#000;} /* loader strony */ body.loading .loader { display:block; z-index:1000; } .loader { display:none; content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.99);} .loader div { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:80px; height:80px; } .loader span { position:absolute; z-index:0; top:0; width:81px; height:81px; margin:0; background:#fff; } .loader span:before { content:""; opacity:1; z-index:1; position:absolute; top:50%; left:50%; width:80px; height:80px; margin:0; border-radius:50%; border: 1px solid #f3f3f3; background-color:#073858; animation:zoomIn 15s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .loader span:after { content:""; opacity:1; z-index:2; position:absolute; top:50%; left:50%; width:60px; height:60px; margin:0; background-image:url("/dokumenty/szablonyimg/249-logo.svg"); background-repeat:no-repeat; background-position:center center; background-size:100% auto; transform:translate3d(0,0,0);animation:rotate 8s cubic-bezier(0, 0.2, 0.8, 1) infinite; } @keyframes rotate { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: translate(-50%,-50%) rotateY(0deg); } 50% {transform: translate(-50%,-50%) rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);} 100% { transform: translate(-50%,-50%) rotateY(0deg);} } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes zoomIn { 0% { transform: translate(-50%,-50%) scale(1); } 50% { transform: translate(-50%,-50%) scale(1.5); } 100% { transform: translate(-50%,-50%) scale(1); } } @keyframes zoomOut { 0% { transform: translate(-50%,-50%) scale(1); } 50% { transform: translate(-50%,-50%) scale(0.8); } 100% { transform: translate(-50%,-50%) scale(1); } } /* ikonki */ @font-face { font-family: 'encysol'; src: url('/dokumenty/szablonyimg/249-encysol.woff') format('woff'), url('/dokumenty/szablonyimg/249-encysol.woff2') format('woff2'), url('/dokumenty/szablonyimg/249-encysol.ttf') format('truetype'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'encysol'; 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-leftArrow:before { content: "\e100"; } .icon-rightArrow:before { content: "\e101"; } .icon-topArrow:before { content: "\e102"; } .icon-bottomArrow:before { content: "\e103"; } .icon-home:before { content: "\e104"; } .icon-menu:before { content: "\e105"; } .icon-eye:before { content: "\e106"; } .icon-search:before { content: "\e107"; } .icon-filter:before { content: "\e108"; } .icon-download:before { content: "\e109"; } .icon-print:before { content: "\e10a"; } .icon-mail:before { content: "\e10b"; } .icon-pdf:before { content: "\e10c"; } .icon-share:before { content: "\e10d"; } .icon-calendar:before { content: "\e10e"; } .icon-back:before { content: "\e10f"; } .icon-previous:before { content: "\e110"; } .icon-next:before { content: "\e111"; } .icon-graph:before { content: "\e112"; } .icon-pause:before { content: "\e113"; } .icon-placeholder:before { content: "\e114"; } .icon-user:before { content: "\e115"; } .icon-padlock:before { content: "\e116"; } .icon-phone:before { content: "\e117"; } .icon-help:before { content: "\e118"; } .icon-check:before { content: "\e119"; } .icon-close:before { content: "\e11a"; } .icon-education:before { content: "\e11b"; } .icon-bell:before { content: "\e11c"; } .icon-idea:before { content: "\e11d"; } .icon-alert:before { content: "\e11e"; } .icon-question:before { content: "\e11f"; } .icon-info:before { content: "\e120"; } .icon-info2:before { content: "\e121"; } .icon-doc:before { content: "\e122"; } .icon-doc2:before { content: "\e123"; } .icon-money:before { content: "\e124"; } .icon-clipboard:before { content: "\e125"; } .icon-file:before { content: "\e126"; } .icon-survey:before { content: "\e127"; } .icon-postalcard:before { content: "\e128"; } .icon-biogram:before { content: "\e129"; } .icon-newspaper:before { content: "\e12a"; } .icon-video:before { content: "\e12b"; } .icon-flyer:before { content: "\e12c"; } .icon-books:before { content: "\e12d"; } .icon-stamp:before { content: "\e12e"; } .icon-poster:before { content: "\e12f"; } .icon-recorder:before { content: "\e130"; } .icon-click:before { content: "\e131"; } .icon-tap:before { content: "\e132"; } .icon-statistics:before { content: "\e133"; } .icon-video2:before { content: "\e134"; } .icon-play2:before { content: "\e135"; } .icon-play:before { content: "\e136"; } .icon-audio:before { content: "\e137"; } .icon-bip2:before { content: "\e138"; } .icon-bip:before { content: "\e139"; } .icon-jsk:before { content: "\e13a"; } .icon-poland:before { content: "\e13b"; } .icon-ue:before { content: "\e13c"; } .icon-mourning:before { content: "\e13d"; } .icon-epuap:before { content: "\e13e"; } .icon-instagram:before { content: "\e13f"; } .icon-linkedin:before { content: "\e140"; } .icon-youtube:before { content: "\e141"; } .icon-facebook:before { content: "\e142"; } .icon-twitter:before { content: "\e143"; } .sprite { display: inline-block; width: 2.3em; height: 2.3em; stroke-width: 0; stroke: currentColor; fill: currentColor; } /*===============================================*/ /* MENU */ /*===============================================*/ /*------- MENU ROZWIJANE WIELOPOZIOMWE */ ul.mainmenu { width:auto; margin:0; padding:0; list-style:none; text-align:left; float:right; } ul.mainmenu li { position:relative; display:inline-block; float:none; margin:0; padding:0; border:0; list-style:none; vertical-align:middle; z-index:1;} ul.mainmenu li:last-child { margin:0; } ul.mainmenu.divide > li:nth-child(6) { margin-left:250px;} /* podmenu */ ul.mainmenu ul { position:absolute; top:68px; right:0; display:none; min-width:280px; min-height:40px; margin:0; border-top:1px solid #e3e4e4; box-shadow:1px 1px 5px #ccc; padding:1px; box-sizing:border-box; list-style:none; background:#fff; z-index:1; } ul.mainmenu ul:before { content:""; position:absolute; top:-6px; right:30px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #f1f1f1; z-index:0; } /*ul.mainmenu ul:hover:before { border-color:transparent transparent #e00022; }*/ ul.mainmenu ul:after { content:""; position:absolute; top:-7px; right: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 { position:relative; display:block; float:none; margin:0; padding:0; box-sizing:border-box; border-bottom:1px solid #e3e4e4;} ul.mainmenu li.hideItem { display:none; } ul.mainmenu li.noExpand ul { display:none !important;} ul.mainmenu li.rightSide { float:right;} /* 1nd menu */ ul.mainmenu a:link,ul.mainmenu a:visited { display:block; padding:0; margin:0; border:0; height:auto; font-family:'Ubuntu', sans-serif; color:#fff; font-size:1.4em;line-height:1em; text-transform:none; 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:400; font-style:normal; padding:0; display:block; } ul.mainmenu a span { position:relative; display:block; padding:1.4em 0.6em; z-index:1; } ul.mainmenu li a span:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:0; z-index:-1; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; } ul.mainmenu > li:nth-child(2) strong:before {content:"";} ul.mainmenu li:hover,ul.mainmenu li:focus,ul.mainmenu li.check {z-index:2;} ul.mainmenu li:hover a, ul.mainmenu li a:hover, ul.mainmenu li a:focus, ul.mainmenu li a.check { color:#e00022; -webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in;} ul.mainmenu li:hover a span:before, ul.mainmenu li a:hover span:before, ul.mainmenu li a:focus span:before,ul.mainmenu li.check span:before, ul.mainmenu li:hover a strong:before, ul.mainmenu li a:hover strong:before, ul.mainmenu li a:focus strong:before,ul.mainmenu li.check strong:before { width:100%; height:5px; border-radius:2px; background-color:#e00022; } ul.mainmenu a[class^="icon-"], ul.mainmenu a[class*=" icon-"] { display:block; color:#fff; width:30px; height:30px; background-color:#e00022; border-radius:100%; text-align:center; } ul.mainmenu a[class^="icon-"]:before, ul.mainmenu a[class*=" icon-"]:before { font-family:encysol; font-size:1.2rem; color:#fff; width:auto; height:30px; line-height:30px; border-radius:100%; padding:0; text-align:center; } ul.mainmenu a.icon-bip:before { color:#d6281e; } ul.mainmenu a[class^="icon-"]:hover, ul.mainmenu a[class*=" icon-"]:focus { background-color:#073858;} 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:#fff; transition-duration:0.5s; } ul.mainmenu li a.active[class^="icon-"]:before, ul.mainmenu a.active[class*=" icon-"]:before { content:"\e11b"; transition-duration:0.6s;} /* 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:'Ubuntu', 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:after { content:""; position:absolute; top:-1px; left:0; height:100%; width:100%; background-color:transparent; z-index:-1; } ul.mainmenu ul li:hover > a, ul.mainmenu ul li.iehover > a:hover, ul.mainmenu ul li a.check { color:#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:after,ul.mainmenu ul li.iehover li > a:hover:after,ul.mainmenu ul a.check:after { background-color:#e00022; -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:40px; height:auto; clear:right; margin:0 0.5em;} ul.mainmenu ul li a[class^="icon-"], ul.mainmenu ul li a[class*=" icon-"] { white-space:nowrap; width:auto; height:auto; background-color:transparent; border-radius:0; text-align:left; } ul.mainmenu ul li a[class^="icon-"]:before, ul.mainmenu ul li a[class*=" icon-"]:before { position:relative; vertical-align:middle; display:inline-block; font-family:encysol; font-size:1.6rem; color:#e00022; height:100%; line-height:1em; padding:0 0.5em 0 0; } ul.mainmenu ul li:hover > a[class^="icon-"]:before, ul.mainmenu ul li:hover > a[class*=" icon-"]:before, ul.mainmenu ul li > a[class*=" icon-"].check, ul.mainmenu ul li > a[class*=" icon-"]:before.check { color:#fff; transition-duration:0.5s; z-index:5;} ul.mainmenu ul > li.expand:after { content:""; position:absolute; top:50%; transform:translate(0, -50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); right:-16px; width: 0; height: 0; border-style:solid; border-width:15px 0 15px 15px; border-color:transparent transparent transparent #f1f1f1; } /*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:"Ubuntu",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:"Ubuntu",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:"Ubuntu",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:'Ubuntu', 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:'Ubuntu',sans-serif; font-size:1.3em; line-height:1em; position:absolute; top:50%; transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%); left:0; } .meni-zajawkowe h3:after { content:""; position:absolute; bottom:-20px; left:50%; transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); width:10%; height:5px; background:#e00022; text-align:center; z-index:2; } .meni-zajawkowe h3 span { font-family:'Ubuntu',sans-serif;} .meni-zajawkowe a:before { font-family:encysol; content:"\e102"; font-size:1.8em; line-height:1em; color:#fff; position:absolute; bottom:-100px; left:50%; transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-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 #e00022; background:#fff; font-family:"Ubuntu",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:#e00022; 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 */ .subContent .meni-zajawkowe ul { text-align:left; } .subContent .meni-zajawkowe ul li { width:33%; } .subContent .meni-zajawkowe h3 { font-size:1.1em; padding:0 0 0 2em} .subContent .meni-zajawkowe ul li a,.subContent .meni-zajawkowe ul li:nth-child(2n+2) a { margin:0 0.5em 0.5em 0;} .subContent .meni-zajawkowe ul li:nth-child(3n+3) a { margin:0 0 0.5em 0 } /* fix */ .subAside .meni-zajawkowe ul li { width:auto; margin:1em 0 1em 0; float:none; display:block; } /* fix FILE*/ .meni-zajawkowe.file ul li a { background-position:5px center; background-size:auto 37px; background-repeat:no-repeat; } .meni-zajawkowe.file ul li a:link,.meni-zajawkowe.file ul li a:visited { background-color:#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:#e00022; text-decoration:none; transition-duration:1s; } .meni-zajawkowe.file h3 { padding:0 0 0 3em;} .meni-zajawkowe.file h3:before { content:"";} /*-------- tab menu*/ .meniTab { position:relative; padding:0; margin:0 0 2em 0; width:auto; z-index:1; } .meniTab ul { padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; overflow:hidden; text-align:left; border-bottom:1px solid #e00022; } .meniTab.rightSide ul { text-align:right; } .meniTab.noMargin { margin:0; } .meniTab.noBorder ul { border:0; float:right; } .meniTab ul li { position:relative; margin:0 1px 0 0; border:0; padding:0; display:inline-block; list-style:none; } .meniTab ul li a,.meniTab ul li a:visited { font-family:'Ubuntu',sans-serif; font-size:1em; line-height:1em; color:#000; text-decoration:none; font-weight:normal; padding:1.5em 1.3em; background-color:#f0f0f0; 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-color:#e00022; 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:#e00022; 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:-1px 0 0 0; border:0; display:block; list-style:none; position:relative; background:transparent; } .meni2 > ul > li:before, .meni2 > ul > li:after { content:""; position:absolute; bottom:-1px; left:0px; width:4px; height:4px; background-color:#073858; 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 { } .meni2 > ul > li:after { } .meni2 > ul > li:hover:before, .meni2 > ul > li:hover:after , .meni2 > ul > li.check:after { width:100%; background-color:#ccc} .meni2 ul li a,.meni2 ul li a:visited { position:relative; font-family:'Ubuntu', sans-serif; font-size:1.5em; line-height:1em; color:#000; text-decoration:none; font-weight:500; padding:2em 2em 2em 3px; margin:0; display:block; border-bottom:1px solid #f3f3f3; background:transparent; } .meni2 ul li a:hover,.meni2 ul li a:active,.meni2 ul li a:focus,.meni2 ul li a.check { color:#073858; font-weight:500; padding:2em 2em 2em 5px; } .meni2 ul li 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.4em; line-height:1em; font-family:encysol; content:"\e101"; text-align:center; color:#d5d5d5; text-decoration:none; } .meni2 ul li li a:before { padding-left:5%; font-size:0.8em;} .meni2 ul li li li a:before { padding-left:11%; font-size:0.8em;} .meni2 ul li li li li a:before { padding-left:14%; font-size:0.8em;} .meni2 ul li a.rozwin:after { font-family:encysol; content:"\e103"; font-size:0.8em; line-height:1em; color:#000; position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); right:1.2em; } .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:"\e103"; 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:'Ubuntu',sans-serif; font-size:1.1em; line-height:1.2em; color:#000; text-decoration:none; font-weight:normal; padding:1em 1em 1em 3em; margin:0 0 0 0; display:block; border:0; border-left:1px solid #f3f3f3; } .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:#e00022 !important; font-weight:normal; text-decoration:none; padding:1em 1em 1em 3em; } .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:1em; line-height:1em; color:#000; text-decoration:none; font-weight:normal; padding:1em 4.5em; margin:0 0 0 0; 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:#e00022; font-weight:normal; padding:1em 4.5em; } .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:0.9em; line-height:1em; color:#000; text-decoration:none; font-weight:normal; padding:1em 5.5em; margin:0 0 0 0; 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:#e00022; font-weight:normal; padding:1em 5.5em; } /* MENU PODZIAL STRON W KATEGORII */ #meni_strony { position:relative; display:table; overflow:hidden; font-size:1em; padding:0; margin:1em auto; min-height:25px; text-align:center; } #meni_strony ul { 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:"Ubuntu",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 #e00022; 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 it */ .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:encysol; content:"\e100"; color:#e00022; 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 #e00022; } #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 #e00022; 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:'Ubuntu',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:#e00022; 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:encysol; content:"\e106"; color:#e00022; font-size:1.2em; line-height:1em; vertical-align:middle; text-decoration:none;} /*===============================================*/ /* MODULY */ /*===============================================*/ /*ARCHIWUM*/ #archiwum {width:99%;} #archiwum h2 { position:relative; text-align:left; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:1.3em;line-height:1.5em; padding:1em 0 0.5em 0; } #archiwum ul { padding:0; margin:1em 0 0 2em; text-align:left; list-style-type:none; list-style-image:none;} #archiwum ul li { margin:0; margin-right:1em; border:0; padding:0 0 0 1em; float:left; width:45%; display:block !important; display:inline; list-style:none; position:relative;} #archiwum ul ul { padding:0; margin:1em 0 0 0; text-align:left; list-style-type:none; list-style-image:none; width:auto; } #archiwum ul ul li { padding:0.5em 0.5em 0.5em 1.2em; margin:0; overflow:hidden; list-style:none;width:99%; float:none; position:relative; border-bottom:1px solid #dcdcdc; background:url("/dokumenty/szablonyimg/249-arrow.png") no-repeat left center;} #archiwum ul ul li a,#archiwum ul ul li a:visited { font-size:1em; font-weight:normal; text-decoration:none; padding:0; } #archiwum ul ul li a:hover,#archiwum ul ul li a:active { text-decoration:none; } /*MAPA SERWISU*/ #sitemap { text-align:left;} #sitemap ul { padding:0; margin:1em 0 0 1em; text-align:left; list-style-type:none; list-style-image:none; } #sitemap ul li { float:none; margin:0.5em; width:auto; display:block; position:relative; } #sitemap ul li a,#sitemap ul li a:visited { font-size:1.3em; padding:0 0 0.3em 0; display:inline-block; font-weight:bold; text-decoration:none; } #sitemap ul li a:hover,#sitemap ul li a:active { text-decoration:none; } #sitemap ul ul { padding:0; margin:1em 0 0 1em;} #sitemap ul ul li a,#sitemap ul ul li a:visited { font-size:1.1em; font-weight:normal; text-decoration:none; border:0; } #sitemap ul ul ul li a,#sitemap ul ul ul li a:visited { font-size:1em; font-weight:normal; border:0; } #sitemap ul ul ul ul li a,#sitemap ul ul ul ul li a:visited { font-size:1em; font-weight:normal; text-decoration:none; border:0; } /* opcje rozwijania */ #sitemap a.rozwin:link,#sitemap a.rozwin:visited { position:relative; display:inline-block; margin:0 0.2em; vertical-align:middle; text-decoration:none; line-height:0.5em; color:#e00022; border:0; transition-duration:0.6s; } #sitemap a.rozwin:hover,#sitemap a.rozwin:focus { color:#34343e; transition-duration:0.6s; } #sitemap a.rozwin:before,#sitemap a.rozwin:before { font-family:encysol; 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";} /*KOMUNIKATY */ #komunikat { position:relative; display:block; padding:1em 1em 1em 20%; margin:2em auto; height:1%; min-height:35px; width:auto; background:transparent; z-index:1; border:1px solid #d6d6d6; } #komunikat div.element { position:absolute; top:-0.7em; left:1em; padding:0; width:16%; text-align:center; background:#fff; border:1px solid #d6d6d6; } #komunikat div.element:before { font-family:Arial; content:"i"; font-weight:bold; font-size:3em; line-height:1em; } #komunikat div.info { font-weight:normal; font-size:1em; line-height:1.2em; } #komunikat div.info .ok { font-weight:bold; color:#32a201; font-size:1.2em; } #komunikat div.info .blad {font-weight:bold; color:#e30000; font-size:1.2em; } /* KOMENTARZE */ #komentarze { margin:2em 0 2em 0; text-align:left; font-size:1em; } #komentarze h3 { font-weight:bold; font-size:1.3em; line-height:1.8em; border-bottom:1px solid #909090;} #komentarze span.data { font-weight:bold; font-size:0.9em; line-height:1.1em; display:inline; padding:0.2em 1em 0.2em 0.4em; margin-left:1em; float:right !important;height:1%; position:relative;} #komentarze ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; } #komentarze ul li { padding:1em 1em 0; margin:0; overflow:hidden; list-style:none; border-bottom:1px dotted #909090; height:1%;} #komentarze ul li.w { padding:1em; background:#e4e4e4;} #komentarze ul li:hover { background:#c2c2c2;} #komentarze ul li a,#komentarze ul li a:visited { text-decoration:none; font-size:1.2em; } #komentarze ul li a:hover,#komentarze ul li a:active,#komentarze ul li a:focus { text-decoration:none; } /*SEARCH */ #wynikiSearch { position:relative; display:block; padding:1em; margin:1em auto; } #wynikiSearch h3,#wynikiSearch strong { display:inline-block; margin:0 0 0.4em 0; padding:0; font-weight:bold; text-align:left; text-decoration:none; font-size:1.3em; line-height:1em; } #wynikiSearch p { display:block; font-size:1em; line-height:1em; margin:0 0 0.5em 0; font-size:1.2em; line-height:1em; } #wynikiSearch span.data { position:relative; display:block; text-align:left; padding:0; margin:0 0 0.4em 0; height:1%; font-weight:normal; text-decoration:none; font-size:1em; line-height:1em; } #wynikiSearch ol { display:block; padding:0; margin:0 0 0 2em; text-align:left; width:auto; list-style-type:decimal;} #wynikiSearch ol li { position:relative; padding:0; margin:0 0 1em 0; border-bottom:1px solid #f1f1f1; } #wynikiSearch a:link,#wynikiSearch a:visited { display:block; text-decoration:none; } #wynikiSearch a:hover,#wynikiSearch a:active,#wynikiSearch a:focus,#wynikiSearch a:focus h3 { text-decoration:underline; } #wynikiSearch img.ikonka { display:inline-block; vertical-align:middle; margin:0 0.3em;} #wynikiSearch img.foto_right {margin-left:2em; float:right; width:120px; height:auto; } /*oznaczenie szukanej frazy */ .wyniki { padding:0.1em;border:1px #e8e8e8 solid; background-color:#e8e8e8; } /*rozwijanie wyszukiwarki zaawansowanej */ #szukaj-zaawansowana-rozwin-button {text-align:left; padding:0.1em 0.1em 1em 0; clear:both; } #szukaj-zaawansowana-rozwin-button a:link, #szukaj-zaawansowana-rozwin-button a:visited { display:block; text-decoration:none; font-size:1em;} #szukaj-zaawansowana-rozwin-button a:active,#szukaj-zaawansowana-rozwin-button a:hover,#szukaj-zaawansowana-rozwin-button a:focus { outline:none; text-decoration:underline; } #szukaj-zaawansowana-rozwin-button a:before { font-family:encysol; content:"\e103"; color:#e00022; font-size:1.5em; line-height:0.1em; display:inline-block; padding:0; margin-right:0.2em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; } #szukaj-zaawansowana-rozwin-button.active a:before { content:"\e101"; color:#000; transition-duration:1.5s; text-decoration:none; } #szukaj-zaawansowana {height:auto; display:block; overflow:hidden;} #szukaj-zaawansowana ins,#szukaj-zaawansowana .ins { height:auto !important; } /*button do wyszukiwarki zastepujace checkbox */ a.szukaj-button-checkbox-Off:link,a.szukaj-button-checkbox-Off:visited,a.szukaj-button-checkbox-On:link,a.szukaj-button-checkbox-On:visited { display:none; position:relative; font-size:1.1em; font-weight:normal; text-align:center; text-transform:none; text-decoration:none; padding:0.4em 2em 0.4em 1em; margin:0.1em; cursor:pointer; white-space:nowrap; } a.szukaj-button-checkbox-Off:link,a.szukaj-button-checkbox-Off:visited { color:#9e9e9e; background-color:#fff; border:1px solid #d2d2d2; } a.szukaj-button-checkbox-On:link,a.szukaj-button-checkbox-On:visited { color:#fff; background-color:#e00022; border:1px solid #e00022; } a.szukaj-button-checkbox-Off span,a.szukaj-button-checkbox-On span {position:absolute; top:25%; right:3%; display:block; width:12px; height:12px; float:right; background-image:url("/img/search/i-add-del.png"); background-position:0 -12px; background-repeat:no-repeat; text-indent:-10000px; font-size:0;} a.szukaj-button-checkbox-On span { background-position:0 0; } a.szukaj-button-checkbox-Off:hover span { background-position:0 0; } a.szukaj-button-checkbox-On:hover span { background-position:0 -12px; } /* sonda i ankiety */ #sonda { position:relative; padding:0; margin:0; } #sonda legend,#sonda strong{ position:relative; display:block; z-index:1; white-space:normal; overflow:hidden; width:95%; padding:0.3em 0 0.3em 1em; margin:0; border-bottom:1px dashed #cccccc; background:url("/dokumenty/szablonyimg/249-arrow.png") no-repeat left center; text-align:left; font-size:1.1em; font-weight:bold; font-family:OfficinaSansITCW02-BookReg, Arial; } #sonda ins,#sonda .ins { position:relative; display:block; overflow:visible; height:1%; padding:0 0.8em 0 6%; text-align:left; margin:0 1em 1em 1em; background:transparent; font-size:1em; text-decoration:none; } #sonda.ankieta ins,#sonda.ankieta .ins { padding:0 0.8em 0 3%; } #sonda.ankieta .all { padding:0 0.8em 0 0; } #sonda.ankieta .all label { display:block; left:0 !important; margin:0 0 0.5em 0;} #sonda.ankieta .txt strong,#sonda.ankieta .txt span,#sonda.ankieta .txt a { display:inline-block; position:relative; padding:0; margin:0;width:auto; font-size:1em; line-height:1em; top:auto; left:auto; right:auto; background:transparent; border:0;} #sonda .wynik { padding:0 15% 0 0; margin:0.8em 0.5em 2em 0.5em; border:0; } #sonda .box_ok { padding:0.3em 15% 0.3em 0.3em; margin:0.8em 0.5em 0.1em 0.5em; border:1px solid #32a201; } #sonda .submit { padding:0; text-align:center; } #sonda label { position:relative; top:0.3em; left:0.5em; padding:0; width:auto; border:0; text-align:left; font-size:1em; font-weight:normal;} #sonda input[type=radio],#sonda input[type=checkbox] { position:absolute; top:0; left:0; border:0; margin:0.3em 0.5em 0.3em 0.1em; background:transparent; } #sonda input[type=radio]:focus,#sonda input[type=checkbox]:focus { background:transparent; -moz-box-shadow:0 0 3px #bdbdbd; -webkit-box-shadow:0 0 3px #bdbdbd; box-shadow:0 0 9px #bdbdbd; } #sonda span { position:absolute; top:0; right:0; display:block; border:0; margin:0.3em 0.5em 0.3em 0.1em; background:transparent; text-align:right; } #sonda span.required { position:relative;} #sonda .odp,#sonda cite { position:relative; top:0; left:0; padding:0; width:auto; border:0; text-align:left; font-size:0.9em; font-weight:normal; font-style:normal;} #sonda .odp em { position:relative; display:block; float:right; padding:0 0 0 0.5em; text-align:right; color:#32a201; } #sonda .opcje { float:left; margin:0.5em 0 0.5em 6%; } #sonda .opcje ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; } #sonda .opcje ul li { padding:0.2em 0 0.2em 1.2em; margin:0; margin-right:1.4em; float:left; display:block !important; display:inline; list-style:none; position:relative; border:0; background:url("/dokumenty/szablonyimg/249-arrow.png") no-repeat left center; } #sonda a,#sonda a:visited { color:#000;font-size:1em; float:left; text-decoration:none; } #sonda a:hover,#sonda ul li a:active { color:#000; text-decoration:underline;} #sonda .wykres { position:absolute; bottom:-1em; width:100%; background-color:#f1f1f1; text-align:left; margin:0; } #sonda .wykres img { display:block; height:8px !important;} /* wyniki ankiet*/ #sonda .raport {position:relative; width:48%; margin: 0 0 0.4em 0.4em; border:1px solid #f1f1f1;} #sonda .raport h3 { padding:0.3em; } #sonda ul.legenda { position:absolute; bottom:0; left:0; display:block; overflow:hidden; float:left; margin:0; background:#fff; } #sonda ul.legenda li { position:relative; display:block; overflow:hidden; float:left; margin:0.1em 0.5em; white-space:nowrap; } /* LoginBox */ .forms.loginBox { position:relative; display:block; margin:0; } .forms.loginBox input[type=text], .forms.loginBox input[type=password] { width:100%; height:100%; box-sizing:border-box; padding-left:30px } .forms.loginBox .loginFiled:before, .forms.loginBox .passField:before, .forms.loginBox .emailField:before { position:absolute; top:50%; left:5px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); display:block; width:20px; height:20px; overflow:hidden; font-family:var(--font-icon); font-size:20px; line-height:20px; font-weight:normal; } .forms.loginBox .loginFiled:before { content:"\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); } /*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; } /* 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"; } /* MODUL BANNERY */ .bannery { position:relative; overflow:hidden; width:auto; height:auto; padding:0; margin:0; } .bannery div.item { padding:0; margin:0; float:left; display:block; } .bannery a {display:block; } .bannery a img { width:auto; height:auto; padding:0; transition-duration:0.8s; } .bannery a:hover img,.bannery a:focus img { opacity:0.7; transition-duration:0.6s; } .bannery a:focus img { border:2px solid #ce0000;width:95%;height:95%; } /*slider */ .bannery-slider { position:relative; 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 uklad pionowy */ .bannery.pion .bannery-wraper { height:100000px; width:auto;} .bannery.pion div.item { float:none; display:block !important; } /* slider opcje */ .bannery-previous,.bannery-next { position:absolute; top:50%; transform: translate(0, -50%); 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:#000; background-color:#e2e2e2; border-radius:100%; } .bannery-previous a:before,.bannery-next a:before { font-family:encysol; content: "\e100"; line-height:1em; position:absolute; top:50%;transform:translate(0, -50%); left:0; width:100%; text-align:center; } .bannery-next a:before { content:"\e101"; } .bannery-previous a:before, .bannery-next a:before { font-size:1em;} .bannery-previous a:active,.bannery-previous a:hover,.bannery-previous a:focus, .bannery-next a:active,.bannery-next a:hover,.bannery-next a:focus { background-color:#e00022} .bannery-previous a:hover:before,.bannery-previous a:focus:before,.bannery-next a:hover:before,.bannery-next a:focus:before { color:#fff; } .bannery-previous a span,.bannery-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0em; } .bannery-next a.end,.bannery-previous a.end {opacity:0.5; color:#adadad; cursor:default;} /* slider opcje uklad pionowy */ .bannery.pion .bannery-previous,.bannery.pion .bannery-next { left:50%; top:auto; margin-left:-10px; margin-top:0; } .bannery.pion .bannery-previous { top:1px;} .bannery.pion .bannery-next { bottom:1px;} .bannery.pion .bannery-previous a:link,.bannery.pion .bannery-previous a:visited { background-position:0px -40px; } .bannery.pion .bannery-previous a:active,.bannery.pion .bannery-previous a:hover,.bannery.pion .bannery-previous a:focus {background-position:0px -60px; } .bannery.pion .bannery-next a:link,.bannery.pion .bannery-next a:visited { background-position:-20px -40px; } .bannery.pion .bannery-next a:active,.bannery.pion .bannery-next a:hover,.bannery.pion .bannery-next a:focus {background-position:-20px -60px; } /* fix it */ .banners {position:relative; padding:0; width:100%; height:auto; overflow:hidden; z-index:0;} .banners .bannery { height:100% !important; text-align:center; } .banners .bannery:after { clear:both;} .banners .bannery div.item { float:none; display:inline-block; } /* 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 #e00022; 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: #e00022 transparent transparent; z-index:2;} a.context:hover span.hint,a.context:focus span.hint { position:absolute; bottom:2.1em; left:-2em; display:block; min-width:300px; height:auto; transition-duration:0.8s;} #printer span.hint { display:none !important; } /*fix*/ figcaption a.context span.hint,.opisObrazka3d { font-size:1.1em; line-height:1.2em; white-space:pre-line; } figcaption .imgwraper { float:right; height:15em; width:30%; } /*Kalendarz*/ .panelCalendar { position:relative; overflow:visible; padding:0; margin:0; z-index:0; clear:both; } .panelCalendar .calendarContent{ position:relative; overflow:visible; padding:2em 2em 0 2em; margin:0 auto; } .panelCalendar .calendar { position:relative; overflow:visible; padding:0; margin:0; } .calendar .day { position:relative; display:block; z-index:1; } .calendar .choose { position:relative; display:block; width:auto; margin:0 auto; padding:3em 0 6em 0; text-align:center; background-color:#f1f1f1; z-index:0; } .calendar .choose strong { position:relative; display:block; padding:0.5em 0; font-family:'Ubuntu', 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:'Ubuntu', 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:'Ubuntu', sans-serif; font-size:6em; line-height:1em; text-align:left; } .calendar h4 { margin:2em 0; font-family:"Ubuntu",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:'Ubuntu', 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:#e00022; } /* przyciski */ .calendar-previous,.calendar-next { position:absolute; top:40%; 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:encysol; 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:#fff; } .calendar-previous a span,.calendar-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0; } .calendar-previous a.end,.calendar-next a.end {opacity:0.5; transition-duration:0.6s;} /* AJAX */ div.ajaxloading {position:absolute; display:block; top:1em; left:1em; padding:0.5em; float:left; color:#000; border:1px dotted #565656; background:#fff; z-index:1000; } /* RANKING */ .rabidRating { float:left; margin:0 2em 0 0;} .rabidRating .wrapper { cursor:pointer; background:#ccc; margin:0; } .rabidRating .wrapper { overflow:hidden; text-align:left;} .rabidRating span,.rabidRating .wrapper { display:block; width:110px; height:25px; } .rabidRating span { position:relative; top:0; left:0; text-indent:-999em; } .rabidRating .ratingStars { display:block; background:url("/img/rating/gwiazdki.png") no-repeat center; } .rabidRating .ratingFill { background-color:#0069ff; } .rabidRating .ratingVoted {cursor:default; background-color:#ff0000; } .rabidRating .ratingActive { background-color:#00f0ff; } .rabidRating .ratingText { color:#a4a4a4; font-size:0.8em; } .rabidRating .ratingText.loading { background:url("/img/ajax/loading1.gif") no-repeat; text-indent:-999em; } /* TAGI*/ .tagi a:link,.tagi a:visited { display:inline-block; padding:0.5em 0.9em; background-color:#f3f3f3; font-size:1.2em; text-decoration:none; } .tagi a:hover,.tagi a:focus { background-color:#e00022; color:#fff; } 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; } /*cookies box */ .cookiesBox { position:fixed; bottom:0; left:0; width:100%; margin:0; opacity:1; z-index:1000;} .cookiesBox .cookiesBoxItem { position:relative; display:block; box-sizing:border-box;padding:2em 4em;margin:0 auto; width:100%; font-size:1em; letter-spacing:0; text-align:left; background:#073858; color:#fff; border-top:1px solid #fff; z-index:4;} .cookiesBox .cookiesBoxItem a:link,.cookiesBox .cookiesBoxItem a:visited{ color:#fff; } .cookiesBox .cookiesBoxItem a:hover,.cookiesBox .cookiesBoxItem a:focus{ color:#fff000; } .cookiesBox .cookiesBoxItem .CookiesButtons { text-align:right; margin:1em 0 0; } /* 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:"Ubuntu",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:#e00022; font-family:'Ubuntu',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, table.table-listing a { color:#000; text-decoration:none;} #table-listing table a:hover,#table-listing table a:focus, table.table-listing a:hover, table.table-listing a:focus { text-decoration:underline;} #table-listing table tr td, table.table-listing tr td { font-size:1.1em; min-height:1em; vertical-align:top; text-align:center; 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; } /*tabelka div*/ .table-items { display:table; vertical-align:middle; margin:0; padding:0; width:100%; box-sizing:border-box; } .table-items ul { position:relative; display:table-row; margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:center; } .table-items ul.error:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #d60000; background-color:rgba(255,0,0,0.1) } .table-items ul.header:after { height:2px; } .table-items ul.header li { font-weight:bold; } .table-items ul:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#dfdfdf; } .table-items li ul:after { content:""; height:0; } .table-items ul li { position:relative; display:table-cell; height:auto; width:auto; min-width:50px; overflow:visible; margin:0 0.5em 0; padding:1.5em 1em; box-sizing:border-box; vertical-align:middle; text-align:left; background:transparent; font-size:1em;line-height:1em; } .table-items ul li.alignRight { text-align:right;} .table-items .name { text-align:left;} /* style pomocnicze */ img { border:0; } 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); } .hide { position:absolute !important; top:-100em !important; left:-100em !important; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; text-indent:-1000em !important;} .mobileShow { display:none !important;} .left { float:left; overflow:hidden;} .right { float:right; overflow:hidden; } .clear { clear:both; } .align_right {text-align:right;} .align_left {text-align:left;} .align_center {text-align:center;} .pad2 { padding:0.2em;} .pad5 { padding:0.5em;} .pad10 { padding:1em;} .pad20 { padding:2em;} .margin_y5 { margin-top:0.5em;margin-bottom:0.5em;} .margin_y10 { margin-top:1em;margin-bottom:1em;} .margin_y20 { margin-top:2em;margin-bottom:2em;} .margin_b10 { margin-bottom:1em;} .margin_b15 { margin-bottom:1.5em;} .margin_b20 { margin-bottom:2em;} .margin_t10 { margin-top:1em;} .margin_t20 { margin-top:2em;} /*ie bug fix underline */ a:before,a:after,a span:before,a span:after { text-decoration:underline;} a:before,a:after,a:hover:before,a:hover:after,a:hover span:before,a:hover span:after { text-decoration:none;} /* linki */ a:link, a:visited {font-style:normal;color:#000;text-decoration:underline;} a:focus { outline:0; } 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;} /* box 12 grid system */ .row { margin:0 -15px; } ._2r,._3r,._4r,._5r,._6r { float:left; display:inline-block; margin:0 !important; } ._2r a,._3r a,._4r a,._5r a,._6r a { margin:0 15px 30px 15px; } ._2r.reset a,._3r.reset a,._4r.reset a,._5r.reset a,._6r.reset a { margin:0; } ._2r { width:50%; } ._2r:nth-child(2n+1) { clear:left; } ._3r { width:33.33%; } ._3r:nth-child(3n+1) { clear:left; } ._4r { width:25%; } ._4r:nth-child(4n+1) { clear:left; } ._5r { width:20%; } ._5r:nth-child(5n+1) { clear:left; } ._6r { width:16.33%; } ._6r:nth-child(6n+1) { clear:left; } /*12 grid system */ .xrow { margin:0 -15px;} .x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 { float:left; display:inline-block; margin:0; padding:0 15px; box-sizing:border-box;} .x1 { width:8.33%;} .x2 { width:16.66%;} .x3 { width:25%;} .x4 { width:33.33%;} .x5 { width:41.66%;} .x6 { width:50%;} .x7 { width:58.33%;} .x8 { width:66.66%;} .x9 { width:75%;} .x10 { width:83.33%;} .x11 { width:91.66%;} .x12 { width:100%;} ._left50 {right:auto; left:50% !important; transform:translate(-50%,0); -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0);} ._top50 {bottom:auto; top:50% !important; transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);} ._center50 { bottom:auto; top:50% !important; right:auto; left:50% !important; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} /*===============================================*/ /* OKNA POPUP */ /*===============================================*/ /*okno zwykle*/ .okno_tlo { background:#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 .drukuj, #printer .noprint, #printer .noPrint, #printer .opcje-strony, #printer .prev, #printer .next { display:none; } #printer #table-listing table tr td { font-size:0.9em; } #printer .img img { width:100%; height:auto; } #printer .xrow { margin:0} #printer .x1,#printer .x2,#printer .x3,#printer .x4,#printer .x5,#printer .x6,#printer .x7,#printer .x8,#printer .x9,#printer .x10,#printer .x11,#printer .x12 { float:none; width:100%; padding:0; margin:0 0 30px 0; } #printer .zdjecia ul li { float:left; display:block} #printer .zdjecia-tumb {width:100%; height:auto; padding:0; } #printer .zdjecia-tumb-overlay { margin:1em auto;} #printer .zdjecia-tumb-wraper {position:relative; width:auto; } #printer .zdjecia-previous,#printer .zdjecia-next { display:none; } #printer .forms ins,#printer .forms .ins { position:relative; display:block; height:auto; padding:0; margin:10px 0 10px 0; } #printer .forms .label { position:relative; top:auto; left:auto; padding:0; width:auto; border:0; text-align:left; font-size:1.3em; font-weight:normal;} #printer .forms div.form_text { position:relative; padding:0 0 10px 0; color:#565656; font-size:1em;} #printer .wyszukiwarka,#printer .sort,#printer .filter, #printer #meni_strony #printer .meniTab{ display:none;} #printer .rekordy { width:100%;} /*===============================================*/ /* FORMULARZE */ /*===============================================*/ .wyszukiwarka { position:relative; float:none; overflow:visible; padding:0.5em 6em; margin:0; background:#ededed; border:1px solid #e3e4e4; border-left:4px solid #e00022; 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:'Ubuntu',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:'Ubuntu',sans-serif; font-size:1.8em; line-height:1em; margin:0; padding:0; font-weight:normal;} .iloscRekordow h4 span { font-family:'Ubuntu',sans-serif; color:#e00022;} /* 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 .error { display:inline-block; background-color:#ca0000; color:#fff; font-size:0.9em; line-height:1em; padding:0.3em;} .forms br { clear:both; margin:0; padding:0; overflow:hidden; } .forms img { border:0; vertical-align:middle; } .forms form { height:auto; margin:0 auto; background:transparent; padding:0; color:#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:"Ubuntu",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;} /* 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; } /* 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:encysol; content:"\e107"; color:#e00022; } .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:encysol; content:"\e107"; color:#e00022;} /* 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,.usun a:link,.usun a:visited { position:relative; display:block; height:100%; text-decoration:none; color:#fff; background:#e00022; transition-duration:0.6s; } .usun a:before { font-family:encysol; content:"\e11a"; 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:"\e119"; } /* 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:encysol; content:"\e10e"; 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:encysol; 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:#e00022; color:#fff; transition-duration:0.6s; } .filter a:before { font-family:encysol; content:"\e108"; font-size:1em; line-height:0.9em; color:#e00022; 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; } .filter > ul { padding:0; margin:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; float:none; display:flex; flex-flow: wrap; font-size:1.4em; } /* 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 dotted #9e9e9e; width:90%; margin:0; padding:0.5em; box-sizing:border-box; background-color:#fff; } .forms select { padding:0.8em 2em 0.8em 1em; } .select { position:relative; display:inline;} .select:after {content:'\e103'; font:1em "encysol"; color:#e00022; background:#fff; position:absolute; top:-3px; right:6px; padding:6px 4px; pointer-events:none;} .select select,.forms .select input { position:relative; padding:1em 0.5em 1em 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:"Ubuntu",sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:center; text-transform:uppercase; width:auto; height:auto; margin:0.2em; padding:1em 3em; border:0; overflow:hidden; background:transparent; cursor:pointer; transition-duration:0.6s; -webkit-clip-path: polygon(0 0, 100% 1%, 100% 80%, 50% 100%, 0 80%); clip-path: polygon(0 0, 100% 1%, 100% 80%, 50% 100%, 0 80%); background: #e00022; /* Old browsers */ background: -moz-linear-gradient(left, #e00022 0%, #0e5782 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e00022 0%,#0e5782 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e00022 0%,#0e5782 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00022', endColorstr='#0e5782',GradientType=1 ); } .forms button.szukaj:after { font-family:encysol; content:"\e107"; 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:#e00022; 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 { border:2px solid #555; -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; text-align:left; } .checkbox.radio label:after,.checkbox.radio label:before { border-radius:25px; } .checkbox input[type=checkbox],.checkbox input[type=radio] { position:absolute; left:-1000em; } .checkbox label {display:block; width:auto !important; height:auto !important; cursor:pointer; position:relative !important; top:auto; left:auto; background:transparent; padding:5px 0 0 40px !important; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); border:0; text-align:left;} .checkbox label:after,.checkbox label:before {font-family:encysol; font-size:0.6em; line-height:30px; display:block; width:30px; height:30px; 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:"\e119"; 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:#e00022; color:#fff; border:1px dotted #e00022; } .checkbox input[type=radio]:checked + label:before { display:block; background:#e00022; color:#fff; border:1px dotted #e00022; } .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; } /* select DIV */ .select_list { position:absolute; top:35px; left:0; width:100%; padding:0; margin:0; text-align:center; z-index:100; } .select_list ul { position:relative; display:block; width:100%; height:250px; margin:0; padding:0; list-style-type:none; list-style-image:none; background-color:#fff; border:1px solid #ccc; box-shadow:0px 1px 5px #ccc; overflow-y:auto; } .select_list ul li { position:relative; display:block; padding:0; margin:0; border-bottom:1px solid #ccc; } .select_list ul li:last-child{ border-bottom:0; } .select_list ul li a:link,.select_list ul li a:visited { position:relative; display:block; overflow:hidden; font-size:1em; text-decoration:none; border:0; padding:1em; margin:0 !important; } .select_list ul li a:before { content:""; position:absolute; bottom:-10%; left:-10%; width:140%; height:0; background:#fff; z-index:2; opacity:0;} .select_list ul li a:hover,.select_list ul li a:focus { background-color:#000; color:#fff; text-decoration:none; } /* RWD */ @media only screen and (max-width:1680px) { #page { width:100%;} .inside-wide { width:99%; } .bannery-slider {width:auto !important;} } @media only screen and (max-width:1600px) { .inside, header .inside { width:93%;} .carusel.wide { width:100%;} .slider.news,.wide-container { width:auto; padding:0; } .calendar { right:130px;} .x-xl { float:none; width:100%; padding:0; margin:0 0 30px 0; } } @media only screen and (max-width:1400px) { header .logo { left:10px;} #menu .inside{ height:auto; padding:0; } ul.mainmenu a span { padding:1em 0.3em;} ul.mainmenu ul { top:50px; } .topnews.article .tophead { font-size:0.8em } .slider .inside {width:80%;} .okno ul li.icons a .iconSmall[class^="icon-"]:before,.okno ul li.icons a .iconSmall[class*=" icon-"]:before { font-size:3rem; } .okno ul li.icons a:hover .iconSmall[class^="icon-"]:before,.okno ul li.icons a:hover .iconSmall[class*=" icon-"]:before { font-size:3.3rem; } .vlaCalendar .month td.activeDay > a, .vlaCalendar .month td.activeDay span > a { width:auto; height:auto;} .x-lg { float:none; width:100%; padding:0; } } @media only screen and (max-width:1200px) { #menu-wrapper { top:60px;} header .logo { width:260px; height:80px; left:10px; top:-45px; } .logo h1 { font-size:1em; } .logo h1 a:link,.logo h1 a:visited { padding:20px 0 0 100px; } #header-opcje ul.opcje strong { 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;} #header-opcje { width:70%; } #topnews, footer { margin:0; } #menuCategoryPlaceholder { position:absolute; top:0; left:0; display:block; width:100%; padding:0; margin:0; z-index:3; transition-duration:1s;} #menuCategoryBtn { display:block;} #menuCategory { display:none; width:calc(100% - 100px); position:absolute; top:2px; left:53px; background:#fff; border:2px solid #e00022; padding:2em; box-sizing:border-box; z-index:15;} footer .content { width:95%;} #content.main { margin:2em 0; z-index:0; } .slider .item .info .padding { font-size:1em;} .slider.news .slider-nav { bottom:10px; } .slider.news .item .info .padding { width:80%;} .slider.news .item .info .data { width:100px; height:100px; padding:20px 0 0 0; font-size:1.2em;} .calendar { position:relative; bottom:auto; right:auto; width:100%;background-color:#f3f3f3; margin:0; } .slider.news .item a:link,.slider.news .item a:visited, .slider.news .item .info .padding a[class^="icon-"], .slider.news .item .info .padding a[class*=" icon-"] { padding:20px 0 0 120px;} .slider.news .item .info h3 { font-size: 2rem; } .triangle:before { border-width:0 100px 75px 0; } ul.mainmenu a:link,ul.mainmenu a:visited { font-size:1.2em; } #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; } .row { margin:0;} ._4r, ._5r, ._6r { width:50%; } ._4r:nth-child(2n+1) { clear:left; } ._5r:nth-child(2n+1) { clear:left; } ._6r:nth-child(2n+1) { clear:left; } ._4r:nth-child(4n+1) { clear:none; } ._5r:nth-child(5n+1) { clear:none; } ._6r:nth-child(6n+1) { clear:none; } .xrow { margin:0;} .x7,.x8,.x9,.x10,.x11,.x12 { width:50%; } .x-md { float:none; width:100% !important; padding:0; margin:0 0 30px 0; } } @media only screen and (max-width:768px) { #page { width:auto; margin:65px 0 0 0; } #page { font-size:0.9em; } header,header.noMenu { height:65px; z-index:3;} header { position:fixed; top:0; left:0} #content { padding:0; } #sciezka-navi { display:none;} #back-to-top { bottom:1em; } header .logo { width:180px; height:50px; top:8px; left:10px; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); } #menu-wrapper { top:0;} #menu { top:0;} #header-opcje { top:10px; right:10px; left:auto; width:70%; text-align:right; } #header-opcje ul.opcje { text-align:right; } #header-opcje ul.opcje li { margin-right:0.3em;} ul.opcje.LeftSide { float:none; width:auto; text-align:right;} ul.opcje.RightSide { float:none; width:auto; text-align:right;} footer .inside { padding: 20px 0;} #footer-opcje { float:none; margin:1em auto;} #search { display:none; } .panel { padding: 2em 0 0; } .panel.padding { padding:2em; } div[class^="x"].line, div[class*=" x"].line { padding-left:10px; } #menu { display:none; width:auto; } #menu .inside{ width:100%; margin:0; border:0;} #menu { position:absolute; bottom:auto; top:65px; left:auto; right:0; width:100%; z-index:0; } ul.mainmenu { margin:0 auto; padding:1em; height:auto; float:none; } ul.mainmenu.divide li:nth-child(6) { margin-left:auto;} ul.mainmenu li:hover ul ,ul.mainmenu li.iehover ul {display:none;} ul.mainmenu li {float:none; margin:0; display:block; width:100%; background:transparent; clear:both; } ul.mainmenu { background:rgba(0,0,0,0.7); } ul.mainmenu a:link,ul.mainmenu a:visited,ul.mainmenu a:hover {display:block; height:auto; padding:0; box-sizing:border-box; background:none; font-size:1.4em;line-height:1em; color:#fff; 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:encysol; content:"\e101"; font-size:1.2em; line-height:1em; color:#fff; text-decoration:none; } ul.mainmenu a strong {font-weight:normal; padding:0; } ul.mainmenu a span {font-weight:normal; padding:1.3em 1em; } ul.mainmenu a[class^="icon-"], ul.mainmenu a[class*=" icon-"] { line-height:1em; padding:1em; } ul.mainmenu a[class^="icon-"]:before, ul.mainmenu a[class*=" icon-"]:before { height:auto; font-size:2em; line-height:1em; padding:0.2em; color:#fff;} ul.mainmenu li:hover a, ul.mainmenu li a:hover, ul.mainmenu li a:focus { color:#fff;} ul.mainmenu li:hover a span:before, ul.mainmenu li a:hover span:before, ul.mainmenu li a:focus span:before,ul.mainmenu li.check span:before, ul.mainmenu li:hover a strong:before, ul.mainmenu li a:hover strong:before, ul.mainmenu li a:focus strong:before,ul.mainmenu li.check strong:before { background-color:#fff;} 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:#fff; } .meni-zajawkowe ul li { width:31%; } #meni_strony { font-size:0.9em;} #meni_strony ul li.noActive { display:none;} .meniTab,.txt .meniTab { padding:0; margin:1em 0 1em 0; width:auto; height:auto; border:0;} .meniTab ul { text-align:center;} .meniTab ul li { margin:0 0 0.2em 0; float:none; } .meniTab ul li a, .meniTab ul li a:visited, .meniTab ul li a:hover,.meniTab ul li a:active, .meniTab ul li a:focus,.meniTab ul li a.check { padding:0.7em 1em 0.7em 1em; border:1px solid #ccc; font-size:1em; } .meniTab ul li a:hover,.meniTab ul li a:active, .meniTab ul li a:focus { background-color:#e00022; color:#fff;} .topnews.article #menuCategoryPlaceholder { top:0; bottom:auto;} .topnews.article #menuCategoryBtn { top:0; bottom:auto;} .headerImg { font-size:0.7em; height:20vh;} .head h2 { font-size:1.4em; } .naglowek { margin:2em auto; text-align:center;} .naglowek h2 { font-size:1.8em; } .naglowek h3 { font-size:1.4em } .naglowek[class^="icon-"] h2, .naglowek[class*=" icon-"] h2 { padding:0 0 0 50px !important;} .naglowek[class^="icon-"] h3, .naglowek[class*=" icon-"] h3 { padding:0 0 0 50px !important;} .naglowek[class^="icon-"]:before, .naglowek[class*=" icon-"]:before { font-size:2.2rem;} .naglowek h2 { padding:20px;} .topnews.article .tophead { width:90%; } .opcje-strony { top:1em; } .slider { height:40vh; } .slider .item .info .padding { font-size:0.8em; } .slider .item .imgwraper { position:relative; top:0; right:auto; } .slider .item .imgwraper img { display:none; } .slider .item .info h3 { font-size:2em; } .slider .item .info p { font-size:1.4em; } .slider .item .info .padding[class^="icon-"], .slider .item .info .padding[class*=" icon-"] { padding:70px 0 0 0;} .slider .item .info .padding[class^="icon-"]:before, .slider .item .info .padding[class*=" icon-"]:before { width:60px; height:60px; font-size:3em; line-height:60px; } .slider-previous,.slider-next,.slider-pause { width:35px; height:35px; } .slider-previous a:before,.slider-next a:before ,.slider-pause a:before { font-size:2em; } .slider-previous { right:auto; left:0; top:50%; } .slider-next { right:0; top:50%; } .slider-nav { bottom:5px; } .slider span.wiecej { display:none;} .slider-nav ul li { margin-right:5px; width:20px; height:20px; } .slider-nav ul li:before { width:20px; height:20px;} .slider-nav ul li a:link,.slider-nav ul li a:visited { width:19px; height:19px; } .slider-nav ul li a:before { width:10px; height:10px;} .carusel { padding:0; } .carusel-previous,.carusel-next { top:-90px;} .carusel-previous { left:auto; right:80px;} .carusel-next { right: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.news a { min-height:auto; padding:10px;} .okno ul li.news a .imgwraper { height:200px; } .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.calendar a .date { font-size:1em; } .okno ul li.calendar a .date span { font-size:1.1rem; } .okno ul li.box > a .imgwraper { height:150px; padding:10px;} .okno ul li.box .content { padding:0 20px 20px;} .okno ul li.icons h3,.subpage .okno ul li.icons h3 { font-size:1.2em; } blockquote,.blockquote { padding:0.3em 0.2em 0.3em 70px; margin:1em 0; background-image:none; } blockquote:before,.blockquote:before { font-size:2em;} blockquote:after,.blockquote:after { left:60px; } .box-incontent { float:none; width:auto; padding:2em; margin:1em 0 } div.q { width:100%; float:none; } .flexBox { display: block; } .boxFull.img { height:300px;} .boxFull.img h3 { font-size:2em; } .boxFull.img .content { width:90%; } .bulb,.quotation,.alert { padding:1.5em 3em 1.5em 40px; margin: 1em 0 0 30px; } .bulb:before, .quotation:before,.alert:before { font-size:1.4em; line-height:60px; width:60px; height:60px; } .bulb:after,.quotation:after, .alert:after { left:20px; } .txt 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; } .wyszukiwarka { padding:0.5em; } .wyszukiwarka, .rekordy, .obiekt, .obiekt .kontakt { float:none; width:auto;} .rekordy table.table-listing img { width:50px !important; } .MapaPozioma #mapy #map,.MapaPozioma #mapy .box-podsumowanie { width:100%; margin:0 0 1em 0} #mapy #map, #mapy #mapIn, article #map #mapIn {height: 250px;} .forms.page form { width:100%; } .forms .twoRows { float:none; margin:0 0 2em 0 !important; width:auto; display:block;} .forms .twoRows input[type=text],.forms .twoRows input[type=file],.forms .twoRows input[type=password],.forms .twoRows select { width:100%; } .bannery-slider {margin: 0 auto; width:320px !important;} .bannery-previous { left:0;} .bannery-next { right:0;} .subAside,.subContent, .left, .right, aside.dodatki, .txt, .category, .txtArea { display:block; width:auto !important; float:none !important; margin:1em 0 1em 0 !important; clear:both; padding:0;} .przypiete { position: relative; top: auto; left: auto; width: 100%; z-index: 1; opacity: 1; padding:1em; box-sizing:border-box; } .przypiete ul {text-align:center;} .przypiete ul li { position: relative; width:auto; height:auto; margin:5px; padding:0; display:inline-block;} .share { position:relative; top:auto; right:auto; margin:1em 0;} .mobileShow { display:inline-block !important;} .mobileHide {display:none !important;} article 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%;} article 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; } .x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 { float:none; width:100%; padding:0; margin:0 0 30px 0; } .x-sm { float:none; width:100%; padding:0; margin:0 0 30px 0; } } @media only screen and (max-width:480px) { .vlaCalendarOverlay { padding:0 2em; font-size:1em; } .vlaCalendar .arrowLeft,.vlaCalendar .arrowRight { top:0; } .vlaCalendar .arrowLeft { left:0;} .vlaCalendar .arrowRight { right:0 ;} .carusel .okno ul li.icons .content { display:inline-block; margin:0 auto; padding:0 0 10px 0; } .carusel .okno ul li.icons h3 { text-align:center; } .carusel .okno ul li.icons a:link,.okno ul li.icons a:visited { display:block; text-align:center; } .carusel .okno ul li.icons a .imgwraper { margin:0 auto; } .carusel .okno ul li.icons a .imgwraper:before { border:0; border-bottom:1px solid #ccc; } .meni-zajawkowe ul li, .subAll .meni-zajawkowe ul li , .subContent .meni-zajawkowe ul li { margin:0 0 1em 0 !important; float:none; width:auto; display:block; font-size:0.8em; } .meni-zajawkowe ul li a, .subAll .meni-zajawkowe ul li a, .subContent .meni-zajawkowe ul li a { margin:0; } .foto_left,.foto_right { float:none; overflow:visible; padding:0; margin:1em 0 1em 0; width:auto; } .bannery-slider { width:360px !important;} .banners .bannery-slider { padding:0; } .banners .bannery-next { right:-11px;} .banners .bannery-previous { right:-11px;} .txt[class^="icon-"]:before, .txt[class*=" icon-"]:before { font-size:3rem; } .txt[class^="icon-"]:after, .txt[class*=" icon-"]:after { right:50px; } .txt[class^="icon-"], .txt[class*=" icon-"] { padding-right:60px; } a.button:link, a.button:visited { padding:1em; } .galeria_embed .zdjecia ul { margin:0;} .galeria_embed .zdjecia ul li { width:auto; float:none; margin:0;} .galeria_embed .zdjecia ul li figure { margin:0 0 1em;} .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;} ._2r ,._3r,._4r,._5r,._5r ,._6r { float:none; width:100%; } ._2r a,._3r a,._4r a,._5r a,._6r a { margin:0 0 15px 0; } .x-xm { float:none; width:100%; padding:0; margin:0 0 30px 0; } } /* fix IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .okno ul li.arrow a h3 { line-height:1.5;} .okno ul li.list h3 { line-height: 1.6; } .okno ul li.news h3 { line-height:1.4; } .okno ul li.calendar h3 { line-height:1.5; } } /*mapa SVG */ #mapaSVG { position:relative; width:100%; height:650px; overflow:hidden;} #mapaSVG #departments { position:relative; width:100%; height:100%; } @media only screen and (max-width:480px) { #mapaSVG { height:400px; } } /*IE fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { svg#departments { width:400px !important; height:400px !important; } }