body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#00698b; overflow-x: hidden;  font-family: 'Open Sans', sans-serif; text-align: justify; font-size:16px; color:#000; line-height:30px; }

.fl{ float:left;}
.fr{ float:right;}
.cl {clear: both;}
img {border:none; margin:0px; padding:0px; }
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 18px; margin:0px;  font-weight: normal;  }
a:link , a:visited , a:hover {text-decoration: none; color:#f38e39;}
a:hover {color:#f38e39;}
ul{ padding:0px; margin:0px;}
p{ margin:0px 0px 20px 0px; padding:0px;  }
ul{ padding:0px; margin:0px; list-style:none;}

img.alignleft , .alignleft{ float:left; margin-right:20px;}
img.alignright { float:right; margin-left:20px;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

@media only screen and (min-width: 1000px) {

/* ---------------------------------------- menu ------------------------------------- */

#myslidemenu{position: fixed; z-index:222; left:0px; top:0px; background:#00698b; height:60px; width:90%; padding:0px 5%; }
.jqueryslidemenu ul { float:right; position:relative; z-index:222;  }
.jqueryslidemenu ul li{ float:left; position: relative; }
.jqueryslidemenu > ul > li > a {float:left; color:#fff; line-height:60px; padding:0px 20px; }
.jqueryslidemenu ul li a:hover , .jqueryslidemenu ul li:hover a {background:#f38e39;}

.jqueryslidemenu ul li ul{ position: absolute; width:300px; left:0; top:0px; height:auto; visibility: hidden; z-index:200; background:#fff;}
.jqueryslidemenu ul li ul.sub-menu li a{ height:auto; width:260px; padding:10px 20px; text-align:left; color:#fff; float:left; font-size:14px; line-height:20px; }
.jqueryslidemenu ul li ul.sub-menu li a:hover{ background:#e48535; }

/* ---------------------------------------- menu ------------------------------------- */

}

#top { width:90%; padding:0px 5%; height:120px; float:left; background:#fff; margin-top:60px;}
#logo { float:left; margin-top:15px;}
#logo img { width:auto !important; height:90px !important;}

#logoinne { float:left; margin:20px 0px 0px 100px;}
#logoinne img { width:auto !important; height:80px !important;}

#topprawa { float:right; width:370px}
#topprawa img { width:auto !important; height:40px !important; float:right; margin-top:10px;}


#top fieldset { float:right; padding:0px; margin:0px; border: none; margin-top:10px;}
#top fieldset .txt { float:left; width:300px; line-height:40px; border:1px solid #00698b; border-right:none; padding:0px 10px; font-family: 'Open Sans', sans-serif; font-size:14px;}
#top fieldset .txt:hover , #top fieldset .txt:focus {border:1px solid #f38e39; border-right:none;}
#top fieldset .guz { float:left; width:42px; height:42px; border:none; background:#00698b url(../graf/szukaj.png) center center no-repeat; text-indent:-999px; cursor:pointer;}
#top fieldset .guz:hover {background:#f38e39 url(../graf/szukaj.png) center center no-repeat;}

#baner { clear:both; float:left; width:100%; position:relative; background:#FFF;}
#baner img { width: auto  !important; height: 500px !important; }

/*slider*/
.bx-wrapper {position: relative; margin: 0px; padding: 0px; }
.bx-wrapper img {  display: block;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; z-index:200; left:5%; bottom:5%;  width: auto ; overflow:hidden;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;	*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0px 5px 0px 0px; background:#00698b;    }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#f38e39; }
.bx-wrapper .bx-prev , .bx-wrapper .bx-next { display:none}
.active-slide .opiss { animation: 900ms ease-in-out 0s normal none 1 running slideInRight;}
/*slider*/

.opiss { width:43%; position:absolute; z-index:155; right:0px; top:10%; color:#fff; padding:2% 5% 2% 2%; background:rgba(0,105,138,0.8);}
.opiss h2 { text-align:left; font-size:20px; line-height:25px; margin-bottom:15px;}
.opiss p { height:120px; overflow:hidden;}

a.wiecej2 { clear:both; float:left; background:#f38e39; color:#fff; line-height:45px; padding:0px 80px 0px 30px; font-size:14px; margin-top:20px;}
a:hover.wiecej2 { background:#fff; color:#00698b;} 

ul#infoszkola { clear:both; float:left; width:100%;}
ul#infoszkola li { float:left; position:relative; width:14.666%; background:#00698b; color:#fff; padding:2% 1%; overflow:hidden;}
ul#infoszkola li img { float:left; margin:0px 20px 0px 0px; width:25% !important; height:auto !important;}
ul#infoszkola li:nth-child(2n) { background:#f38e39;}
ul#infoszkola li h3 { text-align:left; font-size:22px; line-height:22px; margin-top:10px;}
ul#infoszkola li h3 strong { font-size:16px; display:block; font-weight:normal;}

ul#infoszkola li span.s1 { width:96%; height:92%; background:rgba(255,255,255,0.1); position:absolute; z-index:11; left:2%; top:4%;}
ul#infoszkola li span.s2 { width:60%; height:4px; background:#fff; position:absolute; z-index:11; left:120%; bottom:15%;}
ul#infoszkola li:hover span.s2 {left:20%;}

a.wiecej { position:absolute; z-index:44; left:0px; top:0px; width:100%; height:100%; text-indent:-9999px;}


ul#newshome { clear:both; float:left; background:#fff; position:relative; width:100%;}
ul#newshome li { width:25%; float:left; position:relative; height:540px; overflow:hidden;}
ul#newshome li:hover { background:#f9fafc;}

ul#newshome li .iconews { position:absolute; z-index:2; left:0px; top:0px; width:100%; height:50%; overflow:hidden;}
ul#newshome li .iconews img { float:left; width: auto !important; height:100% !important;}

ul#newshome li .txtnews { position:absolute; z-index:2; left:0px; top:50%; height:38%; width:100%; padding:6% 0px;}
ul#newshome li .txtnews h3 { text-align:center; color:#00698b; font-size:18px; line-height:20px; height:40px; overflow:hidden; margin-bottom:10px; padding:0px 5%;}
ul#newshome li .txtnews p { padding:0px 5%; height:90px; overflow:hidden;}
ul#newshome li .txtnews .data { width:100%; text-align:center; color:#00698b; font-size:14px;}

ul#newshome li:nth-child(2n) .iconews { top:50%;}
ul#newshome li:nth-child(2n) .txtnews { top:0%;}

ul#newshome li .txtnews .s3 {width:60%; height:4px; background:#f38e39; position:absolute; z-index:11; left:120%; bottom:15%;}
ul#newshome li:hover .txtnews .s3 {left:20%;}


ul#infohome { clear:both; width:100%; display:table; }
ul#infohome > li { width:33.333%; display:table-cell; padding:2%; color:#fff; vertical-align:top; text-align:left; }
ul#infohome > li a { color:#fff;}
ul#infohome > li a:hover { text-decoration:underline;}
ul#infohome > li:nth-child(1) { background:#f38e39;}
ul#infohome > li:nth-child(2) { background:#00698b;}
ul#infohome > li:nth-child(3) { background:#fff; padding:0px;}

ul#infohome > li h5 {  text-align:left; font-size:22px; line-height:22px; margin-bottom:20px;}

ul#infohome > li:nth-child(2) ul { float:right}
ul#infohome > li:nth-child(2) ul:first-of-type { float:left}

ul#dodatkowo { clear:both; float:left; width:100%;}
ul#dodatkowo li { float:left; position:relative; width:42%; background:#00698b; color:#fff; padding:6% 4%; overflow:hidden;}

ul#dodatkowo li img { float:left; margin:0px 20px 0px 0px; width:20% !important; height:auto !important;}
ul#dodatkowo li:nth-child(1) , ul#dodatkowo li:nth-child(4) { background:#f38e39;}
ul#dodatkowo li:nth-child(3) { background:#7ad132;}
ul#dodatkowo li h3 { text-align:left; font-size:22px; line-height:22px; margin-top:10px;}
ul#dodatkowo li h3 strong { font-size:12px; display:block; font-weight:normal;}

ul#dodatkowo li span.s1 { width:96%; height:92%; background:rgba(255,255,255,0.1); position:absolute; z-index:11; left:2%; top:4%;}
ul#dodatkowo li span.s2 { width:60%; height:4px; background:#fff; position:absolute; z-index:11; left:120%; bottom:15%;}
ul#dodatkowo li:hover span.s2 {left:20%;}

#wspolpraca { clear:both; float:left; width:96%; padding:2% 2% 0px 2%; background:#f9fafc;}
#wspolpraca ul { float:left; width:100%}
#wspolpraca ul li { width:23.3%; margin:0px 2% 2% 0px; float:left; background:#fff; border:1px solid #e1e1e1; text-align:center; height:200px;}
#wspolpraca ul li img {position: relative; top: 45%; -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); max-width:90% !important; height:auto !important; }
#wspolpraca ul li:nth-child(4n) {margin:0px 0px 2% 0px;}

#wspolpracujemy {clear:both; float:left; width:90%; padding:2% 5% 120px 5%; background:#fff; position:relative;}

.tythome { font-size:24px; color:#00698b; text-align:center; margin-bottom:30px;}


.slide { border:1px solid #e1e1e1; text-align:center; padding:10px 0px; }
.slide img { display:block; margin:auto;}

#wspolpracujemy .bx-wrapper .bx-pager, #wspolpracujemy .bx-wrapper .bx-controls-auto { position: absolute; z-index:200; left:0px; bottom:-60px;  width: 100% ; overflow:hidden; text-align:center;}

#infodol { clear:both; float:left; width:94%; padding:2% 3%;}
.dol { width:21%; float:left; padding:0px 2%; text-align:center; color:#fff; font-size:14px;}
.dol img { display:block; margin:auto auto 20px auto;}
.dol a { color:#fff;}
.dol a:hover { color:#f38e39;}

.dol h6 { text-align:left; margin-bottom:15px;}
.dol ul li { width:100%; clear:both; float:left; }
.dol ul li a { float:left;  line-height:25px; height:25px; overflow:hidden; text-align:left;}


#footer { border-top:1px solid #0085b0; clear:both; float:left; width:90%; padding:30px 0px; font-size:14px; color:#fff; margin:0px 5%;}
#footer a { color:#fff;}
#footer a:hover { text-decoration:underline;}

#tresc { clear:both; float:left; width:90%; padding:2% 5% 8% 5%; background:#f9fafc;}

#lewa { width:70%; float:left; padding-right:2.5%; border-right:1px solid #eee; min-height:300px;}
#prawa { width:25%; float:right;}


#prawa ul#infohome { float:left; }
#prawa ul#infohome > li { width:90%; float:left; padding:5%; font-size:14px; text-align:left; margin-bottom:1%; }
#prawa ul#infohome > li h5 { font-size:16px; line-height:20px; margin-bottom:15px;}
#prawa ul#dodatkowo li { width:90%; padding:5%; margin-bottom:1%;}
#prawa ul#dodatkowo li img { width:15% !important; }
#prawa ul#dodatkowo li h3 { font-size:20px; margin-top:5px;}
#prawa ul#dodatkowo li h3 strong { font-size:16px; display:block;}
#prawa ul#dodatkowo li span.s1 { height:84%; top:8%;}

.lista { line-height:30px; width:100%; position:relative; float:left;}
.lista img { max-width:100% !important; height:auto !important;}
.lista p { margin-bottom:30px;}
.lista a:hover{ text-decoration:underline;}
.lista ul { list-style:none; padding:0px 0px 40px 20px; display: table;}
.lista ul li { background:url(../graf/li1.png) no-repeat 0px 9px; padding-left:22px;}
.lista ul li , .lista ol li { margin-bottom:5px; text-align:left;}
.lista ol { display:table; padding-bottom:30px;}
.lista ul li ul { padding:10px 0px 0px 0px;}

.lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 { color:#00698b; clear:both; padding:25px 0px 15px 0px; text-align: left; }

.lista h1 { font-size:24px; line-height:26px;}
.lista h2 { font-size:23px; line-height:25px;}
.lista h3 { font-size:22px; line-height:24px; }
.lista h4 { font-size:21px; line-height:23px;}
.lista h5 { font-size:20px; line-height:22px;}
.lista h6 { font-size:19px; line-height:21px;}

.tyt { font-size:25px; text-align:left; line-height:30px; color:#00698b; margin-bottom:10px;}
#bre { clear:both; float:left; width:100%; font-size:14px; line-height:16px; color:#999; margin-bottom:30px;}
#bre a { color:#999;}
#bre a:hover { text-decoration:underline;}

.box1 { width:96%; padding:2%; background:#FFF; margin-bottom:20px; clear:both; float:left;}
.box2 { width:96%; padding:2%; background:#00698b; color:#fff; margin-bottom:20px;  clear:both; float:left;} 

.lista .box2 ul li { background:url(../graf/li2.png) no-repeat 0px 9px; }
.lista .box2 h1 , .lista .box2 h2 , .lista .box2 h3 , .lista .box2 h4 , .lista .box2 h5, .lista .box2 h6 { color:#f38e39; }

.lista .box2 h1:first-of-type , .lista .box2 h2:first-of-type , .lista .box2 h3:first-of-type , .lista .box2 h4:first-of-type , .lista .box2 h5:first-of-type , .lista .box2 h6:first-of-type ,
.lista .box1 h1:first-of-type , .lista .box1 h2:first-of-type , .lista .box1 h3:first-of-type , .lista .box1 h4:first-of-type , .lista .box1 h5:first-of-type , .lista .box1 h6:first-of-type
{ padding:0px 0px 15px 0px; }


ul#menukat { clear:both; float:left; width:100%; margin-bottom:40px;}
ul#menukat li{ clear:both; float:left; width:100%;}
ul#menukat li a { color:#000; float:left; width:90%; border-bottom:1px solid #eee; padding:10px 5%; font-size:14px; line-height:20px; text-align:left;}
ul#menukat li a:hover { color:#fff; border-bottom:1px solid #00698b; background:#00698b;}

ul.news { clear:both; float:left; width:100%;}
ul.news li { width:20%; float:left; position:relative; overflow:hidden; background:#fff; padding-bottom:40px; margin:0px;}
ul.news li:hover {background:#00698b;}
ul.news li .iconews { width:100%; float:left; margin-bottom:10px; overflow:hidden;}
ul.news li .iconews img { width:100% !important; height:auto !important; float:left; }
ul.news li h3 { clear:both; height:60px; line-height:20px; overflow:hidden; padding:0px 5%; color:#00698b; text-align:center; font-size:16px;}
ul.news li:hover h3 { color:#fff;}
ul.news li span { position:absolute; z-index:4; right:0px; top:0px; background:#eee; width:1px; height:100%;}
ul.news li .data { width:100%; clear:both; float:left; text-align:center; font-size:12px; position:absolute; left:0px; bottom:5px; color:#ccc;}
ul.news li:hover .data { color:#fff;}

/*page navi*/
.wp-pagenavi { margin:2% 0px 2% 0px; clear:both; float:left; font-size:14px; width:100%; }
.wp-pagenavi .pages { color:#000; margin-right:10px; background:#fff;  }
.wp-pagenavi a { color:#000; margin-right:4px; background:#fff;  }
.wp-pagenavi .current , .wp-pagenavi a:hover {  background:#00698b; margin-right:4px; color:#fff;  }	
.wp-pagenavi .pages , .wp-pagenavi a , .wp-pagenavi .current , .wp-pagenavi a:hover { padding:0px 15px; height:40px; line-height:40px; float:left;}


/* Galeria*/
.ngg-galleryoverview { clear:both; float:left; width:100%; margin-top:2%;}
.ngg-gallery-thumbnail-box { float:left; width:19%; height:auto; overflow:hidden; position:relative; margin:0px 1% 1% 0px; }

.ngg-gallery-thumbnail { position:relative; float:left; width:100% !important; overflow:hidden;}
.ngg-gallery-thumbnail a { width:100% !important; height:auto !important; float:left;}
.ngg-gallery-thumbnail a.pb img { width:100% !important; height: auto!important; float:left; }
.ngg-clear { clear:both; float:left; width:100%;}

a.pb { float:left; }
span.dgall { background:rgba(0,105,139,0.8) url(../graf/zoom.png) no-repeat 50% 50%; position:absolute; z-index:10; left:0px; top:0px; height:100%; width:100%; }
span.dgall:hover span {bottom:10px;}
/* end Galeria*/

img.b1 { float:left; margin:0px 20px 20px 0px; max-width:39% !important; height:auto !important; }

#inne { clear:both; float:left; width:100%; background:#fff; padding:2% 0px 0px 0px;}

#share { width:96%; clear:both; float:left; padding:2%; background:#FFF; margin-top:2%;}
#share ul { width:100%; float:left;}
#share ul li { float:left; margin-right:10px;}
#share ul li:hover { opacity:0.5;}
#share ul li a { float:left;}
#share h6 { margin-bottom:20px; color:#00698b;}

a#FB { position:fixed; z-index:333; left:0px; bottom:130px; }
a#IN { position:fixed; z-index:333; left:0px; bottom:60px; }
a:hover#FB , a:hover#IN { opacity:0.5;}



a#FB img , a#IN img { width:100% !important; height:auto !important;}


/*formularz*/
.fscf-div-form { clear:both; float:left; width:100%; padding-bottom:50px;}
.fscf-div-field input, .fscf-div-field textarea, .fscf-div-field select { width:98%; height:25px; border: none; padding:15px 0px; border-bottom:3px solid #e1e1e1; background:none; line-height:25px; font-size:16px; float:left; font-family: 'Open Sans', sans-serif; }
.fscf-div-field input:hover, .fscf-div-field textarea:hover, .fscf-div-field select:hover { border-bottom:3px solid #f38e39;  }
.fscf-div-field input:focus, .fscf-div-field textarea:focus, .fscf-div-field select:focus  { border-bottom:3px solid #00698b; }
.fscf-div-field textarea { height:75px; width:100%;}

.fscf-div-submit { clear:both; float:right; width:48%; padding:0px; margin:50px 0px 0px 0px;  }
input.fscf-button-submit  { width:48%; height:50px; line-height:50px; float:right; cursor:pointer; text-align:left; background:none; border:none; border-bottom:4px solid #7d7d7d; padding:0px;  font-size:16px; font-family: 'Open Sans', sans-serif; }
.fscf-button-submit:hover  { border-bottom:4px solid #00698b;  } 
.fscf-div-field .fscf-div-error { display:none; }
.fscf-div-error{ clear:both; float:left;  width:100% ; padding-bottom:20px; display:block; color:#F00}

#fscf_div_clear1_0 { float:left; width:30%; margin:0px 5.5% 0px 0px; padding:0px}
#fscf_div_clear1_1 { float:left; width:30%;}
#fscf_div_clear1_4 {float:right; width:30%;}
#fscf_div_clear1_3 { float:left; margin-top:20px; width:100%;}

#fscf_div_clear1_5 { clear:both; float:left; width:100%; color:#fff; margin-top:20px;}
#fscf_div_clear1_5 label { display:none;}
#fscf_div_clear1_5 p { font-size:12px; clear:both; float:left; width:100%;}
#fscf_div_clear1_5 p a { color:#000;}
#fscf_div_clear1_5 p a:hover { text-decoration:underline;}
#fscf_field1_5 { float:left; margin-right:20px; width:auto;}

/* end formularz */


#kontaktl { width:30%; float:left;}
#kontaktp { width:65%; float: right;}

#map { clear:both; float:left; width:100%; height:500px;}





/* ---------------------------------------- menu ------------------------------------- */


.slicknav_menu {
	display:none;
}

@media only screen and (max-width: 1000px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }

.slicknav_menu { background:#00698b !important;  }
.slicknav_menu .slicknav_menutxt {display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: 0.875em; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; }
slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
.slicknav_menu:before { content: " "; display: table; }
.slicknav_menu:after { content: " "; display: table; clear: both; }

.slicknav_nav { clear: both; }
.slicknav_nav ul {display: block; }
.slicknav_nav li { display: block; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a { display: inline; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block; }
.slicknav_nav .slicknav_parent-link a { display: inline; }

.slicknav_brand { float: left; }

.slicknav_menu { font-size: 16px; box-sizing: border-box; background: #f38e39; padding: 5px; }
.slicknav_menu * { box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold;}
.slicknav_menu .slicknav_icon-bar { background-color: #fff; }

.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; background-color: #00698b; }
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; }
.slicknav_nav ul {list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; }
.slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f38e39; color: #fff; }
.slicknav_nav a { padding: 5px 10px; margin: 2px 5px;  text-decoration: none; color: #fff; text-align:left; }
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px;  border-radius: 6px; background: #f38e39; color: #fff; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
.slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; }

.slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }
  
  
#cookie-warn1{ position:fixed; z-index:3333; left:0px; top:0px; width:100%; height:100%; background:rgba(0,105,139,0.9); }  
#przekaz { width:60%; float:left; margin:10% 20%; position:relative; -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);}  
#przekaz img { float:left; width:100% !important; height:auto !important;}

a#close-cookie-warn { position:absolute; z-index:4; right:0px; top:0px; width:50px; height:50px; color:#fff; text-align:center; background:#f38e39; line-height:50px; font-size:24px;}
a:hover#close-cookie-warn { background:#00698b;}

.d2 { display:none;}