@charset "utf-8";
/*  common  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}

body, table, div, input, textarea, select {font-family: 'Titillium Web', sans-serif;color:#202020;font-weight:400;font-size:12pt}
sup {vertical-align:super;line-height:1em;font-size:0.6em}
sub {vertical-align:sub;line-height:1em;font-size:0.6em}

strong,b {font-weight:700}
em,i {font-style:italic}
a {color:#1e1c5d;text-decoration:none}
a:hover {color:#FFCC00;text-decoration:none;}
.content a  {color:#1e1c5d;text-decoration:none}
.content a:hover   {color:#FFCC00;	text-decoration:none; background-color:#224488; ;padding:0px 3px}

a:focus  {outline:#ee0000 solid 1px;}
p {margin:0;}
label {cursor:pointer}

.hidden {display:none}
.aleft {text-align:left}
.aright {text-align:right}
.acenter {text-align:center}
.ajustify {text-align:justify}
.fleft {float:left;display:inline}
.fright {float:right;display:inline}
.fcenter {margin:0 auto;display:block}
.iblock {display:inline-block;vertical-align:top;margin-bottom:10px}
.galeria {margin:0;display:block}
.cright {clear:right}
.cboth {clear:both}
.cleft {clear:left}
.ileft {margin:0px 20px 12px 0px}
.iright {margin:0px 0px 12px 20px}
.upper {text-transform:uppercase}
.lower {text-transform:lowercase}
.shadow {text-shadow:0 1px 2px rgba(0,0,0,0.4)}
.lshadow {text-shadow:0 1px 1px rgba(255,255,255,0.5)}
.menuvert {display:block}
.inline {display:inline}
.oneline {white-space: nowrap}
.rclear {display:none}
.cclear {display:block;clear:both}

.page .content ul { list-style:disc;margin:5px 0 5px 32px}
.page .content ol { list-style:decimal;margin:5px 0 5px 32px}

h1 {margin:0 0 20px;clear:both;font-size:24pt;font-weight:400;color:#223355;letter-spacing:1px}
h2 {margin:0 0 15px;clear:both;font-size:20pt;font-weight:400;color:#223355;letter-spacing:1px}
h3 {margin:0 0 10px;clear:both;font-size:18pt;font-weight:400;color:#223355;}
h4 {margin:0 0 10px;clear:both;font-size:14pt;font-weight:400;color:#223355;}
h5 {margin:0 0 10px;clear:both;font-size:12pt;font-weight:400;color:#223355;}
h6 {margin:0 0 5px;clear:both;font-size:11pt;font-weight:400;color:#223355;}
.content h1 {margin-top:15px;line-height:1em}
.content h2 {margin-top:15px;line-height:1em}
.content h3 {margin-top:10px;line-height:1em}
.content h4 {margin-top:5px;line-height:1em}

#info {display:none;background:rgba(0,0,0,0.4);padding:3px 5px;position:fixed;top:65px;left:50%;width:220px;color:#fff;z-index:100;margin-left:-110px;text-align:center}
#scrolltop {display:none}

/*  display */
html {height:100%}
html,body {min-height:100%;background:#fff;overflow-x:hidden;margin:0;padding:0}
body {padding:0;margin:0;}
.page {max-width:1200px;margin:0 auto;padding:0;width:100%}

#header {min-height:85px;background:#fff;position:relative;z-index:3;padding:20px 0 15px}
#boxytop {flex:1 1 auto;text-align:right;align-self:center}
#header .page {position:relative;display:flex;flex-flow: row wrap;text-align:center;justify-content: center}
#home {display:inline-block;text-align:center;text-transform:uppercase;font-weight:700}
#home img {width:420px;max-width:100%}
#header #wcag {display:inline-block;vertical-align:top}
#header #wcag img {width:28px;display:inline-block;vertical-align: top;margin-top:2px}
#header .box {min-height:32px;display:inline-block;line-height:32px;margin-left:20px;padding:0 2px;vertical-align:top;}

#langs a {color:#808080;text-align:center;width:30px;display:inline-block;font-weight:700}
#langs a:hover {color:#225599}
.flag {width:27px;height:18px;display:inline-block;background:url(gfx/flags.png) no-repeat left center;background-size:cover;border:1px solid #404040;vertical-align:middle;margin:0 0 0 5px}
.flag-en {background-position:right center}

#menu {height:40px;padding:0 0 8px}
#menu .page {display:flex;flex-flow:row nowrap;align-items: flex-start;justify-content: center}
#menu ul {flex:1 0 auto;display:flex;flex-flow:row nowrap;align-items: flex-start;justify-content: space-between;}
#menu ul li {flex:1 0 auto;}
#menu form {border:1px solid #e0e0e0;flex:0 1 auto;}
#menu form input {display:inline-block;vertical-align:top;border:0px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:0 10px;line-height:16pt;background:#f7f7f7;height:40px;width:140px}
#menu form button {cursor:pointer;width:40px;display:inline-block;vertical-align:top;border:0px solid #e0e0e0;background:#f7f7f7;border-left:1px solid #fff;height:40px}
#social {display:inline-block;vertical-align:top;font-size:20pt}
#social .social {display:inline-block;color:#a0a0a0;width:32px;text-align:center;height:32px;border-radius:4px;transition:all 0.2s linear}
#social .social:hover {;color:#000000;background:#f0f0f0;transition:all 0.2s linear}
#social .social-yt:hover {;color:#dd0000;background:#e0e0e0;transition:all 0.2s linear}
#social .social-fb:hover {;color:#fff;background:#374474;transition:all 0.2s linear}

#menu ul {line-height:40px;margin:0;padding:0}
#menu ul li {display:inline-block;margin:0;padding:0;}
#menu ul li a {display:block;margin:0 auto;line-height:40px;text-align:center;transition:all 0.3s linear;border-left:1px dotted #707070;text-transform: uppercase;color:#223366;font-size:10.5pt}
#menu ul li:first-child a {}
#menu ul li a:hover {color:#fff;background-color:#26324a;}
#menu ul li a.selected {color:#000;background-color:#FDB400;}

#slider {background:#ffffff;padding-bottom:0px;position:relative;z-index:1;border-bottom:1px solid #ffffff}
#sliderk {padding-bottom:0px;position:relative;z-index:1;border-bottom:1px solid #ffffff}
#slider .page {position:relative;}
#sliderk .page {;display:flex;flex-flow:row nowrap;align-items: stretch;justify-content: space-between;height:auto}
#pickonf {flex:0 1 auto;width:100%;}
#konfmenu {background:#f0f0f0;flex:0 0 auto;width:202px;}
/*#konfmenu ul {height:100%;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:stretch}*/
/*#konfmenu ul li {display:flex;align-items: stretch;flex:1 0 auto;width:100%}*/
#konfmenu ul {height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start}
#konfmenu ul li {display:flex;align-items: stretch;flex:0 0 auto;width:100%;box-sizing: border-box}
#konfmenu ul li:nth-of-type(n+2) {border-top:1px solid #fff}
#konfmenu ul li a {display:block;padding:7px 12px;transition:all 0.2s linear;width:100%;line-height:1.25em}
#konfmenu ul li a.selected {color:#000;background-color:#FDB400;	}
#konfmenu ul li a:hover {color:#fff;background-color:#26324a;}
#slider .slide a {color:#ffffff;display:block}
#sliderk .slide a {color:#ffffff;display:block}
#sliderk .slide img {min-width:100%;min-height:100%}
#sliderswipe {position:relative;padding-top:34.5%;height:0;width:100%;margin:0 auto;top:0;left:0;right:0}
#sliderk #sliderswipe {padding-top:36%;}
#sliderswipe .next {right:30px;}
#sliderswipe .previous {left:30px;}
#sliderswipe .slide {padding:0;text-align:center} 
#sliderswipe .slide img {max-width:100%}
#sliderswipe .slide .slidetext {margin:0;position:absolute;left:60px;bottom:35px;z-index:2;text-transform:uppercase;text-align:left;text-shadow:0 1px 1px rgba(0,0,0,0.6)}
#sliderswipe .slide h2 {font-size:26pt;color:#fff;text-transform:uppercase}
#sliderswipe .slide h3 {font-size:22pt;color:#fff;text-transform:uppercase;font-weight:700}

.swipeshow {position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;}
.slides {height:100%;overflow:hidden;width:100%}
.slide {position:absolute;top:0;left:0;overflow:hidden;height:100%;text-align:center}
.next, .previous {cursor:pointer;position:absolute;top:50%;margin-top:-20px;background:#606060;opacity:0.7;color:#fff;width:40px;height:40px;line-height:1.2em;display:block;text-align:center;color:#fff;font-size:24pt;transition:all 0.3s linear}
.next:hover, .previous:hover {background:#1e1c5d;transition:all 0.3s linear;color:#fff;opacity:1;padding:0}
.content a.next, .content a.previous {cursor:pointer;position:absolute;top:50%;margin-top:-20px;background:#606060;opacity:0.7;color:#fff;width:40px;height:40px;line-height:1.2em;display:block;text-align:center;color:#fff;font-size:24pt;transition:all 0.3s linear}
.content a.next:hover, .content a.previous:hover {background:#1e1c5d;transition:all 0.3s linear;color:#fff;opacity:1;padding:0}
.dots {position:absolute;left:0;right:0;bottom:10px;padding:5px 10px;display:inline-block;text-align:center}
.dot-item {cursor:pointer;border:1px solid #c0c0c0;background:#606060;width:14px;height:14px;margin:0 5px;display:inline-block;opacity:0.7}
.dot-item.active {background:#fff;border:1px solid #fff;}

#breadcrumbs {padding:15px 0 30px;}
#breadcrumbs .page {color:#a0a0a0;text-align:left;background:#f0f0f0;padding:8px 0px 8px;font-size:10pt;}
#breadcrumbs a {padding:0 5px;text-transform: uppercase;color:#808080;margin-left:5px}
#main h1#title {border-bottom:2px solid #e0e0e0;color:#112240;padding:10px 20px 15px;font-size:26pt;font-weight:700;z-index:3;max-width:1160px;margin:0 auto;position:relative}
#main h1#title.asidetitle {padding:10px 20px 15px 270px;max-width:910px;}
#main {background:#fff;max-width:100%}
#mains {background:#fff;max-width:100%}
/*
#main .page {display:flex;max-width:100%;flex-flow:row nowrap;justify-content: flex-start;border-bottom:1px solid #e0e0e0;align-items:flex-start;z-index:2;position:relative;padding-bottom:30px}
#content {min-height:240px;padding:20px 0 0px 0px;margin:0 auto;display:inline-block;z-index:2;position:relative;flex:1 1 auto}
*/
#main .page {border-bottom:1px solid #e0e0e0;z-index:2;position:relative;padding-bottom:30px;margin:0 auto}
#content {min-height:240px;padding:20px 10px 0px 10px;margin:0 auto;display:block;z-index:2;position:relative}
#content2 {min-height:240px;}
#aside {flex:0 1 auto;z-index:2;margin-top:-6px;}
#aside ul {width:260px;padding-top:5px;padding-bottom:10px;margin-right:30px;background:#26324A}
#aside a {color:#fff;padding:10px 20px;display:block;transition: all 0.2s ease-out;border-top:1px solid #205690;width:220px}
#aside a:hover {background:#FDB400;color:#000;padding:10px 15px 10px 25px;transition: all 0.2s ease-out}
#aside a.selected {background:#FDB400;color:#000}

#kafle {display:flex;flex-flow:row nowrap;align-items:stretch;border-bottom:1px solid #fff;width:100%}
#kaflelista {display:flex;flex-flow:row wrap;align-items:stretch;justify-content: flex-start;position:relative;width:100%}
#kaflelista a.kafel {width:400px;box-sizing:border-box;border-bottom:1px solid #fff;height:270px;padding:0;display:block;flex:0 1 auto}
#main #kaflelista a.kafel {width:390px;margin:15px 15px 0 0;height:306px}
#main #kaflelista a.kafel:nth-of-type(3n) {margin-right:0}
#kaflelista a.kafel:hover {padding:0}
#kaflelista a.bigkafel:hover {padding:0}
.content a.kafel:hover {padding:0}
.content a.bigkafel:hover {padding:0}
#kaflelista .kafel:nth-of-type(n*3) {width:400px;box-sizing:border-box;border-left:0}
.bigkafel {flex:1 1 auto;display:inline-block;width:795px;margin-right:15px}
.bigkafel img {max-width:100%}
#morekafel {flex:1 1 auto;display:flex;flex-flow:column wrap;width:390px}
.kafel {;height:200px;border-left:1px solid #ffffff;}
.kafel:nth-of-type(1) {border-bottom:1px solid #ffffff}
#morekafel .kafel:nth-of-type(1) {border-bottom:15px solid #ffffff}
.bigkafel,.kafel {background:no-repeat center center;background-size:cover;position:relative;overflow:hidden;}
/*.kafeltext {box-sizing:border-box;background:rgba(249, 183, 0,0.9);width:100%;top:100%;position:absolute;height:100%}*/
.kafeltext {box-sizing:border-box;background:rgba(255,188,4,0.78);width:100%;top:100%;position:absolute;height:100%}
.kafeltext h2 {color:#000000;font-size:20pt;font-weight:400;letter-spacing:0;margin:0;padding:10px 30px;flex:0 1 auto;;line-height:1.3em}
.kafelnotext {box-sizing:border-box;background:rgba(255,188,4,0.78);width:100%;top:100%;position:absolute;height:100%}
.kafelnotext h2 {color:#000000;font-size:20pt;font-weight:400;letter-spacing:0;margin:0;padding:10px 30px;flex:0 1 auto;;line-height:1.3em}
.kafeltext>div {padding:10px 30px 10px;flex:0 1 auto;line-height:1.4em;font-size:13pt}
.kafelnotext>div {padding:10px 30px 10px;flex:0 1 auto;line-height:1.4em;font-size:13pt}
.kafel .kafeltext h2 {color:#000000;font-size:12pt;font-weight:400;padding:10px 15px;}
.kafel .kafelnotext h2 {color:#000000;font-size:12pt;font-weight:400;padding:10px 15px;}
.kafel .kafeltext>div {padding:0px 15px 10px;;font-size:11pt}
.content .kafeltext div span.more {margin-top:5px}
.content .kafeltext div span.more:hover {margin-top:5px}
.bigkafel:hover .kafeltext,.kafel:hover .kafeltext {display:flex;flex-flow:column nowrap;justify-content:center}
.kafel:hover .kafeltext.notitle h2 {display:none}
.kafel .nooverlay {display:none}
.kafel .nooverlay * {display:none}
.kafel .kafelnotext>div {padding:0px 15px 10px;;font-size:11pt}
.content .kafelnotext div span.more {margin-top:5px}
.content .kafelnotext div span.more:hover {margin-top:5px}
.bigkafel:hover .kafelnotext,.kafel:hover .kafelnotext {opacity:0;display:flex;flex-flow:column wrap;justify-content:center}
.bigkafel div.kafelmore,.kafel div.kafelmore {position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;background:rgba(255,188,4,0.78);transition:all 0.3s linear;z-index:2}
div.kafelmore .more {position:absolute;bottom:18px;transform:translateX(-50%);left:50%}
.bigkafel:hover div.kafelmore,.kafel:hover div.kafelmore {opacity:1}
.kafel:hover .kafelnotext.notitle h2 {display:none}
span.kafel {background:#000;box-sizing:border-box;}
span.bigkafel {background:#000;box-sizing:border-box;}

.teamitems {display:flex;flex-flow:row wrap;align-items: flex-start;justify-content: flex-start;text-align:center;padding:20px 0 30px}
.teamitems .kafelnotext {height:auto;transform:translateY(-100%)}
.teamitems .kafel {width:225px;height:298px;box-sizing:border-box;background:#F8BD18;margin:0 5px 10px}
.teamitems.teamitems-prelegent .kafel {width:294px;height:298px;}
.kafelin {height:227px;background:no-repeat center top ;background-size:cover;position:relative;overflow:hidden;}
.teamitems.teamitems-prelegent .kafelin {height:257px}
.teamitem {display:flex;flex-flow:row nowrap;align-items: flex-start;justify-content: space-around;}
.teamitempic {flex:0 0 auto;width:225px;text-align:right;padding-right:30px}
.teamitem-prelegent .teamitempic {width:285px;}
.teamitempic img {max-width:100%}
.teamitemdesc {flex:0 1 auto;}
.teamitemdesc .more.back2 {display:none}
.teamitemdesc h2 {margin:0 0 10px}
.teamitemdesc h3 {margin:0 0 10px;font-size:14pt}

#contacts {padding:0;border-top:3px solid #fff;border-bottom:8px solid #fff;}
#contacts .page {display:flex;flex-flow:row nowrap;text-align:left;justify-content:center;border-top:0px solid #f0f2f6}
#contacts .box {flex:0 1 auto;text-align:center;width:34%;position:relative;height:175px;overflow: hidden}
#contacts a {display:block;top:0;left:0;right:0;bottom:0;position:absolute;}
#contacts a:hover {} 
/*#contacts a div {background:no-repeat center top;top:0;left:0;right:0;bottom:0;background-size:cover;position:absolute;transition:all 0.3s ease-out;filter:grayscale(1) brightness(0.9) contrast(1.2);} */
#contacts a div {background:no-repeat center top;top:0;left:0;right:0;bottom:0;position:absolute;} 
/* #contacts a:hover div {top:0;left:0px;right:-15px;bottom:0px;transition:all 0.3s ease-out;filter:grayscale(0) brightness(1) contrast(1)} */
#contacts a span {display:block;position:absolute;bottom:0;left:0;right:0;color:#fff;padding:0 15px 15px;text-align:left;line-height:1.2em;font-size:14pt;transition:all 0.15s ease-out;font-weight:700;;filter:grayscale(1) brightness(2)}
#contacts a span h3 {color:#fff;margin:0 0 6pt 0;font-size:28pt;letter-spacing:1px;font-weight:700;}
#contacts a:hover span {transition:all 0.2s ease-out}

/*
#contacts .box:nth-of-type(1) a div {background-image:url(gfx/cbox1.png)}
#contacts .box:nth-of-type(2) a div {background-image:url(gfx/cbox2.png)}
#contacts .box:nth-of-type(3) a div {background-image:url(gfx/cbox3.png)}
*/
#contacts .box:nth-of-type(1) a div {background-image:url(gfx/box1.png)}
#contacts .box:nth-of-type(1):hover a div {background-image:url(gfx/box1a.png)}

#contacts .box:nth-of-type(2) a div {background-image:url(gfx/box2.png)}
#contacts .box:nth-of-type(2):hover a div {background-image:url(gfx/box2a.png)}

#contacts .box:nth-of-type(3) a div {background-image:url(gfx/box3.png)}
#contacts .box:nth-of-type(3):hover a div {background-image:url(gfx/box3a.png)}
.publikacja {display:flex;flex-flow:row nowrap;justify-content: flex-start;align-items:flex-start;}

.publikacjaopis {flex:1 1 auto}
.publikacjaopis h3 {margin:0 0 20px 0}
.publikacjapic {flex:0 1 auto}
.publikacjapic div {width:200px;margin-right:20px}
.publikacjapic div img {}

.onas h2 {border-bottom:2px solid #dddddd;padding-bottom:25px}
.onas a:hover {padding:0;background:none}
.onas a img {margin:0 35px 35px}

	/*
#newsletter {background:#272F54;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;margin-bottom:10px;}
#newsletter h3 {display:inline-block;background:url(gfx/mail.png) no-repeat right bottom -10px;flex:0 1 auto;padding:20px 120px 20px 20px ;color:#fff;font-weight:400;font-size:22pt;margin:0;transition: all 0.2s ease-out}
#newsletter div {display:inline-block;flex:1 0 auto;color:#fff;padding:0 10px;text-align:right;text-transform:uppercase}
#newsletter form {display:inline-block;flex:0 1 auto;color:#fff;padding:0 10px;text-align:right}
#newsletter:hover h3,#newsletter:focus h3 {background-position:right bottom -2px;transition: all 0.2s ease-out}
#newsletter form input {padding:0 12px;border:0;margin:0 5px 0 0;background:#798088;color:#fff;transition: all 0.2s linear;display:inline-block;vertical-align:middle;height:40px;}
#newsletter form input:focus {background:#fff;color:#000}
#newsletter form input[type=submit] {background:#FDB400;color:#001133;text-transform:uppercase;cursor:pointer;width:auto;font-size:14pt;padding:0;margin:0;font-size:12pt;padding:0 10px;}
#newsletter form input[type=submit]:hover {background:#ff9900;color:#000}
  */
.newspoz {display:flex;flex-flow:row nowrap;justify-content: flex-start;align-items: stretch;border-bottom:1px solid #f0f0f0;padding-bottom:20px;margin-bottom:30px}
.newsimg {display:inline-block;vertical-align:top;width:360px;padding-right:30px;flex:0 0 auto}
.newscontent {display:inline-block;vertical-align:top;flex:1 1 auto;}
.newscontent h2.newstitle {margin:0 0 20px 0}
.newscontent .more {margin-top:15px}


    #newsletter {margin-bottom:10px;width:100%}
    #newsletterin {background:#272F54;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;}
    #newsletter h3 {display:inline-block;flex:0 1 auto;padding:20px 20px 20px 20px ;color:#fff;font-weight:400;font-size:22pt;margin:0;transition: all 0.2s ease-out}
    #newsletterinfo {display:inline-block;flex:1 0 auto;color:#fff;padding:0 10px;text-align:right;text-transform:uppercase}
    #formpola {display:inline-block;flex:0 1 auto;color:#fff;padding:0 10px;text-align:right;white-space: nowrap}
    #newsletter:hover h3,#newsletter:focus h3 {background-position:right bottom -2px;transition: all 0.2s ease-out}
    #newsletter #formpola input {padding:0 12px;border:0;margin:4px 0 4px 0;background:#f0f0f0;color:#000;transition: all 0.2s linear;display:inline-block;vertical-align:middle;height:40px;}
    #newsletter #formpola input:focus {background:#fff;color:#000}
    #newsletter #formpola input[type=submit] {background:#556688;color:#fff;text-transform:uppercase;cursor:pointer;width:auto;font-size:14pt;padding:0;margin:0;font-size:12pt;padding:0 10px;}
    #newsletter #formpola input[type=submit]:hover {background:#000;color:#fff}
  

/*
#infobox {background:#f0f0f0}
#infobox .page {display:flex;flex-flow:row wrap;align-items:stretch}
#infobox .box {display:inline-block;flex:1 0 auto;padding:25px 30px;vertical-align:middle}
#infobox .boxvcenter {align-self:center}
#boxlogo {filter:grayscale(1);opacity:0.5;}
#boxlogo img {width:220px}
#infobox .box .iblock {padding:15px 25px}
#infobox .box .aright.iblock {border-right:1px solid #96969e}
#infobox .boxdark {background:#131f39;padding:15px 30px 20px}
#infobox .boxdark form input {width:180px;padding:5px 10px;border:0;margin:0 0 12px 0;background:#f0f0f0;transition: all 0.2s linear}
#infobox .boxdark form input:focus {background:#fff}
#infobox .boxdark form input[type=submit] {background:#ffc000;color:#001133;text-transform:uppercase;cursor:pointer;width:200px;font-size:14pt;padding:0;margin:0}
.boxgray {background:#e8e8e8}
.boxdark h3 {color:#fff;margin:0 0 20px}
.social img {width:40px}
.social {display:inline-block;width:40px;height:40px}
*/
#partnerzy {padding:20px 0 30px}
#partnerzy h2 {color:#707070;text-transform:uppercase;font-size:16pt;}
#partnerzylist {display:flex;flex-flow:row wrap;align-items:flex-end;justify-content: space-around}
#partnerzy a {display:inline-block;flex:0 1 auto;}
#partnerzy a span {display:block;font-size:10pt;color:#808080;padding-bottom:10px;text-align: center}
#partnerzy a img {max-width:220px;max-height:80px}

/*na podstronie*/
.partnerlist {display:block;background:#fbfbfb;margin:0 auto 30px;display:grid;grid-template-columns:20% 1fr;justify-content:flex-start;align-items:center}
.partnerlist h3 {display:inline-block;background:#f0f0f0;border-right:10px solid #fff;padding:25px 10px;line-height:24pt;margin:0;flex:0 0 20%;text-align:center;}
.partnerlist div {flex:0 1 auto;gap:10px;display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start}
.partnerlist a {flex:0 1 auto;text-align:center;padding:0 5px;min-width:0px;max-width:300px;}
.partnerlist a img {max-height:80px}
.partnerlist a:hover {padding:0 5px;background:none}

#footer {padding-bottom:30px}
#footer div {color:#303030;line-height:1.6em;font-size:12pt}
#footer a {color:#556699;transition:all 0.2s linear;}
#footer a:hover {color:#000000;transition:all 0.2s linear;}

#stopka {color:#303030;background:#fff;padding:20px 40px;display:flex;flex-flow:row wrap;justify-content: space-between;align-items:flex-start;border-top:1px solid #e0e0e0}
#stopka ul {list-style-type: none;display:inline-block;padding:0;margin:0 0 20px 0;text-align:left;}
#stopka>div {;flex:0 1 auto}
#stopka h3 {color:#fff;padding:0 10px 5px;font-size:14pt;margin:0 0 10px 0}
#stopka ul li {display:inline-block;padding:0;margin:0}
#stopka ul li a {;border-bottom:1px solid #ffffff;padding:0 10px 5px;display:inline-block;}
#stopka ul li a:hover {;border-bottom:1px solid #8090a0}
#stopka .social {display:inline-block;color:#a0a0a0;width:32px;text-align:center;height:32px;border-radius:2px;transition:all 0.2s linear;font-size:18pt;line-height:32px;margin:0 5px;background:#484848;}
#stopka .social .fa {margin:0;font-size:18pt;}
#stopka .social:hover {;color:#fff;background:#374474;transition:all 0.2s linear}
#stopka .fa {margin-left:10px;margin-right:5px;font-size:14pt}
#adresy div {display:inline-block;vertical-align:top;padding-right:10px}

#multimedia {width:100%;position:relative}
#multimedia .slide {}
.multimedialist {display:flex;flex-flow:row wrap;align-items:flex-start;justify-content: flex-start;margin:0}
#multimedia .swipeshowcont {display:block;max-width:100%;width:100%;text-align:center;height:0;padding-top:30%;position:relative}
#multimedia .previous {left:0;top:35%}
#multimedia .next {right:0;top:35%}
#multimedia a.multimedia {display:inline-block;max-width:31.5%;vertical-align:top;text-align:center;width:100%}
#multimedia span.multimedia {display:inline-block;max-width:31.5%;vertical-align:top;text-align:center;width:100%;margin-right:1.8%}
.content #multimedia a.multimedia:hover {padding:0;background-color:#fff}
.content #multimedia span.multimedia:hover {padding:0;background-color:#fff}
.multimedia img {width:320px;max-width:100%;margin:0 0 5px}
.multimedia h3 {max-width:100%;font-size:14pt;margin:0 auto 25px;line-height:1.2em}
#multimediaplay {max-width:640px;margin:0 auto}

#content .archiwumdesc iframe {max-width:640px;margin:0 auto;width:100%}

.content a.switchdzien {outline:none;display:inline-block;background:#e0e0e0;color:#606060;padding:20px 35px;font-size:24pt;margin:0 5px 0px 0;transition:all 0.3s linear;position:relative}
.content a.switchdzien:hover {outline:none;display:inline-block;background:#202020;color:#FDB400;padding:20px 35px;font-size:24pt;margin:0 5px 0px 0;transition:all 0.3s linear;position:relative}
.content a.switchdzien i {display:none;position:absolute;top:100%;right:30%;line-height:0;margin-top:4px}
.content a.switchdzien.selected {background:#0d3769;color:#FDB400;}
.content a.switchdzien.selected i {display:block;color:#0d3769}
.programdzien:nth-of-type(n+2) {display:none}
.programpozycja {display:flex;background:#ebecf0;border-top:5px solid #fff;flex-flow:row nowrap;justify-content:flex-start;align-items:center}
.programpozycja.bg-1,.programpozycja.bg-1 .programmore {;background:#d0d0d0}
.programpozycja.bg-3,.programpozycja.bg-3 .programmore {;background:#0d3769;}
.programpozycja.bg-2,.programpozycja.bg-2 .programmore {;background:#aad6e6;}
.programpozycja.bg-0 {;background:#aad6e6;}
.programpozycja.bg-0 .programmore {;background:#b7ddef;}
.programpozycja.bg-3 * ,.programpozycja.bg-3 .programmore * {color:#fff}
.programgodziny {flex:0 0 auto;display:inline-block;padding:25px 25px;font-weight:700;font-size:20pt}
.programinfo {flex:1 1 auto;display:flex; font-size: 14pt;flex-flow:row nowrap;align-items:stretch;justify-content: space-between}
.content .programmore {flex:0 0 auto;background:#f2f3f6;width:80px;align-self:stretch;text-align:center;display:flex;align-items:center;justify-content:center;padding:0;;min-height:80px}
.content a.programmore {flex:0 0 auto;background:#f2f3f6;width:80px;align-self:stretch;text-align:center;display:flex;align-items:center;justify-content:center;padding:0;;min-height:80px}
.content a.programmore:hover {padding:0;color:#000}
.programinfomulti {flex:1 1 auto;text-align:center;padding:5px 10px}
.programinfomulti:nth-of-type(n+2) {border-left:1px solid #90b0c0}
.programmore i {transition:all 0.3s ease-in-out}
.programmoreinfo {display:none;;background:#f6f7f9;padding:15px 30px 25px;text-align:left}
.programinfomulti .programmoreinfo {display:none;;background:none;padding:10px 0 0;text-align:left;font-size: 11pt}
.programpozycja.programsub {background:#f0f2f4}
.programsub .programgodziny {opacity:0;padding:18px 25px}
.programsub .programmore i {color:#808080}

.zgloszenieform {display:block;margin:0 auto;text-align:left;width:640px;max-width:100%}
.formrow {padding:5px 10px;background:#f0f0f0;text-align:left;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}
.formrow>.label {flex:0 0 200px;text-align:right;padding-right:15px}
.formrow>div {flex:1 0 auto;}
.formrow select,.formrow input,.formrow textarea {flex:1 0 auto}

.headerbox {background:#272F54;padding:10px 20px;color:#fff}
.headerbox .hr2 {border-bottom:1px solid #374f78;margin-bottom:10px}

#copyright {background:#fff;padding:15px 20px;text-align:right;color:#000;border-top:1px solid #e0e0e0}
/*
#footer {padding-bottom:30px}
#footer div {color:#fff;line-height:1.6em;font-size:12pt}
#footer a {color:#fff;transition:all 0.2s linear;}
#footer a:hover {color:#F9BC1B;transition:all 0.2s linear;}

#stopka {color:#fff;background:#272F54;padding:20px 40px;display:flex;flex-flow:row wrap;justify-content: space-between;align-items:flex-start}
#stopka ul {list-style-type: none;display:inline-block;padding:0;margin:0 0 20px 0;text-align:left;}
#stopka>div {;flex:0 1 auto}
#stopka h3 {border-bottom:1px solid #646090;color:#fff;padding:0 10px 5px;font-size:14pt;margin:0 0 10px 0}
#stopka ul li {display:inline-block;padding:0;margin:0}
#stopka ul li a {;padding:0 10px 5px;display:inline-block;border-bottom:1px solid #646090}
#stopka ul li a:hover {;border-bottom:1px solid #8090a0}
#stopka .social {display:inline-block;color:#a0a0a0;width:32px;text-align:center;height:32px;border-radius:2px;transition:all 0.2s linear;font-size:18pt;line-height:32px;margin:0 5px;background:#484848;}
#stopka .social .fa {margin:0;font-size:18pt;}
#stopka .social:hover {;color:#fff;background:#374474;transition:all 0.2s linear}
#stopka .fa {margin-left:10px;margin-right:5px;font-size:14pt}
#adresy div {display:inline-block;vertical-align:top;padding-right:10px}

#copyright {background:#131732;padding:15px 20px;text-align:right;color:#fff}

#fb-ico {box-shadow:inset 0 0 50px rgba(255,255,255,0.5)}
#yt-ico {box-shadow:inset 0 0 50px rgba(255,255,255,0.5)}
*/

#menu2 {display:none}
#menutoggle {display:none}

#cookieinfo {z-index:10000000;position:fixed;bottom:15px;left:50%;margin-left:-175px;padding:5px 8px;border:4px solid rgba(0,0,0,0.7);color:#000;background:rgba(255,255,255,0.5);border-radius:10px;text-align:left;line-height:20px;min-width:330px;}
#cookieinfo a {color:#c1272d}
#zrobcookie {float:right;margin-left:20px;font-size:20pt;font-weight:700;color:#c1272d;text-transform:lowercase;line-height:12pt}
#zrobcookie:hover {color:#000000}

.nav a {
	display: inline;
	font-size: 1.27em;
	left: -9000em;
	padding: 5px 10px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 150px;
	z-index: 1;
}

.nav a:hover,
.nav a:focus,
.nav a:active {
	z-index:10000;
	background: #4B4B4B;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	left: 0;
	top: 40px;
	position: absolute;
}

/*  other  */

.shownext_label {background:#EA8F24;color:#fff;font-weight:700;padding:3px 8px}
.shownext:checked + .hiddentext {height:auto;transition:height 0.2s ease-out}
.shownext:checked + .hiddentext>div {transition:opacity 0.3s linear 0.1s, transform 0.1s ease-out 0s;opacity:1;transform:scaleY(1)}
.hiddentext {height:0;transition:height 0.2s ease-out;margin-bottom:0px;margin-top:10px}
.hiddentext>div {opacity:0;transition:opacity 0.05s linear 0s, transform 0.1s ease-out 0.3s;transform:scaleY(0)}
.shownext:checked + .hiddentext2 {height:auto;transition:height 0.2s ease-out}
.shownext:checked + .hiddentext2>div {transition:opacity 0.3s linear 0.1s, transform 0.1s ease-out 0s;opacity:1;transform:scaleY(1)}
.hiddentext2 {height:0;transition:height 0.2s ease-out;margin-bottom:0px;margin-top:10px}
.hiddentext2>div {opacity:0;transition:opacity 0.05s linear 0s, transform 0.1s ease-out 0.3s;transform:scaleY(0)}


	.infobox {max-width:400px;display:inline-block;vertical-align: top;margin:0 15px 20px;background:#499279;color:#fff !important;text-align:center;padding:10px 15px;border-radius:5px}

	.content {line-height:1.4em;}
	
    .pager {margin:0px 0 10px;display:inline;float:right;padding:0px 10px 0 10px;text-align:right;clear:both;font-weight:700}
	.content .pager a {padding:2px 7px;border-radius:0;margin:0 0 0 6px;background:#FDB400;color:#000;transition:all 0.2s linear}
    .content .pager a:hover {padding:2px 7px;background:#1e1c5d;text-decoration:none;color:#FDB400}
    .pager a.selected {background:#000;color:#FDB400}

	.halfcontent {width:450px}

	.imgl {display:block;margin:0;border:0}

	.galeria {display:inline-block;vertical-align:middle;overflow:hidden;}
	.content .galeria:hover {padding:0}
	.galeria img {max-width:100%;display:block;box-sizing:border-box;max-height:100%;margin:auto auto}
	
	.galeria {width:180px;margin:0 12px 25px;text-align:center;border:0px solid #d0d0d0;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2)}
	.galeria:hover {border:0px solid #fff;box-shadow:0 1px 7px rgba(0,0,0,0.5)}
	.galeria img {}

	.galerialista {vertical-align: top;}
	.galerialista .galeriapic {height:120px;overflow:hidden;width:180px}
	.galerialista img {vertical-align: top;background:none;box-shadow:none;max-height: none}
	.galeriainfo {font-size:14pt;padding:5px;background:#fff;height:auto}

    .lightbox {border:0px solid #d0d0d0;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2)}
    .lightbox img {display:block}
    .imgzoom {border:1px solid #d0d0d0;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2);display:inline-block;vertical-align:middle;overflow:hidden;}
    .imgzoom:hover {border:1px solid #fff;box-shadow:0 1px 7px rgba(0,0,0,0.5)}
    .imgzoom img {display:block}

	#content img.iblockpic {display:inline-block;vertical-align:middle;max-height:115px;max-width:230px;width:auto;height:auto}

	.podpis {clear:both;display:block;color:#404040;font-size:10pt;text-align:center;line-height:1.2em;padding:3px 0;width:180px;margin:0 auto}
	
	.content a.more {display:inline-block;color:#fff;background:#272F54;clear:both;font-size:12pt;font-weight:400;transition:all 0.2s linear;height:30px;line-height:30px;padding:0 10px}
	.content a.more:hover {background:#000;transition:all 0.2s linear;color:#ffffff}
	.content span.more {display:inline-block;color:#fff;background:#272F54;clear:both;font-size:12pt;font-weight:400;transition:all 0.2s linear;height:30px;line-height:30px;padding:0 10px}
	.content span.more:hover {background:#000;transition:all 0.2s linear;color:#ffffff}
	.more2 {display:inline-block;color:#707070;background:#fff;text-transform:uppercase;clear:both;font-size:10pt;font-weight:700;transition:all 0.2s linear;height:30px;line-height:30px;padding:0 10px}
	.more2 .fa {font-size:16pt}
	.more2:hover {transition:all 0.2s linear;color:#335599}

	.hr {border-bottom:1px solid #dfdcd8;font-size:1px;line-height:1px;height:1px;clear:both}
	#content .hr {margin-bottom:24px;padding-top:24px;display:inline-block}
	.hr2 {font-size:1px;line-height:1px;height:1px;margin:0 0 4px;padding:4px 0 0 0;clear:both}
	.hr3 {border-bottom:1px solid #c0c0c0;font-size:1px;line-height:1px;height:1px;margin:0 0 16px;padding:0px 0 0 0;clear:both}
	.hr4 {border-bottom:1px solid #e0e0e0;font-size:1px;line-height:1px;height:1px;margin:0;padding:0;clear:both}
	.sep {font-size:1px;line-height:1px;height:1px;margin:0;padding:0;clear:both}
	.galsep {font-size:1px;line-height:1px;height:1px;margin:0;padding:0;clear:both}
	hr {height:1px;background:#a0a0a0;color:#a0a0a0;border:0}
	.center {padding:5px 0 0 0;border-top:1px solid #d0d0d0}
	
	small {font-size:9pt}
	.smalltext {font-size:10pt}
	.bigtext {font-size:14pt}

	.important {color:#d00000}
	.ok {color:#409020}
	.wazne {color:#d01010}
	.stare {color:#909090}
	.info {color:#079377}
	.label {text-transform:uppercase;color:#505050;font-weight:700;}
	a.noborder,img.noborder {border:0}
	.span150 {min-width:140px;padding-right:10px;display:inline-block;vertical-align:top}
	.span100 {min-width:90px;padding-right:10px;display:inline-block;vertical-align:top}
	.span60 {min-width:50px;padding-right:10px;display:inline-block;vertical-align:top}
	
	input,textarea,select {background:#fff;border:1px solid #9190b0;padding:5px 10px;color:#102040;font-size:12pt;max-width:100%;font-weight:400}
	optgroup {font-style:normal;font-weight:700}
	input:focus,textarea:focus {border:1px solid #d8d8d8;background:#fff}
	.button {border:0;background:#1e1c5d;color:#fff;padding:2px 12px;border-radius:0px;cursor:pointer;font-size:11pt;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#fff;line-height:1.6em;transition:all 0.3s linear}
	.button:hover {background:#224488;color:#FDB400;padding:2px 12px;}
	.content .button {border:0;background:#1e1c5d;color:#fff;padding:2px 12px;border-radius:0px;cursor:pointer;font-size:11pt;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#fff;line-height:1.6em;transition:all 0.3s linear}
	.content .button:hover {background:#224488;color:#FDB400;padding:2px 12px;}
	.content a.button {border:0;background:#1e1c5d;color:#fff;padding:2px 12px;border-radius:0px;cursor:pointer;font-size:11pt;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#fff;line-height:1.6em;transition:all 0.3s linear}
	.content a.button:hover {background:#224488;color:#FDB400;padding:2px 12px;}
	input.button:focus {border:0;color:#fff;background:#ef7e66}
	input.button {}

.contactform {margin:0;text-align: left;max-width:100%;width:100%}
.forminline {display:inline-block;vertical-align:top;padding:10px 30px 10px 0;text-align:left;max-width:100%}
.input_form {width:392px;max-width:100%;box-sizing: border-box}
.input_textarea {width:672px;max-width:100%;box-sizing: border-box}
	
.content table {  margin:10px auto;}
#content .content table {margin:10px auto;border:1px solid #fff;padding:2px 5px;background:#fff;}
#content .content table th {border:1px solid #a0a0a0;background:#d7d6d5;padding:6px 8px;font-weight:400;color:#202020;font-size:14pt}
#content .content table tr td {border:1px solid #a0a0a0;padding:2px 5px;background:#f7f6f6;}
#content .content table tr:nth-of-type(2n) td {border:1px solid #a0a0a0;padding:2px 5px;background:#fff;}
.tablewrapper {overflow:auto}
.tablewrapper .tablewrapper {overflow:none}

#content iframe {max-width:640px;margin:0 auto;width:100%}
#content img {max-width:100%}
#content input,#content textarea {max-width:100%}

.youtube-embed-wrapper {max-width:640px;margin:0 auto;}
.container {width:100%;padding:250px 0 0 0;position:relative;height:0}
.container21 {width:100%;padding:50% 0 0 0;position:relative;height:0}
.container1610 {width:100%;padding:60% 0 0 0;position:relative;height:0}
.container169 {width:100%;padding:56.25% 0 0 0;position:relative;height:0}
.container43 {width:100%;padding:75% 0 0 0;position:relative;height:0}
.container iframe {position:absolute;top:0;left:0;width:100%;height:100%}
.container .inside {position:absolute;top:0;left:0;width:100%;height:100%}
#mapcontainer {padding:2px;border:1px solid #e0e0e0}
#map {;background:#fff url(gfx/ajax-loader.gif) no-repeat center center}

a#dogory {position:fixed;bottom:10px;right:10px;border-radius:0;line-height:40px;display:block;z-index:10000;background:rgba(50,50,50,0.7);color:#fff;width:50px;height:50px;text-align:center;text-decoration:none}
a#dogory i {display:block;font-size:36pt;text-decoration:none}

@media
only screen  and (max-width:1240px) {
	#kaflelista a.kafel {width:33.33%;box-sizing:border-box;border-bottom:1px solid #fff;height:250px;padding:0;display:block;flex:0 1 auto}
	#main #kaflelista a.kafel {width:calc(33.33% - 15px)}
	#main #kaflelista a.kafel:nth-of-type(3n) {margin-right:0}
	#content {padding:20px 10px 0px 10px;}
	.teamitems {justify-content: center}
}


@media
only screen  and (max-width:1180px) {
	#header {margin-top:36px;padding-top:5px}
	#menu {display:none}
	#menu2 {
		height: 0;
		background: #fff;
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
		display: block;
		line-height: 36px;
		text-align: left;
		z-index: 1000000;
		border-top:1px solid #a0a0a0;
		position: fixed;
		top: 36px;
		left: 0;
		bottom: auto;
		overflow: auto;
		width: 100%;
		margin-left:0
	}

	#menutoggle {
		display: block;
		line-height: 36px;
		width: 100%;
		height: 36px;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: url(gfx/menu-icon.png) no-repeat right center #fff;
		opacity: 0.85;
		transition: all 0.2s linear;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000000;
		margin-left: 0;
		text-align: left;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
	}

	#menutoggle span {
		display: inline-block;
		font-size: 1em;
		color:#202020;
		padding: 0 0 0 10px;
		font-weight: 700
	}

	#menutoggle:hover {
		opacity: 1;
		color:#4d9200;
		transition: all 0.2s linear
	}

	#menu2in {
		overflow-y: auto;
		height: auto;
		box-sizing: border-box;
	}

	#menu2 ul {
		display: block;
		padding: 0;
		margin: 0
	}

	#menu2 ul li {
		display: block;
		border-bottom: 1px solid #d0d0d0;
		padding: 0;
		margin: 0;
		line-height: 1.5em
	}
	#menu2 ul ul li {
		display: block;
		border-bottom: 0;
		border-top: 1px solid #f0f0f0;
		padding: 0;
		margin: 0;
		line-height: 1.5em
	}
	#menu2 h2 {
		display: block;
		background: #f0f0f0;
		padding: 5px 8px 5px 16px;
		margin:0;
		font-size: 1.2em;
		color:#404040;
	}

	#menu2 ul li a {
		display: block;
		padding: 5px 8px 5px 16px;
		font-size: 1.1em;
		font-weight:700;
	}

	#menu2 ul li a.selected {
		background: no-repeat 5px 6px;
		background-color: #e0e0e0;
		color: #202020;
		/*background-image: url("gfx/darr.png");*/
	}

	#menu2 ul ul li a.selected {
		background: no-repeat 21px 5px;
		background-color: #e0e0e0;
		color: #202020;
		/*background-image: url("gfx/darr.png");*/
	}

	#menu2 ul ul li a {
		display: block;
		padding: 5px 8px 5px 32px;
		font-size: 1em;
		font-weight: 700
	}

	#menu2 ul ul ul li a {
		display: block;
		padding: 5px 8px 5px 48px;
		font-size: 0.9em;
		font-weight: 400
	}

	#menu2.rozwiniete {
	}
}


@media
only screen  and (max-width:1080px) {
	#multimedia .previous {left:0;top:-35px}
	#multimedia .next {right:0;top:-35px}
	.newsimg {width:240px;}
	#boxytop {flex:1 1 auto;text-align:center;align-self:center}
	#header .box {min-height:32px;line-height:32px;margin:0 5px;}
  .partnerlist {display:block;background:#fff;margin:0 auto 30px;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center}
  .partnerlist h3 {display:block;background:#f0f0f0;border-right:10px solid #fff;padding:10px 0px;line-height:1.4em;margin:0 0 20px 0;flex:1 0 100%;text-align:center}

	#sliderk .page {;display:flex;flex-flow:column nowrap;align-items: center;justify-content: flex-start;height:auto}
	#pickonf {flex:0 1 auto;width:100%;}
	#konfmenu {background:#f0f0f0;flex:0 1 auto;width:100%}
	#konfmenu ul {height:auto;display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch}
	#konfmenu ul li {display:flex;align-items: stretch;flex:1 1 auto;width:33%;border:0}
	#konfmenu ul li:nth-of-type(n+2) {border-top:1px solid #fff;}
	#konfmenu ul li {border-top:1px solid #fff;border-right:1px solid #fff}


}
@media
only screen  and (max-width:860px) {
	#newsletterin {flex-flow:row wrap;text-align:center;justify-content:center}
	#newsletter h3 {flex:0 1 auto;text-align:center}
	#newsletterinfo {flex:0 1 auto;text-align:center}
	#newsletter form {flex:1 1 auto;text-align:center;padding:10px}
	#contacts .page {flex-flow:column;text-align:center;justify-content:center;}
	#contacts .box {flex:1 1 auto;text-align:center;width:auto;height:175px;margin-bottom:5px}
	#contacts a div {background:#fff no-repeat center top;background-size:auto 175px}
	#kaflelista {align-items:stretch;justify-content: space-between;}
	#main #kaflelista a.kafel {width:calc(50% - 8px);margin-right:0px}
	#stopka {padding:20px 10px}
	#kafle {flex-flow:row wrap;align-items:flex-start;}
	.bigkafel {height:320px;margin:0 0 15px 0}
	#morekafel {flex:0 1 auto;display:flex;flex-flow:row nowrap;width:100%;justify-content: space-between}
	#morekafel .kafel {height:220px;width:calc(50% - 8px)}
}

@media
only screen  and (max-width:720px) {
	.multimedia img {margin:0 0 1px}
	.multimedia h3 {font-size:12pt;margin:0 auto 5px;line-height:1.1em}
	#multimedia .swipeshowcont {padding-top:32%}
	#copyright {text-align:center}
	#main h1#title {font-size:20pt}
	h1 {font-size:18pt}
	h2 {font-size:17pt}
	h3 {font-size:15pt}
	h4 {font-size:13pt}
	.programgodziny {flex:0 0 auto;display:inline-block;padding:15px 15px 15px 10px;font-weight:700;font-size:16pt}
	.programsub .programgodziny {opacity:0;padding:10px 15px 10px 10px}
	.content .programmore {width:50px;min-height:50px}
	.content a.programmore {width:50px;min-height:50px}
  #sliderswipe .next {right:0px;}
  #sliderswipe .previous {left:0px;}
	#multimedia a.multimedia {max-width:48.2%;margin-right:0.8%;margin-left:0.8%}
	#multimedia span.multimedia {max-width:48.2%;margin-right:0.8%;margin-left:0.8%}
	#konfmenu ul li {display:flex;align-items: stretch;flex:1 0 auto;width:50%;}
}
@media
only screen  and (max-width:640px) {

	.teamitem {display:flex;flex-flow:row wrap;align-items: flex-start;justify-content: center}
	.teamitempic {flex:0 0 auto;width:225px;text-align:center;padding-right:0}
	.teamitempic .more.back1 {display:none}
	.teamitemdesc .more.back2 {display:inline-block}
	.teamitemdesc {flex:0 1 auto;}
	.teamitemdesc h2 {margin:0 0 10px;text-align:center}
	.teamitemdesc h3 {margin:0 0 10px;font-size:14pt;text-align:center}
	.bigkafel {height:280px}
	#morekafel {flex-flow:column nowrap;}
	#morekafel .kafel {height:220px;width:100%;}
	#kaflelista a.kafel {width:100%;height:220px}
	#main #kaflelista a.kafel {width:100%;height:220px}
	.newsimg {;width:auto;padding:0 0 10px;}
	.newsimg img {max-height:200px}
	.newspoz {flex-flow:row wrap;justify-content: center;}
	.publikacja {flex-flow:row wrap;justify-content: center}
	.publikacjapic {width:250px}
	.publikacjapic div img {max-height:200px;}
	.publikacjaopis h3 {margin:0}
	#cookieinfo {z-index:10000000;position:fixed;bottom:0px;left:0;right:0;margin-left:0;padding:5px 5px;border:0;border-top:4px solid rgba(0,0,0,0.7);color:#000;background:rgba(255,255,255,0.7);border-radius:0px;text-align:left;line-height:20px;min-width:auto;font-size:10pt;}
	#multimedia a.multimedia {display:inline-block;max-width:50%;vertical-align:top;text-align:center;width:100%}
	#multimedia .swipeshow a.multimedia {max-width:33.3%}
	.programinfo {flex:1 1 auto;display:flex; font-size: 14pt;flex-flow:column nowrap;align-items:stretch;justify-content: space-between}
	.programinfomulti:nth-of-type(n+2) {border-left:0;border-top:1px solid #d0d0d0}
	.formrow .label {flex:0 0 100%;text-align:center;padding-right:0}
}
@media
only screen  and (max-width:480px) {
	#newsletter form {white-space: normal}
	#contacts .box {;height:120px;}
	#contacts a div {background-color:#fff;background-position:center top;background-size:auto 120px}
	#multimedia a.multimedia {max-width:98.2%;margin-right:0.8%;margin-left:0.8%}
	#multimedia span.multimedia {max-width:98.2%;margin-right:0.8%;margin-left:0.8%}
	#konfmenu ul li {display:flex;align-items: stretch;flex:1 0 auto;width:100%;}
	.teamitems .kafel {width:calc(50% - 8px);height:260px;}
	.teamitems .kafelin {height:188px;}
  
.partnerlist div {  flex-flow: column nowrap;}
  
}

.load * {
    transition:none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  }