/**** OGOLNIE ****/
* 		{ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; line-height: 15px;}
body 	{ background-image: url(images/tlo_tyl51.jpg); background-color: #662518; }

h2			{ font-size: 15px; color: #8C0808; clear: both; }
h2 span	{ font-size: 15px; color: #000000; }

a		{ color: #8C0808; text-decoration:none; }
a:hover	{ text-decoration: underline;}

img 	{ border: none; }

del.cena { display: block; text-align: right; padding-right: 10px; text-decoration: line-through; }
ins.cena { display: block; text-align: right; padding: 0 10px 10px 0; font-size: 20px; color: #8C0808; text-decoration: none; }
span.cenaoddo { display: block; text-align: right; padding: 0 10px 10px 0;}
ins.cena2 { display: inline; text-align: right; font-size: 20px; color: #8C0808; text-decoration: none; }
span.cena { display: inline; text-align: right;  font-size: 12px; color: #000000; text-decoration: none;  font-weight:bold;}
span.zawiera { display: block; text-align: right; font-size:12px; color: #000000; text-decoration: none; font-weight:bold;}

.clear { visibility: hidden; height: 1px; clear: both; }

/**** KUBA LINKI PIERWSZA STRONA ****/
#produkt { top: 5px; left: 0px; display: inline; position: relative; }
#produkt_nowosc{ top: 5px; display: inline; position: relative; }

/**** GORNY, CZARNY PASEK ****/
#bar { background-color: #000000; height: 25px; color: white; }
#bar div { width:765px; margin: 0 auto; }
#bar p { width: 530px; margin: 0 auto; padding: 5px 0 0 10px; float: left; }
#bar p span { color: #FCB100; }
#bar form { width: 225px; margin: 0 auto; padding: 3px 0 0 0; float: right; }
#bar a { color: #FFFFFF; }
#logout {float: left; padding-top: 3px;}


/**** LOGO ****/
h1	{ width: 765px; height: 130px; margin: 0; padding: 0; background-color: #DFC48F; }
h1 a 			{ width: 540px; height: 130px; float: left; position: relative; font-size: 20px; line-height: 4em; text-indent: 10px; }
h1 a span	{ display: block; position: absolute; left: 0; top: 0; width: 130px; height: 130px; background: url(gfx_top/top_03.jpg); cursor: pointer; }
#gora2		{ background: url(gfx_top/top_04.jpg); top: 0; left: 130px; width: 375px; height: 130px; position: absolute;  }
#gora3		{ background: url(gfx_top/top_05.jpg); top: 0; left: 505px; width: 260px; height: 130px; position: absolute; }

/**** ZAWARTOSC GLOWNA ****/
#calosc { width:765px; margin: 0 auto; background-color: #E5C9A2; position: relative;}
#srodek { width:765px; background: #E5C9A2 url(images/tlo.jpg) top repeat-y; position: relative; }
#sidebar { float: left;  }
#content { float: right; margin: 0; padding-right: 26px; padding-bottom: 10px; width: 555px; }


/**** MENU GORNE ****/
#menu			{ background: url('gfx_top/top_12x.jpg') no-repeat right; width: 765px; height: 25px; }
#menu li			{ float: left; list-style: none; }
#menu li a		{ display: block; position: relative; font: normal 15px serif; text-align: center; }
#menu li span	{ display: block; cursor: pointer; position: absolute; top: 0; left: 0; }
#glowna, #glowna span	{ background: url('gfx_top/top_07x.jpg') no-repeat top; width: 117px; height: 25px; }
#konto, #konto span		{ background: url('gfx_top/top_08x.jpg') no-repeat top; width: 87px; height: 25px; }
#koszyk, #koszyk span	{ background: url('gfx_top/top_09x.jpg') no-repeat top; width: 59px; height: 25px; }
#zamow, #zamow	span		{ background: url('gfx_top/top_10x.jpg') no-repeat top; width: 84px; height: 25px; }
#szukaj, #szukaj span	{ background: url('gfx_top/top_11x.jpg') no-repeat top; width: 78px; height: 25px; }
#menu li a:hover span	{ background-position: bottom; }
#gora_dol	{ background: url('gfx_top/top_14.jpg') no-repeat top; width: 765px; height: 44px; } 


/**** MENU LEWE ****/
#sidebar h2 		{ margin: 0 0 5px 45px; }
#sidebar h2.modull 	{ margin: 15px 0 5px 45px; }
#oferta  		{ margin: 0 0 0 35px; color: #F8EFE4; width: 132px; list-style-type: none; padding-top: 7px; background: url(images/menu_left_01.gif) no-repeat top; }
#oferta li 	{ width: 119px; padding: 2px 2px 2px 11px; background: url(images/menu_left_04.gif) #F8EFE4 repeat-y; border-bottom: 1px solid #E8CCAA; }
#oferta li a			{ font-weight: normal; color: #000000; text-decoration: none; }
#oferta li a:hover	{ text-decoration:underline }
#oferta li n			{ color: #8C0808; font-weight: bold; }
#oferta li n:hover 	{ color: #C13003; text-decoration: underline; }
#oferta li a.n			{ color: #8C0808; font-weight: bold; }
#oferta li.last		{ width: 119px; height:25px; background: url(images/oferta_last.gif) no-repeat; padding: 2px 2px 0px 11px;; margin: 0; border-bottom: none;}


/**** MODUL LEWY ****/
.nl	{ margin-left: 35px; width: 132px; padding-top: 7px; list-style-type: none; background: url(images/menu_left_01.gif) no-repeat top; }
.nl p, .nl form	{ width: 119px; padding: 2px 2px 2px 11px; background: url(images/menu_left_04.gif) #F8EFE4 repeat-y; }
.nl div	{ width: 132px; height:7px; background:url(images/nl_end.gif) no-repeat; padding: 0; margin: 0; }

/**** MENU DOLNE ****/
#stopka 			{ background: url(images/tlo_dol_02.jpg) no-repeat bottom; width: 765px; padding-bottom: 10px; clear: both; }
#stopka ul 		{ background: #DFC48F url(images/belka_03.jpg) no-repeat center top; width: 691px; height: 30px; margin: 10px auto; padding-top: 14px; text-align: center; }
#stopka li		{ display: inline; margin: 0 5px 0 5px; background: transparent url(images/separator.gif) left no-repeat; padding-left: 15px; }
#stopka .first	{ background-image: none; }
#stopka a		{ font-family: serif; font-size:13px; font-weight: bold; color: #4A4A4A; }


/**** MODUL TXT ****/
.powitanie 		{ width: 541px; float: left; position: relative; }
.powitanie p	{ padding: 8px 0 9px 1px; }
.powitanie img { padding-left: 20px; float: right; }
#content h2.bag { padding: 15px 0 0 10px; }
#content h2.bagfirst { padding: 0 0 0 10px; }


/**** LISTING PRODUKTOW ****/
.pages 			{ width: 541px; float: left; position: relative; padding-top: 10px; }
.pages p.right	{ float: right; }
.pages p	{ float: left; }




/**** MODUL DUZY ****/
#content h2.big { background: url(images/1_top.gif) bottom left no-repeat; padding: 15px 0 13px 10px; }
.modul_big 		{ width: 541px; background: #EFDBB6 url(images/1_midi.gif) center; position: relative; padding-bottom: 10px; }
.modul_big p	{ padding: 10px 20px; margin: 0; }
.modul_big ol	{ padding: 5px 30px;}
.modul_big img { float: right; margin: 10px 20px 10px 10px; }
.big_end			{ height:8px; background: url(images/1_down.gif) top left no-repeat;}


/**** MODUL DUZY z marginesem ****/
.modul_big_margin 		{ padding: 10px 20px 20px 20px; }
.modul_big_margin img	{ padding: 2px 2px 2px 2px; }


/**** PRODUKT ZWYKLY ****/
#content h2.bigfirst { background: url(images/1_top.gif) bottom left no-repeat; padding: 0 0 13px 10px; }
.produktz 		{ width: 541px; background: #EFDBB6 url(images/1_midi.gif) center; position: relative; padding-bottom: 10px; }
.produktz p	{ padding: 10px 20px; margin: 0; }
.produktz img { float: right; margin: 10px 20px 10px 10px; }
.produktz h4	{ padding: 10px 0 5px 20px; }
.produktz ul { padding: 0 15px 0 15px; }
.produktz ul.produktz_img li img	{ float: none; display: inline; padding: 5px; margin: 0; }
.produktz ul.produktz_img li		{ list-style: none; display: inline; float: none; }



/**** SUBMODUL - PRODUKTY ****/
.modul_big h3	{ background: #Bc9874 url(images/h3.gif) left no-repeat; font-size: 11px; color: white; margin: 10px 20px 0 20px; padding: 2px 10px; }
.submodul p 	{ padding: 6px; }
.submodul		{ width: 501px; margin: 0 0 0 20px; background: #DECBAD url(images/3b_midi.gif); }
.submodul img	{ margin: 10px 2px 0 7px; float: left; }
.submodul h4	{ padding: 10px; }
.info_real		{ margin: 10px 5px 0 5px; float: left; width: 189px; min-height: 150px; background: #E9D6B6; }
ul.img			{ padding: 0 8px 0 8px; margin: 0; }
ul.img li		{ list-style: none; display: inline; }
ul.img li img	{ float: none; display: inline; padding: 1px; margin: 0; }
ul.mp3 li		{ list-style: disc url(images/mp3.gif) inside; margin-left: 10px;  }
ul.video li		{ list-style: disc url(images/video.gif) inside; margin-left: 10px;  }
.info_sub		{ margin: 10px 5px 0 0; float: left; width: 186px; min-height: 150px; background: #E9D6B6; }
.info_sub dl	{ padding: 0 10px 20px 10px; float:right; }
.info_sub dt	{ display: block; float: left; width: 90px; height: 15px; margin: 0; padding: 0;}
.info_sub dd	{ display: block; float: left; width: 73px; height: 15px; margin: 0; padding: 0;}
.info_sub dd img		{ margin: 0; float: none; }
.info_sub_single { margin:1px 1px 1px 1px; float: left; width: 186px; min-height: 150px; background: #EFDBB6;}
.info_sub_single dl	{ padding: 0 0 0 10; float:right; }
.info_sub_single dt	{ display: block; float: left; width: 90px; height: 15px; margin: 0; padding: 0;}
.info_sub_single dd	{ display: block; float: left; width: 73px; height: 15px; margin: 0; padding: 0;}
.info_sub_single dd img		{ margin: 0; float: none; }
.submodul_end 			{ height:8px; background: url(images/3b_down.gif) top no-repeat; }




/**** MODUL EXTRA ****/
ul.extra 		{ padding: 0 5px 0 5px; }
ul.extra li		{ list-style: none; float: left; width: 120px; height:205px; text-align: center; font-weight: bold; color: #8C0808; padding:6px;}
ul.extra img	{ display: block; float: none; margin: 10px auto; }
ul.extra a		{ float: none; display: block; margin: 0 auto; width: 41px; }

/**** MODUL MALY ****/
.modul_small		{ width: 267px; float: left; margin: 12px 7px 5px 0; position: relative; background: url(images/2_midi.gif); }
.modul_small h3 	{ position: relative; top: -5px; padding: 7px 10px; font-size: 14px; color: #8C0808; background: url(images/2_top.gif) top no-repeat;}
.modul_small img	{ float: right; margin: 0 10px; position: relative; top: -25px; }
.modul_small p 	{ padding: 3px 11px 0px 10px;  min-height: 195px;  height: 195px;}
.modul_small a 	{ display: block; position: absolute; bottom: 10px; left: 15px; width: 41px; height: 19px; }
.modul_small div 	{ height:8px; background: url(images/2_down.gif) bottom no-repeat; clear: right; position: relative; top: 5px; }


/**** FORMULARZE ****/
input.text		 	{ background: #FFFFFF; border: #808080 1px dotted; padding: 0 3px 0 3px; }
input.ok_black 	{ width: 16px; height: 16px; background:url(images/button_ok_black.gif) no-repeat; border: none; padding: 0; margin: 0; }
input.ok_bez 		{ width: 16px; height: 16px; background:url(images/button_ok_bez.gif) no-repeat; border: none; padding: 0; margin: 0; }
input.ok_braz 		{ width: 16px; height: 16px; background:url(images/button_ok_braz.gif) no-repeat; border: none; padding: 0; margin: 0; }
input.required		{ border: #808080 1px solid; padding: 0 3px 0 3px; }
input.submit		{ display: block; float: right; margin: 10px; border: none; width: 41px; height: 19px; background: url(images/button_kup.gif) bottom no-repeat; }
label					{ cursor: pointer; }

/**** REJESTRACJA ****/
#reg		{ width: 501px; margin: 0 0 0 20px; background: #DECBAD url(images/3b_midi.gif); }
.form_top			{ height:8px; background: url(images/3b_top.gif) top no-repeat; font-size: 1px; }
fieldset	{ border: none; margin: 0 10px; padding: 0; display: block; }
legend	{ padding: 5px 1px; margin: 0;  font-size: 11px; font-weight: bold; color: #8C0808; }
form dl	{ background: #DECBAD; }
form dt	{ border: 1px solid #DECBAD; background-color: #F5E5CB; width: 35%; height: 15px; padding: 10px; float: left; }
form dd	{ border: 1px solid #DECBAD; background-color: #ECDBBF; width: 55%; height: 15px; padding: 10px; float: left;  }
.modul_big form p	{ padding: 10px; float: left;}


/**** KOSZYK ****/
#cart				{ width: 501px; margin: 0 0 0 20px; }
#cart caption	{ text-align: left; padding: 5px 0 10px 0; display:none; }
#cart th, #cart tfoot td{ background: #BC9874 url(images/koszyk_tlo.gif); color: white; height: 20px; padding: 4px; text-align: center; }
#cart tbody td	{ background-color: #DECBAD; padding: 15px 5px 5px 3px; text-align: center;  }
#cart tbody .pos	{ text-align: left; font-weight: bold; }
#cart tfoot *	{  font-size: 14px; font-weight: bold; }
#cart img		{ float: left; margin: 5px; margin-top: -10px; }

#cart #pos		{ width: 220px; background-position: top left; }
#cart #price	{ width: 50px; background-position: top; }
#cart #count	{ width: 50px; background-position: top; }
#cart #time		{ width: 60px; background-position: top; }
#cart #sel		{ width: 60px; background-position: top right; }
#cart #sum		{ text-align: right; background-position: bottom left; }
#cart #sum_price{ width: 50px; background-position: bottom; }
#cart #change	{ width: 50px; background-position: bottom; }
#cart #blank	{ width: 60px; background-position: bottom; }
#cart #del		{ width: 50px; background-position: bottom right; }



/**** PRZYCISKI ****/
.button, button	{ margin: 0 !important; border: none; padding: 0 !important; float: left; display: block; position: relative; width: 65px; height: 27px; background: none; font-weight: normal !important; font-size: 10px !important; text-align: center; color: #8C0808; }
.button span, button span	{ display: block; position: absolute; left: 0; top: -3px; height: 27px; cursor: pointer; }

#content .apply, #content .do_koszyka	{ float: right; margin-right: 15px !important; }
#content .foward					{ float: right; margin-right: 5px !important;  }
#content ul.extra a				{ margin: 0 auto !important; }

.back span					{ width: 53px; background: url(images/button_powrot.gif) top no-repeat; }
.foward span				{ width: 75px; background: url(images/button_dalej.gif) top no-repeat; }
.apply span					{ width: 65px; background: url(images/button_zatwierdz.gif) top no-repeat; }
.zmien_adres span			{ width: 71px; background: url(images/button_zmien_adres.gif) top no-repeat; }
.buy span					{ width: 41px; background: url(images/button_kup.gif) top no-repeat; }
.zobacz span				{ width: 54px; background: url(images/button_zobacz.gif) top no-repeat; }
.zobacz2 span				{ width: 54px; background: url(images/button_zobacz.gif) top no-repeat; margin: 7px -10px;}
.przypomnienie_hasla span	{ width: 128px; background: url(images/button_przypomnienie_hasla.gif) top no-repeat; }
.opcje_wysylki span			{ width: 95px; background: url(images/button_opcje_wysylki.gif) top no-repeat; }
.ocen_produkt span			{ width: 94px; background: url(images/button_ocen_produkt.gif) top no-repeat; }
.historia_zamowien span		{ width: 121px; background: url(images/button_historia_zamowien.gif) top no-repeat; }
.dodaj_adres span			{ width: 82px; background: url(images/button_dodaj_adres.gif) top no-repeat; }
.potwierdz_zamowienie span	{ width: 128px; background: url(images/button_potwierdz_zamowienie.gif) top no-repeat; }
.ksiazka_adresowa span			{ width: 118px; background: url(images/button_ksiazka_adresowa.gif) top no-repeat; }
.produkty span			{ width: 76px; background: url(images/button_produkty.gif) top no-repeat; }
.oceny_klientow span			{ width: 108px; background: url(images/button_oceny_klientow.gif) top no-repeat; }
.administrator span			{ width: 98px; background: url(images/button_administrator.gif) top no-repeat; }
.do_koszyka span	{ width: 75px; background: url(images/button_do_koszyka.gif) top no-repeat; }
.change span		{ width: 65px; background: url(images/button_zmien.gif) top no-repeat; }
.del span			{ width: 65px; background: url(images/button_usun.gif) top no-repeat; }
.potwierdz_zamowienie span	{ width: 128px; background: url(images/button_potwierdz_zamowienie.gif) top no-repeat; }
.zaloguj_sie span	{ width: 75px; background: url(images/button_zaloguj_sie.gif) top no-repeat; }
.zaloguj span	{ width: 75px; background: url(images/button_zaloguj_sie.gif) top no-repeat; }
.przypomnienie span { width: 128px; background: url(images/button_przypomnienie_hasla.gif) top no-repeat; }


.button:hover span, button:hover span	{ background-position: bottom; }