/*--ogolne--*/
body {
	font-family: verdana, arial, sans serif;
	font-size: 11px;
	color: #BEC0C0;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #181B1B;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #BEC0C0;
}

a:hover {
	color: #D7D9D9;
	font-weight: bold;	
}

img, a img {border: none;}

h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 12px; 
	margin: 10px 0px 6px 0px; 
	padding: 0px;
	color: #BEC0C0;
	font-weight: bold;
}

* h3 {
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

* h4 {
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	font-weight: bold;
}

input, textarea {
	background-color: #1D2223;
	border: 1px solid #6D7272;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #BEC0C0;
	width: 150px;
}

input.szukaj {
	background-image: url(/gfx/fb_szukaj.gif);
	background-repeat: no-repeat;
	border: none;
	width: 58px;
	height: 21px;
}
input.kupuje {
	background-image: url(/gfx/fb_kupuje2.gif);
	background-repeat: no-repeat;
	border: none;
	width: 60px;
	height: 18px;
}
input.aktualizuj {
	background-image: url(/gfx/fb_aktualizuj_koszyk.gif);
	background-repeat: no-repeat;
	border: none;
	width: 149px;
	height: 18px;
}
input.zaloguj {
	background-image: url(/gfx/fb_zaloguj.gif);
	background-repeat: no-repeat;
	border: none;
	width: 51px;
	height: 18px;
}
input.ok {
	background-image: url(/gfx/fb_ok.gif);
	background-repeat: no-repeat;
	border: none;
	width: 28px;
	height: 18px;
}
input.anuluj {
	background-image: url(/gfx/fb_anuluj.gif);
	background-repeat: no-repeat;
	border: none;
	width: 47px;
	height: 18px;
}
input.zmien {
	background-image: url(/gfx/fb_zmien.gif);
	background-repeat: no-repeat;
	border: none;
	width: 47px;
	height: 18px;
}
input.nastepny {
	background-image: url(/gfx/fb_nastepny.gif);
	background-repeat: no-repeat;
	border: none;
	width: 99px;
	height: 18px;
}
select {
	background-color: #1D2223;
	width: 150px;
	color: #BEC0C0;
}
input.radio {
	width: 20px;
	border: none;
}
input.checkbox {
	width: 20px;
	border: none;
}

img.header {
	padding: 0px 0px 15px 0px;
}


/*--szerokosc robocza--*/
#content0 {
	width: 740px; 
	border-style: none; 
	margin: auto; 
	padding: 0px;
}

/*--logo i menu gorne--*/
#top {
	height: 68px; 
	padding: 0px; 
	text-align: left;
	width: 740px; 
}
#top #lewy 
{ 
	float: left; 
	width: 370px;
	height: 68px;
	padding: 0px;
	margin: 0px;
}
#top #prawy {
	float: left;
	text-align: right;
	padding: 16px 20px 0px 0px;
	margin: 0px;
	height: 52px;
	width: 350px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 52px;
	width: 350px;
}
html>body #top #prawy {
	height: 52px;
	width: 350px;
}
#top #prawy a {
	font-weight: normal;
	font-size: 10px;
	color: #8C8D8D;
}
#top #prawy a:hover {color: #C0C1C1}

/*--wyszukiwarka i menu0--*/
#menu0 {
	height: 50px; 
	padding: 0px; 
	text-align: left;
	width: 740px;
	background-image: url(/gfx/menu0.jpg);
	background-repeat: no-repeat;
}
#menu0 #lewy 
{ 
	float: left; 
	padding: 13px 0px 0px 21px;
	margin: 0px;
	width: 359px;
	height: 37px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 359px;
	height: 37px;
}
html>body #menu0 #lewy {
	width: 359px;
	height: 37px;
}
#menu0 #prawy {
	float: left;
	text-align: right;
	padding: 4px 3px 0px 0px;
	margin: 0px;
	width: 357px;
	height: 46px;	
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 357px;
	height: 46px;
}
html>body #menu0 #prawy {
	width: 357px;
	height: 46px;
}

/*--menu1 i banner--*/
#banner {
	width: 740px;
	height: 141px; 
	padding: 0px; 
	text-align: left;
}
#banner #lewy 
{ 
	float: left; 
	padding: 10px 0px 0px 18px;
	margin: 0px;
	background-image: url(/gfx/menu1.jpg);
	background-repeat: no-repeat;
	width: 182px;
	height: 131px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 182px;
	height: 131px;
}
html>body #banner #lewy  {
	width: 182px;
	height: 131px;
}
#banner #prawy {
	float: left;
	text-align: left;
	padding: 6px 0px 0px 20px;
	width: 520px;
	height: 135px;
	margin: 0px;
	background-image: url(/gfx/banner.jpg);
	background-repeat: no-repeat;
}
#banner #prawy div.zdjecie {float: left;}
#banner #prawy div.zdjecie img {border: 1px solid #525E6A;}
#banner #prawy div.tekst {padding: 0px 0px 0px 10px;}
#banner #prawy div.cena {
	text-align: right;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F2A724;
	padding: 5px 30px 0px 0px;
}
#banner #prawy div.buttons {padding: 25px 0px 0px 5px;}

/*--glowna zawartosc strony wraz z lewym menu--*/
#content {
	width: 740px;
	height: 141px; 
	padding: 0px; 
	text-align: left;
	min-height: 200px;
}
#content #lewy { 
	float: left; 
	width: 200px;
	padding: 0px;
	margin: 0px;
	background-image: url(/gfx/menu2.gif);
	background-repeat: repeat-y;
}
#content #lewy div.menu2 {
	background-image: url(/gfx/menu2_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 102px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 102px;
}
html>body #content #lewy div.menu2 {
	min-height: 102px;
	height: auto;
}
#content #lewy div.menu2 ul {
	list-style-type: none;
	padding: 10px 20px 10px 20px;
	margin: 0px;
}
#content #lewy div.menu2 li {
	background-image: url(/gfx/g_linia_menu.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 3px 0px 7px 0px;
	margin: 0px;
}
#content #lewy div.menu2 li.last {background-image: none;}
#content #lewy div.menu2 li a {font-weight: normal;}
#content #lewy div.menu2 li a span.ra {color: #F2A724;}
#content #prawy {
	float: left;
	text-align: left;
	width: 500px;
	padding: 10px 20px 10px 20px;
	margin: 0px;
}

/*--stopka--*/
#footer {
	background-image: url(/gfx/footer.jpg);
	background-repeat: no-repeat; 
	color: #939697;
	text-align: left; 
	font-size: 10px;
	width: 740px;
	height: 56px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 740px; 
	height: 56px;
}
html>body #footer {
	width: 740px;
	height: 56px;
}
#footer #lewy { 
	float: left; 
	width: 190px;
	height: 41px;
	padding: 15px 0px 0px 15px;
	margin: 0px;
}
#footer #prawy {
	float: left;
	text-align: center;
	width: 535px;
	height: 35px;
	padding: 16px 0px 0px 0px;
	margin: 0px;
}
#footer a {
	color: #939697; 
	text-decoration: none; 
	font-weight: normal;
}
#footer a:hover {color: #B7B9B9;}

/*--czyszczenie floatow--*/
div.cl {clear: both;}
div.cl2 {
	clear: both;
	background: url(/gfx/g_linia_promocje2.gif) no-repeat 0px 50%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 30px; 
}
/*----*/

/*--promocje - strona glowna--*/
#promocje div.lewy_box {
	float: left;
	width: 235px;
	padding: 0px 15px 0px 0px;
	background-image: url(/gfx/g_linia_promocje1.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}
#promocje div.prawy_box {
	padding: 0px 0px 0px 15px;
	float: left;
	width: 235px;
	
}
#promocje div.foto {
	float: left;
	width: 83px;
}
#promocje div.foto a{
	display: block;
	text-align: center;
	border: 1px solid #4B4D4D;
	padding: 3px;
}
#promocje div.opis {
	float: left;
	padding: 0px 0px 0px 8px;
}
#promocje div.opis div.tekst {
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 140px;
}

#promocje div.opis div.cena {
	padding: 0px;
	width: 140px;
	color: #F2A724;
	font-size: 14px;
	height: 26px;
	font-family: arial, sans-serif;
	font-weight: bold;
	text-align: right;
}
#promocje div.opis div.linki {
	width: 140px;
}
#promocje div.opis a.kupuje{
	margin: 0px;
	padding: 0px 0px 0px 25px;
	width: 60px;
	height: 18px;
}

#lista_produktow table{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
#lista_produktow tr {
	background: url(/gfx/g_linia_promocje2.gif) no-repeat 50% 100%;
}
#lista_produktow td {
	padding: 15px 0px 15px 0px;
	vertical-align: top;
}
#lista_produktow td.lewa a{
	display: block;
	text-align: center;
	border: 1px solid #4B4D4D;
	padding: 3px;
}
#lista_produktow td.prawa {
	text-align: right;
	width: 150px;
}
#lista_produktow td.prawa div.cena {
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 51px;
	color: #F2A724;
}

#lista_produktow table.pager tr{
	background: none;
}
#lista_produktow table.pager td {
	color: #FFFFFF;
	font-weight: bold;
}
#lista_produktow table.pager td a {
	font-size: 11px;
	color: #F2A724;
	padding-bottom: 2px;
	background: url(/gfx/g_linia_link.gif) repeat-x 0% 100%;
}

#opis_produktu div.lewa {
	float: left;
	width: 310px;	
	padding-right: 20px;
}

#opis_produktu div.prawa {
	float: left;
	width: 170px;
	text-align: center;
}

#opis_produktu div.lewa div.cena {
	padding: 15px 0px 15px 0px;
	color: #F2A724;
	font-size: 14px;
	font-family: arial, sans-serif;
	font-weight: bold;
	text-align: right;
}

#opis_produktu div.prawa a {
	display: block;
	text-align: center;
	border: 1px solid #4B4D4D;
	padding: 3px;
}

/*--koszyk--*/
#koszyk table {
	border: 1px solid #242B2C;
	color: #BEC0C0;
}
#koszyk table td {
	background-color: #1E2324;
	padding: 3px;
}
#koszyk table th {
	background-color: #242B2C;
	padding: 5px;
}


table.cennik {
	border: 1px solid #242B2C;
	color: #BEC0C0;
}

table.cennik td {
	background-color: #1E2324;
	padding: 3px;
}

p.atrerrmsg {
	margin: 15px 0px 5px 0px;
	padding: 0px;
	color: #DF290F;
}
div.galeria a {
	width: 130px;
	height: 80px;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px auto 0px auto;

	background-color: #1E2324;
}

div.galeria a img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

div.galeria table {
	text-align: center; 
	margin: auto;
	font-size: 10px;
}

div.galeria td {
	padding-bottom: 10px;	
	font-size: 11px;
}

#lista_produktow h2 {
	background: url(/gfx/h_listaproduktow.gif); width: 500px; height: 26px; text-align: right; margin-bottom: 15px; padding-top: 10px; font-size: 11px; color: #6B6E6E;
}

#opis_produktu h2 {
background: url(/gfx/h_szczegoly.gif); width: 500px; height: 26px; text-align: right; margin-bottom: 15px; padding-top: 10px; font-size: 11px; color: #6B6E6E;
}

#lista_produktow h3 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

#opis_produktu h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#promocje h3 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}

div.topSell {
	background-color: #181B1B;
	margin: 0px;
}

div.topSell div.hidden {
	display: none;
	text-align: center;
	border: 1px solid #4B4D4D;
	padding: 3px;
	width: 80px;
	margin: auto;
}

div.topSell ol {
	list-style-type: decimal;
	padding: 5px 25px 10px 25px;
	margin: 5px 5px 0px 5px;
	
}
div.topSell li {
	padding: 2px 0px 2px 0px;
	margin: 0px;
}
div.topSell li a {font-weight: normal;}
div.topSell li a:hover {font-weight: normal;}