/* =======  MENU TOP ======= */

#menuTOP {position:absolute; right: 10px; top: 0;   }
/* ===  KOSZYK === */
.zawart_kosz { font-size: 13px; line-height: 24px; text-align:center;   }
#menu_koszyk ol {  margin: 0;  padding:0; list-style-type:none; }
#menu_koszyk > li { position:absolute; right: 0; top: 0; display:inline;  z-index:16; width: 100px; height: 45px; color:#000; background: #4eabf0; text-align:center; font-size: 13px; line-height: 18px;  }
			/* POZIOM 1 */
		#menu_koszyk > li > ul { position:absolute; right:0px; top: 45px; visibility:hidden; z-index:12;   width:200px; height:auto;  margin:0 ; padding:14px 0 7px 0;  list-style-type:none;
		color:#000; background:#fff;  border: #ddd 1px solid; border-top:#4eabf0 3px solid;  box-shadow: 2px 7px 7px #777; 	-moz-box-shadow: 2px 7px 7px #777; 	-webkit-box-shadow: 2px 7px 7px #777;}
		#menu_koszyk > li:hover > ul { visibility: visible;  }
			/* POZIOM 2 */
			#menu_koszyk > li > ul > li > ol { display:block; width:100%; margin: 0 7px; border-top: #aaa 1px solid; text-align:center;  }
			#menu_koszyk > li > ul > li > ol > li { display: inline-block; padding: 0; margin: 7px 7px 0px 7px ;  }
			#menu_koszyk > li > ul > li > ol > li > a, a.dokasy {display:inline-block; color:#fff; background: #444;  font-size: 14px;  line-height: 16px;  padding: 7px 12px 7px 12px; border-radius: 20px; 	-moz-border-radius: 20px; 	-webkit-border-radius: 20px;}
			#menu_koszyk > li > ul > li > ol > li > a:hover, a.dokasy:hover{ color:#fff; background: #4eabf0; } 
	
/* === MOJE KONTO  ===  */
#mojekonto ol { margin: 0;  padding: 0; list-style-type:none; } 
#mojekonto > li { position:absolute;  right: 220px; top: 12px; display:inline;  width: 90px; height: 24px;padding:0; color:#fff; background: #222; text-align:center; font-size: 13px; line-height: 24px;  }
		/* --- POZIOM 1  */
		#mojekonto > li > ul { position:absolute; right:0px; top: 24px; visibility:hidden; z-index:16;   width:180px; height:auto; padding:4px 0 4px 0;  list-style-type:none;
		color:#000; background:#eee; border-top: #ccc 2px solid;  box-shadow: 2px 7px 7px #777; 	-moz-box-shadow: 2px 7px 7px #777; 	-webkit-box-shadow: 2px 7px 7px #777;}
		#mojekonto > li:hover > ul { visibility: visible;  }
#mojekonto a { font-size: 14px; line-height: 40px;}
#mojekonto a, #waluta a  {display:block; color:#333; background:#eee;}		
#mojekonto a:hover, #waluta a:hover{ color:#fff; background:#4eabf0;}		
	
	
 
	/* ==  MENU GÓRNE - blok == */
#NAW_ZEWN  {}
#NawWEWN  {  position: relative; height:87px; max-width:1170px; background: #fff;text-align:center; margin: 0 auto; }
#NawWEWN_home {  position: relative; height:30px; max-width:1170px; background: #fff;text-align:center; margin: 0 auto; }
 /* --- POZIOM 0 - GŁÓWNY - wygląd elementu - ol */
#nawig_poz { text-align:center;   }
#menu ol { padding:0; list-style-type:none;}
/* wygląd elementów - li  a*/
#menu > li {position: relative; top:0px; display: inline-block; text-align:left; margin:0; line-height: 20px; }
#menu > li > a {  display: inline-block; padding: 0 20px 0 0; text-decoration:none;  text-align:left; color:#000; font-weight: normal; font-family: Arial, sans-serif; font-size: 16px; line-height: 40px;}
#menu > li:hover > a { color:#4eabf0;  }		
			
	/* MENU KAFELKOWE OFERTA */
.lista_ofer {display:block; width:100%;  margin: 0px auto;text-align: center; }
.lista_ofer > a {display: inline-block; position: relative; vertical-align: text-top; vertical-align: top; color: #444; border:  #ccc 1px solid;
 min-width: 280px; max-width: 280px; text-align: center;  padding:7px 0 0px 0;  margin:0px 7px 7px 0px;   
  background: linear-gradient(#fff  67%, #eee); 	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
.lista_ofer> a:hover { color:  #4eabf0;  background: linear-gradient(#fff  67%,  #e5f4ff);   border: #4eabf0 1px solid;} 
.lista_ofer >a> h3 {display:block; margin: 4px 0 0 0; text-align:center; color: #444; width: 97%; height:44px; text-transform:uppercase; font-weight: normal; font-size: 16px;  line-height:20px; }
.lista_ofer> a:hover h3 {color: #4eabf0;}
.lista_ofer>a> img {display: block; border: 1px solid #fff; margin: 0 auto;  width: 260px;  min-height: 347px; max-height: 347px; height:auto;}	
		/* MENU NOWOŚCI */
.lista_news {display:block; width:100%;  margin: 0px auto;text-align: center; }
.lista_news > a {display: inline-block; position: relative;  color: #444; border:  #ccc 1px solid;
 text-align: center;  padding:7px 4px 0px  4px;  margin:0px 7px 7px 0px;   
  background: linear-gradient(#fff  67%, #eee); 	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
.lista_news> a:hover { color:  #4eabf0;  background: linear-gradient(#fff  67%,  #e5f4ff);   border: #4eabf0 1px solid;} 
.lista_news >a> h3 {display:block; text-align:center; color: #444; width: 97%; height:44px; text-transform:uppercase; font-weight: normal; font-size: 18px;  line-height:40px; }
.lista_news> a:hover h3 {color: #4eabf0;}
.lista_news>a> img {display: block; border: 1px solid #fff; margin: 0 auto;  min-height: 440px; max-height: 440px; height:auto;}	



a.grossen {display:inline-block; width: 220px; margin: 7px 14px 7px 0px; padding: 4px 7px 4px  2%; color: #777; border: #777 1px solid; background: #fff;font-weight: bold; font-size: 14px;  line-height: 18px;text-transform:uppercase;}
a.grossen:hover {color: #fff; background:#4eabf0; border:#4eabf0 1px solid;} 

/* ========================================= #5d9837 */
/* NOWE KONIEC */
/* ========================================= */		
			

/* === WYBÓR WALUTY  ===  */
#waluta ol { margin: 0;  padding: 0; list-style-type:none; } 
#waluta > li { position:absolute;  right: 105px; top: 7px; display:inline;  width: 40px; height: 24px;padding:0; color:#fff; background: #444; text-align:center; font-size: 13px; line-height: 24px;  }
		/* --- POZIOM 1  */
		#waluta > li > ul { position:absolute; right:0px; top: 24px; visibility:hidden; z-index:16;   width:40px; height:auto; padding:4px 0 4px 0;  list-style-type:none;
		color:#000; background:#eee; border-top: #ccc 2px solid;  box-shadow: 2px 7px 7px #777; 	-moz-box-shadow: 2px 7px 7px #777; 	-webkit-box-shadow: 2px 7px 7px #777;}
		#waluta > li:hover > ul { visibility: visible;  }	
		
/* === WYBÓR JĘZYKA  ===  */
#jezyk { position:absolute; right:150px; top: 10px; width:87px}	

	
		
/* === SZUKAJ  ===  */
#szukaj  ol {  margin: 0;  padding:0; list-style-type:none; text-align:left; }
#szukaj  > li { position:absolute;  right: 335px; top: 7px; display:inline;  width: 90px; height: 24px;padding:0; color:#fff; background: transparent; text-align:center; font-size: 13px; line-height: 24px;  }
		/* --- POZIOM 1  */
		#szukaj  > li > ul { position:absolute;left:7px; top: 24px; visibility:hidden; z-index:16; width: auto; height:auto; margin:0 ; padding:4px 7px; 
		list-style-type:none; color:#000; background:#ddd; border-top: #eee 2px solid;  border-bottom: #eee 2px solid;  box-shadow: 2px 7px 7px #777; 	-moz-box-shadow: 2px 7px 7px #777; 	-webkit-box-shadow: 2px 7px 7px #777;}
		#szukaj  > li:hover > ul { visibility: visible;  }

#szukaj input.szuk {display:table-cell; vertical-align: text-bottom;  width:60px; height: 60px;  border-radius: 30px;
 border: #eee 2px solid;  box-shadow: 2px 3px 4px #000; 	-moz-box-shadow: 2px 3px 4px #000; 	-webkit-box-shadow: 2px 3px 4px #000;
margin:0; background: #fff url(grafiki/szukaj1.png) no-repeat top center; padding: 20px 0 0 0 ; font-size:12px; line-height: 20px;
}
#szukaj input.szuk:hover {background: #4eabf0 url(grafiki/szukaj1.png) no-repeat  top center; cursor: hand  }
		
/* =======  MENU dla SMARTFONÓW ======= */
#menu_sm {display:none;}
#menu_sm {position: fixed; top:4px; right:7px;  z-index: 999; /* width: 220px; */ text-align: center; font-family: Arial, sans-serif;}

#menu0 {position: relative; /* width: 99%; */ margin: 0px auto 4px;  text-align: left;}
#menu0 dt {	cursor: pointer;}
#menu0 span {color: #777; font-size:22px; line-height:30px;}
#menu0 i {color: #777; font-size:16px; line-height:30px;}

.rozwin {position: absolute; top:4px; right:7px;  display: inline-block; background: #c00; width: 40px; height: 40px; text-align: center; border: #ccc 1px solid; border-radius: 3px; font-size:40px; line-height:40px;  }

#menu0> dd>dl {position: absolute; top:44px;  right:7px;}
/* menu boczne - przyciski*/
dl, dt, dd {display: block; margin: 0; font-size:16px; line-height:40px; }

dd a:link, dd a:visited { display: block; padding: 7px 0 7px 0px;  color: #333; background: #eee;font-size: 14px; line-height: 16px; }
dd a:hover, dt a:hover, dl a:hover { background:#fff; color: #c00; }

dt.poziom0 {  width: 40px;height: 40px; color: #fff; background: transparent; border: #ccc 0px solid; margin: 0px 0 3px  0; padding: 0 0 0 10px; border-radius: 3px; }
dt.poziom0:hover {background: transparent;  color: #e77516;}

dt.poziom1  { width: 210px; color: #777; background: #eee; border: #ccc 1px solid; margin: 3px 0 0px  0; padding: 7px 0 7px 10px; font-size: 14px; line-height: 16px;  border-radius: 3px;}
dt.poziom1:hover {background:#fff; color: #333;}

 dt.poziom1a  { color: #777; background: #eee; border: #ccc 1px solid; margin: 3px 0 0px  0; padding: 7px 0 7px 10px;  font-family: Arial, sans-serif; font-size: 14px; line-height: 16px;border-radius: 3px;}
dt.poziom1a:hover {background:#eee; color: #333;} 

dt.poziom2  { color: #fff; background: #aaa; border: #ccc 1px solid; margin: 0px 0 3px  0; padding: 0px 0 0px 10px; border-left: #ddd 14px solid; }
dt.poziom2:hover {background:#fff; color: #333;}

dd.poziom2  {  display: block;background: #eee; margin: 0;  padding: 0px 0 0px 10px; border: #ccc 1px solid; border-left: #aaa 14px solid;  	}
dd.poziom2:hover { display: block; background:#fff; color: #333;}

dd.poziom3  { color: #777; background:#eee; border: #ccc 1px solid; margin: 0px 0 3px  14px; padding: 0 0 0 10px; border-left: #ddd 3px solid; }
dd.poziom3:hover {background:#fff; color: #333;} 

/*Koniec utawien menu*/   
 
/* ---- 777px ------------- */
 @media all and (max-width:777px) 
{
#NawWEWN_home, #NawWEWN {height:140px;}
#menu {display:none;}
#menu_sm {display:block;}
#menuTOP {position:absolute; right: 0px; top: 40px;   }
#menu_koszyk > li { position:absolute; right: 7px; top: 65px;} 
#mojekonto > li { position:absolute;  right: 120px; top: -28px;z-index:999}
}

/* ---- 500px ------------- */
 @media all and (max-width:500px) 
{
#mojekonto > li { position:absolute;  right: 7px; top: 17px;     width: 90px;
    height: 40px;}
}