font-disply: Verdana;
.napis_logo{font-family: 'Varela Round', sans-serif; position: relative; top: 10%; 
font-weight: 700;}
.rej_log{font-family: 'Exo 2', sans-serif; font-size: 15px;}
.shop_bag{width:20px; height:20px;}
.shop_bag:hover{cursor:pointer;}
.mega_promocja{font-family: 'Titillium Web', sans-serif;}
#shopping_bag_span{position: relative;text-align:right; top: 0; font-family: 'Exo 2';
 margin-right: 2%;}
#calosc{ width:96%; position: absolute; top: 1%; left:2%;right:2%;}
#naglowek{position: relative; top: 50%; }
#kontener{position: relative;  height: 800px;

background-repeat: no-repeat;background-position: center; background-size: 100%;}
#kontener_produkt_lewy{position: relative;   width: 15%; height: 800px; float:left;}

#podgrupra_produkt_prawy{width: 40%; float: left; border: 1px solid red; height: 300px; 
padding: 10px;
margin-top: 10px; background-color: black;  z-index:50; margin-left: 30px; 
color: white; text-align: center; font-family:'Exo 2'; font-size: 30px; font-weight: 600;}

.h1_podgrupa{color: white; text-align: center; font-family:'Exo 2'; font-size: 30px; font-weight: 600;padding: 10px;
margin-top: 10px;}


#podgrupra_produkt_prawy2{width: 95%; float: left; border: 1px solid red; height: 80%; 
padding: 10px;
margin-top: 10px; background-color: black;  z-index:50; margin-left: 5px; 
color: white; text-align: center; font-family:'Exo 2'; font-size: 30px; font-weight: 500;}

#podgrupra_produkt_prawy_dwa{width: 40%; float: left; border: 1px solid red; height: 300px;
 padding: 10px;
margin-top: 10px; background-color: black;  z-index:50; margin-left: 30px;
color: white; text-align: center; font-family:'Exo 2'; font-size: 30px; font-weight: 600;}

#podgrupra_produkt_prawy_trzy{width: 40%; float: left; border: 1px solid red; height: 300px; padding: 10px;
margin-top: 10px; background-color: black;  z-index:50; margin-left: 30px;
color: white; text-align: center; font-family:'Exo 2'; font-size: 30px; font-weight: 600;}

#podgrupra_produkt_prawy_cztery{ width: 40%; float: left; border: 1px solid red; height: 300px; padding: 10px;
margin-top: 10px; background-color: black;  z-index:50; margin-left: 30px;
color: white; text-align: center; font-family:'Exo 2'; font-size: 30px; font-weight: 600;}


#kontener_produkt_prawy img { height: 200px; }
#ramka_img{background-color: silver; border-radius:3px;  }

#promocja{position: relative; height:350px;  text-align: center; width: 100%; }
#promocja2{position: relative; height:400px;  text-align: center; width: 100%; }
#promocja3{position: relative; height:700px;  text-align: center; width: 100%;   font-family: 'Exo 2';}
#promocja3 h4 {font-size: 25px;}

#laserowe{position: relative;   width: 29%; height: 500px;text-align:justify; float:left; border-radius: 5px; border:1px solid silver; 
 padding:10px; font-family: 'Exo 2'; margin-left: 3%; line-height: 20px;}
#ccd{position: relative;   width: 29%; text-align:justify; height: 500px; float:left; border-radius: 5px; border:1px solid silver; color: white;
 background-color: black;   padding: 10px; font-family: 'Exo 2'; line-height: 20px;}
#cmos{position: relative;   width: 29%; height: 500px; text-align:justify; float:left; border-radius: 5px; border:1px solid silver; 
background-color: silver;  padding: 10px; font-family: 'Exo 2';line-height: 20px; }

#laserowe:hover,#ccd:hover,#cmos:hover{font-weight: 700; border: 2px solid black;}


#laserowe_span{position: relative; width: 80%; text-align: center;text-align: center; margin-left: 10%;}
#ccd_span{position: relative; width: 80%;  text-align: center;text-align: center;margin-left: 10%;}
#cmos_span{position: relative; width: 80%; text-align: center;text-align: center; margin-left: 10%;}


#promocja_lewy{ position: relative;   width: 49%; height: 480px; float:left; 
}
#zdjecie_promocja_lewy{ position: relative;  height: 450px; float: left; width: 45%;
}
#opis_promocja_lewy{position: relative;float:right;height: 450px; width: 45%; 
 font-family: 'Work Sans', sans-serif; font-size: 20px; font-weight: 800;
text-align: center; border-right: .02em solid silver; }
.rabat_50{border: 2px solid blue; width: 50px; height: 50px; border-radius: 10px; background-color: blue; padding: 10px; position: relative; top: 50px; text-align: center; color :white;}
.koszyk_promocja{border: 2px solid green; width: 50px; height: 50px; border-radius: 10px; background-color: green; padding: 10px; position: relative; top: 130px; text-align: center; color :white;}

.nowa_cena{font-family:'Raleway'; font-size: 40px; font-weight: 800; position: relative; top: 90px; text-align: center;}
.stara_cena{font-family:'Raleway'; font-size: 30px;  position: relative; top: 100px; text-align: center; color: red; font-size: 20px;}
.cecha_produktu{position: relative; top: 160px; font-family: 'Exo 2'; font-size: 15px;}
#promocja li{list-style-type: circle; font-family: 'Raleway'; font-size: 12px; }
#promocja_prawy{position: relative;   width: 49%; height: 480px; float:right; 
float:left; }

#zdjecie_promocja_prawy{ position: relative;  height: 450px; float: left; width: 45%;
}
#opis_promocja_prawy{position: relative;float:right;height: 450px; width: 45%; 
 font-family: "Work Sans", sans-serif; font-size: 20px; font-weight: 800;
text-align: center;}




#kontener_produkt_prawy{position: relative; width: 77%; height: 700px;  float: right;  }
#kontener_produkt_prawy a{color: white; text-decoration:none;}
#kontener_produkt_prawy a:hover{font-weight: 800; color: gray; }
#stopka{position: relative;  height: 320px; 
background-color: transparent; font-family: 'Varela Round'; text-align: center; color: white;
 font-family: "Exo 2"; border-radius: 5px;}
#naglowek{font-family: 'Baloo Thambi', cursive; font-size: 30px; height: 300px;}
#naglowek_kontakt{position: absolute; right: 2%; top: 12%;}
.fa-phone-square{font-size: 30px;}
.fa-envelope{font-size: 30px;}
.logo_napis{font-family: 'Notable', sans-serif; font-weight: 800; font-size: 40px; }
.napis_2_czlon{font-family: 'Notable', sans-serif; font-size: 40px; font-weight: 800; 
color: blue;}
#szukajka{position: absolute; left: 25%; bottom:20%;}
input {height: 50px; font-family:'Varela Round', sans-serif; font-size: 48px; }
#szukajka img {width:40px; height: 40px;}
ul{font-size: 40px; font-family: 'Notable'; padding-bottom: 30px; }
li{font-size: 30px; font-family: 'Raleway'; padding: 10px; list-style-type: none; padding: 10px; }
li:hover{font-size: 30px; font-family: 'Raleway'; padding: 10px; 
list-style-type: square; cursor:pointer; font-weight: 600; color: white; border: 2px solid gray;
 background-color: gray; opacity: 0.5; border-radius: 5px;}
 .cat{font-size: 30px; font-family: 'Raleway'; list-style-type: none; padding:-20px; line-height: 0;
 font-weight:300;}
  .cat:hover{font-size: 30px; font-family: 'Raleway'; list-style-type: none; padding:-20px; line-height: 0;
 font-weight:300;}
 .cat2{color:transparent;}
 
.drugi_czlon{font-family: 'Bad Script'; font-size: 50px; font-weight: 500; border-radius: 10px;}
#stopka_linki{position: absolute; bottom: 10px; left: 10%; height: 80px; 
width: 80%; border-radius: 5px; background-color: silver; text-align: center; 
text-align: center; font-family:'Bad Script'; font-size: 20px; color: black; padding: 10px;}

 #social{position: absolute; left: 10px; height: 180px; width:95%; border-radius: 5px;
  font-size: 20px; font-family:'Baloo Thambi'; top: 260px;
 color: gray; text-align: right; padding: 10px; text-align: center;align: center; font-size: 20px; 
 background-color: silver; }
 
 
 #newsletter{position: relative; left: 65%; height: 250px; width: 25%; border-radius: 5px;
 border:1px solid gray; font-size: 20px; font-family:'Baloo Thambi'; 
 top: 10px; text-align: right; padding-right: 30px; color: gray; float: left;  }
 #newsletter a {color: gray;}

 #social input{height: 25px; background-color: white; color: black; font-family: "Exo 2";}
 #social input {font-size: 15px; font-family: "Exo 2";}
 #social textarea{height: 50px; background-color: white; color: black; font-family: "Exo 2"; }
 #social textarea {font-size: 15px; font-family: "Exo 2";}
 .active{font-size: 30px; font-family: 'Raleway'; padding: 10px; 
list-style-type: square; font-weight: 600; color: white; background-color: green; opacity:0.7; 
border:2px solid green;border-radius:10px;}
#rejestracja_box{position: absolute; top: 6%; left: 10%; width:80%; 
background-color: white; z-index:70; height: 400px; border: 4px solid black; border-radius:5px;
display:none;}
#close_rejestracja_box{position: absolute; top:5px; right: 5px; width:30px; height:30px; 
text-align: center; }
#close_rejestracja_box:hover{cursor:pointer;   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#close_rejestracja_box img {width:30px; height: 30px; text-align: center; margin-right: 5px;}
#kolumna_1_rejestracja {background-color: silver; width: 25%; height:97%; text-align: right; padding-right:5px; 
position: relative; left: 5px; float: left; top:5px; font-family: 'Exo 2';}
#kolumna_1_rejestracja input {font-size: 14px; height: 24px;}
#kolumna_2_rejestracja {background-color: silver; width: 40%; height:97%; 
text-align: right; padding-right:5px; opacity:0.3;
position: relative; top:5px; float: left; font-family: 'Exo 2';}
#kolumna_2_rejestracja input {font-size: 14px; height: 24px;}
#kolumna_3_rejestracja { width: 30%; height:97%; 
text-align: right; padding-right:5px; 
position: relative; top:5px; float: left; font-family: 'Exo 2';}
#kolumna_3_rejestracja input {font-size: 14px; height: 24px;}
#kolumna_3_rejestracja img {width: 50px; height: 50px; display:none;}
.logo1{font-size: 30px; font-family:'Baloo Thambi'; padding: 10px; border:1px solid blue;}
.logo2{font-size: 30px; font-family:'Baloo Thambi'; background-color: blue; padding: 10px; color: white;}
#dol_logo{position: absolute; bottom:55px; right:15px; margin:0; height:40px;}
#potwierdz_kod{background-color: green;  color: white; padding: 20px; 
text-align: center; border-radius: 5px; width: 50%; position : relative; left: 40%; top: 1%;
}
.register_ok{ background-color: silver; padding:20px; border:2px solid white; 
border-radius:5px; position: relative; top:20px; display:none;}

#komunikat_rejestracja_ok img {height: 50px; width:50px; display: none;}
#komunikat_rejestracja_bad img {height: 50px; width:50px; display:none;}
.register_bad{ background-color: red; padding:20px; border:2px solid white; 
border-radius:5px; position: relative; color: white;  top:-10px; display: none; }

.komunikaty_register{background-color: gold; padding : 8px; border-radius: 5px; 
color : black; position: relative; bottom:-20px; display:none;}

#potwierdz_kod{cursor:pointer;}
.register_ok:hover{cursor:pointer;}

#logowanie_box{position: absolute; top: 6%; right: 2%; width:30%; 
background-color: white; z-index:70; height: 400px; border: 4px solid black; border-radius:5px;
display:none; padding: 10px;}
#close_logowanie_box{position: absolute; top:5px; right: 5px; width:30px; height:30px; 
text-align: center; }
#close_logowanie_box:hover{cursor:pointer;   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#close_logowanie_box img {width:30px; height: 30px; text-align: center; margin-right: 5px;}

#loguj{background-color: green;  color: white; padding: 15px; 
text-align: center; border-radius: 5px; width: 50%; position : relative; left: 42%; top: 5%;
}
#loguj:hover{cursor:pointer;}
#kolumna_1_logowanie {background-color: white; width: 90%; height:97%; text-align: right; padding-right:5px; 
position: relative; left: 5px; float: left; top:5px; font-family: 'Exo 2';}
#kolumna_1_logowanie input {font-size: 15px; height: 30px;}

.logo1{font-size: 30px; font-family:'Baloo Thambi'; padding: 10px; border:1px solid blue;}
.logo2{font-size: 30px; font-family:'Baloo Thambi'; background-color: blue; padding: 10px; color: white;}
#dol_logo2{position: relative; top:5px; right:15px; margin:0; height:40px; font-family:'Baloo Thambi'; 
font-size: 10px;}
#dol_logo2 h4{ font-size: 18px; font-family: 'Varela Round';}
#dol_logo h4{ font-size: 14px; font-family: 'Varela Round';}
#dol_logo3 h3{ font-size: 10px; font-family: 'Varela Round';}
.logo11{font-size: 15px; font-family:'Baloo Thambi'; padding: 5px; border:1px solid blue;}
.logo22{font-size: 15px; font-family:'Baloo Thambi'; background-color: blue; padding: 5px; color: white;}
#dol_logo3{position: absolute; bottom:30px; right:15px; margin:0; height:25px; font-family:'Baloo Thambi'; 
font-size: 15px;}

#loguj_stan{background-color: silver; border-radius:5px; color:black; padding: 10px; display: none; 
width: auto; height: 20px; border: 2px solid white; text-align: center; position: absolute; right:1%;}
.zamow{width:20px; height:20px;}
.zamow:hover{cursor:pointer;}
.koszyk_promocja:hover{cursor:pointer;}
#tip_koszyk
	{
   
	padding    :10px;
	font-family:'Exo 2';
    font-size  :12pt;
	position: absolute;
    display: none;
    border-radius: 5px;
   height: 20px; width:150px;
    background-color: #fff1c6;
	border: 2px solid orange;
	z-index:199000;
	
	
	}
	#koszyk{position: absolute; top: 5%; left:20%; width:75%; height: 350px; 
	border:4px solid black; z-index:150; background-color: white; font-size: 8px; font-family: 'Exo 2'; 
	 display:none;}
	
	#koszyk table{ margin-left: 10px;}
	#koszyk table th {background-color: silver; text-align: center; opacity: 0.7;}
	.usun_z_koszyka_zalogowany:hover{cursor:pointer;}
	.usun_z_koszyka_nie_zalogowany:hover{cursor:pointer;}
	#koszyk table td{padding: 10px;}
	#zamknij_koszyk{position: absolute; top: 1%; right: 1%;}
	#zamknij_koszyk img{width:25px; height:25px;}
	#zamknij_koszyk:hover{cursor:pointer;}
	#suma_koszyk{position: absolute; bottom:30px; left: 5%; font-family: 'Exo 2'; font-size: 14px;}
	.realizuj_koszyk{width: 50px; height: 30px; border-radius: 5px; background-color: green; 
	 padding: 10px; color: white;}
	 #dane_kupujacy{ position:absolute; left: 40%; width: 55%; height: 280px; border-radius:5px; }
	 #dane_kupujacy h3{font-family: 'Exo 2'; font-size: 20px;}
	 
	 #dol_logo_koszyk{position: absolute; bottom:5px; right:5px; margin:0; height:30px;}
.logo1_koszyk{font-size: 20px; font-family:'Baloo Thambi'; padding: 10px; border:1px solid blue;}
.logo2_koszyk{font-size: 20px; font-family:'Baloo Thambi'; background-color: blue; padding: 10px; color: white;}
	 #dol_logo_koszyk h4{font-size: 10px; font-family: 'Varela Round';}
	 #zaloguj_z_koszyka{ background-color: silver; border-radius:5px; position: absolute; top:20px; 
	 left: 48%; height: 150px; width: 40%; font-family: 'Varela Round'; font-size: 12px; 
	  padding: 10px;}
	  #zarejestruj_z_koszyka{border-radius:5px; position: absolute; top:20px; left:2%; height: 150px; 
	  width: 40%; padding: 10px;font-family: 'Varela Round'; font-size: 12px; border: 2px solid silver;}
	 .srodek_koszyk{position: relative; top:40px; }
	 
	 
 #koszyk_krok1{position: absolute; top: 5%; left:20%; width:75%; height: 350px; 
	border:4px solid black; z-index:150; background-color: white; font-size: 8px; font-family: 'Exo 2'; 
	 display:none;}
		#koszyk_krok1 table{ margin-left: 10px;}
	#koszyk_krok1 table th {background-color: silver; text-align: center; opacity: 0.7;}
	.usun_z_koszyka_zalogowany_krok1:hover{cursor:pointer;}
	.usun_z_koszyka_nie_zalogowany_krok1:hover{cursor:pointer;}
	#koszyk table_krok1 td{padding: 10px;}
	#zamknij_koszyk_krok1 {position: absolute; top: 0px; right: 0px; padding:0px; 
	}
	
	
	#zamknij_koszyk_krok1 img{width:20px; height:20px;}
	
	#zamknij_koszyk_krok1:hover{cursor:pointer;}
	#suma_koszyk_krok1{position: absolute; bottom:30px; left: 5%; font-family: 'Exo 2'; font-size: 14px;}
	
	.realizuj_koszyk_krok1{width: 50px; height: 30px; border-radius: 5px; background-color: green; 
	 padding: 10px; color: white;}
	 #dane_kupujacy_krok1{ position:absolute; left: 30%; width: 65%; height: 250px; border-radius:5px; 
	 top: 20px;}
	 #dane_kupujacy_krok1 h3{font-family: 'Exo 2'; font-size: 16px;}
	 
	 #dol_logo_koszyk_krok1{position: absolute; bottom:20px; right:65px; margin:0; height:30px;}
.logo1_koszyk_krok1{font-size: 20px; font-family:'Baloo Thambi'; padding: 10px; border:1px solid blue;}
.logo2_koszyk_krok1{font-size: 20px; font-family:'Baloo Thambi'; background-color: blue; padding: 10px; 
color: white;}
	 #dol_logo_koszyk_krok1 h4{font-size: 10px; font-family: 'Varela Round';}
  #zarejestruj_z_koszyka_zalogowany_krok1{position: absolute; top:-5px; left:2%; height: 250px; 
	  width: 95%; padding: 10px;font-family: 'Varela Round'; font-size: 12px; border-left: 0.2pt dotted silver;}
	  #zarejestruj_z_koszyka_zalogowany_krok1 input {font-size: 14px; height: 20px; padding: 4px;}
	 .srodek_koszyk_krok1{position: relative; top:40px; }
	#dostawa_adres{position: absolute; left: 55%; top: 5px; width:40%;  
	height:200px; padding: 5px; border-left: 0.2pt dotted silver;
	}
	
	
	 
	  #zarejestruj_z_koszyka_zalogowany{position: absolute; top:5px; left:2%; height: 250px; 
	  width: 95%; padding: 10px;font-family: 'Varela Round'; font-size: 12px; border-left: 2px solid silver;}
	  #zarejestruj_z_koszyka_zalogowany input {font-size: 14px; height: 18px; padding: 10px;}
	 .srodek_koszyk{position: relative; top:40px; }
	 
	 
	 .zarejestruj_z_koszyka{ background-color: gold; padding:20px; border:2px solid white; 
border-radius:5px; position: relative; top:20px; }
	 .zaloguj_z_koszyka{ background-color: green; padding:20px; border:2px solid white; 
border-radius:5px; position: relative; top:20px; }
.zarejestruj_z_koszyka:hover{cursor:pointer; font-weight: 800;}
.zaloguj_z_koszyka:hover{cursor:pointer; font-weight: 800;}	
.lbl {width: 150px; padding: 3px; display: block;}
.realizuj_koszyk:hover{cursor:pointer; font-weight: 800;}
#lupa_szukaj:hover{cursor:pointer;} 
.ilosc_nip img{width:10px; height: 10px;}
#os_komunikat{display:none;  }
.os_komunikat_blad{background-color: red; position: relative; top:20px; padding: 10px; 
color: black;  width: 30px; height: 20px; border-radius:5px;}
.os_komunikat_ok{background-color: green; position: relative; bottom:10px; padding: 10px; 
color: black;  width: 50px; height: 20px; border-radius:5px;}
#ppp{position: absolute; bottom:60px; left: 10px; font-family: 'Exo 2'; font-size: 10px; padding: 2px; 
background-color: silver; border-radius: 5px;}
.firma_komunikat{display:none;}
.firma_komunikat_blad{background-color: red; position: relative; top:20px; padding: 10px; 
color: black;  width: 30px; height: 20px; border-radius:5px;}
.firma_komunikat_ok{background-color: green; position: relative; top:20px; padding: 10px; 
color: black;  width: 50px; height: 20px; border-radius:5px;}
.ukryj_adres_zmiana{display:none; padding: 10px;}
.zatwierdz_zmiane_adresu{height: 15px; width:60px; border:1px solid black; border-radius:5px; 
text-align: center; padding: 5px; background-color: blue;margin-top: 10px; color: white;}
.zatwierdz_zmiane_adresu:hover{font-weight:800; cursor:pointer; border: 2px solid black;}
.zatwierdz_zmiane_adresu_os{height: 15px; width:60px; border:1px solid black; border-radius:5px; 
text-align: center; padding: 5px; background-color: blue;margin-top: 10px; color: white;}
.zatwierdz_zmiane_adresu_os:hover{font-weight:800; cursor:pointer; border: 2px solid black;}
#dwa_tygodnie{width: 28%; height: 400px; position: relative;  float: left; padding: 20px; background-color: silver;}
#dostawa_gratis{width: 28%; height: 400px; position: relative;  float: left; padding: 20px; background-color: silver; border-left: 1px dotted black; border-right: 1px dotted black; }
#formy_platnosci{width: 28%; height: 400px; position: relative;  float: left; padding: 20px; background-color: silver; }		 
	#dwa_tyg_naglowek{font-size: 40px; font-family: 'Exo 2'; font-weight: 800; text-align: center; padding: 50px; background-color: black; 
	z-index:250; color: gold; border-radius:10px; } 
	#dual_con{ width:35%; height: 400px; position: relative; top: -100px; float: left;}
	#dual_drugi{width:10%; height: 400px; position: relative; top: -100px; right: -80px; float: left;}
	.opisek{font-family:'Bad Script';}
	#dual_con_right{ width:48%; height: 400px; position: relative; top: -100px; float: right; right: 25px;}
	 #dual_lewy_img{position: relative; top: 10px; left:60px; height: 100px; 
	 width: 100px;  background-size: 100%; 
	 background-repeat: no-repeat; background-position:center; background-color: white;}
	 #dual_srodek_img{position: relative; top: -80px; left:20px;  
	 height: 350px; width: 350px; z-index: 200
	 ; background-size: 100%; 
	 background-repeat: no-repeat; background-position:center; background-color: white;}
	 #dual_dol_img{position: relative; bottom: 150px; left:280px; 
	 height: 80px; width: 100px;  background-size: 100%; 
	 background-repeat: no-repeat; background-position:center; background-color: white; }
 .opisek{ width:350px; height: 50px; transform: rotate(90deg); 
 position: relative; left: -175px; top: 150px; font-size: 20px; font-family: 'Exo 2'; font-weight: 800; 
 color: gray;}
 #opis_dualu{width: 100%; height:70%; border: 4px double gray; position: relative; top:0px; 
 font-family: 'Exo 2'; font-size: 20px; border-radius:10px;
 background-image: url('img/dual_skaner.jpg'); 
 background-position:center; background-repeat:no-repeat; background-size:100%;}
 #opis_dualu1d{width:40%; height: 25%; position: relative; bottom: 0px; border: 1px solid red; 
 float: left; padding: 10px;  font-family: 'Exo 2'; font-size: 15px; border-radius:10px; }
 

 #opis_dualu1d span { font-size: 20px; font-weight:800; font-family: "Exo 2";}
 #opis_dualu1d span a:hover{cursor:pointer;}
#opis_dualu2d{width:40%; height: 25%; position: relative; bottom: 0px;  border: 1px solid red; 
float: right; padding: 10px; font-family: 'Exo 2'; font-size: 15px; border-radius:10px; }
#opis_dualu2d span { font-size: 20px; font-weight: 800; font-family: "Exo 2"; }
 
 #opis_dualu2d span a:hover{cursor:pointer;}
		 #kontener_srodek{position: relative; left: 2%; top: 10%; width:80%; height: 80%; 
		 border: 1px solid red; background-color: black; z-index: 300; opacity: 0.7; color: white; border-radius: 5px;}
	


.dropdown1 {
    position: relative;
    display: inline-block;
	font-size: 8px;
	font-family: Candara;
}

.dropdown1-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    
  z-index:99000;
  border:3px solid black; border-radius: 10px; padding: 12px 16px;
}

.dropdown1:hover .dropdown1-content {
    display: block;height:400px; width:500px; }	


.dropdown2 {
    position: relative;
    display: inline-block;
	font-size: 8px;
	font-family: Candara;
}

.dropdown2-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    
  z-index:99000;
  border:3px solid black; border-radius: 10px; padding: 12px 16px;
}

.dropdown2:hover .dropdown2-content {
    display: block;height:400px; width:500px; }	 



	
	 
	 .koszyk_promocja3{border: 2px solid green; width: 20px; height: 20px; border-radius: 10px; 
	background-color: green; padding: 10px; position: relative; top: 30px; text-align: center; color :white;
	font-family: 'Exo 2';}
     .koszyk_promocja3:hover{font-weight:600; cursor:pointer;}
	 .dol_stopki{ width:95%; height: 200px; position: absolute; top: 10px; right: 10px; 
	 border-radius:10px; text-align: center; padding: 10px; background-color: black;}
	 #stopka hr {width: 50%; text-align: center;}
	 #stopka a {color:white; text-decoration:none; font-size: 25px;}
	 #stopka a:hover {color:white; font-weight: 600;}
	 .fotki_folder{width:50px; height: 50px;}
	 .fotki_folder:hover{cursor:pointer;}
	 .no_style{text-decoration:none; color: black;}
	 
#oddzwonimy_img img{position: absolute; top:-15px; right:-20px; z-index:250; border: 1px solid white; background-color: white;}
#oddzwonimy_img2 img{position: absolute; top:-15px; right:-20px; z-index:250; border: 1px solid white; background-color: white; }
#oddzwonimy_img img{width:20px; height:20px;}
#oddzwonimy_img2 img{width:20px; height:20px;}
#oddzwonimy_img2 img:hover{cursor:pointer;}
#oddzwonimy_szczegoly{position: fixed; bottom:1px; left:1px; height:150px; width:350px; 
border: 1px solid blue; z-index:250; border-radius:10px; display: none; z-index:250; 
font-family: 'Exo 2'; font-size: 20px; background-color: white; border: 2px solid silver; 
 padding: 10px; background-image: url('img/phone.gif'); 
background-repeat: no-repeat;background-position: right center; background-size: 15%;padding:10px; 
line-height:25px; margin-top: 30px; margin-left: 20px;}
#oddzwonimy_szczegoly input {height: 20px; font-size: 20px; padding: 20px;}
#oddzwonimy_szczegoly select { padding: 10px;}
#oddzwonimy:hover{cursor:pointer; border:1px solid silver;}
#livechat:hover{cursor:pointer; border:1px solid silver;}
.wyslij_numer_t{background-color: green; opacity: 0.4; padding: 10px; height: 25px; 
width: 50px; text-align: center; border-radius: 5px; border: 1px solid black;
 font-family: 'Exo 2'; font-size: 10px;}

.wyslij_numer_t:hover{opacity:1; font-weight: 800; cursor:pointer;}
.male_l{font-size: 10px; padding: 0;}

#livechat img {width:100px; height:50px; z-index: 99999;}
#livechat:hover{cursor:pointer;}
#chat{position: fixed; bottom:5px; right: 30px; width:350px; padding: 10px; margin-left:5px; 
height:400px; z-index:350; border-radius:5px; background-color: white; display: none;
font-family: 'Exo 2'; font-size: 15px; border: 2px solid silver;}
#chat_img img{position: absolute; top:5px; right:5px; z-index:250; border: 1px solid white; background-color: white;}
#chat_img img{width:20px; height:20px;}
#chat_img img:hover{border:1px solid silver; cursor:pointer;width:20px; height:20px;}
	#chat input{font-size: 15px; height:25px;} 
	.wyslij_wiadomosc_chat{background-color: green; border-radius: 5px; padding:10px; color: white; height: 25px; width: 50px;}
	 #rozmowa_chat {height:200px; width:340px;  overflow:scroll; border: 1px solid black; background-color: white; border-radius: 5px;
	 border:2px dotted silver; }
	 #status_chat{width:340px; height: 30px; border: 1px solid black; background-color: silver;}
	 #wyslij_wiadomosc_chat:hover{cursor:pointer;}
	 .ty_class{padding: 2px; background-color: silver; opacity:0.7; border-radius:5px;}
	 .admin_class{padding: 10px; background-color: gold; opacity: 0.7; border-radius:5px; border: 1px solid black;}
	 .male_daty{font-size:8px;}
	 .wyslij_wiadomosc_chat:hover{cursor:pointer; font-weight:600;}
	 #cookie{background-color: black; opacity: 0.6; width:50%; height: 35px; border: 2px double black; border-radius:10px;
	 position:absolute; top: 1px; left:1px; font-family: 'Exo 2'; text-align: center; font-size:15px;z-index:300; color: white; margin-left:5px; padding: 5px;}
	 #cookie_img img{position: absolute; top:5px; right:5px; z-index:250;
	 border: 1px solid white; background-color: white; width:20px; height:20px;}
	 #cookie_img img:hover{cursor:pointer; border:2px solid black;}
	 #opis_promocja_prawy a {text-decoration:none;}
	 #opis_promocja_lewy a {text-decoration: none;}
	 .promocja_towar{hight:400px;}
	 del {
  text-decoration: line-through;
}
.promocja_three{height:150px; width:200px;}
.wyroznienie{font-family: "Exo 2"; font-size: 30px; position: absolute; top: -50px; left: -400px; font-weight: 800;}
.lupka{width: 50px; height:50px;}
.h1_dual{font-family: "Exo 2";font-size: 30px; font-weight:800; text-align:center;}
.h1_dual a{text-decoration:none;}
.h2_dual{font-family: "Exo 2";font-size: 15px; text-align:center;line-height: 1.6;}
.h2_dual a:link, a:visited{text-decoration:none; color: black;}
.facebook-lb, .linkedin, .tumblr, .twitter, .yt
{ display: inline-block; background: url('img/pgn.png') 
no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.facebook-lb { background-position: -5px -0px; width: 35px; height: 35px; }
.linkedin { background-position: -48px -0px; width: 35px; height: 35px; }
.tumblr { background-position: -7px -40px; width: 35px; height: 35px; }
.twitter { background-position: -45px -35px; width: 35px; height: 35px; }
.yt { background-position: -45px -70px; width: 35px; height: 35px; }
.center_span{text-align: center; align: center; margin-left: 35%;}

#czytnikikodow{font-family: 'Exo 2'; text-align: center; align: center;}
#bezprzewodoweskanery {font-family: 'Exo 2'; text-align: center; align: center;}
#stacjonarnekody{font-family: 'Exo 2'; text-align: center; align: center;}
#dkody {font-family: 'Exo 2'; text-align: center; align: center;}