@font-face {
				font-family: 'Calibri1';
				src: url('https://jankar.pl/szablony/200234/fonts/calibri.eot');
				src: url('https://jankar.pl/szablony/200234/fonts/calibri.eot?#iefix') format('embedded-opentype'),
						 url('https://jankar.pl/szablony/200234/fonts/calibri.woff') format('woff'),
						 url('https://jankar.pl/szablony/200234/fonts/calibri.ttf') format('truetype'),
						 url('https://jankar.pl/szablony/200234/fonts/calibri.svg#calibri') format('svg');
				font-weight: normal;
				font-style: normal;
		}	

.clr {clear:both}
body{
background:url('img/bg.png');
font-family: Arial;
font-size: 12px;
margin: 0;
padding: 0;
}

#slideshow {
	width: 100%;
    height:850px;
	position:absolute;
    z-index:-1;
}
  
#wrapper{
width: 1090px;
margin: 0 auto;
/*overflow: hidden;*/
}

#top{
width: 100%;
height: 125px;
/*overflow: hidden;*/
}

#top #contact {float:right;background:white;box-shadow:2px 2px 2px #777;margin-bottom:10px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #ffffff, #eeeeee); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #ffffff, #eeeeee); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #ffffff, #eeeeee); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

#contact ul{
margin: 0;
padding: 0;
text-align: right;
margin-top: 7px;
margin-bottom: 8px;
margin-right: 10px;
}

#contact ul li{
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
margin-left: 40px;
margin-right:10px;
color: #2c3c49;font-weight:bold;
font-size: 16px;
position: relative;
}

#contact span.icon{
width: 19px;
height: 15px;
background: url("img/contact_icon.png") left top no-repeat;
display: inline-block;
margin: 0 -25px;
position: absolute;
left:0px;
}

#contact span.phone{
background-position: 0 0;
}

#contact span.mail{
background-position: -19px 0;
}

#navigation{
clear: both;
margin-top: 16px;
}

#logo{
display: inline;
}

#menu{
height: 63px;
background: url("img/menu_bg.png") repeat-x;
float: right;
display: inline;
position: relative;
font-family:Calibri,Calibri1;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

#menu ul#nav{
margin: 0;
padding: 0;
margin-top: 4px;
float: left;
display: inline;
}

#menu ul#nav li{
list-style-type: none;
background: url("img/menu_sep.png") no-repeat;
float: left;
display: inline;
line-height: 52px;
}

#menu ul#nav li.first{
background: none;
}

#menu ul#nav li.active a span, #menu ul#nav li:hover a span {text-decoration:underline}

#menu ul#nav li a{
text-decoration: none;
font-size: 15px;
color: #FFF;
padding: 18px 20px;
}

#menu a.home_button{
width: 63px;
height: 63px;
background: url("img/home_button.png") no-repeat;
float: left;
display: inline-block;
position: absolute;
top: 0;
left: -63px;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}



#content{
width: 100%;
background-color: #FFF;
padding-top: 10px;
overflow: hidden;
margin-bottom: 100px;
margin-top:215px;
-khtml-box-shadow: 0px 0px 8px #666;
-moz-box-shadow: 0px 0px 8px #666;
-webkit-box-shadow: 0px 0px 8px #666;
box-shadow: 0px 0px 8px #666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

div.boxes{
height: 150px;
padding-left: 9px;

}

div.boxes div.box{
background: url("img/box_bg.jpg") no-repeat;
width: 264px;
height: 118px;
float: left;
display: inline;
padding-top: 25px;
padding-left: 35px;
padding-right: 25px;
margin:0 16px;
}

div.boxes div.box span.image{
width: 44px;
height: 36px;
background: url("img/boxes_img.png") no-repeat;
float: left;
display: inline-block;
margin-top: 10px;
margin-right: 10px;
}

div.boxes div.box span.first{ background-position: 0 0; }
div.boxes div.box span.second{ background-position: -44px 0; }
div.boxes div.box span.third{ background-position: -88px 0; }

div.boxes div.box span.header, div.boxes div.box h4.header{
color: #fff0a4;
font-size: 21px;
height: 27px;
display: block;
overflow: hidden;
font-weight:normal;
margin:0;
padding:0;
font-family: 'Signika', sans-serif;
}

div.boxes div.box span.description, div.boxes div.box p.description{
color: #FFF;
height: 45px;
overflow: hidden;
display: block;
font-weight:normal;
margin:0;
padding:0;
}

div.boxes div.box span.more{
width: 100%;
display: block;
text-align: center;
padding-right: 5px;
line-height: 25px;
}

div.boxes div.box span.more a{
color: #fff0a4;
text-decoration: none;
font-weight: bold;
}

div.boxes div.box_bottom{
width: 312px;
float: left;
display: inline;
padding-right: 15px;
}

div.boxes div.box_bottom img{
width: 86px;
height: 86px;
float: left;
display: inline;
margin: 5px 10px 10px 10px;
}

div.boxes div.box_bottom span.title, div.boxes div.box_bottom h4.title{
font-size: 18px;
color: #4a6075;
display: block;
font-weight:normal;
margin:0;
padding:0;
font-family:Calibri,Calibri1;
}

div.boxes div.box_bottom span.desc, div.boxes div.box_bottom p.desc{
margin-top: 3px;
color: #777777;
line-height: 18px;
display: block;
margin:0;
padding:0;
}

div.boxes_bottom{
margin-top: 20px;
}

#text{
width: 100%;
background-color: #4a6279;
color: #FFF;
overflow: hidden;
line-height: 20px;
}

#text div.column{
width: 495px;
float: left;
display: inline;
padding: 15px 25px;
}

#text div.column p {margin:0;padding:0}

#footer{
background-color: #eeeeee;
color: #666666;
line-height: 20px;
}

#map{
width: 360px;
height: 115px;
float: left;
display: inline;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}

#map iframe {
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}

#footer > #address{
float: left;
display: inline;
position: relative;
margin-top: 20px;
margin-left: 50px;
}

#footer > #address p, #footer > #contact p {
margin:0;
padding:0;
}

#footer > #contact{
float: left;
display: inline;
position: relative;
margin-top: 20px;
margin-left: 70px;
}

#footer > #created_by{
float: right;
display: inline;
position: relative;
margin-top: 30px;
text-align: right;
padding-right: 20px;
}

#footer > #created_by a{
color: #416180;
text-decoration: none;
}

#footer span.icon{
width: 19px;
height: 15px;
background: url("img/footer_icon.png") no-repeat;
float: left;
display: inline-block;
margin-top: 3px;
margin-right: 5px;
}

#footer span.address{ position: absolute; top: 20px; left: -25px; background-position: 0 0; }
#footer span.phone{ background-position: -19px 0; }
#footer span.mail{ background-position: -38px 0; }

img{
border: none;
}


.main {width:100%; padding:0; margin:0 auto;z-index:11;position: relative;overflow:hidden}


#slider {width:100%;height: 850px;
    list-style: none outside none;
    margin: 0;
	overflow:hidden;

    padding: 0;
	position:absolute;
	z-index:10;top:0px;}
#slideshow {width:100%;height: 100%; margin: 0 auto;overflow:hidden}
.slider-item {top:0% !important;margin-top:0px !important;left:50% !important;margin-left:-960px;height:850px;overflow:hidden}
.slider-item h3 {color:white;text-shadow:3px 3px 10px #000;font:bold 45px 'Open Sans' , Arial, Helvetica, sans-serif;text-align:right;display:inline;width:900px;}
.slider-item h4 {position:absolute;right:0px;top:190px;color:white;text-shadow:2px 2px 10px #000;font:normal 35px 'Open Sans' , Arial, Helvetica, sans-serif;text-align:right;display:inline;width:900px;}




#nadtresc {}
#kolumnaboczna {float:left;width:320px;padding-left:20px;}
#kolumnaboczna h5 {background:#314357;margin:0;padding:6px 10px;text-align:center;color:#fff0a4;font-size:15px;line-height:15px;font-family:'Signika', sans-serif;font-weight:normal}

#tresc {float:right;width:720px;padding:10px 25px 10px 0;font-size:13px;line-height:18px;text-align:justify;color:#222;}
#tresc h1 {font-family: 'Signika', sans-serif;font-size:26px;line-height:26px;color:#314357;margin-top:0px;font-weight:normal;}
#tresc h2 {font-family: 'Signika', sans-serif;font-size:22px;line-height:22px;color:#fff0a4;margin-top:0px;font-weight:normal;background:#314357;padding:4px 20px;}
#tresc h3 {font-family: 'Signika', sans-serif;font-size:19px;line-height:19px;color:#314357;margin-top:30px;font-weight:normal;}
#tresc h4 {font-family: 'Signika', sans-serif;font-size:15px;line-height:15px;color:#314357;margin-top:0px;font-weight:normal;}
#tresc img {margin:10px;}

fieldset {border:0px solid white}
#formularz {width:340px;float:right;}

#formularz input, #formularz textarea, #formularz select { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	width: 300px;
	}
#formularz select {width:260px;}
#formularz textarea { 
	width: 300px;
	max-width: 300px;
	height: 80px;
	line-height: 150%;
	}

#formularz input:hover, #formularz textarea:hover,
#formularz input:focus, #formularz textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

#formularz .form label { 
	margin-left: 10px; 
	color: #999999; 
	}

#formularz input[type="submit"] {
	width: auto;
	padding: 9px 15px;
	background: #154e83;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	margin-left:55px;
	font-weight:bold;
	}
#tresc .fotka img {margin:0;padding:0}
#tresc .fotka {float:left;width:190px;height:130px;border:1px solid #ddd;overflow:hidden;margin-right:7px;margin-bottom:10px;}







#wrapper {}
#wrapper2 {margin:0 auto;width:980px;position:relative;}












#tresc .fotok {}
#tresc .fotok2 {border:1px solid #65809b;height:157px;overflow:hidden;width:227px;}
#tresc .fotok2 a {width:100%;height:100%;display:block}
#tresc .fotok2 img {height:157px;margin:0 auto;}
#tresc .fotok p.podkreslenie {background:#fff0a4;margin:0;padding:2px 10px;text-align:center;color:black}
#tresc .fotok p.opp {margin:0;padding:2px 10px;text-align:center;color:black;font-size:11px;line-height:14px;}
#tresc .fotok p a {color:#314357;width:100%;height:100%;display:block;font-family:'Signika', sans-serif;text-decoration:none}
#tresc ul#products {margin:0;padding:0;}
#tresc ul#products:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
#tresc ul#products li {width:229px;overflow:hidden;height:270px;margin:0 5px 20px 5px;float:left;box-shadow:0px 0px 10px #999;}
#tresc ul#products li a {position:relative}
#tresc ul#products li .cena {position:absolute;bottom:0px;right:0px;background:#7bffe3;padding:2px 5px;font-size:11px;line-height:13px;color:black;}
#tresc .niema {text-align:center;font-size:25px;line-height:33px;background:#4a6279;color:white;padding:20px 25px;font-family:'Signika', sans-serif;}

#content #conprawa .listakategorii .fotok {width:182px;float:left;margin-right:9px;margin-left:9px;margin-bottom:30px;}
#content #conprawa .listakategorii .fotok2 {border:1px solid #999;height:150px;overflow:hidden;width:180px;}
#content #conprawa .listakategorii .fotok2 a {width:100%;height:100%;display:block}
#content #conprawa .listakategorii .fotok2 img {width:180px;margin:0;}
#content #conprawa .listakategorii .fotok p {background:#999;margin:0;padding:2px 10px;text-align:center;color:white}
#content #conprawa .listakategorii .fotok p a {color:white;width:100%;height:100%;display:block}

#content #conprawa #page_container {padding:0;margin:0;}
#content #conprawa #page_container #products {padding:0;margin:0;}
#content #conprawa #page_container li {float:left;}
#content #conprawa #page_container .fotok {width:182px;float:left;margin-right:9px;margin-left:9px;margin-bottom:30px;position:relative}
#content #conprawa #page_container .fotok2 {border:0px solid #999;height:170px;overflow:hidden;width:184px;}
#content #conprawa #page_container .fotok2 a {width:100%;height:100%;display:block}
#content #conprawa #page_container .fotok2 img {width:180px;}
#content #conprawa #page_container .fotok p {margin:0;padding:2px 10px;text-align:center;background:#eee;padding:1px 10px;font-size:12px;line-height:13px;}
#content #conprawa #page_container .fotok p a {width:100%;display:block}
#content #conprawa #page_container .fotok p .cena {position:absolute;top:153px;right:0px;background:#7bffe3;padding:2px 5px;font-size:11px;line-height:13px;color:black;}

#formularz {width:300px;float:right;}
#formularz input, #formularz textarea {width:250px;}

#footerb {width:100%;height:74px;margin-top:20px;}
#footerb1 {margin:0 auto;width:980px;position:relative;border-top:1px solid #999;}
#prawyp {float:right;font-size:12px;line-height:18px;color:#999;padding-top:5px;text-align:right;}
#prawyp a {color:#999;font-weight:bold;}
#loga {position:relative;border-top:1px solid #999;margin-top:20px;}
#slider-big {overflow:hidden;position:relative;z-index:13; margin:0 auto;margin-top:20px;border:1px solid #999;/*width:800px;margin-left:180px;*/
width:980px;}
#slider-big img {float:left;width:980px;height:370px;}



.alt_page_navigation{
	padding-bottom: 10px;
	position:absolute;
	top:0px;
	right:0px;
}

.alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#999;
}
.active_page{
	background-color:#7bffe3 !important;
	color:black !important;
}	
#page_container li {list-style:none}


.col1 {float:left;width:186px;margin-right:20px;text-align:left}
.col2 {float:left;width:186px;margin-right:20px;text-align:left}
.col3 {float:left;width:186px;text-align:left}
#tresc  .row1 {border-top:1px solid #999;border-bottom:1px solid #999;font-size:12px;line-height:16px;padding:10px 10px;background:#f9f9f9;}
#tresc  .row2 {border-bottom:1px solid #999;font-size:12px;line-height:16px;padding:10px 10px;background:#eee;}
#tresc  .row3 {border-bottom:1px solid #999;font-size:12px;line-height:16px;padding:10px 10px;background:#f9f9f9;}
#tresc  .row3a {border-bottom:1px solid #999;font-size:12px;line-height:16px;padding:10px 10px;background:#eee;}
#tresc  .row4 {font-size:12px;line-height:16px;padding:10px 10px;background:#f9f9f9;}


#sort {text-align:right;font-size:12px;}
#sort img {margin:0}

#loga2 {padding-top:20px;border-top:1px solid #999}
#loga2 img {margin:0 8px;}

fieldset {border:0px;}

#newsyglowna {font-size: 12px;
line-height: 15px;
background: #eee;
padding: 10px;
margin-bottom: 10px;}

ul#navboczne {margin:0;padding:0;list-style:none;background:#4a6279;width:300px;font-family:'Signika', sans-serif;
background-image: -webkit-gradient(linear, left top, right top, from(#4a6279), to(#6d879e)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(left, #4a6279, #6d879e); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(left, #4a6279, #6d879e); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(left, #4a6279, #6d879e); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to right, #4a6279, #6d879e);

}
ul#navboczne li {padding:10px 5px;border-bottom:1px solid #8ea4b7;font-size:13px;}
ul#navboczne li:hover a {color:#fff0a4}
#navboczne a {color:white;text-decoration:none;width:100%;display:block}

#navboczne ul.rozw {display:block !important}

ul#navboczne ul {margin:0;padding:0;list-style:none;background:#dddddd;margin-left:-5px;width:300px;margin-top:10px;
background-image: -webkit-gradient(linear, left top, right top, from(#cccccc), to(#eeeeee)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(left, #cccccc, #eeeeee); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(left, #cccccc, #eeeeee); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(left, #cccccc, #eeeeee); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to right, #cccccc, #eeeeee);
}
ul#navboczne li:hover ul li a, #navboczne li ul.rozw li a {color:#314357;padding-left:20px;}
ul#navboczne li:hover ul li a:hover,, #navboczne li ul.rozw li a:hover {color:#000}
#menuboczne h2 {font-family:'Signika', sans-serif;font-size: 19px;
line-height: 19px;
color: #fff0a4;
margin-top: 0px;
font-weight: normal;
background:#314357;
text-align:center;padding:10px;width:280px;margin:0;}

#menuboczne {box-shadow:0px 0px 10px #999;width:300px;}

#tresc p.nnaazzwwaa {font-family: 'Signika', sans-serif;
font-size: 19px;
line-height: 19px;
color: #fff0a4;
margin-top: 0px;
font-weight: normal;
background: #314357;
text-align: center;
padding: 10px;
margin: 0;}

#tresc #conprawaz h3 span.zam {float:right;font-family: 'Signika', sans-serif;
font-size: 17px;
line-height: 17px;
color: #fff0a4;cursor:pointer;
margin-top: 0px;
font-weight: normal;
background: #314357;
text-align: center;
padding: 10px;
margin: 0;margin-top:-10px;}

#tresc #conprawaz p.zzz span.zam {font-family: 'Signika', sans-serif;
font-size: 17px;
line-height: 17px;
color: red;cursor:pointer;
margin-top: 0px;
font-weight: normal;
background: #ddd;
text-align: center;
padding: 10px;
margin: 0;margin-top:-10px;}

#tresc #conprawaz p.zzz {margin-bottom:12px;text-align:right;display:block}

#wysszz {position:fixed;bottom:100px;left:0px;z-index:30;-khtml-box-shadow: 0px 0px 8px #666;
-moz-box-shadow: 0px 0px 8px #666;
-webkit-box-shadow: 0px 0px 8px #666;
box-shadow: 0px 0px 8px #666;}


h2.classwysz {
font-family: 'Signika', sans-serif;
font-size: 16px;
line-height: 16px;
color: #fff;
margin-top: 0px;
font-weight: normal;
background: red;
text-align: center;
padding: 10px;
width: 280px;
margin: 0;
margin-bottom:10px;
}































.baner{
height: 215px;
text-align: center;
position:absolute;right:50%;margin-right:-435px;top:125px;
font-family: 'Signika', sans-serif;

}

span.slogan{
display: inline-block;
position: relative;
margin-top: 55px;
text-align: left;
width:869px;
}

span.slogan > .background{
position: absolute;
width: 100%;
height: 100%;
background-color: #FFF;
opacity: 0.3;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

span.slogan > .first_line{
font-size: 60px;
color: #FFF;
padding: 0 10px;
display: block;
position: relative;
z-index: 2;
font-weight:600;
text-shadow:1px 1px 2px #555;
}

span.slogan > .first_line_background{
font-size: 60px;
color: #787878;
padding: 0 10px;
display: block;
position: absolute;
top: 1px;
left: 2px;
z-index: 1;
}

span.slogan > .second_line{
font-size: 29px;
color: #213e5f;
padding: 0 10px 7px 10px;
display: block;
position: relative;
z-index: 4;
text-shadow:1px 1px 2px #fff;
}

span.slogan > .second_line_background{
font-size: 30px;
color: #FFF;
padding: 0 10px 7px 10px;
display: block;
position: absolute;
top: 1px;
left: 2px;
z-index: 3;
}
#kolumnaboczna ul.article {background:#f6f6f6;margin-right:20px;border:1px solid #ddd;list-style:none;padding:0;}
	#kolumnaboczna ul.article li {padding:5px 20px;border-bottom:1px dotted #ddd;}
	#kolumnaboczna ul.article li a {text-decoration:none;display:block;font-size:13px;line-height:16px;color:#31435