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

#menuTOP {position:absolute; right: 0; top: 0;  margin: 0;  padding:0;  }

/* =======   KOSZYK ======= */
#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; } 


/* === 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}	

/* === MOJE KONTO  ===  */
#mojekonto ol { margin: 0;  padding: 0; list-style-type:none; } 
#mojekonto > li { position:absolute;  right: 145px; top: 7px; display:inline;  width: 90px; height: 24px;padding:0; color:#fff; background: #444; 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:120px; 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, #waluta a  {display:block; color:#333; background:#eee;}		
#mojekonto a:hover, #waluta a:hover{ color:#fff; background:#4eabf0;}			
		
/* === SZUKAJ  ===  */
#szukaj  ol {  margin: 0;  padding:0; list-style-type:none; text-align:left; }
#szukaj  > li { position:absolute;  right: 235px; 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 MONITORÓW ======= */

 /* --- 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:10px; 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: bold; font-family: Arial, sans-serif; font-size: 13px; line-height: 40px;}
#menu > li:hover > a { color:#4eabf0;  }
	 
	/* --- POZIOM 1 - ROZWIJANA CZĘŚĆ POZIOMEGO MENU -wygląd elementów - li - rodzica każdej części rozwijanej menu--- */
	#menu > li > ul { position:absolute; left:-170px; visibility:hidden; z-index:12;   width: auto; height:auto;  margin:0 ; padding:14px 0 7px 0;  list-style-type:none;
	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 > li:hover > ul { visibility: visible;  }
	#menu > li > ul > li {position: relative;  min-width:150px;width:150px; display: table-cell; background: #fff; padding: 0 0 1px 0; margin: 0px 0 0 0; }
	#menu > li > ul >  li > a {display:block; padding: 3px 7px 3px 20px;  color: #000; background: url(grafiki/li0.gif) no-repeat left 7px top 0px; font-weight: bold; font-size: 12px; line-height: 16px;  }
	 #menu > li > ul >  li:hover > a {color: #fff;  background:#4eabf0 url(grafiki/li.gif) no-repeat left 10px top 1px;  }  /* H3 dla podgrup sie nie zmienia  */

	#menu h3 { color: #333;margin: 0px  0px 0px 0px; font-weight: bold; font-size: 12px; line-height: 16px; } 

	/* ---POZIOM 2  ---*/
		#menu > li > ul > li > ol { display:none; position: absolute; width:98%; z-index:10; }
		#menu > li > ul > li:hover > ol { display:block;  visibility: visible;  background: #fff; border: #4eabf0  1px solid;}
		#menu > li > ul > li > ol > li { padding:  0; margin: 0 }
		#menu > li > ul > li > ol > li > a {display:block; color:#4eabf0;  font-size: 13px;  line-height: 16px;  padding: 3px 0px 1px 7px;}
		#menu > li > ul > li > ol > li > a:hover { color:#c00; background: #d3ecff; }
/* ==================== */
a.on {color: #c00;  font-weight: bold;}

/* =======  MENU dla SMARTFONÓW ======= */
#menu_sm {display:none;}
#menu_sm {width: 214px; position:absolute; left:2px; top:0; text-align: center; z-index: 14; background:#fff; box-shadow: 2px 4px 7px #777; 	-moz-box-shadow: 2px 4px 7px #777; 	-webkit-box-shadow: 2px 4px 7px #777; }
#menu0 { width: 100%; margin: 0px auto 1px;  text-align: left; }
#menu0 dt {	cursor: pointer;}

/* menu boczne - przyciski*/
dl, dt, dd {display: block; margin: 0; font-size:14px; line-height:30px; }

dt.poziom0 { color: #777; background:#ccc; border: #ccc 1px solid; margin: 0px 0 1px  0; padding: 0 0 0 0px; }
dt.poziom0:hover {background:#fff; color: #333;}
.rozwin {display:inline-block; float: left; width: 40px; height: 30px; font-size:30px; line-height:30px;  margin: 0px 10px 1px  0; text-align: center; border-right: #ccc 1px solid;  }

dt.poziom1  { width:200px; color: #777; background:#eee; border: #ccc 1px solid; margin: 0px 0 1px  0; padding: 0 0 0 10px; }
dt.poziom1:hover {background:#fff; color: #333;}

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

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

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

#menu0 span {color: #aaa; font-size:22px; line-height:30px;}
#menu0 i {color: #aaa; font-size:12px; line-height:30px;  font-style: normal;}

dd a:link, dl a:visited { display: block; color: #777; background:#eee; }
dd a:hover, dl a:hover { display: block; background:#fff; color: #333; }
/*Koniec utawien menu*/   
 
/* ---- 777px ------------- */
 @media all and (max-width:777px) 
{
#menu {display:none;}
#menu_sm {display:block;}
}

/* ---- 600px ------------- */
 @media all and (max-width:600px) 
{
/* #menu_sm { width: 99%} */

#menuTOP {position:absolute; right: -100px; top: 0;   }
#menu_koszyk > li { position:absolute; left: -164px; top: 50px;}
}

/* ---- 500px ------------- */
 @media all and (max-width:500px) 
{
#menuTOP  {position:absolute; right: -100px; top: 40px;   }
#menu_koszyk > li { position:absolute; right: 0px; top: -40px;}
}