@font-face 
{
  font-family: "font3";
	src: url("font3.otf");
  src: url("font3.eot");
  src: url("font3.eot?#iefix") format("embedded-opentype"), url("font3.woff") format("woff"), url("font3.ttf") format("truetype"), url("font3.svg#PlayRegular") format("svg");
  //font-weight: normal;
  //font-style: normal;
}

@font-face 
{
  font-family: "font1";
	src: url("font1.otf");
  src: url("font1.eot");
  src: url("font1.eot?#iefix") format("embedded-opentype"), url("font1.woff") format("woff"), url("font1.ttf") format("truetype"), url("font1.svg#PlayRegular") format("svg");
  //font-weight: normal;
  //font-style: normal;
}


.fa {color:#1F749F !important;transition: all .1s;}
.fa_kat, .fa_podkat {color:#1F749F !important;}
.fa_podkat_div {padding-bottom:20px;}
.fa_menu_nr_1 {color:#fff !important;}

a:hover .fa_kat, a:hover .fa_podkat  
{
  color:#1F749F !important;
	//transform: rotate(360deg);
	transform: scale(1.3);
  //filter: brightness(80%);
}

a:hover .fa_menu_nr_1, a.activ .fa_menu_nr_1 {color:#31BAFB !important;}


a.activ .fa_kat, a.activ .fa_podkat  
{
  color:#1F749F !important;
	transform: scale(1.3);
}




#stopka .fa_menu_nr_1 {display:none;}


@keyframes fa-blink {
    
		0%{ opacity: 1;}
		20%{opacity: 0.7;}
		40%{opacity: 0.3;}
		60%{opacity: 0.2;}
		80%{opacity: 0.7;}
		100%{opacity: 1;}
		 
 }
.fa-blink {
   animation: fa-blink 1.5s infinite;
}


.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #fff;
		padding:0px;
		margin: 6px 0;
		transition: 0.4s;
		border-radius:2px;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 8px) ;
    transform: rotate(-45deg) translate(-8px, 8px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}


.naglowek_slajd {font-family:font1;}

#div_filtr
{
  border-color:#DEDEDE !important;
	background-color:#eee !important;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1) !important;
}

#div_filtr_naglowek {border-bottom:1px solid #ccc;padding:5px 0px;margin-bottom:15px;color:#1F749F;}

#menu_fixed 
{
  display:none;
	position:fixed;
	z-index:10;
	border:0px solid red;
	width:100%;
	margin:auto;
	//background-color:#fff;
	background-image: linear-gradient(#eee, #fff, #fff);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
	
}

#menu_fixed_zaw
{
  border:0px solid blue;
	overflow:auto;
	margin:auto;
	max-width:1320px;
	padding:5px 10px 0px 10px;
}

#menu_fixed_zaw ul {list-style-type:none; list-style-image:none;display:inline;}

#baner 
{
  margin:auto;
	text-align:center;
	//max-width      : 1340px;
	
	overflow:hidden;
	background-color:#fff;
	//box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
	
}



#filtrowanie_lewa
{
  display:none;
}
#filtrowanie_lewa a {color:#3298CC;}
.body_kategoria #filtrowanie_lewa {display:block;}

#producenci_lewa
{
  margin-top:30px;
	margin-bottom:20px;
}

#producenci_lewa select {width:100%;}


#atuty fieldset
{
  text-align: center;border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); margin: auto; border-radius: 4px;
}

.atuty_box {width: 250px; padding:20px; display: inline-table;}



.etykieta_promocje {background-color:#3298CC !important;color:#fff !important;height:20px;line-height:20px;box-shadow: 2px 2px 10px rgba(0,0,0,0.3) !important;margin-left:-4px !important;}
.etykieta_nowosci {background-color:#3298CC !important;color:#fff !important;height:20px;line-height:20px;box-shadow: 2px 2px 10px rgba(0,0,0,0.3) !important;margin-left:-4px !important;}
.etykieta_bestsellery {background-color:#3298CC !important;color:#fff !important;height:20px;line-height:20px;box-shadow: 2px 2px 10px rgba(0,0,0,0.3) !important;margin-left:-4px !important;}




.spis_prod 
{
  background-color:#fff;
	margin:0px 10px 20px 10px;
	padding:0px;
	min-height:490px;
	border:1px solid #DEDEDE;
	overflow:hidden;
	text-align:center;
	width:307px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	transition-duration: 0.3s;
	border-radius:4px;
}



.spis_prod_zdjecie {overflow:hidden;background-color:#fff;height:360px;line-height: 360px;}
.spis_prod_zdjecie img {max-width:313px;width:auto;border:0px solid #E9E9E9;vertical-align: middle;}
.spis_prod_zdjecie img {transition-duration: 0.3s;}

.spis_prod_zdjecie img:hover 
{
    //transform: scale(1.1);
    //-webkit-transform: scale(1.1);
    //-moz-transform: scale(1.1);
		//filter: brightness(120%);
    
}
.spis_prod_nazwa {font-size:11pt !important;height:45px;text-align:left;padding:0px 30px;}
.spis_prod_nazwa a {color:#000 !important;}
.spis_prod_dostepnosc {font-size:11pt !important;text-align:left;}

.spis_prod_cena_koszyk {padding:0px 30px;}
.spis_prod_stara_cena {margin-top:-5px;font-size:10pt !important;color:#aaa !important;}
.spis_prod_cena {display:inline-block;padding-right:20px;font-size:14pt;padding-top:5px;color:#1F749F;}
.spis_prod_opis_mini {padding-top:5px;padding-bottom:10px;}
.spis_prod_opis_mini a {font-size:11pt !important;}
.spis_prod_koszyk {display:inline-block;}

.spis_prod:hover{transform: scale(1.03);border:1px solid #3298CC;box-shadow: 0px 0px 20px rgba(31,116,159,0.6);}

.opis_prod {border:0px solid red;}
.opis_prod_ramka {overflow:auto;}
.opis_prod_zdjecie {float:left;width:49%;margin-bottom:20px;text-align:center;padding:20px 0px;border:0px solid #e9e9e9;}
.opis_prod_dane {float:right;width:49%;border:1px solid #E8E8E8;border-radius:4px;margin-bottom:20px;background-color:#F4F2F3;}
.opis_prod_dane h2 {margin-bottom:5px;color:#3298CC !important;font-size:22pt;font-family:font1;font-weight:bold;}
.opis_prod_cechy {border-top:0px solid #ddd;margin-top:30px;padding-top:10px;}
.opis_prod_cechy table {}
.opis_prod_opis {}
.opis_prod_box_cena {color:#3298CC;font-size:18pt;}


.nazwa_cechy {padding-top:40px;}
.opis_prod_cechy select {width:100% !important;min-width:150px;}
.wartosci_cech {border-top:1px solid #ddd;margin-top:10px;padding-top:10px;}
.wartosci_cech table {width:0;}
.uwagi_do_produktu {width:100%;margin-top:2px;}


.opis_prod_dane h2 {padding-top:0px;margin-top:0px;font-weight:normal;color:#3298CC;}

#zdjecie_opis_prod img {border:1px solid #EAEAEA;}

#spis_producentow select {width:100%;}

a:link, a:visited
{
    text-decoration : none;
    color           : #777;
}

a:hover {color: #1F749F;}

//a.next, a.previous  {vertical-align:middle;display:inline-block;color:#fff;background-color:#3298CC;padding:4px 0px 6px 0px;border-radius:4px;}
span.current_page {vertical-align:middle;display:inline-block;color:#000;padding:5px 10px;color:#fff;background-color:#3298CC;border-radius:4px;text-decoration:none !important;}

h2, h3 {color:#1F749F !important;}

h2 {font-family:font1;font-size:22pt;}
h3 {font-family:font1;font-size:18pt;}
h4 {color:#FDDB02;padding:0px;margin:5px 0px;}


ul {list-style-image: url(punkt1.gif);}




.wartosci_cech_filtrowanie img {max-height:30px;width:auto;}



#prawa img 
{
    max-width: 100% !important;
    height: auto !important;
}




input, select, textarea 
{
		box-sizing: content-box;
		font-size:13pt;
	  font-family:font3;
		border						: 1px solid #E8E8E8; 
		background-color	:	#f6f6f6; 
		color							:	#777;
		padding:5px 0px;
		border-radius:4px;
		//box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}


input[type="submit"], input[type="button"]
{
		border						: 0px solid #695A01; 
		background-color	:	#3298CC;
		color							:	#fff;
		padding:6px 15px;
		cursor:pointer;
		border-radius:4px;
		font-weight:normal;
		font-family:font1;
		font-size:14pt;
		//text-transform:uppercase;
		
}

input[type="checkbox"]
{
  background-color:#fff;
	border:1px solid #3298CC !important;
}




//input.do_koszyka {border:0px;padding:0px;margin-top:5px;color:transparent;background-color:transparent;background-image:url('do_koszyka_spis.png');width:25px;height:26px;}
input.do_koszyka 
{
	border:0px;
	padding:0px;
	margin-top:5px;
	color:transparent;
	width:30px;
	height:30px;
	background:transparent url('do_koszyka_spis1.png') center center no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-image: -webkit-image-set(url("do_koszyka_spis1.png") 1x, url("do_koszyka_spis4.png") 4x );
}





input.filtruj_cena_od, input.filtruj_cena_do {text-align:center !important;width:90px !important;}

input.do_koszyka_opis_prod {width:200px;vertical-align:middle;background-color:#3298CC !important;}
input.koszyk_zamow {padding:10px 60px;text-transform:uppercase;}











fieldset {border:1px solid #E9E9E9;}
legend {color:#3298CC;}



body
{
    font-size   : 13pt;
		line-height:1.4;
		font-family:font3;
    margin			:0px;
		color: #777;
		//background:#F2F2F2;
		//background:#fff;
		background-image:url(tlo_strona.png);
		
}




#zawartosc_koszyka ul {list-style-type:none;}




#newsletter 
{
  //display:none;
	font-family:font1;
	margin-bottom:20px;
	padding:30px;
	border-radius:4px;
	background-color:#E8E8E8;
	font-size:12pt;
	text-align:center;
}

input.newsletter_email {margin:2px;width:250px !important;border-radius:4px;background:#fff url('email.png') left center no-repeat;padding-left:35px;}
input.newsletter_przycisk {margin:2px;}
.newsletter_zgoda {font-size:8pt;}

.polecamy, .aktualnosci_spis {display:none;margin:60px 0px;margin:auto;margin-bottom:30px;color:#706F6F;}
.body_start .polecamy, .body_start .aktualnosci_spis, .body_aktualnosci .aktualnosci_spis {display:block;}

.aktualnosci_box_opis {margin-bottom:20px;padding:5px 0px 20px 0px;overflow:auto;}
.aktualnosci_grafika_opis {float:left;margin-right:20px;margin-bottom:20px;}
.aktualnosci_tresc_opis {}


.aktualnosci_box_spis {background-color:#F2F2F2;border:1px solid #E8E8E8;border-radius:4px;margin-bottom:20px;overflow:auto;}
.aktualnosci_grafika_spis {float:left;width:20%;min-width:200px;border:0px solid red;}
.aktualnosci_tresc_spis {float:left;width:70%;border:0px solid red;padding:15px;}


.slider1_slajd, .slider2_slajd, .slider3_slajd {border:1px solid #DCDCDB !important;border-radius:4px;padding:0px !important;margin:0px 5px 20px 5px !important;height:510px !important;width:307px !important;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.top_start {background-color:#F2F2F2;border-radius:4px;margin-bottom:20px;margin-top:20px;overflow:auto;}
.top_start h2 {margin:0px;padding:10px 10px 10px 20px;display:table;font-size:20pt;font-family:font1;font-weight:normal;color:#706F6F;}

.przycisk_bestsellery_wszystkie {display:none;}
.przycisk_promocje_wszystkie {display:none;}
.przycisk_nowosci_wszystkie {display:none;}

.promocje_nazwa, .nowosci_nazwa  {font-size:11pt !important;color:#000  !important;display:block !important;height:40px !important;padding:0px 20px !important;}
.promocje_zdjecie, .nowosci_zdjecie {display:block !important;height:360px !important;line-height:360px !important;}
.promocje_zdjecie img, .nowosci_zdjecie img {max-height:360px !important;width:auto;max-width:307px !important;vertical-align: middle !important;}
.promocje_cena_brutto, .nowosci_cena_brutto  {color:#737373  !important;}
.promocje_stara_cena_brutto, .nowosci_stara_cena_brutto {color:#737373  !important;}
a.promocje_wiecej, a.nowosci_wiecej {color:#3298CC !important;}




#marki {display:none;margin:60px 0px;}
.body_start #marki {display:block;}






#spis_kat_glowna
{
  text-align:center;
	margin-bottom:60px;
	
}

#spis_kat_glowna .strzalka_podkat {display:none;}




#spis_kat_glowna ul, #spis_kat_glowna ul ul, #spis_kat_glowna ul ul ul 
{
  margin:0px;
	padding-left:0px;
	list-style-image:none;
	font-size:12pt;
	
}

#spis_kat_glowna ul li
{
  list-style-type: none;
	display: inline-block;
}

#spis_kat_glowna ul li li
{
  padding-left:15px;
}


#spis_kat_glowna a
{
  font-size:20pt;
	margin:4px 4px;
	padding:10px 10px;
	border-radius:4px;
	display: block;
	width:320px; 
	color:#fff;
	background-color:#3298CC;	
}


#spis_kat_glowna a:hover 
{
  
	background-color:#EAAF1E;
	
}


#spis_kat_glowna a#activ {background-color:#EAAF1E;}






.body_start #start_kategorie {display:block;} 
#start_kategorie
{
  //display:none;
	text-align:center;
}


#start_kategorie ul 
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
	text-align:center;
}

#start_kategorie li 
{
	list-style-type:none;
	display:inline-table;
	vertical-align:top;
	width:295px;
	min-height:160px;
	//padding:25px;
	margin:0px 15px 30px 15px;
	font-weight:bold;
	background-color:#fff;
	border:0px solid #ddd;
	
	
}

#start_kategorie li a {display:table-cell;vertical-align:middle;}

#start_kategorie img {max-width:295px !important;max-height:180px !important;height:auto !important;}

#start_kategorie ul li ul {display:none;}
#start_kategorie .nazwa_podkat {display:block;font-size:16pt;padding-bottom:5px;}




#sortowanie 
{
  //background-color:#F2F2F2;
	text-align:center;
	margin-bottom:20px;
	padding:10px 20px;
	border-radius:4px;
	overflow:auto;
	display:none;
}

#sortowanie_lewa {float:left;}
#sortowanie_prawa {float:right;text-align:right;}

.body_kategoria #sortowanie  {display:block;}

#systemowe
{
  //display:none;
	margin:auto;
	background-color:#eee;
	font-size:11pt;
	
}

#systemowe_wpis
{
  overflow:auto;
	margin:auto;
	max-width      : 1340px;
	padding:10px 10px;
	
	
}	

#systemowe_telefon {display:inline-block;margin-right:30px;color:#000;}
#systemowe_email {display:inline-block;color:#000;}

#systemowe_menu {float:right;color:#000;}
#systemowe_menu ul {padding:0;margin:0;list-style-type:none;display:inline-block;}
#systemowe_menu ul ul {display:none;}
#systemowe_menu ul li {display:inline;}
#systemowe_menu a 
{
  color:#000;
	display:inline-block;
	padding:0px 10px;
	
}



#systemowe_menu a:hover 
{
  color: #3298CC;
	
}

#systemowe_menu a#activ {color:#3298CC;}

#systemowe_menu select{padding:0px;font-size:10pt;}


#zmiana_jezyka_waluty {display:inline-block;padding-left:20px;}
#zmiana_jezyka_waluty a {padding:0px !important;margin:0px !important;}


#systemowe_kontakt {float:left;color: #ccc;}
#systemowe_kontakt a {color: #ccc;}

#naglowek_wsad
{
  //background-image: linear-gradient(#eee, #fff, #fff);
	background:#fff;
}

#naglowek
{
  margin:auto;
	max-width      : 1340px;
	padding:20px 10px;
	border:0px solid green;
	overflow: hidden;
	//height:140px;
	//border:1px solid red;
	
}

#logo 
{
  float:left;
	margin-top:10px;
	border:0px solid red;
  height:88px;
	width:200px;
	background:transparent url('logo.png') center center no-repeat;
	cursor:pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-image: -webkit-image-set(url("logo.png") 1x, url("logo4.png") 4x );
}

#szukaj_srodek
{
  margin-right:390px;
	margin-left:390px;
	margin-top:25px;
	text-align:center;
	border:0px solid blue;
	cursor:pointer;
	background-color:#fff;
	
}



#szukaj_koszyk
{
  float:right;
	margin-top:0px;
	//margin-bottom:20px;
	padding:20px;
	//border:1px solid #E8E8E8;
	//background-color:#eee;
	text-align:right;
	border-radius:4px;
	color:#000;
	font-size:16pt;
}





#szukaj_ramka
{
  background:linear-gradient(-225deg, #3298CC 70%, #1F749F 0);
	border-bottom:0px solid #1F749F;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
  height:55px;
	
}

#szukaj_ramka_wsad
{
  margin:auto;
	max-width      : 1340px;
	
}
#szukaj_ramka_wsad0
{
  float:left;
	padding:10px;
	height:35px;
}

#szukaj_ramka_wsad1
{
  background:linear-gradient(-225deg, #3298CC 39px, #1F749F 0);
	float:right;
	color:#fff;
	text-transform:uppercase;
	border:0px solid red;
	padding:15px;
	height:25px;
	padding-left:40px;

}

#szukaj
{
  margin:auto;
	max-width      : 800px;
	border:1px solid #E8E8E8;
	background-color:#F2F2F2;
	overflow: hidden;
	border-radius:4px;
	padding:12px 0px 5px 10px;
	//margin-bottom:20px;
	
}






#koszyk
{
  display:inline-block;
	cursor:pointer;
	min-width:150px;
	padding:0px 0px 0px 0px;
	text-align:left;
	vertical-align:top;
	border:0px solid blue;
	font-family:font1;
	font-size:18pt;
	font-weight:bold;
}

#koszyk_zaw
{
  display:none;
	position:absolute;
	padding:15px;
	border:1px solid #e8e8e8;
	margin-top:25px;
	margin-left:-242px;
	background-color:#fff;
	max-width:360px;
	//box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
	font-size:12pt;
	text-align:left;
	color:#000;
	z-index:999;
}


#login_ico
{
  cursor:pointer;
	display:none;
	float:right;
	//margin-left:10px;
	border:0px solid red;
	width:40px;
	height:50px;
	background:transparent url('login_ico.png') center no-repeat;
	
	background-position: center;
	background-repeat: no-repeat;
	background-image: -webkit-image-set(url("login_ico.png") 1x, url("login_ico4.png") 4x );
}


#koszyk_ico
{
  cursor:pointer;
	display:none;
	float:right;
	//margin-left:10px;
	border:0px solid red;
	width:40px;
	height:50px;
	background:transparent url('koszyk_ico.png') center no-repeat;
	
	background-position: center;
	background-repeat: no-repeat;
	background-image: -webkit-image-set(url("koszyk_ico.png") 1x, url("koszyk_ico4.png") 4x );
}

#szukaj_ico
{
  cursor:pointer;
	display:none;
	float:right;
	border:0px solid red;
	width:210px;
	height:43px;
	padding-top:6px;
	text-align:right;
	background:transparent url('lupa_ico_white.png') right no-repeat;
	background-position: right;
	background-repeat: no-repeat;
	background-image: -webkit-image-set(url("lupa_ico_white.png") 1x, url("lupa_ico_white4.png") 4x );
}


#tel_ico
{
  cursor:pointer;
	display:none;
	float:right;
	//margin-right:10px;
	border:0px solid red;
	width:40px;
	height:50px;
	background:transparent url('tel_ico.png') center no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-image: -webkit-image-set(url("tel_ico.png") 1x, url("tel_ico4.png") 4x );
}

#tel_ico1
{
  cursor:pointer;
	display:none;
	float:right;
	margin-top:10px;
	border:0px solid red;
	width:40px;
	height:40px;
	border-radius:4px;
	background:#3298CC url('tel_ico.png') center no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-image: -webkit-image-set(url("tel_ico.png") 1x, url("tel_ico4.png") 4x );
}




#menu_podkategorie
{
  text-align:center;
	
	//display:table;
	//margin-bottom:20px;
}

#menu_podkategorie ul 
{
	overflow: hidden;
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
	
}

#menu_podkategorie li 
{
	
	list-style-type:none;
	display:inline-table;
	vertical-align:top;
	width:280px;
	height:280px;
	padding:10px 10px;
	margin:0px 20px 20px 0px;
	font-weight:bold;
	border:0px solid #ddd;
	background-color:#F2F2F2;
	border:1px solid #E8E8E8;
	border-radius:4px;
	
}

#menu_podkategorie li a
{
  display:table-cell;
	vertical-align:middle;
}


#menu_podkategorie img {max-width: 200px !important;max-height:200px !important;margin-bottom:10px !important;}














//.nazwa_podkat {display:block;padding:20px;}

.przycisk_promocje_wszystkie a  {display:inline-block;color:#fff;background-color:#5D1604;margin-left:15px;padding:7px 15px;height: 16px;}

#strona 
{
    margin     : auto;
		
		max-width      : 1340px;
		padding:10px 30px 30px 30px;
		margin-bottom:40px;
				
		margin-top:40px;
		position:relative;
		z-index:9999;
		
    border:1px solid #ddd;
		//overflow:auto;
		//display:table;
		background-color:#fff;
		//background-color:rgba(255,255,255,0.6);
		//background-image: linear-gradient(rgba(255,255,255,0.6), #fff);
		border-radius:4px;
		box-shadow: 0px 5px 40px rgba(0,0,0,0.2);
}

.body_start #strona {margin-top:-100px;}

#ramka_top_border
{
  margin     : auto;
	clear:both;
	max-width      : 1340px;
	//margin-top:-60px;
	//margin-bottom:30px;
}

#ramka_top
{
  margin     : auto;
	//margin-top:10px;
	//border:1px solid blue;
	
	display:table;
	width:100%;
	color:#fff;
	background:linear-gradient(90deg, #3298CC 55px, #1F749F 0);
	//background:linear-gradient(-225deg, #3298CC 80px, #1F749F 0);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
	
}


#menu_belka
{
  
	font-family:font3;
	padding-left:20px;
	
}

#menu_belka ul {list-style-image:none;margin:0px;padding:0px;}
#menu_belka ul ul {display:none;}
#menu_belka ul li {display:inline-block;}

#menu_belka a {display:block;padding:10px 10px;color:#fff;}

#menu_belka a.activ {}

#menu_belka a:hover {}


#menu_belka_fixed {display:inline-block;border:0px solid blue;margin-top:17px;}

#menu_belka_fixed ul {list-style-image:none;list-style-type:none;margin:0px;padding:0px;}

#menu_belka_fixed ul ul {display:none;}

#menu_belka_fixed ul li {display:inline-block;padding:0px 0px;border:0px solid orange;}

#menu_belka_fixed a {display:inline-block;border-bottom:5px solid transparent;padding-bottom:13px;padding-left:15px;padding-right:15px;}

#menu_belka_fixed a.activ {color:#3298CC !important;font-weight:bold !important;border-bottom:5px solid #3298CC;}

#menu_belka_fixed a:hover {color:#000;border-bottom:5px solid #ddd;}








#menu_belka_ico 
{
  display:none;
  float:left;
	margin-left:10px;
	margin-top:13px;
	margin-bottom:5px;
	border:0px solid orange;
	color:#fff;
	cursor:pointer;
}

.nav-item .strzalka_podkat {display:none !important;}

#menu_belka_rwd 
{
  display:none;
	margin-bottom:20px;
	clear:both;
	color:#000;
  margin-right:0px;
	padding:0px 0px;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	//background-color:#FFE9BB;
	border-radius:4px;
}

#menu_belka_rwd a {color:#000;}






.menu_rwd {margin-bottom:0px;}

.menu_rwd ul, .menu_rwd ul ul, .menu_rwd ul ul ul 
{
  margin:0px;
	padding-left:0px;
	list-style-image:none;
	font-size:13pt;
	font-weight:normal;
}

.menu_rwd ul li
{
  list-style-type: none;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	margin-right:0px;
	padding-left:10px;
	border-top:1px solid #e8e8e8;
}

.menu_rwd ul li li
{
  padding-left:15px;
}


.menu_rwd a
{
    display: block;
		color           : #000;
		//background-color:#f2f2f2;
		padding:10px 10px 10px 10px;
		
		//border-bottom:1px solid #E3E3E3;
}


.menu_rwd a:hover 
{
  color: #3298CC;
	
}

.menu_rwd a.activ {color:#3298CC !important;}



.menu_rwd1 {margin-bottom:0px;background-color:#f6f6f6;padding:15px 10px;}

.menu_rwd1 ul
{
  margin:0px;
	padding-left:0px;
	list-style-image:none;
	font-size:13pt;
	font-weight:bold;
		
}

.menu_rwd1 ul ul, .menu_rwd1 ul ul ul  {font-weight:normal}

.menu_rwd1 ul li
{
  list-style-type: none;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	margin-right:0px;
	padding-left:10px;
	//border-top:1px solid #e8e8e8;
}

.menu_rwd1 ul li li
{
  padding-left:15px;
}


.menu_rwd1 a
{
    display: block;
		color           : #000;
		padding:5px 10px 5px 20px;
		background: transparent url('punkt1.gif') left no-repeat;
		
}


.menu_rwd1 a:hover 
{
  color: #3298CC;
	
}

.menu_rwd1 a.activ {color:#3298CC !important;}






.lewa_box
{
  
	background-color:#F2F2F2;
	border-radius:4px;
	border:1px solid #E8E8E8;
	margin-bottom:40px;
	
} 


 
.lewa_top
{
  
	
	//background:linear-gradient(-225deg, transparent 1em, #3298CC 0);
	//background:linear-gradient(-225deg, #1F749F 1.5em, #3298CC 0);
	background-color:#3298CC;
	padding:7px 15px 7px 15px;
	width:260px;
	border-radius:4px;
	box-shadow: 0px 8px 8px rgba(50,50,50,0.2);
	color:#fff;
	margin:-10px 0px 0px 10px;
	font-family:font1;
	font-size:20pt;
} 

  
.lewa_wsad
{
  padding:20px 20px 20px 20px;
}
 
#lewa
{
  float    			: left;
	//width    			: 300px;
	width    			: 310px;
	border:0px solid red;
	margin-top:40px;
	
}





  
	  #menu
		{
    	margin: 0px; /* marginesy na zero */
			width: 280px; /* szerokość */
			font-size:11pt;
			font-family:font3;
		}
		
		
		#menu a {transition:all 0.5s ease;}
		
		/* style dla znacznika ul znajdującego się w nav */
		#menu ul{
				padding: 0px; /* odsunięcie 0 */
				margin: 0px; /* marginesy 0 */
				
		}
		/* style dla pierwszego potomka li znacznika ul znajdującego się wewnątrz znacznika nav */
		#menu ul > li{
				list-style-type: none; /* wyłączenie wyświetlania znaczników wypunktowania */
				display: block; /* wyświetlanie jako element blokowy */
				padding: 0; /* odsunięcie na zero */
				
		}
		/* style dla linku gdy kursor myszy znajdzie się nad nim - znacznik linku musi być pierwszym potomkiem znacznika li będącym pierwszym potomkiem znacznika ul znajdującego się wewnątrz znacznika nav */
		#menu ul > li > a:hover{
				background-color: #Ddd; /* kolor tła */
				color:#1F749F !important;
		}
		/* style dla znacznika linku będącego pierwszym potomkiem znacznika li będącym pierwszym potomkiem znacznika ul znajdującego się wewnątrz znacznika nav */
		#menu ul > li > a{
				background: #F2F2F2; /* kolor tła */
				//width: 240px; /* szerokość */
				width: 250px; /* szerokość */
				text-align: left; /* wyrównanie */
				display: inline-block; /* wyświetlanie jako element liniowy blokowy */
				//padding: 10px; /* odsunięcie z wszystkich stron na 10px */
				padding:5px 10px 5px 0px;
				text-decoration: none; /* wyłączenie domyślnej dekoracji tekstu */
				color: #777; /* kolor czcionki */
				//background: transparent url('punkt1.gif') left no-repeat;
		}
		/* style dla elementu ol będącego pierwszym potomkiem li będącego pierwszym potomkiem ul znajdującego się w nav */
		#menu ul > li > ul{
				z-index: 1000; /* określa kolejność wyświetlania elementów (im wyższa liczba tym bardziej na wierzchu będzie dany element, a ponieważ menu powinno raczej na wierzchu się wyświetlać, więc dana została duża wartość by ten warunek został spełniony */
				list-style-type: none; /* wyłączenie wyświetlania numeracji */
				padding:10px 20px; /* wyzerowanie odsunięcia */
				margin:0;
				margin-left: -10px; /* wyzerowanie marginesów */
				margin-top: -10px; /* wyzerowanie marginesów */
				display: none; /* wyłączenie wyświetlania elementu */
				
				position:absolute; /* oderwanie elementu od reszty strony, by jego pojawienie nie wpływało na układ strony */
				text-align: left; /* wyrównanie tekstu do lewej */
				box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
				
		}
		/* styl dla elementu ol będącego potomkiem li będącego potomkiem ul znajdującego się w nav, gdzie styl jest stosowany gdy kursor myszy znajdzie się nad elementem li */
		#menu ul > li:hover > ul{
				display: inline-block; /* wyświetl jako obiekt blokowy liniowy */
				background: #F2F2F2; /* kolor tła */
				
				
		}
		/* style dla li będącego pierwszym potomkiem ol będącego pierwszym potomkiem li, będącego pierwszym potomkiem ul znajdującego się w nav */
		#menu ul > li > ul > li{
				border-bottom: 0px solid #77979f; /* ramka u dołu: szerokość, styl linii (ciągły), kolor */
		}
		
		/* style dla li gdy kursor znajdzie się nad nim, który jest pierwszym potomkiem ol, będący pierwszym potomkiem li, będący pierwszym potomkiem ul znajdującym się w nav */        
		#menu ul > li > ul > li:hover{
				background: #DCDBDB; /* kolor tła */
		}
		
		#menu a.activ {color:#1F749F;}
		
		
		
		
		
		
		
		
    #menu_poziom
		{
    	margin: 0px; /* marginesy na zero */
			font-size:11pt;
			font-family:font3;
			
		}
		
		
		#menu_poziom a {transition:all 0.5s ease;}
		
		/* style dla znacznika ul znajdującego się w nav */
		#menu_poziom ul{
				padding: 0px; /* odsunięcie 0 */
				margin: 0px; /* marginesy 0 */
				
		}
		/* style dla pierwszego potomka li znacznika ul znajdującego się wewnątrz znacznika nav */
		#menu_poziom ul > li{
				//list-style-type: none; /* wyłączenie wyświetlania znaczników wypunktowania */
				display: inline-block !important; /* wyświetlanie jako element blokowy */
				padding: 0; /* odsunięcie na zero */
				
		}
		
		
		/* style dla linku gdy kursor myszy znajdzie się nad nim - znacznik linku musi być pierwszym potomkiem znacznika li będącym pierwszym potomkiem znacznika ul znajdującego się wewnątrz znacznika nav */
		#menu_poziom ul > li > a:hover, #menu_poziom ul > li > a.activ{
				color:#59C4FB !important;
		}
		/* style dla znacznika linku będącego pierwszym potomkiem znacznika li będącym pierwszym potomkiem znacznika ul znajdującego się wewnątrz znacznika nav */
		#menu_poziom ul > li > a{
				text-align: left; /* wyrównanie */
				display: inline-block; /* wyświetlanie jako element liniowy blokowy */
				padding:5px 15px 5px 15px;
				text-decoration: none; /* wyłączenie domyślnej dekoracji tekstu */
				color: #fff; /* kolor czcionki */
				//background: transparent url('punkt1.gif') left no-repeat;
		}
		/* style dla elementu ol będącego pierwszym potomkiem li będącego pierwszym potomkiem ul znajdującego się w nav */
		#menu_poziom ul > li > ul{
				z-index: 999000; /* określa kolejność wyświetlania elementów (im wyższa liczba tym bardziej na wierzchu będzie dany element, a ponieważ menu powinno raczej na wierzchu się wyświetlać, więc dana została duża wartość by ten warunek został spełniony */
				list-style-type: none; /* wyłączenie wyświetlania numeracji */
				//padding:10px 20px; /* wyzerowanie odsunięcia */
				min-width:200px;
				margin:0;
				margin-left: -60px; /* wyzerowanie marginesów */
				margin-top: 25px; /* wyzerowanie marginesów */
				display: none; /* wyłączenie wyświetlania elementu */
				
				position:absolute; /* oderwanie elementu od reszty strony, by jego pojawienie nie wpływało na układ strony */
				text-align: left; /* wyrównanie tekstu do lewej */
				box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
				
		}
		/* styl dla elementu ol będącego potomkiem li będącego potomkiem ul znajdującego się w nav, gdzie styl jest stosowany gdy kursor myszy znajdzie się nad elementem li */
		#menu_poziom ul > li:hover > ul{
				display: inline-block; /* wyświetl jako obiekt blokowy liniowy */
				background: #1F749F; /* kolor tła */
				
				
		}
		/* style dla li będącego pierwszym potomkiem ol będącego pierwszym potomkiem li, będącego pierwszym potomkiem ul znajdującego się w nav */
		#menu_poziom ul > li > ul > li{
				display: block !important;
				border-bottom: 0px solid #77979f; /* ramka u dołu: szerokość, styl linii (ciągły), kolor */
		}
		
		/* style dla li gdy kursor znajdzie się nad nim, który jest pierwszym potomkiem ol, będący pierwszym potomkiem li, będący pierwszym potomkiem ul znajdującym się w nav */        
		#menu_poziom ul > li > ul > li:hover{
				//background: #DCDBDB; /* kolor tła */
		}
		
		#menu_poziom a.activ {color:#3298CC;}
		


#prawa
{
  border:0px solid blue;
	//margin-left:330px;
	margin-left:340px;
	margin-bottom:20px;
	margin-top:30px;
}

#prawa ul {margin-left:20px;}


#prawa_zaw
{
  
}

.body_start #sciezka {display:none;}


#sciezka
{
  
	padding:0px 0px 30px 0px;
	overflow:auto;
	
}
#sciezka h2 {font-size:20pt;font-family:font1;color:#000;padding:0px;margin:0px;}
#sciezka h2 a {color:#000;}


#sortowanie_belka {}
#sortowanie_belka a {}






.body_start #prom {display:block;}




#prom
{
  display:none;
	margin-bottom:40px;
	background-color:#fff;
	border-radius:4px;
	
}

#prom_top
{
  
	font-size:16pt;
	padding:10px 20px;
	color:#3c8d18;
	cursor:pointer;
	background-color:#341302;
	color:#fff;
	border-radius:4px;
	margin-bottom:20px;
}


#prod_powiazane
{
  margin-bottom:20px;
	margin-right:0px;
	
}

#prod_powiazane h2
{
  font-size:16pt;
	font-weight:bold;
	padding:0px 0px;
	//margin:40px 20px;
}

#stopka
{
    clear:both;
		font-size:11pt;
		//margin-top:10px;
		border-top:5px solid #5a5a5a;
		padding:0px 10px;
		//background-image:url(tlo_stopka.jpg);
		//background: #333 url('tlo_stopka.png') top center;
		background: #333 url('tlo_stopka.jpg') repeat-y top center;
		//background-size: cover;
}






#stopka_zaw
{
    border:0px solid blue;
		display:table;
		margin:auto;
		max-width      : 1340px;
		color:#777;
		padding-top:30px;
		text-align:center;
}



.stopka_top
{
  padding-bottom:10px;
	font-size:13pt;
	color:#fff;
	//font-weight:bold;
}




#stopka_menu1, #stopka_menu2, #stopka_menu3, #stopka_menu4, #stopka_menu5, #stopka_menu6
{
  display:inline-table;
	vertical-align:top;
	border:0px solid red;
	min-height:100px;
	text-align:left;
  padding-bottom:40px;
	font-size:11pt;
}

#stopka_menu1 li, #stopka_menu2 li, #stopka_menu3 li, #stopka_menu4 li, #stopka_menu5 li, #stopka_menu6 li {padding-bottom:0px;padding-right:0px;}

#stopka_menu1 {width:290px;margin-right:0px;}
#stopka_menu2 {width:290px;margin-right:0px;}
#stopka_menu3 {width:290px;margin-right:0px;}
#stopka_menu4 {width:290px;margin-right:0px;}
#stopka_menu5 {width:290px;margin-right:0px;}
#stopka_menu6 {width:290px;margin-right:0px;}



#stopka_menu1 ul, #stopka_menu2 ul, #stopka_menu3 ul, #stopka_menu4 ul, #stopka_menu5 ul, #stopka_menu6 ul  {list-style-type:none;margin:0px;padding-left:0px;list-style-image:none;}

#stopka_menu1 a, #stopka_menu2 a, #stopka_menu3 a, #stopka_menu4 a, #stopka_menu5 a, #stopka_menu6 a  
{
    color:#777;
    display: block;
		padding:0px 0px 0px 0px;
		
		
}
#stopka_menu1 a:hover, #stopka_menu2 a:hover, #stopka_menu3 a:hover, #stopka_menu4 a:hover, #stopka_menu5 a:hover, #stopka_menu6 a:hover {color: #3298CC;}







#copy
{
  
	margin:auto;
	max-width:1280px;
	padding-bottom:25px;
	padding-top:35px;
	text-align:center;
	font-size:10pt;
	overflow:hidden;
	color:#777;
}	
#copy a {color:#777;}
#copy a:hover {color:#777;}


//.body_start #lewa, .body_start #sciezka, .body_strona #lewa, .body_produkt #lewa, .body_koszyk #lewa, .body_logowanie #lewa, .body_koniec #lewa  {display:none;}
//.body_start #prawa, .body_strona #prawa, .body_produkt #prawa, .body_koszyk #prawa, .body_logowanie #prawa, .body_koniec #prawa  {margin-left:0px;}

.body_start .nowosci {display:block;}






.body_start #facebook_news {display:block;}
#facebook_news
{
  display:none;
	min-height:426px;
	overflow:auto;
	border:0px solid red;
	border-radius:4px;
	margin-bottom:40px;
	background:transparent url('facebook_tlo1.jpg') top center no-repeat;
}
#facebook
{
  float:right;
	width:49%;
	height:426px;
	cursor:pointer;
	text-align:center;
	border:0px solid red;
	margin-bottom:20px;
	
}
#news
{
  float:left;
	width:49%;
	min-height:426px;
	text-align:left;
	background-color: rgba(0,0,0,0.3);
	color:#fff;
	border:0px solid red;
	margin-bottom:20px;
	margin-top:20px;
	//margin-left:20px;
	
}


@media all and (max-width: 1200px)
{
          body, td, b, input, select, textarea {font-size:10pt !important;}
					h2, h3 {font-size:14pt !important;}
					input.do_koszyka_opis_prod, input.koszyk_zamow, input.koszyk_dalej {width:100%;padding-left:0px;padding-right:0px;margin:5px 0px;}
					#newsletter {text-align:center;}
					#menu_fixed {display:none;}
					
					.blok_wew {float: none !important;display:block  !important;text-align:left !important;margin:auto !important;width:94% !important;padding:3% !important;max-width:100% !important;margin-top:10px !important;margin-bottom:10px !important;border-radius:5px !important;}
					.blok_wew img {display:block !important;margin:auto !important;}
					
					body {background-image:none;}
					.atuty_box {width:150px;padding:20px 5px;}
					.aktualnosci_grafika {border-radius:4px;min-width:150px;}
					.aktualnosci_tresc_spis {font-size:11pt;float:none;}
					.aktualnosci_grafika_spis {float:right;margin:15px;min-width:150px;}
					#menu_belka {display:none;}
	        #menu_belka_ico {display:block;}
					.spis_prod_left {float:none !important;margin:auto !important;text-align:center !important;border:0px solid red !important;}
					.spis_prod_right {float:none !important;margin:auto !important;text-align:center !important;border:0px solid red !important;}
					.przycisk_opis, .przycisk_pliki, .przycisk_powiazane {font-size:10pt !important;padding:5px !important;}
					#systemowe {display:none;}
					.opis_prod_zdjecie {display:block;width:100%;}
					.opis_prod_dane {display:block;width:100%;}
					#stopka_zaw {text-align:left;margin-left:20px;}
					#stopka_menu1, #stopka_menu2, #stopka_menu3 {display:block;}
					#sciezka {padding-left:0px;}
					#sciezka h2 {font-size:13pt;}
	        #facebook {display:block;width:99%;margin:auto;margin-bottom:20px;float:none;}
					#news  {display:block;width:99%;margin:auto;float:none;}
					#strona {padding:20px;padding-top:0px;margin-top:0px;border:0px solid red;box-shadow:none;}
					.body_start #strona {margin-top:40px;}
					
					#kat_ico {display:block;}
					#szukaj_ico {display:block;}
					#login_ico {display:block;}
					#koszyk_ico {display:block;}
					#tel_ico {display:block;}
					#tel_ico1 {display:block;}
					#szukaj {display:none;}
					#szukaj_ramka {display:none;}
					#koszyk {display:none;}
					#kontakt {display:none;}
					#menu_gora {display:none;}
					#logo {margin-top:5px;}
					#logo {width:128px;height:60px;}
					#logo {background-size: 128px;background-position:top;}
					#naglowek {padding:0px 10px;}
					#prawa {margin-left:0px;margin-top:20px;}
					#lewa {display:none;}
					
					#szukaj_koszyk {display:none;}
					
					#kat_prom_box {display:none;}
					#jez_wal {display:none;}
				  //#sortowanie_lewa {float:none;text-align:center;}
					//#sortowanie_prawa {float:none;text-align:center;}
						
					
					td.kolumna_lp {display:none;}
					td.kolumna_kod_towaru {display:none;}
					td.kolumna_zdjecie {display:none;}
					td.kolumna_jm {display:none;}
					td.kolumna_rabat {display:none;}
					td.kolumna_cena_netto_rabat {display:none;}
					td.kolumna_cena_brutto_rabat {display:none;}
					td.kolumna_stawka_vat {display:none;}
					td.kolumna_wartosc_netto {display:none;}
					table {width:100%;}
					td {width:auto;}
					textarea {width:100%;}
	
}