*{margin: 0;padding: 0;}
body{background:#fff;margin:0;padding:0;font-family: 'Roboto Condensed', sans-serif;font-size:16px;font-weight:300;color:#666;}
a:link, a:active{text-decoration:none;outline:none;color:#f5821f;}
a:visited{color:#999;}
a:hover{color:#f5821f;}
.fl{float:left;}
.fr{float:right;}
.w70{width:70%;}
.w45{width:45%;}
.w25{width:25%;}
img{max-width:100%;border:0;}
/* div{overflow:hidden;} */
.cf{clear:both;}
.szary{color:#666;}
.tac{text-align:center;}
.kol-50{margin:0;padding:0;width:50%;float:left;}
.litery{}
#wrapper{
margin:0 auto;
padding:0;
}
.band{background:#ededed;text-align:right;padding:10px 10px 10px 0;color:#666;}
.wiersz{
	width:100%;
	max-width:1140px;
	max-width:1000px;
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
}

header{
position: relative;
height: 111px;
height: 100px;
padding-top: 30px;
padding-top: 25px;
background: #fff;
border-bottom: 2px solid #f5821f;
}

div#logo-wrapper, div#logo, div#slogan {
height: 33px;
}

div#logo-wrapper {
width: 570px; 
width: 470px; 
position: relative;
}

div#logo, div#slogan 
{
float: left; 
}

div#logo {
display: block; 
width: 230px;
width: 150px;
}

div#logo h1 {padding: 0; margin: 0;}

div#slogan {
width: 320px;
width: 290px;
height: 21px;
border-bottom: 1px solid #666; 
font-family:'Roboto Condensed', sans-serif;
color:#666;
letter-spacing:0.05em;
font-size:24px;
font-size:20px;
font-size:18px;
margin-left: 10px;
position: absolute;
bottom: 0;
right: 0;
}

div#logo h1 img {
width: 100%;
}

div#jezyki {
	display: inline-block;
	float: right;
}

div#jezyki nav#languages ul li {display: inline-block;}

div#jezyki nav#languages ul li a
{
font-size: 26px;
font-size: 16px;
margin-left: 10px;
color:#666;
font-weight: 400;
}

div#jezyki nav#languages ul li a.wybrany-jezyk{
color:#f5821f;
text-decoration: underline;
}

header div#main-menu  {
	display: inline-block;
	float: right;
	margin-top: 15px;
	margin-top: 32px;
}

header { position: relative; }

header div#main-menu nav.nav {
	display: inline-block;
	float: right;
	font-size: 16px;
}
header div#main-menu nav.nav ul li {
	list-style: none;
	width: 200px; 
	width: auto;
	display: inline-block;
	line-height: 40px;
	line-height: 35px;
	position: relative; 
/* 	background: #222; */
	text-align: center;
	float: left;
}
header div#main-menu nav.nav ul li ul {
	position: absolute;
}
header div#main-menu nav.nav ul li a {
	color: #666;
	width: auto; 
	padding-left: 15px;
	padding-right: 15px;
	height: 58px;
	height: 40px;
	height: 35px;
	display: inline-block; 
	text-decoration: none;
	min-width: 100px;
	border-bottom: 2px solid #f5821f;
	
}
header div#main-menu nav.nav ul li a:hover {
	border-bottom: 2px solid #000;
}
header div#main-menu nav.nav ul li ul {
	display: none;
}
header div#main-menu nav.nav ul li:hover ul {
	display: block;
}
header div#main-menu nav.nav ul li ul li a {
	width: 240px; 
}

header div#main-menu nav.nav ul li a#current {
background: #f5821f;
color: #FFF;
}
header div.wiersz div#main-menu nav.nav ul li ul
{
	background: #FFF;
	z-index: 500;
}

#glowna-sekcja{background:#ededed;height:300px;padding-top:30px;padding-bottom:30px;}
#uslugi{padding-bottom:40px;background:#fff;margin-left:auto;margin-right:auto;}
.dzialy-look{box-sizing:border-box;width:500px;height:400px;display:block;border:1px solid #ededed;float:left;margin:50px;overflow:hidden;background:#f8f8f8;-webkit-box-shadow:0px 0px 21px 0px rgba(100, 100, 100, 0.66);-moz-box-shadow:0px 0px 21px 0px rgba(100, 100, 100, 0.66);box-shadow:0px 0px 21px 0px rgba(100, 100, 100, 0.66);}
.tytul{color:#999;font-size:40px;letter-spacing:0.03em;margin-bottom:30px;}
.centruj{text-align:center;}
.tytul-wrapper{background:#fff;width:40%;margin:0;padding:0;float:left;height:100%;padding-left:5%;}
.usluga-zdjecie{background:#f9f9f9;width:50%;margin:0;padding:0;float:right;height:100%;}
.usluga-1{background-repeat:no-repeat;background-position:center center;background-size:cover;}
div.tytul-wrapper h2{font-weight:300;letter-spacing:0.03em;color:#999;font-size:40px;margin-top:140px;line-height:1.1em;}
div.tytul-wrapper h3{font-weight:400;letter-spacing:0.04em;color:#666;font-size:20px;line-height:1.1em;}
a.dzialy-look:hover{border-bottom:4px solid red;}
#loga-wrapper{padding-top:40px;padding-bottom:20px;}
div#loga-wrapper div#zaufali-tyt h2{}
footer{
background:#383838;
padding-top:36px;
overflow:hidden;
font-size:16px;
line-height:17px;
color: #a7a6a4;
padding: 40px 0;
}
footer h2 {
color: #a7a6a4;
}
footer div.linki_dol ul li{font-size:14px;line-height:16px;list-style:none;}
footer div.linki_dol ul li a:link, footer div.linki_dol ul li a:active, footer div.linki_dol ul li a:visited{color:#fff;text-decoration:none;}
.linki_dol{margin:0 1%;padding:10px 3%;text-align:left;float:left;font-size:14px;font-weight:400;color:#fff;text-align:left;}
.linki_dol a{color:#344046;line-height:24px;}
footer div.autor p#prawo{color:#b1b2b5;width:300px;float:left;}
footer div.autor.gap a#raster{text-decoration:none;color:#83858b;float:right;font-size:14px;width:200px;}
footer a#raster:hover{color:#f5821f;}
.autor{background:#3b3e47;padding-top:16px;margin-top:2.5em;padding-bottom:35px;}
footer div.autor div.wiersz a#raster{color:#83858b;float:right;font-size:14px;text-decoration:none;}
/* .usluga-blok{width:300px;min-height:390px;position:relative;margin-bottom:40px;} */
/* .usluga-blok-kreski{padding-left:25px;margin-left:25px;padding-right:25px;border-left:1px dotted #ccc;border-right:1px dotted #ccc;} */
.pr33{}
.pr0{padding-right:0;}
.usluga-blok img{width:100%;}
.usluga-blok h3{font-weight:300;letter-spacing:0.04em;color:#666;font-size:24px;line-height:1.1em;margin-top:10px;margin-bottom:10px;padding:10px 0;}
.usluga-blok p{color:#666;padding:10px 0;}
/* .usluga-blok a:link, .usluga-blok a:active, .usluga-blok a:visited{bottom:20px;right:20px;position:absolute;font-weight:300;} */
/* .usluga-blok a:hover{color:#f5821f;} */
#adres-wrapper{width:230px;margin-left:auto;margin-right:auto;font-size:14px;letter-spacing:1px;}
#adres-wrapper #logo-stopka{width:52px;height:52px;margin-top:18px;float:left;text-align:left;margin-right:20px;}
#adres-wrapper #adres{color:#fff;margin-left:auto;margin-right:auto;}
#adres-wrapper #adres a{color:#fff;}
.kol-25{width:20%;padding:0;margin:0;margin-right:5%;float:left;background:#fff;border:1px dotted #ccc;box-sizing:border-box;text-align:center;margin-bottom:20px;min-height:300px;}
.kol-25 a img{margin-bottom:20px;}
.tyrtul-kontakt{color:#333;font-size:16px;line-height:1.1em;margin-bottom:1em;}
#mapa{width:100%;height:400px;margin-bottom:40px;}
.content{font-family:'Roboto Condensed', sans-serif;font-weight:300;margin-bottom:1em;padding:40px 0;line-height:150%;color:#333;}
.content p{margin-bottom:1em;}
#tytul-wrapper{background:#ededed;padding-top:40px;padding-bottom:40px;overflow:hidden;}
.tlo-1{background-image:url("../images/tlo_pasek_1.png");background-repeat:no-repeat;}
#tytul-wrapper h3{line-height:100%;padding:0;margin:0;font-family:'Roboto Condensed', sans-serif;font-weight:400;color:#666;line-height:1.1em;padding:10px 0;margin-bottom:0;font-size:20px;}
.tytuly{font-family:'Roboto Condensed', sans-serif;color:#666;}
.tytuly h1,h2,h3,h4,h5,h6{margin-bottom:30px;font-weight:700;letter-spacing:0;font-family:'Roboto Condensed', sans-serif;color:#666;}
.tytuly-lekkie h1,h2,h3,h4,h5,h6{margin-bottom:30px;font-weight:300;font-family:'Roboto Condensed', sans-serif;color:#666;}
.tytul-wyrozniony{color:#f5821f;font-weight:700;font-size:20px;}
#zdjecie-gora-1, #zdjecie-gora-2, #zdjecie-gora-3, #zdjecie-gora-4 , #zdjecie-gora-5, #zdjecie-gora-6, #zdjecie-gora-7, #zdjecie-gora-8, #zdjecie-gora-9 , #zdjecie-gora-10,
#zdjecie-gora-11, #zdjecie-gora-12 , #zdjecie-gora-13, #zdjecie-gora-14 , #zdjecie-gora-15 , #zdjecie-gora-16 , #zdjecie-gora-17 , #zdjecie-gora-18{width:100%;min-height:175px;background:#ededed;background-repeat:no-repeat;background-position:center center;}
#zdjecie-gora-1{background-image:url("../images/n1.png");}
#zdjecie-gora-2{background-image:url("../images/n2.png");}
#zdjecie-gora-3{background-image:url("../images/n3.png");}
#zdjecie-gora-4{background-image:url("../images/n4.png");}
#zdjecie-gora-5{background-image:url("../images/n5.png");}
#zdjecie-gora-6{background-image:url("../images/n6.png");}
#zdjecie-gora-7{background-image:url("../images/n7.png");}
#zdjecie-gora-8{background-image:url("../images/n8.png");}
#zdjecie-gora-9{background-image:url("../images/n9.png");}
#zdjecie-gora-10{background-image:url("../images/n10.png");}
#zdjecie-gora-11{background-image:url("../images/n11.png");}
#zdjecie-gora-12{background-image:url("../images/n12.png");}
#zdjecie-gora-13{background-image:url("../images/n13.png");}
#zdjecie-gora-14{background-image:url("../images/n14.png");}
#zdjecie-gora-15{background-image:url("../images/n15.png");}
#zdjecie-gora-16{background-image:url("../images/n16.png");}
#zdjecie-gora-17{background-image:url("../images/n17.png");}
#zdjecie-gora-18{background-image:url("../images/n18.png");}
.tytul-dzialu-0{font-family:'Roboto Condensed', sans-serif;font-weight:400;color:#666;font-size:34px;line-height:110%;}
.tytul-dzialu{font-size:34px;margin-top:30px;line-height:110%;color:#666;}
.sgn-1{text-align:center;width:260px;margin-left:auto;margin-right:auto;margin-top:20px;}
.sgn-1 h2{margin:0;padding:0;}
.sgn-2{width:12em;margin:0;padding:0;margin-left:40px;}
.sgn-3{padding:0;margin-left:40px;margin-top:100px;}
.sgn-4{padding:0;margin-right:280px;margin-top:100px;float:right;}
.sgn-5{padding:0;margin-top:70px;margin-left:0;}
.sgn-6{padding:0;margin-top:40px;margin-left:0;}
.sgn-7{padding:0;margin-top:30px;margin-left:0;}
.sgn-8{padding:0;margin-top:36px;margin-left:150px;}
.blok-poziom{padding-top:0;padding-bottom:25px;border-bottom:1px solid #ccc;margin-bottom:25px;}
.blok-poziom-first{padding-top:25px;border-top:1px solid #bbb;}
.blok-poziom-lewa h2{margin:0;padding:0;text-align:left;}
.blok-poziom-lewa{width:30%;float:left;}
.blok-poziom-prawa{width:70%;float:left;line-height:130%;box-sizing:border-box;padding-left:20px;}
.znaki-wrapper img{border:1px solid #666;float:left;box-sizing:border-box;width:121px;height:129px;margin:20px 2px;}
.znaki-wrapper-okragle{text-align:center;margin:16px 0;}
.znaki-wrapper-okragle img{float:left;width:121px;height:119px;margin:1px;}
.wyroznij{font-family:'Roboto Condensed', sans-serif;font-weight:400;color:#000;}
p.parametry{line-height:130%;}
p.parametr-czerwony, p.parametr-niebieski, p.parametr-czarny, .parametr-zielony{font-family:'Roboto Condensed', sans-serif;font-weight:400;}
p.parametr-czerwony{color:#ed1c24;margin:0;}
p.parametr-niebieski{color:#00adef;margin:0;}
p.parametr-czarny{color:#000;margin:0;}
.parametr-zielony{color:#00a650;}
#tytul-dzialu-pas{width:100%;background:#ededed;margin:0;padding:0;padding:30px 0;}
#tytul-dzialu-pas h3{margin:0;padding:0;font-size:34px;color:#666;letter-spacing:0.039em;line-height:110%;}
.news{margin-bottom:25px;padding-bottom:20px;}
.news h2{text-align:center;}
.pl20{padding-left:20px;}
.usluga-blok-50{margin:0;padding:0;width:469px;position:relative;margin-bottom:40px;}
.linia-pr{padding-right:30px;border-right:1px dotted #ccc;}
.wys-400{min-height:400px;}
.wys-300{min-height:300px;}
.usluga-blok-50 h3{font-family:'Roboto Condensed', sans-serif;font-weight:400;font-size:28px;color:#666;line-height:1.1em;padding:10px 0;margin-bottom:0;}
.usluga-blok-50 a.link-dol:link, .usluga-blok-50 a.link-dol:active, .usluga-blok-50 a.link-dol:visited{bottom:16px;right:30px;position:absolute;font-weight:300;}
hr{border-top:1px dotted #ccc;border-bottom:1px solid #fff;}
.ml0{margin-left:0;}
#napisz-mapa{width:65%;float:right;}
.formularz{margin-top:35px;}
.formularz input{width:46%;height:42px;background:#FFF;border:1px solid #cecece;margin-bottom:10px;color:#000;float:left;margin:0 1% 10px 1%;padding-left:1%;}
formularz form#usrForm input
.lewe-pole{float:left;}
.prawe-pole{float:right;}
.formularz textarea{margin-top:10px;width:96%;margin:0 1% 10px 1%;min-height:14em;background:#FFF;border:1px solid #cecece;float:left;color:#000;padding:7px 9px;width:608px;}
.formularz button{width:93px;height:52px;font-weight:700;color:#fff;margin:13px 0 30px 0;border:0;border:1px solid #f5821f;color:#f5821f;background:#fff;letter-spacing:0.039em;}
.formularz button:hover{background:#f5821f;color:#fff;border:1px solid #fff;}
.formularz input, .formularz textarea{font-family:'Roboto', Arial, sans-serif;font-size:16px;font-weight:400;color:#666;}
.formularz input:focus, .formularz textarea:focus{background:#fef9da;color:#000;border-bottom:1px solid #ff5454;}
#zamowienia{margin-left:10px;}
input[type=checkbox].css-checkbox{position:absolute;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
input[type=checkbox].css-checkbox + label.css-label{padding-left:29px;height:20px;display:inline-block;line-height:20px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label{background-position:0 -20px;}

label.css-label{
		background-image:url(csscheckbox_1.png);
/* 		user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none; */
		}
		
.tytul-dzialu-0, .tytul-dzialu , .usluga-blok-50 h3{font-family:"Roboto Condensed",sans-serif;font-weight:400;color:#666;font-size:28px;line-height:1.1em;letter-spacing:0;}
.usluga-blok h3, .tytuly-lekkie h1,h2,h3,h4,h5,h6, .blok-poziom-lewa h2{font-family:"Roboto Condensed",sans-serif;font-weight:400;color:#666;line-height:1.1em;letter-spacing:0;font-size:21px;}
body, .usluga-blok p, .content, #zamowienia label{
	font-family:"Roboto Condensed",sans-serif;
	font-weight:300;
	color:#666;
	font-size:16px;
	line-height:1.3em;
	letter-spacing:0;
}

html body div#wrapper div.slider-wrapper div.wiersz div.responisve-container,
html body div#wrapper div.slider-wrapper div.wiersz div.responisve-container div.slider div.fraction-slider,
html body div#wrapper div.slider-wrapper div.wiersz div.responisve-container div.slider div.fraction-slider div.slide
{
	
	width: 100%;
	height: auto;
	
}


#autor {
    background: #191d21;
    padding: 10px;
    overflow: hidden;
}

#prawo {
    margin: 0;
    padding: 0;
    float: left;
    color: #ccc;
}
#raster {
    margin: 0;
    padding: 0;
    float: right;
}

#autor a {
    color: #777;
}
html body div#wrapper div.slider-wrapper div.responisve-container div.slider
{
z-index:80;
}

html body div#wrapper header div.wiersz div#main-menu nav.nav
{
z-index:100;
}

div.title-wrapper {
	background: #ececed;
	padding: 20px 0;
}

div.title-wrapper h1 {
	font-weight: 400;
	font-size: 22px;
	margin: 0; 
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	line-height: 135%;
}


div.title-wrapper div.wiersz h1.tytul-trojkat:before
{
content: "";
width: 0;
height: 0;
display: inline-block;
border-style: solid;
border-width: 15px 0px 15px 21px;
border-color: transparent transparent transparent #f5821f; 
display: block;
margin-right: 10px;
float: left;	
}

div.wciecie-dodatkowe {
	padding: 0 40px;
}

div.content h4
{
color:red;
	color:#666;
	font-family:'Roboto Condensed', sans-serif;
	letter-spacing:0.039em;
	font-size:18px;
	font-weight:700;
	margin: 0; padding: 0;
	margin: 20px 0 5px 0;
}

.taj { text-align: justify;}

section#onas, section#zalety, section#porownanie, section#osiagniecia, section#partnerzy
{
	margin: 0; padding: 0;
	padding-top: 60px;
	padding-bottom: 60px; 
	overflow: hidden;
}

section#onas {
	background: #fff;
}

section#zalety {
	background: #ededed;
}

section#porownanie {
	background: #fff;
}

section#osiagniecia {
	background: #ededed;
}

section#partnerzy {
	background: silver;
}

section.pobierz {
	padding: 40px 0;
	background: #12394b;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.hamburger {
/*   position: relative;
  padding-left: 1.25em;
  display: block; 
  width: 40px; 
  height: 40px;
  background: red; */
}

.hamburger:before {
/*   content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: black;
  box-shadow: 
    0 0.25em 0 0 black,
    0 0.5em 0 0 black; */
}

.hamburger {
/*   position: relative;
  padding-left: 1.25em; */
}
.hamburger:before {
/*   content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 1em;
  height: 0.125em;
  border-top: 0.375em double #000;
  border-bottom: 0.125em solid #000; */
}

.kol-50 {
	box-sizing: border-box;
	width: 47%;
	float: left;
	padding: 20px;
	line-height: 140%;
}

ul.zahaczyki {
   list-style: none; 
	margin-left: 1em;
}

ul.zahaczyki li:before {
	position:absolute;
	content:"";
	top: 7px;
	margin-left:-15px;
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid orange;
}

ul.zahaczyki li {
	margin-bottom: 1em;
	
position:relative;
	list-style-type: none;
	font-size: .875em;
	line-height: 1.75em;	
}

div.tabela-responsywna {overflow-x:auto;}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
	font-weight: 400;
	letter-spacing: 0.039em;
	font-size: 13px;
}

th, td {
    text-align: left;
    padding: 8px;
}
tr { background: #e9eaea;}
tr:nth-child(even){background-color: #d1cfcf}
thead tr th { background: #e97a24; color: #fff;}


.tekst-wyrozniony { color:#f5821f; }

section.pobierz div.wiersz a.przycisk-pobierz {
	background: #0095d9;
	text-decoration: none;
	color: #fff;
	padding: 15px 40px;
	font-weight: 400;
	display: inline-block;
}
section.pobierz div.wiersz p { display: inline-block;margin-right: 1em;}
section.pobierz div.wiersz p span {font-weight: 700;}

/*
1000 px - 60 = 940 px 

*/

.usluga-blok {
    width: 300px;
	min-height: 500px;
	margin-bottom: 40px;
	position: relative;
	float: left;
	margin-left: 15px;
/* 	border: 1px solid red; */
}

.usluga-blok-kreski {
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	margin-right: 10px;
/*      */
    /* margin-left: 25px; */
/*     
      */
}

.fl {
/*     float: left; */
}

.usluga-blok a:link, .usluga-blok a:active, .usluga-blok a:visited {
 /*    bottom: 20px;
    right: 20px;
    position: absolute;
    font-weight: 300; */
}


a.btn-std {
	background: #f5821f;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	display: inline-block;
	padding: 15px 40px;
}

span.wyroznienie-1
{
	font-weight: 700;
}

span.kolko {width:20px; height: 20px; border-radius: 50%;	}

.dot {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  display: inline-block;
  margin: 0; padding: 0; 
  margin: 2px 2px 0 2px;
}

span.zolty {background: #f8f138;}
span.niebieski {background: #0091e2;}
span.zielony {background: #008e3b;}
span.bialy {background: #ffffff; border: 1px solid #aaa;}
span.pomaranczowy {background: #e87813;}
span.czerwony {background: #d9281b;}
span.bialo-czerwony {
	    border-radius: 50px;
    border-right-color: red;
    border-top-color: white;
    border-bottom-color: red;
    border-left-color: white;
    border-width: 8px;
    border-style: solid;
    height: 0px;
    width: 0px;
}
span.zolto-czarny {
	border-radius: 50px;
    border-right-color: black;
    border-top-color: yellow;
    border-bottom-color: black;
    border-left-color: yellow;
    border-width: 8px;
    border-style: solid;
    height: 0px;
    width: 0px;
}

.szary-pas {background: #f0f0f0;border-top: 1px solid #ccc;}

div.blok-produktowy {
    background: #fff;
    /* padding: 30px; */
	padding: 10px;
}

.nawigator {
    display: inline-block;
    float: right;
    font-size: 12px;
    margin-top: 6px;
}

.nawigator {
    color: #717074;
}

.nawigator ul {
    float: left;
    list-style: none outside none;
    overflow: hidden;
    margin-left: 20px;
    padding-left: 14px;
    margin: 5px;
}

ul.nawigatorek li, ul.nawigatorek li a:link {
    font-size: 12px;
}

.nawigator li {
    overflow: hidden;
    float: left;
    list-style: none outside none;
    padding-left: 22px;
    padding-left: 20px;
}

ul.nawigatorek li, ul.nawigatorek li a:link {
    font-size: 12px;
}

.nawigator a:link, .nawigator a:visited, .nawigator a:active {
    text-decoration: none;
}

.nawigator a:link, .nawigator a:visited, .nawigator a:active {
    color: #717074;
}

div.blok-produktowy h2.produkt-tytul {
    font-size: 32px;
    font-size: 26px;
    line-height: 115%;
    margin-bottom: 1em;
}

div.widok-produktu {
	width: 187px;
    float: left;
}

div.specyfikacja-produktu {
	width: 33%; 
	float: left;
	padding-left: 25px;
	margin-top: 25px;
}

div.specyfikacja-produktu h3{
    margin: 1em 0 1em 0;
    color: #f5821f;
}

table.specyfikacja, table.specyfikacja th, table.specyfikacja td {
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
    border: none;
    border-collapse: collapse;
    margin-bottom: 1em;
    text-align: left;
    margin-bottom: 30px;
}

.kol-33{
 	width:30%;
	float:left;
/* 	padding:30px 3.333% 30px 0;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:300;
	line-height:150%; */
}

.kol-33-odstep {
	box-sizing: border-box;
	padding: 15px;
}

img.nowosc-basic{width: 60px;}

img.zdjecie-produktu {
	width: 510px;
}

img.zdjecie-produktu-oznaczenia
{
	width: 190px;
}

img.zdjecie-produktu-znak {
	width: 180px;
}

img.znak-podglad {
	width: 50px;
}

div.nowosc {
width: 120px;
float: right;
margin-left: 20px;
}

.tal {text-align: left;}

p.wyr-niebieski {
	color: #0073b1;
	font-weight: 700;
}

p.wyr-pomaranczowy {
	color: #f5821f;
	font-weight: 700;
}

p.wyr-czerwony {
	color: red;
	font-weight: 700;
}

p.wyr-zielony {
	color: green;
	font-weight: 700;
}

.dot {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  display: inline-block;
  margin: 0; padding: 0; 
  margin: 2px 2px 0 2px;
}


.kwadrat {
  height: 14px;
  width: 14px;
  display: inline-block;
  margin: 0; padding: 0; 
  margin: 2px 6px 0 2px;
}

.kwadrat-2 {
  height: 11px;
  width: 11px;
  display: inline-block;
  margin: 0; padding: 0; 
  margin: 2px 6px 0 2px;
}

img.znak-etykieta-dystansowa
{
	width: 50px;
}

div.odstep-specyfikacja
{
	height: 123px;
}


div.blok-produktowy.tlo-blok-1
{
	 background: #fff url("../images/oznakowanie-palet.jpg") no-repeat right center; 
	 background-size:contain;
}

div.blok-produktowy.tlo-blok-2
{
	 background: #fff url("../images/etykiety-pojemnikow-szaf-elektrycznych.jpg") no-repeat right center; 
	 background-size:contain;
}

div.blok-produktowy.tlo-blok-3
{
	 background: #fff url("../images/etykiety-na-produkty-trudne-do-oznaczen.jpg") no-repeat right center; 
	 background-size:30%;
}
.kol-40 {width: 40%;}
.kol-60 {width: 60%;}
.kol-70 {width: 70%;}

.loga-dodatkowe 
{
	display: inline-block;
	background: #fff;
	text-align: center;	
	float: right;	
}

.loga-trzy-znaki
{
	float: right;
}

div.loga-trzy-znaki img:nth-child(3) {width: 200px;}

section.loga-partnerow{	overflow: hidden;}

ul.wewnatrz {list-style-position: inside;}

nav.nav-product  {
width: 80%;
margin-left: auto;
margin-right: auto;
}
nav.nav-product ul  {list-style-type: none;}
nav.nav-product ul li {	margin-bottom: 10px;}
nav.nav-product ul li a {
display: block;
text-align: center;
font-size: 22px;
padding: 20px 0;
border: 1px solid #ccc;}
nav.nav-product ul li a:hover {
display: block;
text-align: center;
font-size: 22px;
padding: 20px 0;
border: 1px solid #ccc;
background: #f5821f;
color: #fff; 
}
div#main-menu nav.nav ul li ul li a{text-align: left;}
.lpd {border-bottom: 2px solid #f5821f;}
.posr {position: relative;}
.posa {position: absolute;}
.wys-200 {height: 200px;}
.centruj-pionowo { top: 50%; transform: translateY(-50%);}
.innowacje-link {
width: 200px; 
height: auto; 
float: right; 
position: relative; 
top: 70px; 
right: 0px;
}
h3.innowacje-1 {margin-bottom: 0; color: red; font-size: 18px;}
img.innowacje-pzh { width:170px;}
img.znaki { max-height: 170px; display: inline-block;}
img.znak-l {}
img.znak-p { float: right;}
div.ikony-okragle  { padding: 30px;}
/* div.ikony-okragle  img { width: auto; height: 40px;} */
/* tooltip */
button.podpowiedz{ background: transparent; border: none; padding: 0;margin:0;}
button.podpowiedz img {width: 48px; height: 48px;}
[tooltip]{margin:20px 60px; margin:0; position:relative; display:inline-block;}
[tooltip]::before {content: ""; position: absolute; top:-6px; left:50%; transform: translateX(-50%); border-width: 4px 6px 0 6px; border-style: solid;  border-color: rgba(0,0,0,0.7) transparent transparent     transparent; z-index: 99; opacity:0;}
[tooltip-position='top']::before{left:50%;}
[tooltip-position='buttom']::before{ top:100%; margin-top:8px; transform: translateX(-50%) translatey(-100%) rotate(-180deg)}
[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
	left:50%; top:-6px;
    transform: translateX(-50%)   translateY(-100%);
    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
	padding:4px 2px;
    font-size: 12px;
    min-width: 200px;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px 4px;
    z-index:99;
    opacity:0;
}
[tooltip-position='top']::after{left:50%;}
[tooltip-position='buttom']::after{top:100%;margin-top:8px;transform: translateX(-50%) translateY(0%);}
[tooltip]:hover::after,[tooltip]:hover::before {opacity:1}
/* tooltip END */

@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 270px;
  width: 100%;
/*   font-family: Raleway, sans-serif; */
  font-family:'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  background: #3ab4a6;
  background: #f5821f;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom:1px solid #f9b479;
}
#cssmenu > ul > li > a:hover {
  color: #d8f3f0;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #dddddd;
  background: #49505a;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}

			
#menu-pion
{
	width: 28%; 
	float: left; 
	min-height: 1000px; 
	overflow: hidden;
}

.content-wrapper-kol
{
	width: 70%; 
	float: right; 
	min-height: 1000px; 
	overflow: hidden;
}

img.tabelka1svg {
	background: #fff;
	width: 250px;
	margin: 20px;
}



/* tabela produktowa */
table.produktowa2 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
	font-weight: 400;
	letter-spacing: 0.039em;
	font-size: 13px;
}

table.produktowa2, table.produktowa2 th, table.produktowa2 td, table.produktowa2 tr
{
	border: 1px solid #ccc;
}

table.produktowa2 th, table.produktowa2 td {
    text-align: left;
    padding: 8px;
}
table.produktowa2 td  {text-align: center;}
table.produktowa2 tr { background: #fff; }
table.produktowa2 tr:nth-child(even){background-color: #ececed;}
table.produktowa2 thead tr th { background: #fff; color: #fff; }
/* tabela produktowa end */

img.logo-tabela
{
	width: auto;
	max-height: 8px;
}

ul.kwadraciki li
{
	list-style-type: none;
	display: inline-block;
	border:1px solid #000;
	width: 4px;
	height: 4px;
	margin:0;
	padding:0;
	
}

ul.kwadraciki li.pelna {background: #f5821f;}

a.btn-tab {
	background: #f5821f;
	padding: 4px 15px;
	color: #fff;
	display: block;
	text-align: center;
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top:13px;
}

img.loga-svg {width: auto;height: 35px;}

section {
	padding-top: 25px;
	margin-top: 40px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

img.nowosc-basic {
	width:100px;
	float: right;
	margin-right: 80px;
}

img.podglad-50 {
	width: 46%;
	margin:20px 2%;
	float: left;
}

img.znak-podlogowy {width:80px;}
.innowacje-wrapper {padding:25px; text-align: center;}
.innowacje-wrapper h3 {padding:0; margin:0; margin-bottom: }
img.w33-c {display: inline-block; max-height: 80px; max-width: 30%; margin-left: 1%; margin-right: 1%;}

.grupy-wrapper
{
	text-align: center;
	margin:0; padding:0;
}

.grupy-wrapper a {
	margin:0; padding:0;
	width: 20%;
	padding-left: 1%;
	padding-right: 1%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
}


.grupy-wrapper a img {
	margin:0; padding:0;
}
						
ul.lista-grup-produktow
{
	font-size: 15px;
	text-align: left;
	padding: 0 20px 20px 20px;
	line-height: 23px;
	list-style-type: none;
}

ul.lista-grup-produktow li a {
	color: #333;
	background: #;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
	padding-left: 10px;
}
						
ul.lista-grup-produktow li a:hover {						
	background: #fff;
		
}
						
.kol-grupa {
	width: 31.33333%;
	margin-left: 1%;
	margin-right: 1%;
	height: 320px;
	background: #ededed;
	border:1px solid #ccc;
	float: left;
	padding: 20px 1% 20% 1%;
	overflow: hidden;
	box-sizing: border-box;
}
						
hr.separatorek{margin: 40px 0;}