html {
  width: 100%;
 height: 100%;
	margin: 0px; 
	padding: 0px;
	overflow: auto;
	}
	
	 body {
	width: 100%;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	}


* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
   
}
#bsm2,  #menu-small, #logo-small { display: none;  }
a {
font-family:  'Open Sans', sans-serif;
outline: none;
text-decoration: none;
color: #363636;
font-weight: 400;
}


header {
width: 100%;
height: 200px;
padding: 0px;
margin-left: auto;
margin-right: auto;
position: fixed;
z-index: 999;
background-color: #960202;
top:0;
left:0;

}
#box-top-left { 
width: 61%;
height: 200px;
display: inline-block;
vertical-align: top;
margin:0;
padding:0;
text-align: center;
}
#box-top-right { 
width: 38%;
display: inline-block;
vertical-align: top;
margin:0;
padding:0;
height: 200px;
}
#mobile-menu {
display: none;

}
#logo{
width: 135px;
display: inline-block;
padding: 0px;
margin-top: 70px;
vertical-align: top;
float:left;
}
#logo img {
max-height: 100%;
display:block;
margin:0;
padding:0;

}
#bnr{
width: 550px;
height: 200px;
display: inline-block;
padding: 0px;
margin:0;
vertical-align: top;
}
#cl1 { margin-top: 0px;}

#ln { 
width: 100%;
display: inline-block;
vertical-align: top;
margin:0;
padding:0;
text-align: right;
}
#menu { 
width: 100%;
display: inline-block;
vertical-align: bottom;
margin-top: 20px;
padding:0;
text-align: right;
}

.ln_active { display: inline-block; margin: 0px; padding: 0px; }
.ln_active a {  display: inline-block; color: #960202;  padding: 10px 10px; margin:0px;    background-color: white;
    text-align: center;
		vertical-align: middle;}
.ln_inactive { display: inline-block; margin: 0px; padding: 0px;  }
.ln_inactive a { display: inline-block; padding: 10px 10px; margin:0px;  color: white;  background-color: #960202; text-align: center;
		vertical-align: middle;}
.ln_inactive a:hover {  background-color: white; color: #960202; }


.cycle-slideshow {

width: 100%;
display: inline-block;
}
.cycle-slideshow  div { 
width: 100%;
margin:0;
padding:0;
display: inline-block;

}

.cycle-slideshow img {
width: 550px;
height: 194px;

display: block;
margin: 3px 0px;
padding: 0;
}





#logo a{ display:block;margin:0 auto;padding:0;}
#logo p{margin:0;padding:0;}

#menu p{font-family:'Open Sans', sans-serif;font-size:13px;color:#363636;font-weight:300;text-align:right;margin:0;padding:0;}
.active1{font-family:'Open Sans', sans-serif;font-size:16px;color:#2d2d2d;font-weight:300;display:inline-block;margin:0;padding:42px 15px;text-decoration:none;position:relative;transition:all 0.3s;}
.active1{color:white !important; background-color:#d80505;}
.btn{border:none;font-family:'Open Sans', sans-serif;font-size:14px;color:white;font-weight:300;background:none;margin:0;padding:15px 12px;display:inline-block;text-decoration:none;outline:none;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; text-transform: uppercase;}
.btn:after{content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.btn-1b:after{width:100%;height:0;bottom:0;left:0;background: white;}
.btn-1b:hover,
.btn-1b:active{color: #960202;}
.btn-1b:hover:after,
.btn-1b:active:after{height:100%;}

.box-100 {
width: 100%;
margin:0;
padding:0;
display: block;

}

.box-90 { 
width: 94%;
display: block;
margin-top:0;
margin-left: auto;
margin-right: auto;
padding:0;

}

#ln { display: inline-block; text-align: right;}
#ln1 { display: none;}
#kat {
     width: 94%;
    margin-left: 3%;
    padding: 0;
    vertical-align: top;
    text-align: center;
		display: block;
		visibility: hidden;
		margin-bottom: 20px;
	margin-top: 242px;
}

#menu_left { width: 250px; display:inline-block; margin:0; padding:0; vertical-align: top;  text-align: left;}
#l1 {
    width: 250px;
    height: 47px;
    margin: 0px;
    padding: 0px;
    background-image: url('pic/menu_belka.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
}
#l1 a {
    font-family: calibri, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #f1f1f1;
    outline: none;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
#l1 p {
    text-align: center;
    color: #f1f1f1;
    font-family: calibri, sans-serif;
    font-size: 20px;
    font-weight: bold;
	margin: 0px;
padding-top: 8px;
}
#l2 {
    width: 250px;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #b30101;
}
.lm2 {
    width: 250px;
    min-height: 20px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-bottom: 1px solid #8c0101;
}
.lm2 p {
    padding:0;
    margin: 0px;
    line-height: 1;
	text-align: left;
}
.lm2 a {
    font-family: calibri, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    padding: 10px;
    color: #f1f1f1;
    outline: none;
    text-decoration: none;
	width:100%;
	display: block;
}

.lm2 a:hover {  color: white;   background-color:  #8c0101;  }
#lm2d { width: 250px; min-height:20px; margin:0px; padding:0px; float:left; background-color:  #8c0101;}

#lm2d p { padding:0; margin:0px; line-height: 1;}

#lm2d a { width:100%;
	display: block; font-family: calibri, sans-serif; font-size: 14px; font-weight: normal;  
padding:10px; color: #f1f1f1; outline: none; text-decoration: none;  }

#lm2d a:hover {  color: white;   background-color:  #8c0101;  }


#lm2c { width: 250px; min-height: 20px;  margin:0px; padding:0px; float:left; border-bottom: 1px solid #8c0101;}

#lm2c p { padding:0; margin:0px; line-height: 1;}

#lm2c a {width:100%;
	display: block;  min-height: 20px; font-family: calibri, sans-serif; font-size: 13px; font-weight: normal; margin-left: 0px; 
padding:10px 10px 10px 25px; color: #f1f1f1; outline: none; text-decoration: none;  font-style: normal; }

#lm2c a:hover {  color:white;   background-color:  #8c0101;  }


#lm2cd { width: 250px; min-height:20px; margin:0px; padding:0px; float:left; border-bottom: 1px solid  #8c0101; background-color:  #8c0101;}

#lm2cd p { padding:0; margin:0px; line-height: 1; }

#lm2cd a { width:100%;
	display: block; font-family: calibri, sans-serif; font-size: 13px; font-weight: normal; margin-left: 0px; 
padding:10px 10px 10px 25px; color: #f1f1f1; outline: none; text-decoration: none;   font-style: normal;}
#menu_right {  width: 79.22%; display:inline-block; margin:0; padding:0; vertical-align: top; text-align: left; }
.box-90s{
     width: 94%;
    margin: 0 0 0 3%;
    padding: 0;
    vertical-align: top;
    text-align: center;
		display: inline-block;
}

.box-25 { 
display: inline-block;
width: 130px;
height: 165px;
margin-top: 10px;
margin-left: 10px;
vertical-align: top;
text-align: center;
border: 1px solid #535353;


}


.box-25t { 

height: 260px;
margin: 10px 5px 10px 0px;
display: inline-block;
padding: 0px;
vertical-align: bottom;
text-align: center;


}
.box-25a { 
width: 200px;
height: 260px;
display: inline-block;
margin: 10px 5px 10px 0px;
padding: 0px;
vertical-align: bottom;
text-align: center;


}
.box-25c { 
width: 200px;
height: 240px;
position: relative;
display: inline-block;
margin: 10px 5px 10px 0px;
border: 1px solid #f1f1f1;

padding: 0px;
vertical-align: bottom;
text-align: center;


}
.box-100a { 
display: inline-block;
width: 130px;
height: 100px;
text-align: center;
vertical-align: middle;
margin: 0px auto;
padding: 0px;

}

.box-100b { 
display: inline-block;
width: 130px;
height: 30px;
margin-top: 6px;
padding: 0px;

text-align: center;


}
.main_product { width: 130px; height: 100px; border-collapse: collapse; margin:0px; padding:0px;}
.main_product td { width: 120px; height: 100px; vertical-align: bottom; text-align: center; margin-left: 5px;  padding:0px; }
.main_product img { border-radius: 6px;}


.box-25p { 
    width: 200px;
    height: 210px;
   display: inline-block;
margin-top: 10px;
margin-left: 10px;
vertical-align: top;
text-align: center;
border: 1px solid #535353;


}
.box-100p { 
display: inline-block;
width: 200px;
text-align: center;
vertical-align: middle;
margin: 0px;
padding: 0px;

}

.box-100bp { 
display: inline-block;
width: 200px;
height: 50px;
margin-top: 6px;
padding: 0px;

text-align: center !important;


}
.pomku {
    width: 200px;
    height: 140px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
		}
		.pomku td {
    width: 180px;
    height: 140px;
    vertical-align: bottom;
    text-align: center !important;
    margin-left: 10px;
    padding: 0px;
}
.pomku img {
    border-radius: 6px;
		
}

.box-100c { 
width: 70%;
height: 180px;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
margin:10px auto;
padding: 0;
overflow: hidden;


}
.box-100ct { 
width: 100%;
height: 180px;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
margin:10px auto;
padding: 0;
overflow: hidden;


}
#opis-k {
width: 100%;

display: inline-block !important;

margin: 0;

padding: 25px 10px 20px 10px;

vertical-align: top;

text-align: left !important;
}

#opis-k  h1 {
font-family: 'Open Sans', sans-serif;

color: #535353;

font-weight: 700;

font-size: 18px;

line-height: 1.8;

margin: 0;

padding: 0px;

text-align: left !important;

}

#opis-k  p {
font-family: 'Open Sans', sans-serif;

color:
#535353;

font-weight: 400;

font-size: 14px;

line-height: 1.8;

margin: 0;

padding: 0px;

text-align: left !important;
}


.content-header{width:100%;display:inline-block;margin:0;padding:0;border-bottom:1px solid #f1f1f1;vertical-align:top;}
.content-header h2{font-family:'Open Sans', sans-serif;color:#535353;font-weight:400;font-size:24px; margin:0; padding: 15px 0px;  text-align: left !important; text-transform: uppercase;}
.content-100{width:100%;margin:0;padding:15px 0px;display:inline-block;vertical-align:top;}
.content-100 p {font-family:'Open Sans', sans-serif;color:#535353;font-weight:400;font-size:14px;line-height:1.8;margin:0;padding: 15px 20px;}
.content-100 strong, .content-100 b{font-weight:700;font-size:18px;}
.content-header1{width:100%;display:inline-block;margin:0;padding:0;border-bottom:1px solid white;vertical-align:top;}
.content-header1 h2{font-family:'Open Sans', sans-serif;color: white;font-weight:400;font-size:24px;margin:0;padding:15px 0px; text-align: left !important;}
 .content-100 ul li, .content-100 a  {
font-family: 'Open Sans', sans-serif;
color: #535353;
font-weight: 400;
font-size: 14px;
line-height:1.8;
margin:0;
padding:0;
}
.content-100 a {
outline: none;
text-decoration: none;
color: #960202;
font-weight: bold;
}
.content-100 a:hover {
color: #535353;
}
.content-100 ul li  {
font-family: 'Open Sans', sans-serif;
color: #535353;
font-weight: 400;
font-size: 14px;
line-height:1.8;
margin:0;
padding: 5px 5px;
}
.content-100 table, .content-100 img {
max-width: 100%;

}
.content-100 table { 
border-collapse: collapse;
font-family: 'Open Sans', sans-serif;
color: #535353;
font-weight: 400;
font-size: 14px;
line-height:1.8;
margin: 20px 5px;
padding:0;


}
.content-100 table td, .content-100 table th  {  padding: 10px 10px; border: 1px solid #292929;}

.content-100 table tr:nth-child(even){background-color: #f2f2f2}
.content-100 strong, .content-100 b {
font-weight: 700;
font-size: 14px;
}


#dane-kontaktowe{width:36%;height:auto;float:left;padding:0;margin:0;}
#dane-kontaktowe p{margin:0;padding:30px 20px 10px 20px;font-weight:400;font-family:'Open Sans';font-size:14px;color:white;line-height:1.8;}
#dane-kontaktowe a { font-weight:400;font-family:'Open Sans';font-size:14px;color:white;}
#dane-kontaktowe a:hover { color: #ff8989; }
#komunikat { margin:0;padding:10px 10px; font-weight:400; font-family:'Open Sans'; font-size:20px; color:white !important; }
#formularz-kontaktowy{width:60%;height:auto;margin:0px;padding:0px;float:right;}
#formularz-kontaktowy{width:60%;height:auto;margin:0px;padding:0px;float:right;}
#kontakt form{margin:2% 2%;padding:0;float:right;}
#c1{width:45%;height:auto;margin:0px;padding-bottom:10px;float:left;}
#c2{width:45%;height:auto;padding-bottom:10px;margin-left:8%;float:left;}
#c3{width:100%;height:auto;margin:0px;padding-bottom:10px;float:left;}
#c5{width:98%;height:auto;margin:0px;padding-bottom:10px;float:left;}
#c4{width:100%;height:auto;padding:0px;margin:0px;float:right;}
.f{clear:both;}
#kontakt input[type=text]{padding:15px 15px;width:100%;margin:0;border-radius:3px;border:1px solid #d80505;font-family:'Open Sans', sans-serif;color:#930000;font-size:14px;font-weight:400;}
#kontakt input[type=submit]{width:20%;padding:15px;border-radius:3px;border:1px solid #d80505;background-color:white;font-family:'Open Sans', sans-serif;color:#930000;font-size:14px;font-weight:400;cursor:pointer;float:right;margin-right:2%;}
#guzik:hover{background-color:#930000;color:white;}
#kontakt textarea{width:98%;padding:15px 0px 65px 15px;margin:0;border-radius:3px;border:1px solid #d80505;resize:none;font-family:'Open Sans', sans-serif;color:#930000;font-size:14px;font-weight:400;}
::-webkit-input-placeholder{color:#930000;}
:-moz-placeholder{color:#930000;opacity:1;}
::-moz-placeholder{color:#930000;opacity:1;}
:-ms-input-placeholder{color:#930000;}
::-ms-input-placeholder{color:#930000;}

#footer{width:100%;margin:0 auto;padding:0;display:block;background-color:#960202;}
#footer p{font-family:'Open Sans', sans-serif;color:white;font-weight:400;margin:0;padding:10px 40px;line-height:1.7;font-size:11px;text-align:center;}
#footer a{font-family:'Open Sans', sans-serif;color:white;font-weight:400;margin:0;padding:0;outline:none;font-size:11px; text-transform: lowercase;}
#footer a:hover{color:#ff8989;}
#kontakt{background-color: #960202;}
#m { width:100%;display:inline-block !important;margin:0;padding: 10px 10px;border-bottom:1px solid #f1f1f1;vertical-align:top; text-align: left !important;

}
#m a {font-family:  'Open Sans', sans-serif;
font-size: 14px;
color: #535353;
font-weight: 400;
margin-right: 10px;
padding: 0px;
display: inline-block !important;
-webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -ms-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
 }
 

.link_cat  { 
width: 100%;
display: inline-block;
vertical-align: middle;
text-align: center;
margin:  0px;
padding:0;

}



.title_cat {
width: 100%;
display: block;
font-family:  calibri, sans-serif;
font-size: 14px;
color: #535353;
font-weight: 400;
margin: 0px auto 0px auto;
padding: 5px 0px;
-webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -ms-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;

}
.title_cat1 {
width: 90%;
display: block;
font-family:  'Open Sans', sans-serif;
font-size: 14px;
color: #535353;
font-weight: 400;
margin: 0px auto 0px auto;
padding: 5px 0px;
-webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -ms-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;

}
.title_cat:hover, #m a:hover, .title_cat1:hover {
color: #960202;
}
.book { box-shadow: 1px 0px 3px #535353;}
.brand {
position: absolute;
right: 0;
		z-index: 1;
    margin: 0px;
    padding: 0px;

}
.brand p { text-align: right;}
#box-image {
width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
		text-align: center;

		}
#box-image img {

display:inline-block;
max-height: 300px;
margin: 10px 10px;
padding:0;

}		
		#box-produkt {
		width: 80%;
    display: block;
   
    margin: 0px auto;
    padding: 0px;
    }
		#box-produkt h2 {
		font-family:'Open Sans', sans-serif;color: #960202;font-weight:700;font-size:24px;margin:0;padding:10px 0px; text-align: center !important;
		
		}
		#box-produkt h3 { font-family:'Open Sans', sans-serif;color: #960202;font-weight:700;font-size:20px;margin:0;padding:10px 0px; text-align: center !important; }
		
	 #box-produkt p {font-family:'Open Sans', sans-serif;color:#535353;font-weight:400;font-size:14px;line-height:1.8;margin:0;padding: 0px; text-align: left !important;}
#box-produkt strong, #box-produkt b{font-weight:700;font-size:18px;}	
#box-produkt i { 
    font-size: 48px;
    vertical-align: middle;
}	
#box-produkt ul li { text-align: left; 	}
.pdf_img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle !important;
    text-align: left !important;
    margin: 0;
    padding: 0px;
}

.pdf {
    display: inline-block;
 font-family:'Open Sans', sans-serif;color:#535353 !important;font-weight:400;font-size:18px;
    margin: 10px 30px !important;
    padding: 0;
		-webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -ms-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
		}

.pdf:hover {
color: #960202 !important;

}


#kody { width: 100%; display: none; padding: 10px 0px; text-align: center !important;}
#kody form { margin:0; padding:0; float: none;}
#kody label {     font-family: calibri, sans-serif !important;
    font-size: 18px !important;
    color: #535353 !important;
    font-weight: bold !important;
    margin: 0px !important;
    padding: 8px 0px !important; 
		display: inline-block;}
		.tags { 
		font-size: 14px !important;
    color: #535353 !important;
    font-weight: bold !important; 
		padding: 6px 0px !important;
		border: 1px solid #535353; margin:0 !important;}
		#pokazprodukt { 
		padding: 7px 10px !important;
		background-color: #535353 !important;
		color: white !important;  
		font-size: 14px !important;
     font-weight: bold !important;
		 border: none !important;
		}
#nolink {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #535353;
    font-weight: 400;
    margin-right: 10px;
    padding: 0px;
    display: inline-block !important;
		
    }
#kody1 { width: 100%; display: inline-block; padding: 10px 12px; margin-top: 35px; text-align: right !important;}
#kody1 form { width: 225px; margin:0; padding:0; float: right;}
#kody1 .tags { 
		font-size: 14px !important;
    color: #535353 !important;
    font-weight: bold !important; 
		padding: 6px 0px !important;
		border: 1px solid white;}
		 
		#pokazprodukt1 {
    padding: 15px 16px 16px 16px !important;
    background-color: white !important;
    color: #535353 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    background-image: url("finderblack.png");
    background-repeat: no-repeat;
    background-position: center right;
    width: 20px;
    height: 20px;
    margin: 0px !important;
    vertical-align: top;
}
		
.ui-front { z-index: 1000 !important; }
#gallery { text-align: center; display:inline-block;}
.lazyload { 
max-height:200px;
margin:5px 5px;
display:inline-block;

}
@media only screen and (max-width:1472px){
#box-top-left { width: 64%; }
#box-top-right { width: 34%; }
.btn { font-size: 13px; padding: 15px 5px;}
}


@media only screen and (max-width:1310px){
	#menu_left {

    display: none;

}
	#mobile-menu {
display: inline-block;
text-align: left !important;
}


.mainNav {
  background: #930000;
  width: 100%;
}

/* First Level */

.mainNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #cc0606;
}

.mainNav ul li { border-top: 1px solid #cc0606; width: 100%;}

.mainNav ul li a {
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: normal;
  padding: 10px 20px;
  text-decoration: none;
}

.mainNav ul li a:hover {
  background: #cc0606;
  text-decoration: none;
}

/* Second Level */

.mainNav ul ul { border-bottom: none }

.mainNav ul ul li {
  border-top: 1px solid #cc0606;
  background: #d81212;
}

.mainNav ul ul li a {
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: normal;
  padding: 8px 10px;
	
}

.mainNav ul ul li a:hover { background:#cc0606; }

/* Third Level */

.mainNav ul ul ul { border-top: 1px solid #cc0606; }

.mainNav ul ul ul li { border: none; }

.mainNav ul ul ul li a {
  padding-left: 3.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

/* Accordion Button */

ul li.has-subnav .accordion-btn {
  color: #fff;
  background: rgba(255,255,255, 0.15);
  font-size: 14px;
}
#menu_right {

    width: 100%;
    text-align: center !important;

}
}
@media only screen and (max-width:1285px){
#box-top-left { width: 85%;}
#box-top-right { width: 14%;}
#sm { cursor: pointer;}
#menu { display:none;}

#ln { display: none;}
#ln1 { display: inline-block; width:100%;}
.ln1_active { width:16%; display: inline-block; margin: 0px; padding: 0px; }
.ln1_active a {  display: inline-block; color: #5a5a5a !important;  padding: 10px 10px; margin:0px;    background-color: white;
    text-align: center; vertical-align: middle;}
.ln1_active a:hover { color: white !important;}
.ln1_inactive { width:16%; display: inline-block; margin: 0px; padding: 0px;  }
.ln1_inactive a { display: inline-block; padding: 10px 10px; margin:0px;  color: white !important;   text-align: center;
		vertical-align: middle;}
.ln1_inactive a:hover {  background-color: white !important; color: #5a5a5a !important; }
#kody1 { margin-top:15px;}
#bsm2 {
width: 100%;
margin-top: 20px;
padding:0;
display: inline-block;
	vertical-align: top;
 
	text-align: right;
}

#menu-small {
display: none;
width: 100%;
margin-top: 0px;
padding: 0;
background-color: #363636;
}
#menu-small p {
margin:0;
padding:0;
text-align: center;

}
#menu-small a { 

font-family:  'Open Sans', sans-serif;
font-weight: 400;
color: white;
outline: none;
text-decoration: none;
display: block;
width: 100%;
padding: 10px 10px;
margin: 0;
border-bottom: 1px solid #5a5a5a;
font-size: 14px;
text-transform: uppercase;


}
#menu-small  a:hover {

background-color: #960202;

}



}




@media only screen and (max-width:1220px){.pr-25{width:33.33%;}
}


@media only screen and (max-width:1120px){
#kody1 { display: none;}
#kody {  display:inline-block;}
.tags { width: 90%;}
#pokazprodukt { width:10% !important; margin: 0;}
#bsm2 { margin-top: 70px;}
#pokazprodukt {
    padding: 15px 10px 16px 10px !important;
    background-color: #535353 !important;
    color: white !important;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    background-image: url("finderwhite16.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    margin: 0px !important;
    vertical-align: top;
}
}

@media only screen and (max-width: 880px) {
	
.btn { font-size: 16px; padding: 22px 10px;	}


.cycle-slideshow img {width: 440px;  height: 156px; }
header { height: 163px;}
#bnr { width: 440px; height: 156px; }

#box-top-right, #box-top-left { height: 160px;}
}


@media only screen and (max-width: 860px) {
#kat { margin-top: 192px; }

}
@media only screen and (max-width: 800px) {


#kat { margin-top: 192px; }

#dane-kontaktowe {
width: 100%;
height: auto;
margin:0px; 
padding:0px;
float: left;

}


#dane-kontaktowe p {

text-align: center;
}
#formularz-kontaktowy{
width: 100%;
height: auto;
margin:0px; 
padding:0px;
float: right;

}
form {
padding: 2% 2%;
margin:0;

}

#c1 {
width: 100%;
height: auto;
margin:0px;
padding-bottom: 10px;
float: left;
}
#c2 {
width: 100%;
height: auto;
margin:0px;
padding-bottom: 10px;
float: right;
}
#c3 {
width: 100%;
height: auto;
margin:0px;
padding-bottom: 10px;
float: left;
}
#c4 { 
width: 100%;
height: auto;
padding:0px ;
margin:0px;
float: left;

}
#c5 {
width: 100%;
height: auto;
margin:0px;
padding-bottom: 10px;
float: left;
}
		
#kontakt input[type=text]{
width:100%;
padding: 15px 15px;
margin:0;
border-radius:3px;

 font-size: 14px;

}
#kontakt input[type=submit]
{

width:100%;
padding: 15px;

border-radius:3px;

text-align: center;
 font-size: 14px;

cursor:pointer;
float: left;


}

#kontakt textarea{
width:100%;
padding: 15px 0px 65px 15px;
border-radius:3px;
 
resize:none;
 
 font-size: 14px;


}
}

@media only screen and (max-width:785px){.pr-25{width:49.99%;}
#menu-small {margin-top: 0px;}
}

@media only screen and (max-width:745px){
#kat { margin-top: 172px; }

}

@media only screen and (max-width: 770px) {
	


#logo, #bsm2 { margin-top: 30px;}
.cycle-slideshow img { width: 352px;  height: 124px; }
header { height: 130px;}
#bnr { width: 352px;  height: 124px;}
#box-top-right, #box-top-left { height: 100px;}
#kat { margin-top: 152px;}
}
  @media only screen and (max-width: 690px) {
	  #bnr { display: none !important;}
  }
@media only screen and (max-width: 630px) {

#logo, #bsm2 {

    margin-top: 10px;

}
header{ height: 100px;}
#box-top-right, #box-top-left { width: 48%;}
#kat { margin-top: 122px;}
}
@media only screen and (max-width: 570px) {
.box-25a {
width: 42%;
margin:1% 1%;
padding:0;
display: inline-block;
vertical-align: top;
text-align: center;

}



}

@media only screen and (max-width: 540px) {


.box-25 h2 { font-size: 16px !important;}
}

@media only screen and (max-width: 515px) { 

#box-image img { margin:0px 0px !important; }
.tags { width: 75%;}
#pokazprodukt { width:25% !important; margin: 0;}
}

@media only screen and (max-width: 440px) {
	#box-produkt h2, #box-bordukt h3 { font-size: 18px;}
.pdf { font-size: 16px !important; margin: 10px 0px !important;;	
}

@media only screen and (max-width: 400px) {


.box-25a { width: 93%; height: 240px; }
.box-100c {
    width: 90%;
}
@media only screen and (max-width:380px){
	.pr-25{width:100%;}

	
	
	
}
@media only screen and (max-width: 350px) {

.box-25 { margin-left: 1px;}
.box-25 h2 { font-size: 14px;}
.lazyload {  max-width: 250px; }
}



@media only screen and (max-width: 290px) { 
.box-25 { margin-left: 1px;}
.box-25 h2 { font-size: 14px;}
}