/* reset css */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}q:before,q:after{content:'';} /* ustawienia globalne*/ body, html {background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#363B41; font-size:12px} textarea, input, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#363B41; float:left;} legend {display:none;} button {cursor:pointer;} label {cursor:pointer;} strong {font-weight:bold;} a, a:hover {font-size:12px; color:#C4BF79;text-decoration:none; outline:none; font-size: 12px } a:hover {text-decoration:underline;} /* form */ #form {margin-left: 20px; margin-top: 25px} #form em {clear:both; display:inline; float:left; width:180px; font-size: 10px} #form li {clear:both; margin-bottom:12px; overflow:hidden;} #form input {border:#AFA74D solid 1px; background:#fff; overflow:hidden; width: 283px; height: 16px} #form select {height:16px; background:#fff; border:#AFA74D solid 1px; font-size:10px; width: 285px} #form textarea { height:100px; width:283px; border:#AFA74D solid 1px; background:#fff; overflow:hidden;} #form i {clear:both; float:left; margin-left:180px; font-size:9px; color:#D80029; width:280px} #form input.r {width: 50px; float: left; border: none} #form cite {float: left} #form button.wyslij_pl {background:url(../img/button_szukaj2.gif); width:104px; height:30px; margin-left:0px; text-indent:-20000px} /* form end */ #dp {width: 911px; margin: 0 auto;} #cl {width: 201px; float: left; } #logo {width: 201px; background: url(../img/logo.gif) -1px top no-repeat; height: 191px} #logo a {display:block; width: 100%; height: 85px;} #kategorie {width: 201px; background-color: #C4BF79} #kategorie .kat_top {width: 201px; height: 46px; background: url(../img/kategorie_top.gif) no-repeat } #kategorie .kat_bottom {width: 201px; height: 26px; background: url(../img/kategorie_bottom.gif) no-repeat } #kategorie ul li {width: 181px; margin-left: 2px; background-color: #B7B272; padding: 8px; margin-top: 5px; } #kategorie ul li a, #kategorie ul li a:hover {display: block; width: 100%; font-size: 15px; color: #5A5730; text-decoration: none} #kategorie ul li a:hover {color: #fff} #kategorie ul li a.s {color: #fff;} #kategorie ul li.child {background-color: #C4BF79; padding-left: 16px; padding-right: 8px; padding-bottom:10px; padding-top: 10px; width: 173px } #kategorie ul li.child a, #kategorie ul li a.child:hover {display: block; width: 100%; font-size: 12px; color: #5A5730; text-decoration: none; margin-top: 5px} #kategorie ul li.child a:hover {color: #fff;font-size: 12px; } #kategorie ul li.child a.s {color: #fff;} #wyszukiwarka {width: 201px; background-color: #ECBDC5; margin-top: 20px } #wyszukiwarka .szuk_top {width: 201px; height: 42px; background: url(../img/wyszukiwarka_top.gif) no-repeat } #wyszukiwarka .szuk_bottom {width: 201px; height: 29px; background: url(../img/wyszukiwarka_bottom.gif) no-repeat; } #wyszukiwarka ul li{padding-left: 10px; padding-right: 10px; width:181px; clear: both; padding-top: 12px } #wyszukiwarka ul li input,#wyszukiwarka ul li select {width: 177px; height: 18px; border: solid 1px #C4BF79} #wyszukiwarka ul li p {height: 25px; } #wyszukiwarka ul li p.nazwa { background: url(../img/szuk_nazwa.gif) left top no-repeat; width:56px; text-indent: -100000px } #wyszukiwarka ul li p.producent { background: url(../img/szuk_producent.gif) left top no-repeat; width:74px; text-indent: -100000px } #wyszukiwarka ul li p.kategoria { background: url(../img/szuk_kategoria.gif) left top no-repeat; width:70px; text-indent: -100000px } #wyszukiwarka ul li p.rozmiar { background: url(../img/szuk_rozmiar.gif) left top no-repeat; width:58px; text-indent: -100000px } #wyszukiwarka ul li p.kolor { background: url(../img/szuk_kolor.gif) left top no-repeat; width:43px; text-indent: -100000px } #wyszukiwarka ul li p.cena { background: url(../img/szuk_cena.gif) left top no-repeat; width:39px; text-indent: -100000px } #wyszukiwarka ul li em {text-indent: -100000px; height: 25px; display: block; float: left} #wyszukiwarka ul li em.od { background: url(../img/szuk_od.gif) left top no-repeat; width:24px; } #wyszukiwarka ul li em.do { background: url(../img/szuk_do.gif) left top no-repeat; width:22px; margin-left: 11px } #wyszukiwarka ul li.cena input {width: 50px; margin-left: 8px;} #wyszukiwarka fieldset {clear: both} #wyszukiwarka button {background: url(../img/button_szukaj.gif) no-repeat; width: 105px; height: 30px; margin-left: 46px; margin-top: 14px } #cr {width: 710px; float: left;} #top {width: 100%; height: 154px; background: url(../img/flesz.gif) left top no-repeat} #flashcontent {width: 374px; height: 100%; float: left} #tr { width: 336px; height: 100%; float: left;} #tr.pus {background: url(../img/torba_top_pusta.gif) 211px 57px no-repeat} #tr.pel {background: url(../img/torba_top_pelna.gif) 211px 57px no-repeat} #tr a.logowanie {display:block; width:155px; height:41px;background: url(../img/a-logowanie.gif) no-repeat; float: right; margin-right: 5px} #tr a.rejestracja {display:block; width:155px; height:41px;background: url(../img/a-rejestracja.gif) no-repeat; float: right;} #tr a.nick { line-height:41px; float: right; margin-right: 5px; padding-right: 10px; background: url(../img/linia.gif) right 50% no-repeat; color: #8D3554; font-weight: bold} #tr a.wyloguj { line-height:41px; float: right; color: #8D3554; font-weight: bold; margin-left: 4px} #tr div {width: 336px; height: 84px; position:absolute; margin-top: 70px} #tr div a.torba {display: inline;width: 115px; height: 83px; position:absolute; margin-left: 215px; margin-top: -39px;} #tr div p.torba { background: url(../img/n-torba.gif) no-repeat; display: block; width: 44px; height: 17px; margin-left: 85px} #tr div p.pusta { background: url(../img/n-pusta.gif) no-repeat; display: block; width: 73px; height: 18px; margin-left: 74px; margin-top: 5px} #tr div p.pln { background: url(../img/n-pln.gif) no-repeat; display:inline; width: 35px; height: 20px; margin-left: 5px; margin-top: 5px;clear: none; float: right; margin-right: 193px} #tr div p.n0 { background: url(../img/n-0.gif) no-repeat; display: inline; width: 12px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n1 { background: url(../img/n-1.gif) no-repeat; display: inline; width: 7px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n2 { background: url(../img/n-2.gif) no-repeat; display: inline; width: 11px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n3 { background: url(../img/n-3.gif) no-repeat; display: inline; width: 9px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n4 { background: url(../img/n-4.gif) no-repeat; display: inline; width: 10px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n5 { background: url(../img/n-5.gif) no-repeat; display: inline; width: 9px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n6 { background: url(../img/n-6.gif) no-repeat; display: inline; width: 9px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n7 { background: url(../img/n-7.gif) no-repeat; display: inline; width: 10px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n8 { background: url(../img/n-8.gif) no-repeat; display: inline; width: 11px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n9 { background: url(../img/n-9.gif) no-repeat; display: inline; width: 10px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #tr div p.n_ { background: url(../img/n_.gif) no-repeat; display: inline; width: 2px; height: 20px; margin-left: 1px; margin-top: 5px; clear: none; float: right} #menu {width: 100%; height: 75px; } #menu.pu{background: url(../img/menu-pusta.gif) left top no-repeat;} #menu.pe{background: url(../img/menu-pelna.gif) left top no-repeat;} #menu ul li{width: 100px; height:40px; float: left; display: inline; margin-top: 1px} #menu ul li.s {background: url(../img/m.gif) left bottom no-repeat} #menu ul li a {margin-top: 6px; display: block} #menu ul li a.m_produkty { width: 67px; height: 23px; background: url(../img/m-produkty.gif) no-repeat; margin-left:15px} #menu ul li a.m_onas { width: 46px; height: 23px; background: url(../img/m-onas.gif) no-repeat; margin-left:24px} #menu ul li a.m_regulamin { width: 74px; height: 23px; background: url(../img/m-regulamin.gif) no-repeat; margin-left:13px} #menu ul li a.m_kontakt{ width: 74px; height: 23px; background: url(../img/m-kontakt.gif) no-repeat; margin-left:22px} #zakladki {width: 100%; height: 62px; margin-top: 5px;} #zakladki ul {margin-left: 22px} #zakladki ul li { height: 47px; width: 228px; display: inline; float: left} #zakladki ul li.produkty{ background: url(../img/z-produkty.gif) no-repeat} #zakladki ul li.promocje{ width:232px; background: url(../img/z-promocje.gif) no-repeat} #zakladki ul li.nowosci{ background: url(../img/z-nowosci.gif) no-repeat} #zakladki ul li.produkty_s{ background: url(../img/z-produkty-s.gif) no-repeat} #zakladki ul li.promocje_s{ width:232px; background: url(../img/z-promocje-s.gif) no-repeat} #zakladki ul li.nowosci_s{ background: url(../img/z-nowosci-s.gif) no-repeat} #zakladki ul li a {display: block; width: 100%; height: 100%; outline: none} #produkty {width: 100%; height: 183px; display: inline} #produkty ul {margin-left: 22px} #produkty ul li {width: 100%; height: 100%; overflow: hidden; margin-top:22px; border-top: solid 5px #F6BFC9; padding-top: 22px} #produkty ul li.f {width: 100%; height: 100%; overflow: hidden; margin-top: 0px; border: none; padding-top: 0px} #produkty ul li.no {background: url(../img/laska-brak.gif) 50% bottom no-repeat; height:400px} #produkty ul li img {border: none; float: left; margin-right: 15px} #produkty ul li h1 {font-size: 16px; color: #E8588B; font-weight: bold} #produkty ul li h1 a {font-size: 16px; color: #E8588B; font-weight: bold} #produkty ul li p {margin-top: 10px; height: 72px; overflow: hidden} #produkty ul li p.brak {color: #F6BFC9; font-size: 20px; font-weight: bold; margin-left: 50px; margin-top:70px} #produkty ul li div {height: 65px; border-top: solid 2px #FEE8EA; width: 399px; float: left; margin-top:15px; background: url(../img/cena_bg.gif) 50% top no-repeat } #produkty ul li div span {font-size: 24px; color: #E8588B;margin-top: 22px; display: block; text-align: center; width: 50%; float: left} #produkty ul li div a.wiecej {background: url(../img/button_wiecej.gif) no-repeat; display: block; width: 104px; height: 30px; margin-left: 255px; margin-top: 22px} #statyczna{margin-left: 22px;margin-top: 30px} #statyczna p.komunikat {font-size: 10px; color: #D80029; margin-left: 20px; margin-top: 15px} #statyczna h1 {padding-bottom: 10px; font-weight: bold} #koszyk {width: 543px} #koszyk li {font-size: 10px} #koszyk li.th {background-color: #D7D098; height: 33px; font-weight: bold } #koszyk li.td {border-bottom: solid 1px #A89E4E; overflow: hidden; padding-bottom: 10px } #koszyk li.te {border: none; overflow: hidden; padding-bottom: 10px } #koszyk li ol {width: 543px; padding-top: 10px; } #koszyk li.th ol li, #koszyk li.td ol li {float: left; border-right: solid 1px #A89E4E; margin-left: 15px; padding-right: 15px; display: inline; width: 47px; text-align: center;} #koszyk li.te ol li {float: left; border: none; margin-left: 15px; padding-right: 15px; display: inline; width: 47px; text-align: center;} #koszyk li.te select {width: 200px; font-size: 10px; height: 16px} #koszyk li ol li.l {text-align: left;} #koszyk li ol li.w1 {width:200px} #koszyk li ol li.nb {border: none} #koszyk li ol li input {width: 20px; margin-left: 12px; border: solid 1px #A89E4E;} #koszyk li ol li a.kosz {display: block; width: 16px; height: 16px; background: url(../img/koszyk_usun.gif) no-repeat; text-indent: -20000px; margin-left: 14px; } button.kontynuj_pl {width: 151px; height: 30px; display:block; text-indent: -20000px; background: url(../img/button_kontynuj.gif) no-repeat; float: right; margin-right: 14px; margin-top: 20px } button.przelicz_pl {width: 104px; height: 30px; display:block; text-indent: -20000px; background: url(../img/b_prze_pl.gif) no-repeat; float: right; margin-right: 37px; margin-top: 20px } button.kup_pl {width: 104px; height: 30px; display:block; text-indent: -20000px; background: url(../img/b_kup_pl.gif) no-repeat; float: right; margin-right: 37px; margin-top: 20px } a.kasa_pl {width: 104px; height: 30px; display:block; text-indent: -20000px; background: url(../img/b_kasa_pl.gif) no-repeat; float: right; margin-right: 12px; margin-top: 20px} #produkt {margin-left: 22px;margin-top: 30px; float: left; width: 415px; display: inline} .galeria { width: 409px; height: 319px; background: url(../img/gal_bg.gif) no-repeat;} .galeria img {margin-top: 15px; margin-left: 15px} .mini {width: 409px; margin-top: 10px } .mini ul {margin-top: 14px;} .mini ul li { margin-left: 25px; float: left; margin-bottom: 21px} .mini ul li img {border: solid 1px #ECBDC5} #szczegoly{ margin-left: 15px; margin-top: 20px} #szczegoly li {margin-bottom:10px; clear: both; height: 15px} #szczegoly li i {width: 180px; float: left; font-weight: bold} #szczegoly input, #szczegoly select {width: 205px; border: solid #ECBDC5 1px} #szczegoly li span.r {color: #D80029} button.dodaj {width: 170px; height: 30px; background: url(../img/button_dodaj.gif) no-repeat} #polecamy {background: url(../img/polecamy.gif) no-repeat left top; padding-top: 35px; margin-top:20px} #polecamy img {border: 1px solid #ECBDC5; margin-left: 12px; margin-top:5px} #opis {margin-top: 30px; float: left; background-color: #FFF9FA; width: 249px; padding: 12px; display:inline; overflow: hidden } #opis h2 {font-weight: bold; color: #E8598C; padding-bottom: 15px} /* stronicowanie */ .pag { clear:both; margin-left:22px; margin-top:35px} .pag ul { padding-top:30px} .pag li {float:left;margin:0;padding:0;} .pag li, .pag li a, .pag li a:hover {margin:0;padding:0; font-size: 12px; font-weight: bold; line-height:18px; font-size: 12px; color: #ECBDC5} .pag li a, .pag li a:hover { } .pag li.s, .pag li a, .pag li a:hover {padding:0 7px;} .pag li.s {background:#F7E4E7;padding:0 3px;} /* stronicowanie end */ #stopka{width: 891px; clear: both; background: url(../img/stopka.gif) left 20px no-repeat; height:65px; padding-top:55px; font-size: 10px; padding-left: 15px; color: #C4BF79 } #tabela table {font-size: 10px; margin-left: 110px; margin-top: 30px} #tabela table th {font-weight: bold; width: 70px; padding: 5px} #tabela table th.f {width: 110px} #tabela table td {padding: 2px} #tabela table tr.k {background-color: #FFF9FA}