html { overflow-y: scroll; }
body { position: relative; text-align: center; margin: 0; padding: 0; font-family: Arial; font-size: 11px; color: white; background: url(grafika/bg.png) -4px 0;}

p, div, form, fieldset, img, table, ul, ol { border: 0; text-align: left; margin: 0; padding: 0;}
a { outline:none; }
a:focus { -moz-outline-style: none; }
div  { margin: auto; }
a:link {color: white; text-decoration: none}
a:visited {color: white; text-decoration: none}
a:active {color: white; outline: none; text-decoration: none}
a:hover {color: white; text-decoration: underline;}
tr { vertical-align:top; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.msg { font-weight:bold; color:red; text-align:center; }

#page { width: 1074px; background: url(grafika/bg_top.png) 21px 0 no-repeat; padding-top: 9px; }

#top { width: 1020px; height: 163px; position: relative; }
#top .kosz_szukaj { height: 23px; position: absolute; right: 0px; }
#top .kosz_szukaj .koszyk_graf { position: relative; top: -3px; margin-right: 6px; }
#top .kosz_szukaj .w_koszyku { position: absolute; top: 5px; left: 38px; color: #b0adad; }
#top .kosz_szukaj .koszyk_link { position: relative; top: -7px; margin-right: 8px; margin-left: 8px;  }
#top .kosz_szukaj .search_pole { border: 0; position: absolute; top: 4px; left: 304px; width: 116px; background: url(grafika/search_pole.png) -6px -4px; color: #b0adad; font-size: 10px;}
#top .kosz_szukaj .search_submit { border: 0; background: url(grafika/lupa.png); width: 15px; height: 15px; position: absolute; top: 4px; left: 424px; cursor: pointer;}
#top .kosz_szukaj .facebook { position: relative; top: -1px; margin-left: 6px; }
#top .logo { position: absolute; top: 5px; left: -10px; }
#top .page_menu { position: absolute; top: 76px; right: 2px; }
#top .page_menu a { margin-left: 50px; font-weight: bold; font-size: 13px; }
#top .menu { width: 1020px; height: 62px; background: url(grafika/top_menu.png) no-repeat; position: absolute; top: 101px; }
#top .menu p { padding-left: 40px; position: relative; top: -2px; line-height: 33px; }
#top .menu p a { color: black; font-weight: bold; margin-right: 30px; }


#rotator { margin-top: 20px; margin-bottom: 20px; text-align: center; height: 226px; width: 926px; position: relative;}
#rotator img { position: absolute; top: 0; left: 0; display: none;}
#rotator .arrow { position: absolute; height: 46px; width: 31px; top: 90px; background-position: 0px 0px; display: none; cursor: pointer;  }
#rotator .left { background-image: url(grafika/rotator_left.png); left: -35px; }
#rotator .right { background-image: url(grafika/rotator_right.png); right: -35px; }
#rotator .arrow:hover { background-position: 63px 0px; }

#main_prods { width: 1020px; color: black; position: relative;}
#main_prods .tabs { position: relative; top: 2px; overflow: auto; height: 34px; }
#main_prods .tabs .tab { width: 285px; height: 34px; background: url(grafika/tab.png); float: left; margin-right: 2px; }
#main_prods .tabs .tab p { color: black; padding-left: 8px; padding-top: 10px; font-size: 13px; font-weight: bold; text-transform: uppercase; }
#main_prods .tabs .off { background-position: 0px 34px; cursor: pointer; }
#main_prods .tabs .off p { padding-top: 12px; text-transform: capitalize; }

#main_prods .arrow { position: absolute; height: 45px; width: 54px; top: 200px; background-position: 0px 45px; }
#main_prods .left { background-image: url(grafika/left.png); left: -27px; }
#main_prods .right { background-image: url(grafika/right.png); right: -27px; }
#main_prods .on { background-position: 0px 0px; cursor: pointer; }
#main_prods .on:hover { background-position: 0px 90px; }


#main_prods .content-wrap { border: 2px solid #d3c18d; border-top-color: #e1d5b1; border-right-color: #a9892f; border-bottom-color: #b9a362; }
#main_prods .content { border: 2px solid black; background: url(grafika/tab_bg.jpg); height: 372px; position: relative; }

#main_prods .content .scroll-wrap { position: absolute; top: 0px; left: 0px; margin-left: 42px; width: 930px; height: 370px; overflow: hidden; }
#main_prods .content .items { height: 372px; position: relative; } 
#main_prods .content .item { width: 156px; position: relative; top: 11px; float: left; margin-left: 15px; margin-right: 15px; display: inline; }
#main_prods .content .item .pole { width: 150px; height: 17px; background: url(grafika/tab_pole_bg.png); border: 1px solid #a8acad; text-align: center; padding-top: 4px; margin-bottom: 2px; font-weight:bold}
#main_prods .content .item .foto { width: 156px; height: 207px; background: url(grafika/tab_prod_ramka.png); text-align: center; position: relative; left: 2px; margin-top: 4px;}
#main_prods .content .item .foto .no_photo { position: relative; top: 50px; }
#main_prods .content .item .foto img { width: 150px; height: 200px; position: relative; left: -3px; }
#main_prods .content .item .cena { font-size: 16px; }
#main_prods .content .item .cena span { float: left; }
#main_prods .content .item .cena span.kwota { float: right; color: #328521; font-weight: bold;  }
#main_prods .content .item .stara_cena { clear: both; text-align: right; color: #be0c0c; text-decoration: line-through; }
#main_prods .content .item .do_kosza { position: absolute; top: 294px; width: 159px; height: 38px; background: url(grafika/do_koszyka.png); display: block; border: 0; }
#main_prods .content .item .do_kosza:hover { background-position: 0px 38px; cursor: pointer;}
#main_prods .content .item .more_info { position: absolute; top: 336px; left: 14px; }
#main_prods .content .item .more_info a { font-weight: bold; font-style: italic; color: black;  }
#main_prods .content .item .more_info a:hover { text-decoration: none;  }
#main_prods .content .item .more_info img { margin-right: 8px; position: relative; top: 2px;  }



#bottom { border: 2px solid #ab8c32; border-top-color: #d4c18c; border-right-color: #ad8e36; border-bottom-color: #b9a362; width: 976px; margin-top: 20px; background: url(grafika/bg2.png); padding: 20px; padding-top: 16px; padding-bottom: 16px; overflow: auto; }
#bottom .euroadres { float: left; width: 160px; height: 100px; border: 1px solid #c79810; }
#bottom .podzielnik { margin-left: 40px; margin-right: 40px; position: relative; top: -2px; float: left; }
#bottom .subskrypcja {
	color:white;
	font:normal 12px arial;
	float: left;
	width: 230px;
	height: 100px;
}
#bottom .subskrypcja .nazwa {
	font:normal 14px arial;
	margin-bottom:12px;
}
#bottom .subskrypcja .opis {
	padding-top:6px;
	clear:both;
}
#bottom .subskrypcja_email {
	width: 130px;
	float:left;
}
#bottom .subskrypcja_submit {
	width: 91px;
	height: 23px;
	background: url(grafika/zapisz.png);
	display: block;
	border: 0;
	float:right;
}
#bottom .subskrypcja_submit:hover {
	background-position: 0px 23px;
	cursor: pointer;
}
#bottom .platnosci {
	float: left;
	aawidth: 260px;
	height: 100px;
}
#bottom .platnosci img {
	border: 1px solid #c79810;
}


#stopka { border-top: 2px solid #c79810; width: 1020px; margin-top: 20px; margin-bottom: 15px; padding-top: 6px; overflow: auto; }
#stopka .item { float: left; margin-right: 20px; }
#stopka .item img { float: left; }
#stopka .item p { float: left; margin-left: 6px; position: relative; top: 1px; }
#stopka .item p span { font-size: 8px; }
#stopka .hover:hover { cursor:pointer; }



#produkt { color: black; margin-top: 12px; width: 1022px; background: url(grafika/prod_opis_srodek.png); overflow: auto; }
#produkt .gora { background: url(grafika/prod_opis_gora.png) no-repeat; overflow: auto; }
#produkt .dol{ position: relative; background: url(grafika/prod_opis_dol.png) 0 100% no-repeat; padding: 20px; overflow: auto; }
#produkt .nazwa { position: relative; border: 1px solid #b4b4b4; padding: 10px; padding-top: 9px; font-size: 18px; font-weight: bold; height: 22px; color: black; background-color: white; border-bottom-color: #e8e8e8; border-right-color: #e8e8e8; }
#produkt .nazwa .ikony { position: absolute; right: 10px; top: 3px; }
#produkt .paski { position: relative; height: 26px; margin-top: 4px; }
#produkt .pasek { height: 15px; width: 482px; position: absolute; border: 1px solid #d5d5d5; border-bottom-color: #aaaaaa; font-weight: bold; padding: 3px; color: black; background: url(grafika/prod_tlo.png)} 
#produkt .prawy { left: 492px; }
#produkt .komorka1 { border: 1px solid #e7e6e6; border-bottom-color: #9c9b9b; border-right-color: #9c9b9b; background-color: #f2f3f1; padding: 6px; padding-left: 18px; font-weight: bold; text-align: right; font-size: 12px; margin-right:3px; color:black; }
#produkt .komorka2 {  border: 1px solid #e7e6e6; border-bottom-color: #9c9b9b; border-right-color: #9c9b9b; background-color: #f2f3f1; padding: 2px; padding-left: 18px; font-weight: bold; text-align: right; font-size: 11px; color:black; }
#produkt .producent { font-size: 16px; border: 1px solid #b4b4b4; padding: 10px; padding-top: 9px; font:normal 16px verdana; width:361px; color: black; background-color: white; border-bottom-color: #e8e8e8; border-right-color: #e8e8e8; }
#produkt .cena { color:darkgreen; border: 1px solid #b4b4b4; padding: 10px; padding-top: 9px; font:bold 16px verdana; width:361px; background-color: white; border-bottom-color: #e8e8e8; border-right-color: #e8e8e8; }
#produkt .cenaStrike { color:red; font-size: 14px; text-decoration: line-through; }
#produkt .hr { border:0; aabackground:#cccccc; border-top:#cccccc 1px solid; margin:5px 0 3px 0; width: 482px; height: 1px; }
#produkt .cecha2 { border: 1px solid #b4b4b4; padding: 2px 10px; font: bold 11px verdana; width:350px; color: black; background-color: white; border-bottom-color: #e8e8e8; border-right-color: #e8e8e8; }
#produkt .opis { border: 1px solid #b4b4b4; padding: 9px 8px; font: normal 11px verdana; width:466px; height:150px; min-height:150px; color: black; background-color: white; border-bottom-color: #e8e8e8; border-right-color: #e8e8e8; }
#produkt .pokazInne { width: 299px; height: 41px; background: url(grafika/inne_produkty.png); display: block; border: 0; float:left}
#produkt .pokazInne:hover { background-position: 0px 41px; cursor: pointer;}
#produkt .wstecz { width: 160px; height: 40px; background: url(grafika/wstecz.png); display: block; border: 0; float:left;}
#produkt .wstecz:hover { background-position: 0px 40px; cursor: pointer;  }
#produkt .opis div.dokosza {
	clear:both;
	padding-top:40px;
}
#produkt .opis div.dokosza .do_kosza { position: relative; width: 159px; height: 38px; background: url(grafika/do_koszyka.png); display: block; border: 0; margin-left: 150px;}
#produkt .opis div.dokosza .do_kosza:hover { background-position: 0px 38px; cursor: pointer;}
}

/* Treść działów */
#produkt .tresc {  }
#produkt p { margin-bottom:12px; }

#produkt_foty{ border: 2px solid #ab8c32; border-top-color: #d4c18c; border-right-color: #ad8e36; border-bottom-color: #b9a362; width: 1018px; margin-top: 12px; background: url(grafika/bg2.png); overflow: auto; position: relative; }
#produkt_foty .foto_sred { border: 1px solid white; width: 340px; height: 463px; margin-top: 14px; margin-left: 14px; float: left; display: inline; position: relative; background-color: white;}
#produkt_foty .foto_sred:hover { cursor: none;  }
#produkt_foty .foto_sred img { border: 1px solid black; width: 338px; height: 461px;  }
#produkt_foty .foto_sred .zoom { display: none; border: 1px solid black; height: 119px; width: 160px; position: absolute; left: 1px; top: 1px; }

#produkt_foty .foto_duze { border: 1px solid white; margin-top: 14px; margin-left: 24px; width: 621px; float: left; display: inline;}
#produkt_foty .foto_duze .cont { border: 1px solid black; width: 619px; height: 461px; overflow: hidden; position: relative; background-color: white; }
#produkt_foty .foto_duze .cont img { position: absolute; width: 1300px; height: 1773px; }

#produkt_foty .foty_mini { clear: both; padding: 14px; }
#produkt_foty .foty_mini img { margin-right: 8px; cursor: pointer; cursor: hand; }




#kategorie #okno_kategorie {
	border: 2px solid #ab8c32;
	border-top-color: #d4c18c;
	border-right-color: #ad8e36;
	border-bottom-color: #b9a362;
	width: 976px;
	margin-top: 20px;
	background: url(grafika/bg2.png);
	padding: 20px;
	padding-top: 16px;
	padding-bottom: 16px;
	overflow: auto;
}
#kategorie #okno_kategorie .tytul {
	font:bold 18px verdana;
	color: black;
	padding:12px 15px;
	background:white;
	border:#453933 1px solid;
	margin-bottom:12px;
}
#kategorie #okno_kategorie .sort .el {
	margin-left:22px;
	font:bold 10px verdana;
	color: white;
}
#kategorie #okno_kategorie .sort .el a {
	margin-left:12px;
}
#kategorie #okno_kategorie .sort .selectlimit {
	margin-right:1px;
	float:right;
}


#kategorie .wyniki {
  color: black;
	margin-top: 12px;
	width: 1022px;
	background: url(grafika/prod_opis_srodek.png);
	overflow: auto;
}
#kategorie .wyniki .gora { background: url(grafika/prod_opis_gora.png) no-repeat; overflow: auto; }
#kategorie .wyniki .dol { position: relative; background: url(grafika/prod_opis_dol.png) 0 100% no-repeat; padding: 20px; overflow: auto; }
#kategorie .wyniki .produkt_maly {
	width:156px;
	height:370px;
	margin:0 10px 10px 26px;
	float:left;
}
#kategorie .wyniki .nazwa, #kategorie .wyniki .producent {
	border: 1px solid #b4b4b4;
	padding: 2px 0;
	margin-bottom:3px;
	font: bold 10px verdana;
	width:154px;
	color: black;
	text-align:center;
	background-color: white;
	border-bottom-color: #e8e8e8;
	border-right-color: #e8e8e8;
}
#kategorie .wyniki .nazwa a {
	color: black;
}
#kategorie .wyniki .opis {
	background: url(grafika/tab_prod_ramka.png) no-repeat;
	width:156px;
	height:207px;
	text-align:center;
	margin-bottom:5px;
}
#kategorie .wyniki .opis .hot {
	height:26px;
	min-height:26px;
	text-align:right;
}
#kategorie .wyniki .opis img.foto {
 width: 150px; height: 200px; position: relative; left: -3px;
}
#kategorie .wyniki .ceny {
	font:bold 12px verdana;
	color:black
}
#kategorie .wyniki .cena {
	float:right;
	color:darkgreen;
	font:bold 14px verdana;
}
#kategorie .wyniki .cenaStrike {
	float:right;
	color:red;
	font:bold 10px verdana;
	text-decoration:line-through;
	clear:both;
	margin-bottom:10px;
}
#kategorie .wyniki .do_kosza {
	width: 159px;
	height: 38px;
	background: url(grafika/do_koszyka.png);
	display: block;
	border: 0;
	margin:10px 0;
	clear:both;
}
#kategorie .wyniki .do_kosza:hover {
	background-position: 0px 38px;
	cursor: pointer;
}
#kategorie .wyniki .more a {
	font:italic bold 11px verdana;
	color:black;
	margin-left:12px;
}
#kategorie p.lista_stron {
	font:normal 12px verdana;
	color:black;
	text-align:center;
	margin-bottom:14px;
}
#kategorie p.lista_stron a {
	font:bold 12px verdana;
	color:black;
	margin-left:5px;
	margin-right:5px;
}

/* Koszyk */
#produkt #okno_koszyk table {
	width:976px;
}
#produkt #okno_koszyk th {
	border: 1px solid #e7e6e6;
	border-bottom-color: #9c9b9b;
	border-right-color: #9c9b9b;
	background-color: #f2f3f1;
	padding: 6px;
	font: bold 10px verdana;
	text-align: left;
	margin-right:3px;
	color:black;
	vertical-align: middle;
}
#produkt #okno_koszyk td {
	background:white;
	border: 1px solid #e7e6e6;
	border-top-color: #9c9b9b;
	border-left-color: #9c9b9b;
	font:normal 10px verdana;
	color:black;
	vertical-align: middle;
	padding:2px 4px;
}
#produkt #okno_koszyk td a {
	color:black;
}
#produkt #okno_koszyk td.final {
	border: 1px solid #e7e6e6;
	border-bottom-color: #9c9b9b;
	border-right-color: #9c9b9b;
	background-color: #f2f3f1;
	text-align: right;
	padding-right:4px;
}
#produkt #okno_koszyk .nobg {
	background-color: #f2f3f1;
	border: 1px solid #f2f3f1;
}
#produkt #okno_koszyk .zapisz {
	width: 150px;
	height: 23px;
	background: url(grafika/button.png);
	display: block;
	border: 0;
	color:white;
	font:bold 11px verdana;
}
#produkt #okno_koszyk .zapisz:hover {
	background-position: 0px 23px;
	cursor: pointer;
}
#produkt #okno_koszyk .refresh {
	background:url("grafika/odswiez.png");
	border:0;
	cursor: pointer;
	width: 21px;
	height: 24px;
}


.tresc {
	position: relative; border: 1px solid #b4b4b4; padding: 10px; padding-top: 9px; font-size: 12px; font-weight: normal; color: black; background-color: white; border-bottom-color: #e8e8e8; border-right-color: #e8e8e8;
}
.tresc a {
	color:brown;
	text-decoration:none;
	border-bottom:brown 1px dotted;
}
.tresc a:hover {
	color:blue;
	border-bottom:blue 1px solid;
}
.tresc ol, .tresc ul {
	margin-bottom:28px;
}
.tresc li {
	margin-left:20px;
}
.tresc input.platnosc {
	width: 160px;
	height: 39px;
	background: url(grafika/platnosc.png);
	display: block;
	border: 0;
	margin-left:402px;
}
.tresc input.platnosc:hover {
	background-position: 0px 39px;
	cursor: pointer;
}