/*
style.css
Modyfikacja na własną odpoiedzialność.
Zakaz udostępniania i kopiowania.

-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
*/

@media all {

a.active { color:red;}

embed,iframe {max-width:100%;}

a img { border:0; }
.clear { font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;clear: both;height: 0px; }
body {
	color:#fff;	
	margin: 0px; 
	padding: 0px; 
	background: #1e222c /*url(img/bg.jpg) repeat*/;
	font-family: "Times New Roman", Times, serif;
	font-size:15px;
	line-height: 22px; 
	border-top:10px solid #5a6473; 
}
a {
	color: #999;
	text-decoration: none;	cursor: pointer;
}
a:hover {
	color: #fff;
	text-decoration:underline;
}
.bg_right {
	width:100%;
	margin:0px;	
	/*background: url(img/bg_r.jpg) no-repeat top right ;*/
}
.bg_left {
	width:100%;
	margin:0px;	
	/*background: url(img/bg_l.jpg) no-repeat top left ;*/
}
.red, a .red  {
	color: red;
}
.green, a .green {
	color: green;
}



.all {
width:100%;max-width:1000px;
margin:0px auto;
}
/*header*/
#top_all {
	width:100%;max-width: 1000px;
	margin: 0 auto;	
	padding:0px 0;
	min-height: 100px;
}
#top_all .logo {
margin:20px auto;
width:100%;max-width:1000px;
text-align:center;
}

/*CSS MENU */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
height: 83px;
width: 1000px;
float: left;
background:url(img/desc.jpg) repeat-x top center;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {

  display: inline-block;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
  margin: 0px 0px 0px 100px;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li > a {
color: #b2b9c4;
display: inline-block;
font-size: 18px;
line-height: 49px;
padding: 0px 30px;
text-decoration: none;
border-right: 1px solid #36434f;
text-transform: uppercase;
margin: 17px 0px;

}
#cssmenu > ul > li > a.last { /* Ostatni element w menu */
	border:0px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li.active:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
}
#cssmenu > ul > li.active > a {
color:#fff !important;
}
#cssmenu > ul > li:hover > a {
color:#fff !important;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
  border:1px solid #eee;
  margin-top: -2px;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
  background:grey;
}
#cssmenu .has-sub ul li a {
  background: #fff;
  border-bottom: 1px solid #eee;
  filter: none;
  font-size: 13px;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #000;
}
#cssmenu .has-sub ul li:hover a {
  background: #eee;
}
#cssmenu .has-sub ul li.active a {
  background: #eee !important;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
  border-bottom: 1px solid #eee !important;
  border:none;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
   background: #eee;
   border-bottom: 1px solid #eee;
   margin-top:1px;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #ddd !important;
}
#cssmenu .has-sub .has-sub ul li.active a {
  background: #ddd !important;
}

/*CSS MENU END*/
.dodatkowy_img {
	margin:0 auto;text-align:center;
	width:100%;max-width:1000px;

	overflow:hidden;
}
.dodatkowy_img img{
	width:100%;max-width:1000px;

}

.slider_one_img {
	text-align:center;
	width:710px;
	height:300px;
	overflow:hidden;
	margin: 10px 0px 14px 0px;
	box-shadow: 0px 0px 15px 3px #ddd;
	margin-bottom:10px !important;
}
.slider_opis {
	position:absolute;
	margin-top: -52px;
	padding: 10px 20px;
	background:black;
	opacity:0.8;	
	width: 670px;
	color:white;
}
.slider_opis a {
	color:white;
}
.slider_opis a:hover {
	color:white;
	text-decoration:underline;
}
.slider_one_img img{
	width:710px;
	min-height:300px;
}
.slider_one_img_small {
	margin:0 10px 10px 0px;
	width:250px;
	height:200px;
	overflow:hidden;
	box-shadow: 0px 0px 15px 3px #ddd;
	float:left;
}
.slider_one_img_small img{
	min-width:250px;
	height:200px;
}
/* end header*/

/*center*/
#main {
	background:#1e222c;
	width:100%;max-width:1000px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: auto;
}
#long {
	width: 715px;
padding: 0px 5px;
margin-top: 10px;
border-right: 3px solid #2d323d;
 }
#short { width:260px; margin-top:10px;  }
#all {width:100%;max-width:1000px; }
.left {float:right;  }
.right { float:left;}
.bez_lewego_menu {
	width:980px !important;
}
#main h1 {
font-size: 22px;
margin: 5px;
padding: 5px;
font-weight: normal;
color: #1d7ca2;
border-bottom: dotted 1px #ddd;
}
#main h2, #main h3, #main h4 {
	font-size: 18px;
	padding: 0px;
	font-weight: normal;
	margin: 5px;
}
#main #long p {
margin: 10px;
text-align:justify;
}

.whereami {
	clear:both;
	padding: 3px 0px;
	font-size:10px;
}



/* SKLEP */



.sortuj { 
	float:right;
	border:solid 1px #CCC;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	margin:0px 0px 0px 5px;
}
.sortuj_grupa { 
	float:left;
	background:#FAFAFA;
	margin:0px 0px 0px 10px;
}
.sortuj_start { 
	float:left;
	background:#FFF;
	margin:0px 0px 0px 0px;
}
.sortuj_element { 
	float:left;
	margin:0px 2px 0px 2px;
}
a.sort_active {
	color:#666;	
}
.sort_active_div {
	background:white;	
}


.sklep_box_produkt {
	float:left;
	clear:both;
	width:690px;
	padding:10px;
border-bottom: dotted 1px #CCC;
}
.sklep_box_produkt img {
	max-width:200px;
}
.sklep_box_produkt a {
	font-size:18px;
	margin:0px;
	padding:0px;
	float:left;
}
.sklep_box_produkt .cena {
font-size:18px; color:#000;
float:right;	
}
.sklep_box_produkt .zajawka p{
	font-size: 13px;
margin: 5px 0px !important;
padding: 0px;	
}






/* end SKLEP */


#long img#produkt {
	float:left;
	margin: 5px 15px 5px 0px;
}
#main #short .box {
padding: 0px;
margin: 3px 0px 0px 5px;
float: left;
clear: both;
width: 245px;
} 
#main #short .box a {
color:#fff;	
}
#main #short .box p {
margin:10px;
padding:0px;	
line-height:16px;
}
#main #short .h3{
font-size: 19px;
margin: 0px;
padding: 0px;
font-weight: normal;
color: #fff;
}

#main #short .box ul {
	margin:5px 5px 8px 25px;
	float: left;
	width: 200px;
	padding: 0px;
}
#main #short .box ul li{ float:left; clear:both; font-size:13px; margin-bottom:7px; list-style-position: inside; line-height:17px; }
#main #short .box ul li.noactive { display:none; }
#main #short .box ul li a{
}

.box_photo{
float: left;
margin: 10px 0px 0px 23px;
height: 155px;
width: 150px;
text-align: center;
overflow: hidden;
}
.box_photo_photo {
width: 140px;
height: 130px;
margin:5px 5px 0px 5px;
overflow: hidden;
}
.box_photo a img {
min-width:140px;height:130px;border: solid 2px #D8D8D8;	
}
.box_photo:hover {
	box-shadow: 0px 0px 15px 3px #ddd;
}
.mini_g {
width:200px;
height:230px;
float:left;
margin:15px 0px 0px 26px;
background:#eee;
border:1px solid #ddd;	
text-align:center;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
overflow:hidden;
}
.mini_g_photo {
width: 193px;
height: 180px;
overflow:hidden;
margin-bottom: 10px;
}
.mini_g:hover {
	box-shadow: 0px 0px 15px 3px #ddd;
}
.mini_g img{
min-width:193px;
height:180px;
margin:8px;	
}
.mini_g a{
text-align:center;
text-decoration:none;
}

#main .sklep {
		
}
#main .sklep h1 {
		margin:30px 0;
}
#main .sklep h2 {
		margin:20px 0;
}
#main .sklep h3 {
		margin:10px 0;
}
#main .sklep .zdjecia img, .sklep .zdjecia a img {
	max-width:200px;
		
}


.box_produkt {
	float:left;
	clear:both;
	padding:10px;
border-bottom: dotted 1px #CCC;
}
.box_produkt img {
	max-width:200px;
}
.box_produkt a {
	font-size:18px;
	margin:0px;
	padding:0px;
	float:left;
}
.box_produkt .cena {
font-size:18px; color:#000;
float:right;	
}
.box_produkt .zajawka p{
	margin:3px 0px !important;
	padding:0px;
}
.box_produkt .zajawka img {
	max-width:200px;
	float:left;
	margin:0px 5px 5px 0;
}
.cena_h {
font-size: 22px;
color: black;
float:right;
}


.art_zajawka {
	margin:10px 0px;
	background:#f0f0f0;
	padding:10px;
}
.art_zajawka .zajawka img {
	max-width:200px;
	float:left;
	margin:0px 5px 5px 0;
}
.art_zajawka a {
	font-size:18px;
	margin:0px;
	padding:0px;
	float:left;
}
.art_zajawka:hover {
	box-shadow: 0px 0px 15px 3px #ddd;
}
.art_zajawka p {
	margin:3px 0px !important;
	padding:0px;
}
.art_zajawka .more{
	float:right;
	margin:-15px 10px 10px 0px;
}
.kontakt_form {
	width:300px;
	float:left;	
}
.kontakt_mapa {
	width:430px;
	margin: 20px auto;	
}

#stopka {
	width: 100%;
	margin: 0 auto;
	border-top:3px solid #5a6473;
	clear: both;
	padding:10px 0px 20px 0px;
	background:#0c0f18;
}
#stopka p{
margin:0px 0px;	
}
#stopka a {
	/*color:#000;*/
}
#stopka a:hover {
	/*color:#000;*/
}
#stopka .center {
width:100%;max-width:1000px;
margin:0px auto;	
}
#stopka ul {
	marign:0px;
	padding:0px;
}
#stopka ul li {
	display:inline;
	margin-left:15px;
}
.s1{width:400px;float:left;}
.s2{width:300px;float:left;}
.s3{width:240px;float:left;}
.news {
margin:10px 0px;	
}
.news p{
margin:0px !important;
padding:0px !important;
}


.news {
margin:10px 0px;	
}
.news p{
margin:0px;
padding:0px;
}

.forms_m { width: 100%; margin: 0px; padding: 10px 0px 0px 0px; margin-top: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}.forms_m p { width: 95%; float: left; margin:5px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:0px !important;
}.forms_m p.info { text-align:right;padding: 0px; margin-top: -10px; margin-bottom: 8px; margin-left: 20%; width: 70%; font-style: italic; font-size: 11px; color: red;
}.forms_m p input {  width: 80%; padding: 10px; font-size: 14px; color: #888; margin: 0px 15px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; 
}.forms_m p input.check { height: auto; width: auto; margin-top: 15px; 
}.forms_m p textarea { width: 80%; padding: 10px; height:100px; font-size: 14px; color: #888; margin: 0px 15px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; font-family:Arial;
}.forms_m p input.midium { width: 40%; margin-top: 5px; padding: 5px; height: 10px;
}.forms_m p textarea.midium { width: 40%; margin-top: 5px; padding: 5px; height: 90px;
}.forms_m p.send { text-align: center; margin:0px auto; width: 100%;
}.forms_m p.send input.wyslij { width: 150px;background: #ddd;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #000;font-size: 12px;float: right;margin: 0px 15px 10px 0px;padding: 8px;
}.forms_m p.send input.wyslij:hover { background: #ccc;border: 1px solid #bbb;	
}

.forms {width: 650px;margin: 5px 0px 0px 70px;padding: 10px 0px 0px 0px;
}.forms p { width: 95%; float: left; margin:5px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:0px !important;
}.forms p.info { text-align:right;padding: 0px; margin-top: -10px; margin-bottom: 8px; margin-left: 20%; width: 70%; font-style: italic; font-size: 11px; color: red;
}.forms p input {  width: 80%; padding: 10px; font-size: 14px; color: #888; margin: 0px 15px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; 
}.forms p input.check { height: auto; width: auto; margin-top: 15px; 
}.forms p textarea { width: 80%; padding: 10px; height:100px; font-size: 14px; color: #888; margin: 0px 15px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; font-family:Arial;
}.forms p input.midium { width: 40%; margin-top: 5px; padding: 5px; height: 10px;
}.forms p textarea.midium { width: 40%; margin-top: 5px; padding: 5px; height: 90px;
}.forms p.send { text-align: center; margin:0px auto; width: 100%;
}.forms p.send input.wyslij { width: 150px;background: #ddd;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #000;font-size: 12px;float: right;margin: 0px 120px 10px 0px;padding: 8px;
}.forms p.send input.wyslij:hover { background: #ccc;border: 1px solid #bbb;	
}

/*
.forms { width: 100%; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; padding: 0px; margin-top: 0px;
}.forms p { width: 100%; float: left; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 5px; padding-bottom: 5px; margin-top: 0px;
}.forms p.info { text-align:right;padding: 0px; margin-top: -10px; margin-bottom: 8px; margin-left: 20%; width: 70%; font-style: italic; font-size: 11px; color: red;
}.forms p:hover { background-color: .F1F1F1;
}.forms p span.left { float: left; padding-top: 8px; padding-left: 0px; width: 20% !important ; text-align: right; padding-right: 10px;
}.forms p input { width: 80%; padding: 5px;font-size: 16px;color: #666;margin: 8px 20px;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor:pointer;
}.forms p select { width: auto; padding: 5px;
}.forms p input.check { height: auto; width: auto; margin-top: 15px;
}.forms p textarea { width: 80%;padding: 5px;font-size: 16px;color: #666;margin: 8px 20px;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor:pointer;
}.forms p input.midium { width: 40%; margin-top: 5px; padding: 5px; height: 10px;
}.forms p textarea.midium { width: 40%; margin-top: 5px; padding: 5px; height: 90px;
}.forms p.send { text-align: center; margin-bottom: 0px; margin-top: -10px; margin-right:auto; margin-left:auto; width: 100%;
}.forms p.send input { width: 100px;background: #ddd;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #000;font-size: 12px;float: right;margin: 0px 20px 10px 0px;padding: 8px;
}*/

.ads { width:100%;max-width:1000px;text-align:center;margin:20px auto; }
.ramka_prawa { position:fixed; right:0;top:90px; }
.ramka_lewa { position:fixed; left:0;top:90px; }


/* PAGINACJA */
div.page {
	float:right;
}
div.page a {
	float:left;
	padding:10px 10px 10px 10px;
	border:solid 1px #D8D8D;
	
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	
}
div.page a:hover {
		
}
div.page_nastepna {
	background:#FFF;text-align: center;margin:22px 0;height: 30px;padding-top: 15px;
}
a.strona_active {
	color:red;	
}

div.page_v2 {
	width:300px;
	height:50px;
	overflow:auto;
}



#cssmenu_mobile {display:none; float:right; margin: 28px 10px 0px 0px;}
.open_menu { position: absolute;top:50px;right: 10px; }
#cssmenu_mobile .open_menu img { width: 50px; cursor:pointer;}
.menu_mobile { display:none; width: 100%; height: 100%; padding: 20px 0%;background: #B8BBBF;float:left;    margin-bottom: 10px;}
.menu_mobile ul { position:relative;z-index:100; margin:0;padding:0;}
.menu_mobile ul li { text-transform:uppercase;float:left;width:100%;list-style:none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.menu_mobile ul li a:hover {text-decoration:underline;}
.menu_mobile ul li a {padding:10px;color:#000; font-size: 19px; line-height: 30px;font-weight:300;display:block;}
.menu_mobile ul li.active, .menu_mobile ul li:hover {background:#1E222C;text-decoration:underline;}
.menu_mobile ul li.active a, .menu_mobile ul li:hover a {color:#fff;}
.menu_mobile ul li ul { padding-left: 10px; }

.onlymobile {display:none;}

}


@media (max-width: 999px) {
	
	div {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	
	
	#short {width: 100%;    border-top: 3px solid #5a6473;}
	#long { width:100%;}
	

	.text_box_kontakt { width:100%;margin:0;}
	.text_box_formularz {width:100%;margin-top:10px;}
	
	#top_al {padding: 0 1%;}
	.center {padding: 0 1%;}
	

	.onlyhd {display:none;}
	.onlymobile {display:block;}

	#cssmenu {display:none;}
	#cssmenu_mobile { display:block; margin-top:13px; }
	
	.s1{width:33.333%;}
	.s2{width:33.333%;}
	.s3{width:33.333%;}
	
	
}
@media (max-width: 800px) {
	#top_all .logo {float:left;width:auto;margin-left:10px;}
	.open_menu { top:50px; }
}

@media (max-width: 700px) {
	.s1{width:100%;margin-bottom:15px;}
	.s2{width:100%;margin-bottom:15px;}
	.s3{width:100%;}
}
@media (max-width: 450px) {
	#top_all .logo a img {float:left;width:240px;height:auto;}
	.open_menu { top:35px; }
}

@media (max-width: 300px) {

}