/*
Quick.Cms default stylesheet
More about design modifications - http://opensolution.org/Quick.Cms/docs/?id=en-design
*/
/* GLOBAL STYLES */

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Kalam:300,400,700&display=swap&subset=latin-ext');

:root {
  /* --kolor-oddzial-1: #f29b47; */
  --kolor-oddzial-1: #0069b1;
  --border-oddzial-1: #004777;
  --kolor-oddzial-2: #70a253;
  --kolor-oddzial-3: #e86248;
  --border-oddzial-3: #d22807;
}

body, body *{margin:0;padding:0;border:0;}
body,table{color:#5e5e5e;font-size:0.75em;font-family:'Open Sans Condensed', Verdana, Arial, sans-serif;font-weight:300;}

body{padding:0;background:#fff;text-align:center;display:block;}

.input, select, textarea{padding:5px 10px;border-width:2px;border-style:solid;font-size:1.33em;border-color:#e8eef4;font-family:'Open Sans Condensed';background:#fdfdfd;}
.input.warning-required, select.warning-required, textarea.warning-required{border-color:#ffbcbc;}
.submit, .more {background:var(--kolor-oddzial-3);color:#fff;padding:10px 10px;text-transform:uppercase;font-size:1em;border-radius:2px;float:right;position:relative;cursor:pointer;font-weight:700;}
.submit i, .more i {border-left:1px solid var(--border-oddzial-1);margin:0 0 0 10px;padding:0 0 0 10px;}
.submit:hover, .more:hover {background:var(--border-oddzial-3);color:#fff;}
.submit:hover i, .more:hover i {border-color:var(-kolor-oddzial-3)}
.submit:disabled, .submit:disabled:hover  {background:#d0d0d0;color:#222;border-color:#e0e0e0;}
.submit:disabled i {border-color:#b0b0b0;}
* html .submit{padding:3px 1px !important;}
* html .input{height:28px;}
.form{background:transparent;border:0px;}
.form label{font-size:1.23em;font-weight:300;}
.form label span{padding-left:10px;color:#acb3b7;font-weight:normal;}
.hide{display:none;}
.clear {float:left;width:100%;clear:both;margin:5px 0;}
input::-moz-focus-inner { border:0; padding:0 }

a{color:#5e5e5e;text-decoration:none;}
a:hover{color:#2f2f2f;}


#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}

#container{position:relative;width:100%;margin:0 auto;padding:0;overflow:hidden;float:left;}
header{float:left;width:100%;background:#2f2f2f;position:relative;min-height:120px;}
#page1 header, #page6 header {background:#fff;}
section, footer {clear:both;float:left;width:100%;margin:0 auto;padding:0;}
section .section-cn {width:990px;margin:0 auto;text-align:left;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1{height:120px;position:fixed;z-index:111;}
#head1 .section-cn {position:relative;z-index:112;}
#head0 {position:fixed;background:url('img/header-bg.png') 100px bottom repeat-x;height:157px;top:0;z-index:111;  -webkit-transition: max-height 1s; 
  -moz-transition: max-height 1s; 
  -ms-transition: max-height 1s; 
  -o-transition: max-height 1s; 
  transition: max-height 1s;}

#logo{float:left;margin:20px 0 0 0px;}

/* SEARCH FORM */
#searchForm {position:absolute;right:40px;top:14px;padding:12px 0;margin:0;}
#searchForm .search_show {margin-top:8px;display:block;background:url('img/magnifier13.png') no-repeat center;height:24px;width:24px;opacity: 0.2;filter: alpha(opacity=20);cursor:pointer;}
#searchForm .search_show:hover {opacity: 0.6;filter: alpha(opacity=60);}
#searchForm .search_fields {display:none;border:1px solid #f0f0f0;padding:5px 5px;position:absolute;top:100px;right:-40px;width:260px;}
#searchForm .search_fields .input {float:left;border:1px solid #d7d7d7;font:normal 12px Tahoma;padding:7px 5px;margin:0;border-right:0;border-left:0;background:#fff;width:185px;}
#searchForm .search_close {display:block;float:left;width:28px;height:28px;border:1px solid #d7d7d7;border-right:0;background:#fff url('img/buttons.png') no-repeat 0 0;}
#searchForm .search_close:hover {background-position:0 -28px;cursor:pointer;}
#searchForm .search_fields .submit {background:#fff url('img/buttons.png') no-repeat -27px 0;width:35px;border:1px solid #d7d7d7;border-left:0;padding:0;color:transparent;height:30px;float:left;margin:0;}
#searchForm .search_fields .submit:hover {cursor:pointer;background-position:-27px -28px;}

#pBanner {height:280px;overflow:hidden;margin-top:60px;position:relative;}
#pBanner .section-cn {position:absolute;font-weight:300;top:130px;width:990px;left:50%;margin:0 0 0 -495px;text-align:left;}
#pBanner img {opacity:0.4;margin-top:-80px;}
#pBanner .section-cn h1 {color:#fff;font-weight:700;float:left;font-size:2.617em;text-shadow:1px 1px 0  0 #000;opacity:0.7;margin-top:60px;}
#pBanner .section-cn .breadcumb {float:right;margin:0px 0 0 0;color:#fff;font-size:1.23em;}
#pBanner .section-cn .breadcumb a {color:#fff;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{float:left;clear:both;margin:0;width:100%;}
#body .section-cn{overflow:hidden;clear:both;}

/* LEFT COLUMN STYLES */
#column{float:left;width:270px;padding:10px 0;}
#column .type{margin-top:25px;padding:7px 0 7px 10px;color:#fff;font-size:1.75em;letter-spacing:1px;background:#8cc128 url('img/menu2_bg.png') repeat-x;border:0;}
#menu2{margin:25px 20px 10px;-webkit-box-shadow:0 -2px 7px rgba(0,0,0,.15);box-shadow:0 -2px 7px rgba(0,0,0,.15);}

/* LEFT MENU */
#menu2 .type{margin-top:0;text-shadow:0px 1px 1px rgba(65,72,80,0.3),0px 2px 3px rgba(65,72,80,0.2),0px 3px 4px rgba(65,72,80,0.1);}
#menu2 ul{padding:15px 0;list-style:none;background:#fff url('img/menu2_items_bg.png') repeat-x left bottom;border-bottom:2px solid #8cc128;}
#menu2 li{padding:4px 0 4px 15px;background:url('img/menu2_arrow.png') no-repeat 13px 12px;}
#menu2 a{display:block;width:87%;padding:2px 2% 4px 7%;color:#002d41;font-size:1.083em;background:none;}
#menu2 a:hover, #menu2 .sub1 a:hover{color:#598600;background:none;}
#menu2 .selected > a:first-child{color:#598600;background:none;}

#menu2 .sub1{margin:0;padding:0;border:0;background:none;}
#menu2 .sub1 li{padding:2px 0 2px 24px;background:url('img/circle.png') no-repeat 11px 10px;}
#menu2 .sub1 a{display:block;width:100%;padding:2px 0;}

/* RIGHT COLUMN STYLES */
#content{float:left;width:100%;padding:20px 0 5px;text-align:center;}
#page{position:relative;width:100%;margin:0 auto;text-align:left;}
.contact #content {width:100%;}
.nb #content {padding-top:70px;}

/* PAGE TITLE */
#page h1{margin:18px 0 10px;padding-left:10px;background:inherit;font-size:2.417em;font-weight:normal;background:inherit;}

/* NAVIGATION PATH - TREE */
#page .breadcumb {position:absolute;top:-5px;padding:2px 0;color:#a6aeb3;background:inherit;font-size:1.13em;right:0;}
#page .breadcumb a{background-color:inherit;color:#a6aeb3;text-decoration:none;font-weight:normal;}
#page .breadcumb a:hover{text-decoration:underline;}
*:first-child+html #page .breadcumb{top:-5px;} /* IE 7 hack */
* html #page .breadcumb {top:-5px;} /* IE 6 hack */

/* PAGE CONTENT */
#page div.content{padding-top:5px;font-size:1.183em;line-height:1.6em;font-family:'Arial'}
#page div.content ul {float:left;margin:10px 0 20px 30px;padding:0;list-style:none;width:calc(100% - 30px);}
#page div.content ol {float:left;margin:10px 0 20px 30px;padding:0;width:calc(100% - 30px);}
#page div.content ol ol { list-style-type:lower-alpha; }
#page div.content li{margin:4px 0;padding:0;border-left:0;font-size:1.033em;padding:3px 0;}
#page div.content ul li:before {content:"\f08a";font-family:'FontAwesome';padding-right:10px;color:#d33a27;font-size:1.133em;}
#page div.content p{padding-bottom:10px;}

#page div.content #planZajec {float:left;position:relative;padding-bottom:0px;width:100%;}
#page div.content #planZajec .plan-item {position:relative;float:left;width:100%;height:190px;}
#page div.content #planZajec .plan-item:after {content:"";height:80px;width:0;border-right:2px dotted #000;bottom:0;left:50%;position:absolute;margin-left:-10px;z-index:-1;}
#page div.content #planZajec .plan-hour {display:block;float:left;width:120px;text-decoration:none;font-style:normal;font-weight:700;height:120px;width:120px;line-height:120px;border-radius:50%;border:4px solid #f78b23;text-align:center;position:absolute;left:50%;margin-left:-72px;background:#f78b23;color:#fff;font-weight:400;font-size:1.133em;font-family:Arial}
#page div.content #planZajec .plan-content {border:2px solid #f78b23;width:35%;float:right;padding:20px 25px;border-radius:15px;position:relative;margin:20px 0 0;background:rgba(247,139,35,0.1);-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.27);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.27);font-family:'Arial';font-size:0.9em;}
#page div.content #planZajec .plan-hour:after {content: '';height: 140px;width: 140px;border: 8px solid #f78b23;border-left-color: transparent;border-radius: 50%;transform: translateX(-50%) translateY(-50%) rotate(-15deg);transition: all 0.3s ease-in-out 0s;position: absolute;left: 50%;top: 50%;}	
#page div.content #planZajec .plan-item:nth-child(even) .plan-content {border-top-left-radius: 0;margin-right:15px;}
#page div.content #planZajec .plan-item:nth-child(even) .plan-content:after {content:'\f017';font-family:'FontAwesome';display:block;border-radius:50%;height:30px;width:30px;line-height:30px;background:#f78b23;z-index:101;position:absolute;top:50%;right:-15px;margin-top:-15px;text-align:center;color:#fff;vertical-align:middle;}
#page div.content #planZajec .plan-item:nth-child(even) .plan-content:before {position:absolute;content:"";width: 0;height: 0;top:-2px;left:-20px;border-style: solid;border-width: 0 20px 20px 0;border-color: transparent #f78b23 transparent transparent;}	
#page div.content #planZajec .plan-item:nth-child(even) .plan-hour:after {border: 8px solid #f78b23;border-right-color: transparent;}
#page div.content #planZajec .plan-item:nth-child(odd) .plan-content {border-top-right-radius: 0;margin-top:40px;margin-left:15px;float:left;}
#page div.content #planZajec .plan-item:nth-child(odd) .plan-content:after {position:absolute;content:"";width: 0;height: 0;top:-2px;right:-20px;border-style: solid;border-width: 20px 20px 0 0;border-color: #f78b23 transparent transparent transparent;}
#page div.content #planZajec .plan-item:nth-child(odd) .plan-content:before {content:'\f017';font-family:'FontAwesome';display:block;border-radius:50%;height:30px;width:30px;line-height:30px;background:#f78b23;z-index:101;position:absolute;top:50%;left:-15px;margin-top:-15px;text-align:center;color:#fff;vertical-align:middle;font-size:1.133em;}

#page div.content #planZajec .plan-item:nth-child(2):before {content:"\f135";font-family:'FontAwesome';position:absolute;left:100px;top:100px;font-size:4em;color:#f78b23;opacity:0.2;}
#page div.content #planZajec .plan-item:nth-child(2) .plan-hour, #page div.content #planZajec .plan-item:nth-child(2) .plan-content:after {background:#68a942;border-color:#68a942;}
#page div.content #planZajec .plan-item:nth-child(2) .plan-hour:after {border: 8px solid #68a942;border-right-color: transparent;}
#page div.content #planZajec .plan-item:nth-child(2) .plan-content {border-color:#68a942;background:rgba(104,169,66,0.1)}
#page div.content #planZajec .plan-item:nth-child(2) .plan-content:before {border-color: transparent #68a942 transparent transparent;}

#page div.content #planZajec .plan-item:nth-child(3):before {content:"\f004";font-family:'FontAwesome';position:absolute;right:100px;top:50px;font-size:4em;color:#68a942;opacity:0.2;transform:rotate(-20deg)}
#page div.content #planZajec .plan-item:nth-child(3) .plan-hour, #page div.content #planZajec .plan-item:nth-child(3) .plan-content:before {background:#ec4625;border-color:#ec4625;}
#page div.content #planZajec .plan-item:nth-child(3) .plan-hour:after {border: 8px solid #ec4625;border-left-color: transparent;}
#page div.content #planZajec .plan-item:nth-child(3) .plan-content {border-color:#ec4625;background:rgba(236,70,37,0.1)}
#page div.content #planZajec .plan-item:nth-child(3) .plan-content:after {border-color: #ec4625 transparent transparent transparent;}

#page div.content #planZajec .plan-item:nth-child(4):before {content:"\f006";font-family:'FontAwesome';position:absolute;left:50px;top:100px;font-size:4em;color:#ec4625;opacity:0.2;}
#page div.content #planZajec .plan-item:nth-child(4) .plan-hour, #page div.content #planZajec .plan-item:nth-child(4) .plan-content:after {background:#39bdbf;border-color:#39bdbf;}
#page div.content #planZajec .plan-item:nth-child(4) .plan-hour:after {border: 8px solid #39bdbf;border-right-color: transparent;}
#page div.content #planZajec .plan-item:nth-child(4) .plan-content {border-color:#39bdbf;background:rgba(57,189,191,0.1)}
#page div.content #planZajec .plan-item:nth-child(4) .plan-content:before {border-color: transparent #39bdbf transparent transparent;}

#page div.content #planZajec .plan-item:nth-child(5):before {content:"\f434";font-family:'FontAwesome';position:absolute;right:50px;top:60px;font-size:4em;color:#39bdbf;opacity:0.2;}
#page div.content #planZajec .plan-item:nth-child(5) .plan-hour, #page div.content #planZajec .plan-item:nth-child(5) .plan-content:before  {background:#ae4a99;border-color:#ae4a99;}
#page div.content #planZajec .plan-item:nth-child(5) .plan-hour:after {border: 8px solid #ae4a99;border-left-color: transparent;}
#page div.content #planZajec .plan-item:nth-child(5) .plan-content {border-color:#ae4a99;background:rgba(174,74,153,0.1)}
#page div.content #planZajec .plan-item:nth-child(5) .plan-content:after {border-color: #ae4a99 transparent transparent transparent;}

#page div.content #planZajec .plan-item:nth-child(1):before {content:"\f61f";font-family:'FontAwesome';position:absolute;right:90px;top:60px;font-size:4em;color:#ae4a99;opacity:0.2;}
#page div.content #planZajec .plan-item:nth-child(6):before {content:"\f001";font-family:'FontAwesome';position:absolute;left:140px;top:80px;font-size:4em;color:#ae4a99;opacity:0.2;transform:rotate(-20deg)}
#page div.content #planZajec .plan-item:nth-child(8):before {content:"\f135";font-family:'FontAwesome';position:absolute;left:10px;top:60px;font-size:4em;color:#68a942;opacity:0.2;}
#page div.content #planZajec .plan-item:nth-child(9):before {content:"\f544";font-family:'FontAwesome';position:absolute;right:90px;top:60px;font-size:4em;color:#ec4625;opacity:0.2;}
#page div.content #planZajec .plan-item:nth-child(10):before {content:"\f417";font-family:'FontAwesome';position:absolute;left:90px;top:60px;font-size:4em;color:#39bdbf;opacity:0.2;}
#page div.content #planZajec .plan-item:nth-child(11):before {content:"\f549";font-family:'FontAwesome';position:absolute;right:90px;top:60px;font-size:4em;color:#ae4a99;opacity:0.2;}

#page div.content #planZajec .plan-item:nth-child(8) .plan-hour, #page div.content #planZajec .plan-item:nth-child(8) .plan-content:after  {background:#ec4625;border-color:#ec4625;}
#page div.content #planZajec .plan-item:nth-child(8) .plan-hour:after {border: 8px solid #ec4625;border-right-color: transparent;}
#page div.content #planZajec .plan-item:nth-child(8) .plan-content {border-color:#ec4625;background:rgba(236,70,37,0.1)}
#page div.content #planZajec .plan-item:nth-child(8) .plan-content:before {border-color: transparent #ec4625 transparent transparent;}

#page div.content #planZajec .plan-item:nth-child(7):before {content:"\f08a";font-family:'FontAwesome';position:absolute;right:140px;top:80px;font-size:4em;color:#f78b23;opacity:0.2;transform:rotate(-20deg)}
#page div.content #planZajec .plan-item:nth-child(7) .plan-hour, #page div.content #planZajec .plan-item:nth-child(7) .plan-content:before  {background:#68a942;border-color:#68a942;}
#page div.content #planZajec .plan-item:nth-child(7) .plan-hour:after {border: 8px solid #68a942;border-left-color: transparent;}
#page div.content #planZajec .plan-item:nth-child(7) .plan-content {border-color:#68a942;background:rgba(104,169,66,0.1)}
#page div.content #planZajec .plan-item:nth-child(7) .plan-content:after {border-color: #68a942 transparent transparent transparent;}


#page div.content #planZajec .plan-item:nth-child(10) .plan-hour, #page div.content #planZajec .plan-item:nth-child(10) .plan-content:after {background:#ae4a99;border-color:#ae4a99;}
#page div.content #planZajec .plan-item:nth-child(10) .plan-hour:after {border: 8px solid #ae4a99;border-right-color: transparent;}
#page div.content #planZajec .plan-item:nth-child(10) .plan-content {border-color:#ae4a99;background:rgba(174,74,153,0.1)}
#page div.content #planZajec .plan-item:nth-child(10) .plan-content:before {border-color: transparent #ae4a99 transparent transparent;}

#page div.content #planZajec .plan-item:nth-child(9) {border-color:#39bdbf;}
#page div.content #planZajec .plan-item:nth-child(9) .plan-hour, #page div.content #planZajec .plan-item:nth-child(9) .plan-content:before {background:#39bdbf;border-color:#39bdbf;}
#page div.content #planZajec .plan-item:nth-child(9) .plan-hour:after {border: 8px solid #39bdbf;border-left-color: transparent;}
#page div.content #planZajec .plan-item:nth-child(9) .plan-content {border-color:#39bdbf;background:rgba(57,189,191,0.1)}
#page div.content #planZajec .plan-item:nth-child(9) .plan-content:after {border-color: #39bdbf transparent transparent transparent;}

#page div.content #planZajec .plan-item:nth-last-child(1):after {border:0;}

#page div.content #planZajec .plan-item:hover .plan-hour:after {  -webkit-transform:  translateX(-50%) translateY(-50%) rotate(360deg);
          transform: translateX(-50%) translateY(-50%) rotate(-375deg);transition: all 0.3s ease-in-out 0s;}
		  
#page div.content #planZajec .plan-item .plan-icons {font-size:3em;padding:80px 20px 0;float:left;opacity:0.5}		  
#page div.content #planZajec .plan-item:nth-child(odd) .plan-icons {float:right;}


#page3 #page div.content ul li:before {content:"\f08a";color:#d33a27}
#page3 #page div.content ul li {font-size:1.033em;padding:3px 0;}

#page.contactPage div.content {clear:both;}
#page div.content  h3 {font-size:1.133em;}

/* STRONA GŁÓWNA */
#page1 #page div.content img {float:left;}
#page1 #page #opisIndex {float:right;width:46%;margin:20px 0 0;}
#page1 #page div.content strong.kalam {font-family:'Kalam';color:#ec4625;font-size:1.633em;font-weight:400;}
#page1 #page div.content a, #zapisz a, #rekrutacja a {display:block;float:left;width:32%;background-size: 100% 200%;background-image: linear-gradient(to top, #d22807 50%, #e86248 50%);-webkit-transition: background-position 0.5s;-moz-transition: background-position 0.5s;transition: background-position 0.5s;border-bottom:3px solid #d22807;border-radius:5px;text-align:center;text-transform:uppercase;color:#fff;line-height:1em;padding:5px 0;font-size:1.033em;}
#page1 #page div.content a:first-of-type {background-image: linear-gradient(to top, #4b8e24 50%, #70a253 50%);border-color:#4b8e24;margin-right:10px;}
#page1 #page div.content a:hover, #zapisz a:hover, #rekrutacja a:hover {background-position: 0 100%;}
#page1 #page div.content ul {margin:0 0 20px 30px;}

#zapisz {position:absolute;right:30px;top:30px;border-radius:10px;padding:2px;}
#zapisz a {font-family:'Arial';width:auto;padding:10px 15px;text-transform:none;font-size:1.133em;}

.pages{margin:0;padding:0;border:0;background:none;text-align:center;font-weight:300;}
.pages li {display: inline-block;margin:0 2px;padding:0;border:0;}
.pages a, .pages strong, .pages span {padding:5px 9px;display:block;float:left;font-size:1.13em;font-weight:300;background:#fff;border:1px solid #EBEBEB;text-transform:uppercase;}
.pages strong, .pages a:hover {background:#fff;border:1px solid #f8e300;}

#page div.content strong {font-weight:700;}
#subList5 {padding-bottom:20px;margin-bottom:20px;float:left;width:100%;}

/* IMAGES STYLES */
#content .imagesList{list-style:none;}
#content .imagesList li{margin:0 0 15px 0;background:inherit;color:#5d6771;text-align:center;}
#content .imagesList li div{text-align:center;}
#content .subpagesList img, #content .imagesList li img{padding:0;border:0;display:block;}

#imagesList1{float:left;margin:10px 20px 0 0px;}
#imagesList2{clear:right;float:right;margin:10px 0 0 20px;}
#imagesList3{float:left;clear:both;width:100%;margin:20px 0 20px;}

#page2 #imagesList1 {float:right;margin:10px 20px 0 0;}
#page2 #content .imagesList li {position:relative;-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);margin:0 0 70px}
#page2 #content .imagesList li:before {height:10px;width:90%;content:"";background:#0069b1;display:block;position:absolute;bottom:-10px;right:0;}
#page2 #content .imagesList li:after {height:90%;width:10px;content:"";background:#0069b1;display:block;position:absolute;bottom:-10px;right:-10px;}
#page2 #content .imagesList li img {border-radius:0px;}

#content #imagesList3 li {margin:0;clear:none;padding:0;float:left;width:33.3%;position:relative;}
#content #imagesList3 li div {opacity: 0;overflow:visible;background:rgba(0,0,0,0.7);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;position:absolute;bottom:0;color:#fff;font-size:1.13em;padding:4px 5px;}
#content #imagesList3 li:hover div {opacity: 1;}
#content #imagesList3 li img {display:block;width:100%;}

#content .galeria #imagesList3 li {width:calc(33% - 10px);position: relative;height:260px;overflow: hidden;margin:5px;}

/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;}
#filesList a {display:block;float:left;margin:5px 0 5px 10px;padding:20px 10px 20px;border:2px solid #e0e0e0;text-align:center;position:relative;border-radius:5px;font-size:1.433em;width:calc(25% - 34px);font-family:'Kalam'}

#filesList a:before {position:absolute;right:-2px;color:#fff;top:5px;padding:2px 10px;font-family:'Open Sans';font-size:0.7em;}
#filesList a i {font-size:3em;left:0;opacity:0.3;top:0px;float:left;display:none;}
#filesList a.docFile {color:#1c9eec;border-color:#1c9eec;background:#e2eff7}
#filesList a.xlsFile {color:#26c083;border-color:#26c083;background:#e0efe9}
#filesList a.pdfFile {color:#fb6363;border-color:#fb6363;background:#f3e4e4}
#filesList a.docFile:before {content:'DOC';background:#1c9eec;}
#filesList a.xlsFile:before {content:'XLS';background:#26c083;}
#filesList a.pdfFile:before {content:'PDF';background:#fb6363;}

.pliki-oddzialy p {font-size:1.4em;font-family:'Kalam';padding:10px 0;float:left;width:100%;font-weight:400;}
.pliki-oddzialy {float:left;width:100%;margin-bottom:10px;}

#formLink {position:fixed;left:-6px;top:200px;z-index:89;}
#formLink a {background-size: 200% 100%;background-image: linear-gradient(to left, var(--border-oddzial-3) 50%, var(--kolor-oddzial-3) 50%);-webkit-transition: background-position 0.5s;-moz-transition: background-position 0.5s;transition: background-position 0.5s;color:#fff;font-size:2em;padding:14px 6px 14px 8px;border-radius:5px;border-right:2px solid var(--border-oddzial-3)}
#formLink span {font-family:'Kalam';color:#222;font-size:1.433em;font-weight:400;line-height:1em;text-align:center;display:block;float:right;margin:-20px 0 0 20px;padding:0 50px 40px 20px;background:url('img/arrow-form.png') no-repeat 0 20px;}
#formLink a:hover {background-position: 100% 0;}

/* SUBPAGES LIST STYLES */
#content .newsList, #content .subpagesList {float:left;width:100%;margin:7px 0;}
#content .newsList articel {float:left;width:calc(49% - 0px);margin:5px 0;padding:0;background:#fff;position:relative;border-bottom:1px solid #e0e0e0;}
#content .newsList articel .photo {float:left;margin:0 10px 0 0;width:60%;overflow:hidden;height:300px;overflow:hidden;}
#content .newsList articel .photo img {width:100%;}
#content .newsList articel.ar-l {margin-right:1%;}
#content .newsList articel h2 {padding:10px 0;font-family:'Kalam';}
#content .newsList articel h2, #content .newsList articel h2 a {font-size:1.23em;font-weight:300;background:none;text-decoration:none;}
#content .newsList articel h2 a:hover{color:#2f2f2f;background:none;}

#content .newsList articel div.description, #content .subpagesList articel div.description{font-weight:300;font-size:1.13em;line-height:1.4em;}
#content .newsList articel ul, #content .newsList li ol{float:left;width:96%;margin:5px 0 0 4%;padding:0;}
#content .newsList articel li{padding:0;border:0;background:none;-webkit-box-shadow:none;box-shadow:none;}
#content .newsList articel ul{list-style:disc;}
#content .newsList articel ol{list-style:decimal;}
#content .newsList articel p{padding-bottom:10px;}
#content .newsList articel .date {position:absolute;background:#fff;top:0;left:0;padding:4px 10px;font-size:1.23em;}

#content #subList2 articel, #content #subList1 articel {width:47.5%;padding:5px 1%;}
#content #subList2 articel h2, #content #subList1 articel h2 {background:#EBEBEB;padding:10px 10px;font-weight:300;margin-bottom:10px;}
#content .subpagesList articel {float:left;margin:10px 0;padding:0;width:33.3%;}
#content #subList3 articel h2 {text-align:center;text-transform:uppercase;padding:10px;}
#content #subList3 articel h2:after {content:" ";display:block;width:30px;height:2px;background:#ffcc01;margin:10px auto;}
#content .subpagesList articel .photo {float:left;margin:0 0 10px;width:100%;overflow:hidden;}
#content .subpagesList articel .photo img {width:100%;}
#content .subpagesList articel div.description {padding:5px 20px;text-align:center;font-size:1.33em;}

#content #subList3 articel .photo {float:left;margin:0 0 10px;width:100%;overflow:hidden;height:260px;}

#content #subList1 articel div.description, #content #subList2 articel div.description {text-align:left;}
#content #subList6 articel {margin:0;position:relative;}
#content #subList6 articel .photo {margin:0;}
#content #subList6 h2 {position:absolute;background:rgba(0,0,0,0.7);bottom:0;width:95%;padding:5px 0 5px 5%;font-weight:300;}
#content #subList6 h2 a{color:#fff;}


#page8 #content #subList3 {  display: flex;clear:none;
  width: 100%;flex-wrap: wrap;flex-direction: row;float:right;}
#page8 #content #subList3 articel {background:#fff;position:relative;flex: 0 0 calc(90% - 30px);
  padding:10px;margin:5px 0 5px 10%;background:#f0f0f0;border-radius:10px;float:right;}
#page8 #content #subList3 h2 {margin:130px 0 0;padding:0;float:left;width:20%;font-size:1.733em;}
#page8 #content #subList3 h2 small {display:block;font-weight:300;font-size:0.8em;}
#page8 #content #subList3 articel .photo {  width:20%;position:relative;padding-bottom:20%;border-radius:50%;float:left;border:10px solid #fff;margin:4% 0;margin-left:-12%;}
#page8 #content #subList3 articel .photo img {position:absolute;width:100%;left:0;  filter: grayscale(0%);opacity:1;}
#page8 #content #subList3 articel .motto {  position: relative;
  width: calc(70% - 30px);
  padding: 15px 15px 20px;
  left:-10%;
  top:-30px;
  color: #fff;
  background: #1abc9c;
  position:relative;
  border-radius:10px;
  font-family:'Arial';
  font-size:1.1em;
  }
  
#page8 #content #subList3 articel.l1 .motto {  position: relative;
  width: calc(96% - 30px);
  padding: 15px 15px 20px;
  left:-10%;
  top:-30px;
  color: #fff;
  background: #1abc9c;
  position:relative;
  border-radius:10px;
  font-family:'Arial';
  font-size:1.1em;
  }  
  
#page8 #content #subList3 articel .motto:after {
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  content: "";
  position: absolute;
  top: calc(100% - 10px);
  left: -3px;
  border-width: 0 0 30px 30px;
  border-style: solid;
  border-color: transparent #1abc9c;
  z-index:101;
}

#page8 #content #subList3 articel:hover img {filter:grayscale(0%)}
#page8 #content #subList3 articel .description {float:right;width:66%;clear:none;margin:0px 0 0;padding:40px 20px 0 0;font-family:'Arial';text-align:left;font-size:1.133em;text-align:justify}

#page2 div.content {float:left;width:60%;font-size:1.233em;font-family:'Arial';text-align:justify;}

.korczak {display:block;background:#0069b1;margin:10px 10%;font-size:1.833em;color:#fff;padding:0;float:left;font-family:'Open Sans';}
.korczak .photo {float:left;opacity:0.8;padding:0;margin:0 0 -2px;}
.korczak .cytat {padding:80px 20px;float:left;width:40%;}
.korczak .cytat:before {content:"\f10d";font-family:'FontAwesome';font-size:1em;opacity:0.1;display:block;margin-bottom:20px;}
.korczak .cytat small {display:block;text-align:right;padding:20px 0 0;font-size:0.6em;}

.korczak-cytat {background:#f0f0f0;}
.korczak-cytat .cytat {width:calc(100% - 40px);padding:20px;color:#5e5e5e;font-size:0.9em;}
.korczak-cytat .cytat:before {opacity:0.2;}

/* #page8 #content #subList3 articel:nth-child(odd) {background:#f68b23;border-bottom:3px solid #db740f}
#page8 #content #subList3 articel:nth-child(even) {background:#6aaa44;border-bottom:3px solid #4b8e24} */



/* ACCORDING LIST */
.sub-title {cursor: pointer; margin: 0;font-weight:400;font-size:1.233em;border-bottom:1px solid #EBEBEB;float:left;width:96%;padding:20px 2%;font-family:'Kalam'}
.sub-title:before {font-family:'FontAwesome';content:'\f08a';float:left;font-size:0.93em;font-weight:300;padding:0 10px 0 0;color:#d33a27}
.sub-title:after {font-family:'FontAwesome';content:'\f067';float:right;font-size:0.63em;font-weight:300;}
.sub-title.active:after {font-family:'FontAwesome';content:'\f068'}
.sub-title.active:before {content:"\f004"}
.sub-title.active {color:#d33a27}
.sub-content {display: none;font-size:1.083em;padding:20px 2%;float:left;clear:both;width:96%;}
.sub-content.active {display: block;}
.sub-content .photo {float:left;margin:0 20px 0 0;}

/* TABS LIST */
#subList4 {float:left;width:100%;margin:20px 0;}
.sub-menu {float: left;clear: both;list-style:none;width:20%;}
.sub-menu li {float: left;width:100%;clear:left;background:#f5f5f5;border-bottom:1px dotted #dbdbdb;position: relative;}
.sub-menu li.current {background-color: #ffcc01;z-index: 5;color:#2f2f2f;}
.sub-menu li.current:after {content:" ";display:block;position:absolute;right:-5px;top:20px;color:#fff;border:solid transparent;border-right-color:#fff;border-top-color:#fff;border-width:5px;-ms-transform: rotate(-135deg); /* IE 9 */-webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */transform: rotate(-135deg);}
.sub-menu li a {text-transform: uppercase;display:block;text-decoration: none;height: 50px;line-height: 50px;font-size:1.33em;padding:0 0 0 10px;	}
.tab-content {float: left;width: 78%;padding:0 0 0 2%;font-size:1.33em}
.tab-content {display: none;}
.tab-content .photo {float:right;margin-left:20px;}
.tab-content strong {font-weight:700;padding-bottom:20px;display:block;}
.tab-content ul, .tab-content ol {list-style:none;margin:20px 10px;}
.tab-content li {padding:4px 10px;}
.tab-content li:before {content:"\f05d";font-family:'FontAwesome';padding-right:10px;color:#ffcc01}
.tab-content .more {margin-top:5px;}
#tab-1 {display: block;}
.more {font-size:0.833em;}

#page div.content .sub-menu {float:left;margin:0px;padding:0;font-size:0.733em;}
#page div.content .sub-menu li{margin:0;padding:0;}
#page div.content .sub-menu li:before {content:"";margin:0;padding:0;display:none;}
#page div.content .sub-menu li li:before {content:"\f05d";font-family:'FontAwesome';padding-right:10px;color:#ffcc01}
#page div.content .sub-menu p{padding-bottom:10px;}
#page div.content .tab-content {font-size:1em}
/* CONTACT & ASK FORM */

.contactPage #ContactForm {float:right;width:55%;margin:10px 0 10px 20px;padding:0;border:1px solid transparent;} 
#ContactForm .input, #ContactForm textarea {width:94.8%;margin:0 0 10px;padding:5px 2%}
#ContactForm .code {width:75%;float:right;}
#ContactForm textarea {height:200px;}
#ContactForm img {float:left;margin:5px 0 0 0;}
#ContactForm .submit {clear:both;}

#registerForm {float:left;margin:0 0 0 50px}
#registerForm .input, #registerForm select {width:300px;float:left;margin:0 10px 10px 0;}
#registerForm .number {width:132px;}
#registerForm .opiekun {width:100px;}
#registerForm .imie {width:190px;}
#registerForm legend {float:left;clear:both;font-family:'Kalam';font-size:1.433em;color:#000;font-weight:400;width:30%;}
#registerForm fieldset {float:left;width:100%;margin:10px 0 0;border-bottom:1px solid #e0e0e0;padding:10px 0 10px;}
#registerForm div, #registerForm p {float:right;width:68%;}
#registerForm p.info, #registerForm .acceptInfo {background:#a2c68d;width:634px;float:right;margin-right:128px;padding:10px;font-size:1.233em;margin-bottom:20px;color:#396023;border:1px solid #70a253;}

#registerForm ul {list-style:none;font-size:1.233em;margin:0 0 10px;}
#registerForm li:before {content:"\f05d";font-family:'FontAwesome';padding-right:10px;color:#f00}

#registerForm .dofinansowanie div select {width:40%!important;}
#registerForm #dofinansowanieData {display:none;}
#registerForm #dofinansowanieData div {float:left;width:calc(49% - 2px);padding:5px 0 0;}
#registerForm #dofinansowanieData div .input {width:90%;}
#registerForm .dofinansowanie div#dofinansowanieData div select {width:70%!important;}
#registerForm #dofinansowanieData div:nth-child(2) {border-left:2px solid #e0e0e0;float:right;padding-left:2%;}

#registerForm .acceptInfo {background:#fff;border:0;font-size:1.133em;padding:0;width:654px;}
#registerForm .acceptInfo label:before {content:"";font-family:'FontAwesome';display:inline-block;width: 1em;height: 1em;line-height:1em;border:2px solid #e8eef4;float:left;color:#fff;font-size:1em;text-align:center;margin:0 10px 0px 0}
#iPolityka {display:none;}
#iPolityka:checked + label::before{color:#000;content:"\f00c";font-family:'FontAwesome';}

#registerForm #departmentSelect {width:320px;}

#daneSerduszka {float:left;font-size:1.333em;width:40%;margin:20px 0 40px;}
#daneSerduszka strong {font-weight:600;font-size:1.133em;}
#rekrutacja {float:right;width:50%;margin:0 0 10px;}
#rekrutacja div {float:left;width:32.3%;margin:0 0 0 1%;}
#rekrutacja div a {display:block;padding:10px 0;width:100%;text-align:center;font-size:1.233em;}
#rodoForm {float:left;margin:0 0 0 0px}
#filesrodoForm {float:left;width:100%;}
#rodoForm legend, #filesrodoForm legend {padding:20px 10px 10px;font-size:1.233em;}
#rodoForm fieldset, #filesrodoForm fieldset {border:1px solid #e8eef4;padding:15px;float:left;width:calc(100% - 32px);}
#rodoForm .acceptInfo {background:#fff;border:0;font-size:1.133em;padding:6px 0;width:100%;}
#rodoForm .acceptInfo label {cursor:pointer;}
#rodoForm .acceptInfo label:before {content:"";font-family:'FontAwesome';display:inline-block;width: 1em;height: 1em;line-height:1em;border:2px solid #e8eef4;float:left;color:#fff;font-size:1em;text-align:center;margin:0 10px 0px 0;cursor:pointer;}
#rodoForm .acceptInfo input:checked + label::before{color:#000;content:"\f00c";} 
#rodoForm .acceptInfo input {display:none;}
#rodoForm button {margin:20px 0 20px;}
.formInfo {padding:10px;font-size:1.133em;float:left;width:calc(100% - 20px);margin:10px 0;}

#registerForm div#g-recaptcha {float:left;width:auto !important;margin:0;}
#registerForm div#g-recaptcha div {margin:0;float:left;}
#registerForm button {margin-right:130px;}

form .upload {position: relative;overflow: hidden;padding: 10px 20px;text-align: center;background-size: 100% 200%;background-image: linear-gradient(to top, #004777 50%, #0069b1 50%);-webkit-transition: background-position 0.5s;-moz-transition: background-position 0.5s;transition: background-position 0.5s;border-radius: 3px;display: inline-block;font-size:1.133em;}
form .upload.uploaded {background-image: linear-gradient(to top, #d22807 50%, #70a253 50%);}
form .upload input[type="file"] {position: absolute;top: 0;right: 0;margin: 0;padding: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;}
form .upload label {color: #fff;}
form .upload label:before {font-family:'FontAwesome';content: "\f093";margin-right: 5px;font-size:0.8em;}
form .upload:hover {background-position: 0 100%;}	

.filesTable {float:left;width:100%;border-collapse:collapse;font-size:1.333em;}
.filesTable td {padding:5px 10px;border:1px solid #e8eef4;}
.filesTable thead td {background:#424242;color:#fff;border-color:#424242;}

#formTable {float:left;width:100%;border-collapse:collapse;font-size:1.322em;}
#formTable caption {text-align:left;width:100%;padding:10px;font-weight:600;}
#formTable .input {width:300px;margin:5px;}
#formTable td {border:1px solid #e8eef4;padding:5px;font-weight:600;}
#formTable td.lp {width:40px;text-align:center;font-weight:300;vertical-align:top;}
#formTable td.label {width:300px;font-weight:300;vertical-align:top;}
#formTable .input.firma {width:640px;}
#formTable td p {border-bottom:1px solid #e8eef4;padding:5px 10px;float:left;width:calc(90% - 20px);margin:0 5%;}
#formTable td span {width:200px;display:inline-block;font-weight:300;text-align:right;padding-right:10px;}
#formTable td strong {display:inline-block;}


.contactPage .contact_data {float:left;border:1px solid #eeeeee;width:31%;padding:30px 2%;margin:10px 0 0;font-size:1.43em;position:relative;}
.contactPage .contact_data p {float:left;width:80%;border-bottom:1px solid #eeeeee;padding:30px 0 30px 20%;position:relative;}
.contactPage .contact_data p:before {font-family:'FontAwesome';position:absolute;left:10px;top:40px;font-size:2em;color:#eeeeee;}
.contactPage .contact_data .cData {padding-top:0;}
.contactPage .contact_data .cData:before {content:"\f3c5";top:0;}
.contactPage .contact_data .cPhone:before {content:"\f879";}
.contactPage .contact_data .cEmail:before {content:"\f0e0";top:20px;}
.contactPage .contact_data .cBank:before {content:"\f19c";top:20px;}
.contactPage .contact_data p.cEmail {border:0;padding:25px 0 0 20%;}
.contactPage .contact_data .cBank {padding:25px 0 25px 20%;}


.contactPage .contact_data span {display:block;padding:10px 0;font-size:1.0em;}

.contactPage .contact_data .cName {font-family:'Kalam';font-size:1.133em;font-weight:400;}
.contactPage .contact_data .oName {font-family:'Kalam';font-size:1.033em;padding:0 0 10px;}
#oddzial1 {background:var(--kolor-oddzial-1);border:0;border-radius:5px;border-bottom:3px solid var(--border-oddzial-1);color:#fff;}
.contactPage #oddzial1 p {border-color:#febd7f}
#oddzial1 .cName {color:#004777}
.contactPage #oddzial1 .cBank strong {color:#004777;font-weight:700;}

#oddzial2 {background:#70a253;border:0;border-radius:5px;border-bottom:3px solid #4b8e24;color:#fff;}
.contactPage #oddzial2 p {border-color:#b2ff86}
#oddzial2 .cName {color:#266700}
.contactPage #oddzial2 .cBank strong {color:#266700;font-weight:700;}

#oddzial3 {background:#e86248;border:0;border-radius:5px;border-bottom:3px solid #d22807;color:#fff;}
.contactPage #oddzial3 p {border-color:#ffac9c}
#oddzial3 .cName {color:#631000}
.contactPage #oddzial3 .cBank strong {color:#631000;font-weight:700;}

#oddzialyLink {position:absolute;top:-42px;}
#oddzialyLink a {display:block;float:left;background:#d0d0d0;padding:10px 10px;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;margin-right:2px;color:#fff;font-size:0.9em;}

#oddzialyLink a#oddzialLink1 {background:var(--kolor-oddzial-1)}
#oddzialyLink a#oddzialLink2 {background:var(--kolor-oddzial-2)}
#oddzialyLink a#oddzialLink3 {background:var(--kolor-oddzial-3)}
#oddzialyLink a.active {padding:12px 15px;position:relative;top:-4px;}
.contactPage .contact_data.oddzialy {margin-top:50px;}


.dofinansowanie {float:left;width:100%;}
.dofinansowanie img {float:left;margin:0 20px 0 0;}
.dofinansowanie h2 {font-weight:700;font-size:1.133em;margin:0 0 10px;}
#dofinansowanieChocianow {margin:40px 0 20px;padding:40px 0 0;position:relative;}
#dofinansowanieChocianow:before  {width:300px;height:3px;content:"";background:var(--kolor-oddzial-1);position:absolute;top:-20px;left:50%;margin-left:-150px;}

/* GOOGLE MAPS */ 
#mapa {float:left;clear:both;width:100%;height:500px;margin:120px 0 0;padding:0;}
#mapa div.tooltip {height:65px;width:240px;}

/* BOXES */
#boxes1 {float:left;width:100%;clear:both;margin:0px 0 -10px;position:relative;top:-20px;z-index:101;}
#boxes1 .section-cn {position:relative;overflow:visible;height:270px;}
#boxes1 .box {float:left;background:#70a253;width:29.3%;text-align:left;padding:50px 2%;color:#fff;position:relative;border-bottom:5px solid #4b8e24;}
#boxes1 .box .icon {height:100px;line-height:100px;position:absolute;bottom:0px;right:40px;}
#boxes1 .box img {max-width:90px;vertical-align:middle;}
#boxes1 .box h2 {font-weight:300;font-size:1.933em;padding:0;font-family:Kalam;line-height:1.4em;}
#boxes1 .box h2 small {display:block;font-family:'Open Sans Condensed';line-height:0.8em;font-size:0.8em;}
#boxes1 .box h2 a {color:#fff;}
#boxes1 .box h2 a:hover {color:#fff;}
#boxes1 .box .content {font-size:1.33em;padding:0px 40px;display:none;}
#boxes1 .box.i1 {border-radius: 10px 0px 0px 10px;-moz-border-radius: 10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px;background-color:var(--kolor-oddzial-1);border-color:var(--border-oddzial-1);}
#boxes1 .box.i3 {border-radius: 0px 10px 10px 0px;-moz-border-radius: 0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px;background-color:#e86248;border-color:#d22807;}
#boxes1 .boxes-image {position:absolute;left:0;z-index:101;bottom:-35px;margin-left:-120px;} /* DZIECI */ 
#boxes1 .boxes-image#kids02 {left:69%;bottom:-15px;}
#boxes1 .boxes-image#kids03 {left:100%;bottom:-44px;}
#boxes1 .box.i2 .icon, #boxes1 .box.i3 .icon {right:100px;}
#boxes1 .box ul {list-style:none;margin:40px 0 0;}
#boxes1 .box li a {color:#fff;padding-left:5px;font-size:1.133em;}
#boxes1 .box li:before {content:"\f006";font-family:'FontAwesome';color:#4b8e24}
#boxes1 .box.i1 li:before {color:var(--border-oddzial-1)}
#boxes1 .box.i3 li:before {color:#d22807}
#boxes1 .box.i1 ul {margin-left:70px;}

#boxes1 .box a.more {display:block;position:absolute;bottom:-12px;font-size:1.266em;background:#383838;text-transform:uppercase;color:#efefef;width:80px;padding:4px 0;left:50%;margin-left:-40px;}
#boxes1 .box a.more:hover {background:#1f1f1f;}

#boxes2 {width:100%;text-align:center;margin:10px 0;float:left;clear:both;}
#boxes2 .box {float:left;width:18%;padding:20px 2%;margin:0 1% 0 0;color:#1f1f1f;position:relative;border:1px solid #d7d7d7;}
#boxes2 .box .icon {background:#fff;border-radius: 50%;border:1px solid #e0e0e0;width:110px;height:110px;line-height:110px;margin:0px auto 20px;}
#boxes2 .box img {max-width:70px;max-height:70px;vertical-align:middle;opacity:0.6;filter:alpha(opacity=60);}
#boxes2 .box h2 {border-bottom:1px solid #d7d7d7;padding-bottom:10px;}
#boxes2 .box h2, #boxes2 .box h2 a {color:#000;}
#boxes2 .box .content {border-top:1px solid #fff;padding-top:10px;}

.message{padding:50px 0;text-align:center;}
.message h3{background:inherit;color:#cc0000;font-weight:normal;font-size:1.8em;}
.message a {font-size:1.133em;}
#ContactForm .message{padding:0 0 10px;text-align:center;} 
#ContactForm .message {font-size:0.8em;}
/* NEWS */
#news {width:100%;height:auto;margin:0;clear:both;padding:20px 0;text-align:left;background:#fff;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
#news #news-ds {float:left;width:100%;margin:0;padding:0;text-align:center;border-bottom:1px solid #eeeeee;margin-bottom:20px;}
#news #news-ds .title, #random-comments .title  {float:left;font-weight:300;font-size:1.93em;float:left;padding:5px 0px 5px 0;margin-bottom:20px;position:relative;width:100%;font-family:'Kalam'}
#news #news-ds .title:after, #random-comments .title:after {display:block;height:6px;width:92px;content:" ";position:absolute;bottom:-2px;left:50%;margin-left:-46px;z-index:0;background:url('img/line.png') no-repeat;}

#news #news-ds .description {clear:both;float:left;font-size:1.383em;text-align:justify;border-bottom:1px solid #fff;padding-bottom:20px;}
#news .articels {float:left;width:100%;margin:0;padding:0;}
#news articel {float:left;position:relative;padding:0;margin:0;width:calc(33.33% - 14px);border:2px dotted #de8125;border-radius:10px;overflow:hidden;margin:0 5px;}
#news articel .photo {height:240px;overflow:hidden;}
#news articel .photo a {padding:0;margin:0;}
#news articel .photo a img {padding:0;margin:0;border:0;display: block;width:100%;}
#news articel .mask {padding:10px 20px;}
#news articel span {display:block;float:left;width:100%;font-size:1.2em;}
#news articel h2 {color:#cb1a0e;float:left;font-family:'Kalam';font-weight:300;font-size:1.833em;height:90px;line-height:30px;}
#news articel h2 a {color:#cb1a0e;}

/* COMMENTS */ 
#Comments {float:left;width:100%;margin:20px 0;padding:0;border-top:1px solid #eeeeee;}
#Comments .title {font-weight:300;font-size:1.83em;padding:10px 0;position:relative;}
#Comments .title:after {content:" ";display:block;position:absolute;bottom:0;width:30px;height:2px;background:#ffcc01;}

#Comments form {width:28%;float:left;margin:20px 0 0;}
#Comments form .input, #Comments form textarea {width:95.8%;margin:0 0 10px;padding:5px 2%}
#Comments form .code {width:75%;float:right;}
#Comments form textarea {height:200px;}
#Comments form img {float:left;margin:5px 0 0 0;}
#Comments form .submit {clear:both;}

#random-comments {padding:20px 0 40px;}
#random-comments .title {text-align:center;margin:0 0 10px}
#random-comments articel, #comments-list articel {position:relative;background:#ffcc01;padding:20px 2.5%;font-size:1.33em;text-align:left;margin:20px 2.5%;clear:both;float:left;width:90%;}
#random-comments articel:after, #comments-list articel:after {content:" ";height:0;width:0;position:absolute;top:100%;border:solid transparent;border-top-color:#ffcc01;border-left-color:#ffcc01;border-width:10px;left:5%;bottom:-10px;} 
#random-comments articel span, #comments-list articel span {font-weight:700;position:absolute;bottom:-40px;left:0%;font-size:1.13em}
#random-comments articel span em, #comments-list articel span em {font-weight:300;font-size:0.83em;font-style:normal;}

#comments-list {float:right;width:70%;}
#comments-list articel {background:#EBEBEB;font-size:1.13em;margin-bottom:40px;}
#comments-list articel:after {border-top-color:#EBEBEB;border-left-color:#EBEBEB;}
#comments-list .empty-list {text-align:center;font-size:1.333em;padding:20px 40px;border:1px solid #d7d7d7;margin:0 0 40px;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
footer{clear:both;font-size:1.283em;background:url('img/foot-bg.png')}
footer .section-cn{width:990px;margin:0 auto;padding:34px 0;overflow:hidden;color:#707070;}
footer a {color:#707070}

#departments {float:right;width:75%;}
#departments div {float:left;width:33.3%;color:#707070;}
#departments div ul {list-style:none;font-size:0.966em;padding:0;margin:0;}
#departments div li {padding:2px 0px 2px 20px;}
#departments div li.name {font-family:'Kalam';padding:0 0 20px 0px;font-size:1.333em;}
#departments div li.phone, #departments div li.email {margin-top:20px;}

#departments div li i {width:14px;background:url('img/icons-footer.png') no-repeat;display:inline-block;padding-right:10px;}
#departments div li.phone i {height:16px;background-position:0 0;}
#departments div li.email i {height:10px;background-position:0 -70px;}

#footMenu {float:left;width:25%;padding:60px 0 0;background:url('img/serce-logo.png') no-repeat;}
#footMenu ul {list-style:none;margin:0 0 0 40px;float:left;}
#footMenu li a {padding:1px 0;display:block;}

footer .bf {clear:both;font-size:0.9em;background:#fff;color:#707070;}
footer .bf .section-cn{padding:10px 0;}

#copy{float:left;padding:5px 25px 0;}
#powered{float:left;padding:0 25px;clear:left;}
#design {float:right;padding:0 25px;}
#design a {color:#000;}

#media {float:right;background:url('img/arrow.png') 0 8px no-repeat;padding:0px 0 0 20px;}
#media p {font-family:'Kalam';font-weight:700;color:#000;}
#media a {display:block;height:26px;width:26px;line-height:26px;float:left;}
#media a.fb {background:url('img/facebook.png') no-repeat;margin-left:30px;}
#media a.youtube {background:url('img/youtube.png') no-repeat;margin-left:5px;}

#menu1 li a{float:left;font-size:1.47em;text-decoration:none;background:transparent;text-transform:uppercase;padding:5px 10px;border-radius:5px;border-bottom:2px solid #000;font-weight:400;}
#menu1 li a:hover, #menu1 .selected a{color:#1f1f1f;text-shadow:none;}

#menu1 li.l1 a {color:#db740f;border-color:#db740f}
#menu1 li.l2 a {color:#4b8e24;border-color:#4b8e24}
#menu1 li.l3 a {color:#d22807;border-color:#d22807}
#menu1 li.l4 a {color:#2aa6a8;border-color:#2aa6a8}
#menu1 li.lL a {color:#9b478a;border-color:#9b478a}

.rodo-info {padding:10px;border:1px solid #e0e0e0;margin:10px 0 0;font-size:1em;}

@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;-webkit-box-shadow:none;box-shadow:none;}

  body{margin:1cm 0;}
  #container{width:17.2cm;height:auto;}
  #head1 .container, #head1{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #head1 .container, #head2 .container, #body .container, #foot .container{border-width:0px !important;}

  #body{clear:none;}
  #body .container{overflow:visible;}
  #logo #title, #page h1{padding:0;}
  #page h4{position:relative;top:0;}

  #header .container, #body .container, #foot .container, #content, #page{float:none;width:17.2cm;padding:0;margin:0;}
  #column, #head2, #back{display:none;}
}

/* PLUGINS */
#fbSlide {position:fixed;top:25%;left:-254px;width:309px;z-index:99; -webkit-transition-duration: .6s; /* Safari */ transition-duration: .6s;}
#fbSlide #fbTitle {background:url('img/facebook.png') no-repeat;width:55px;height:160px;float:right;}
#fbSlide #fbContent {background:#3d579d;color:#fff;width:234px;float:left;height:258px;padding:10px;}
#fbSlide #fbContent iframe {background:#fff}
#fbSlide:hover {left:-1px;}


/* STYLE DLA POSZCZEGÓLNYCH PODSTRON */ 


@media all and (min-width: 260px) and (max-width: 990px){
section .section-cn, #head1 {width:96%;margin:0 auto;}	
#pBanner .section-cn, #head1 {margin-left:2%;width:96%;left:0;}	
#menu1 {position:absolute;margin:0;float:left;z-index:103;text-align:left;}
#menu1 i {font-size:1.83em;border:1px solid #fefefe;padding:5px;margin-left:0%;cursor:pointer}

.menu-cn  {display:none;position:fixed;z-index:112;margin:88px 0% 0;width:100%;list-style:none;background:#0069b1;}
.menu-cn li {border-top:1px solid #004777}
.menu-cn li a {display:block;padding:5px 20px;font-size:1.433em;color:#fff;font-family:'Kalam';text-align:left;}
.menu-cn li li a {padding-left:40px;}
.menu-cn li ul {list-style:none;background:#0069b1;}

#Comments form, #comments-list {width:100%;}
#Comments form .input, #Comments form textarea {padding:5px 1.5%}
#comments-list .empty-list {margin:20px 0 10px;}



}	

@media all and (max-width: 600px)  {
#menu1 {top:15px;left:1%;}
#menu1 i {margin-top:15px;}

#logo{float:left;width:100%;margin:20px 0 0 0;text-align:center;z-index:104;}
#logo img {width:220px;margin:0;padding:0;}
#logo #slogan{display:none;}

#head0 {margin-top:-40px;background-position:50px bottom;}

#filesList a {width:calc(100% - 64px);margin:0 20px 5px;}


#boxes1 {margin:0 0 -40px;padding:0 0 -20px;}
#boxes1 .boxes-image {display:none;}
#boxes1 .box {width:calc(100% - 20px);border-radius:10px!important;margin:5px 0;padding:10px;}
#boxes1 .box h2 {font-size:1.633em;}
#boxes1 .box .icon {position:relative;float:right;margin:0;padding:0;right:0 !important;top:0!important;height:44px!important;width:auto;line-height:44px!important;}
#boxes1 .box img {max-height:40px}

#formLink {top:90%;left:10px;z-index:102;}
#formLink a {border-radius:50%;padding:12px 14px;}
#formLink a em {display:block;float:right;background:none;font-size:0.7em;position:relative;margin:0 0 0 -15px;background:var(--kolor-oddzial-3);border-radius:5px;padding:5px 10px 5px 25px;z-index:-1;}

#searchForm {position:absolute;left:10px;top:5px;padding:0px 0;margin:0;display:none}

footer #info, footer #contact, footer #footerMenu {padding-left:2%;float:left;width:96%;margin-bottom:20px;margin-left:0;}
footer #footerMenu a {padding:4px 5px;display:block;float:left;font-size:0.93em;}
#news articel {float:left;position:relative;padding:0;margin:0;height:auto;width:calc(96% - 4px);margin:0 2% 10px;}
.contactPage .contact_data {float:left;border:1px solid #eeeeee;width:95%;padding:30px 2%;margin:10px 0 0;font-size:1.33em;}
.contactPage #ContactForm {float:left;width:95%;margin:10px 0 10px 2%;padding:0;} 
#mapa {height:300px;margin-top:60px;}

#content .subpagesList articel {float:left;margin:10px 0;padding:0;width:100%;}


#pBanner {height:160px;overflow:hidden;margin-top:60px;position:relative;}
#pBanner .section-cn {position:absolute;top:0px;}
#pBanner img {opacity:0.4;margin-top:0px;width:160%;margin-left:-90px;}
#pBanner .section-cn h1 {margin-top:90px;font-size:1.833em;}
#pBanner .section-cn .breadcumb {display:none;}
footer #contact ul {width:46%;float:left;margin:10px 0 0;padding:0;list-style:none;margin-left:4%}

#content .newsList articel {width:90%;margin:10px 5%;}
#content .newsList articel .photo {margin:0 0 0 0;width:100%;height:240px;overflow:hidden;}
#content .newsList articel.ar-l {margin-right:0;}
#content .newsList articel div.description, #content .subpagesList articel div.description {padding:0 10px;}

.sub-menu {float: left;clear: both;list-style:none;width:100%;margin:0;}
.tab-content {width: 100%;padding:5px 0 0;}
.sub-menu li a {height: 30px;line-height: 30px;}
.sub-menu li.current:after {top:12px;}
#page div.content .tab-content ul  {margin:0 0 0 5px;}

/* STYLE DLA POSZCZEGÓLNYCH PODSTRON */ 
#page1 #pageDescription img {display:none}
#page1 #page #opisIndex {float:left;width:100%;margin:-10px 0 0;}
#page1 #page div.content a, #zapisz a {display:block;float:left;width:48%;background-size: 100% 200%;background-image: linear-gradient(to top, #d22807 50%, #e86248 50%);-webkit-transition: background-position 0.5s;-moz-transition: background-position 0.5s;transition: background-position 0.5s;border-bottom:3px solid #d22807;border-radius:5px;text-align:center;text-transform:uppercase;color:#fff;line-height:1em;padding:5px 0;font-size:1.033em;}
#page1 #page div.content strong.kalam {font-family:'Kalam';color:#ec4625;font-size:1.433em;font-weight:400;}

.mobilBanner {float:left;width:100%;height:320px;margin-top:90px;background:url('img/mobile400.jpg') no-repeat center;background-size: 100% auto;}


#page8 #content #subList3 {  display: flex;clear:none;
  width: 100%;flex-wrap: wrap;flex-direction: row;float:right;}
#page8 #content #subList3 articel {background:#fff;position:relative;flex: 0 0 calc(100% - 20px);
  padding:10px;margin:5px 0 5px 0%;background:#f0f0f0;border-radius:10px;float:right;}
#page8 #content #subList3 h2 {margin:0px 0 0;width:100%;}
#page8 #content #subList3 h2 small {display:block;font-weight:300;font-size:0.8em;}
#page8 #content #subList3 articel .photo {  width:70%;position:relative;padding-bottom:70%;border-radius:50%;float:left;border:10px solid #fff;margin:4% calc(15% - 10px);}
#page8 #content #subList3 articel .photo img {position:absolute;width:100%;left:0;  filter: grayscale(0%);opacity:1;}
#page8 #content #subList3 articel .motto {  position: relative;
  width: calc(100% - 30px);
  padding: 15px 15px 20px;
  left:0;
  top:-30px;
  color: #fff;
  background: #1abc9c;
  position:relative;
  border-radius:10px;
  font-family:'Arial';
  font-size:1.1em;
  }
  
#page8 #content #subList3 articel .motto:after {
  display:none;
}

#page8 #content #subList3 articel:hover img {filter:grayscale(0%)}
#page8 #content #subList3 articel .description {float:right;width:calc(100% - 40px);clear:none;margin:0px 0 0;padding:40px 20px 0 0;font-family:'Arial';text-align:left;font-size:1.133em;text-align:justify}

#page2 div.content {width:100%;}

.korczak {margin:20px 5%;}
.korczak .photo {width:100%;}
.korczak img {width:100%!important;}
.korczak .cytat {padding:80px 15px;float:left;width:calc(100% - 30px);}
.korczak-cytat .cytat {width:calc(100% - 30px);padding:20px 15px;}

/* #page8 #content #subList3 articel:nth-child(odd) {background:#f68b23;border-bottom:3px solid #db740f}
#page8 #content #subList3 articel:nth-child(even) {background:#6aaa44;border-bottom:3px solid #4b8e24} */

#footMenu {display:none;}

#departments {float:right;width:90%;margin:0 5%;}
#departments div {float:left;width:100%;color:#707070;margin:20px 0 0;}
#departments div.i1 {margin:0;}
#departments div ul {border-bottom:1px solid #e0e0e0;}
#departments div.i3 ul {border:0;}
#departments div li {display:none;font-size:1.133em;}
#departments div li.name {display:block;padding:10px 0 10px 10px;}
#departments div li.name:after {content:"\f0fe";font-family:FontAwesome;float:right;padding-right:20px;}
#departments div li.name.active:after {content:"\f146"}
#departments div li.email {margin-bottom:20px;}

#page div.content #planZajec .plan-item {height:auto!important;margin-bottom:20px;}
#page div.content #planZajec .plan-item:after {display:none;}
#page div.content #planZajec .plan-hour {position:static;display:block;float:left;width:120px;height:30px;width:120px;line-height:30px;margin:0;border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
#page div.content #planZajec .plan-content {width:calc(96% - 44px);float:left;padding:20px 20px;border-radius:15px;position:relative;margin:0px 0px 0 0;right:0%;}
#page div.content #planZajec .plan-hour:after {display:none;}	
#page div.content #planZajec .plan-item:nth-child(even) .plan-content {border-top-left-radius: 0;}
#page div.content #planZajec .plan-item:nth-child(even) .plan-content:after {content:'\f017';font-family:'FontAwesome';display:block;border-radius:50%;height:30px;width:30px;line-height:30px;z-index:101;position:absolute;top:50%;right:-15px;margin-top:-15px;text-align:center;color:#fff;vertical-align:middle;}
#page div.content #planZajec .plan-item:nth-child(even) .plan-content:before {display:none;}	

#page div.content #planZajec .plan-item:nth-child(odd) .plan-content {border-top-left-radius: 0;margin-top:0px;margin-left:0px;float:left;right:0;border-top-right-radius:15px;}
#page div.content #planZajec .plan-item:nth-child(odd) .plan-content:after {display:none;}
#page div.content #planZajec .plan-item:nth-child(odd) .plan-content:before {left:auto;right:-15px;}

#page div.content #planZajec .plan-item:before {display:none;}

#registerForm {float:left;margin:0 0 0 0px}
#registerForm .input, #registerForm select {width:calc(100% - 24px);float:left;margin:0 0 10px 0;padding:10px;}
#registerForm .number {width:132px;margin-right:10px;}
#registerForm .opiekun {width:100px;padding:9px 10px;}
#registerForm .imie {width:calc(100% - 138px);margin-left:0px;float:right;}
#registerForm legend {float:left;clear:both;font-family:'Kalam';font-size:1.433em;color:#000;font-weight:400;width:100%;}
#registerForm fieldset {float:left;width:100%;margin:10px 0 0;border-bottom:1px solid #e0e0e0;padding:10px 0 10px;}
#registerForm div, #registerForm p {float:left;width:100%;}
#registerForm p.info, #registerForm .acceptInfo {background:#a2c68d;width:calc(100% - 22px);float:right;margin-right:0;padding:10px;font-size:1.233em;margin-bottom:20px;color:#396023;border:1px solid #70a253;}
#registerForm .acceptInfo {background:#fff;border:0;font-size:1.133em;padding:0;width:100%;}
#registerForm .acceptInfo label:before {content:"";font-family:'FontAwesome';display:inline-block;width: 1em;height: 1em;line-height:1em;border:2px solid #e8eef4;float:left;color:#fff;font-size:1em;text-align:center;margin:0 10px 0px 0}
#iPolityka {display:none;}
#iPolityka:checked + label::before{color:#000;content:"\f00c";font-family:'FontAwesome';}

#registerForm #departmentSelect {width:320px;}

#registerForm div#g-recaptcha {float:left;width:auto !important;margin:0;}
#registerForm div#g-recaptcha div {margin:0;float:left;}
#registerForm button {margin-right:0px;width:100%;float:left;padding:20px 0;margin:10px 0 0;}


#registerForm .dofinansowanie div select {width:90%!important;}
#registerForm #dofinansowanieData div {float:left;width:100%}
#registerForm #dofinansowanieData div .input, #registerForm .dofinansowanie div#dofinansowanieData div select {width:calc(98% - 24px)!important;float:left;margin:0 0 10px ;padding:10px;}
#registerForm #dofinansowanieData div:nth-child(2) {border-left:0px;float:left;padding-left:0%;border-top:2px solid #e0e0e0;margin:20px 0 0;padding:22px 0 0;}

#content .galeria #imagesList3 li {width:calc(100% - 10px);position: relative;height:260px;overflow: hidden;margin:5px;}

}

@media all and (min-width: 481px) and (max-width: 989px){
footer #footerMenu {display:none;}
#menu1 {top:30px;right:80px;}	
.menu-cn li a {font-size:1.23em;}
#boxes1 .box h2 {font-size:1.43em;}
#boxes1 .box a.more {font-weight:300;}


#news articel .mask {opacity: 1;background:rgba(0,0,0,.4)}
.contactPage .contact_data {width:41%;padding:30px 2%;}
.contactPage #ContactForm {width:50%;margin:10px 0 10px 2%;padding:0;} 
/* STYLE DLA POSZCZEGÓLNYCH PODSTRON */ 
#page1 #pageDescription img {width:26%;}
#page1 #pageDescription #subList5 {float:left;width:60%;margin:20px 0 0 0;}
#page1 #pageDescription .articel {float:left;width:100%;margin:10px 0 10px 0;}
#page1 #pageDescription .sub-title {font-size:1.00em;width:95%;padding:10px 2.5% 10px 2.5%;}

footer #info, footer #contact {padding-left:2%;float:left;width:46%;margin-bottom:20px;margin-left:0;}
}	

@media all and (min-width: 481px) and (max-width: 769px){
  #content .subpagesList articel {float:left;margin:10px 0;padding:0;width:50%;}
  #content .subpagesList articel div.description {font-size:1.2em;}
  .sub-menu {float: left;clear: both;list-style:none;width:100%;margin:0;}
  .sub-menu li {width:50%;clear:none}
  .tab-content {width: 100%;padding:5px 0 0;}
  #page div.content .tab-content ul  {margin:0 0 0 5px;}
  #page div.content .tab-content img {max-width:300px;}
  #news articel  {width:50%;}
  }

@media all and (min-width: 500px) and (max-width:800px){

  #content .galeria #imagesList3 li {width:calc(50% - 10px);position: relative;height:160px;overflow: hidden;margin:5px;}

}

@media all and (min-width: 990px){

/* MENU TOP */
#menu1{float:right;padding:0;margin:40px 0px 0 0;}
#menu1 ul{margin:0;list-style:none;text-align:center;position:relative;}
#menu1 li{display: inline-block; padding:0;font-family: 'Kalam';margin: 0 3px;}


#menu1 ul div {display:block;position:absolute;visibility:hidden;opacity:0;}
#menu1 .sub {display:block;position:absolute;top:40px;max-width:800px;border-top:0;float:left;z-index:102;float:left;padding:5px 0px;visibility:hidden;opacity:0;transition:visibility 0s linear 0.5s,opacity 0.5s linear;}
#menu1 li:hover .sub {visibility:visible;opacity:1;transition-delay:0.2s;}
#menu1 .sub ul {float:left;margin-right:10px;text-align:left;background:#fff;border-radius:5px;padding:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
#menu1 .sub ul li {float:left;clear:left;padding:3px 5px;font-size:0.87em;border:0px;width:190px;}
#menu1 .sub ul li a {padding:5px 0px 5px 5px;text-decoration:none;background:none;transition-duration:0.7s;width:185px;}
#menu1 .sub ul li a:hover {text-decoration:none;transition-duration:0.7s;padding-left:20px;background:#ffcc01;color:#383838;width:170px;}
#menu1 .sub ul li:before {display:none;}
#menu1 .sub ul li.lL {border:0;}	

#menu1 li:nth-child(1) a::after, #menu1 li:nth-child(2) a::after {content:'\f103';font-family:'FontAwesome';padding:0 0 0 10px;font-size:0.7em;}
#menu1 li li a::after {display:none;}


}

@media all and (min-width: 1220px)  {
section .section-cn {width:1200px;margin:0 auto;}
#pBanner .section-cn {margin-left:-600px;width:1200px;}
#boxes1 .box .content {display:block;}
}