/* 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:'';} a {font-size:12px; color:#251800; text-decoration:none; outline:none} a:hover {text-decoration:none;} /* ustawienia globalne*/ body, html {background: #EFEADE url(../img/body_bg.gif); font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0} p{color:#251800} textarea, input, select {font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:12px; float:left; border: solid 1px #5D3F26} legend {display:none;} button {cursor:pointer;} label {cursor:pointer;} strong {font-weight:bold; color: #5D3F26} a.ll{color:#00b6bd; text-decoration:none} .dp {width: 1000px; margin: 0 auto; overflow: hidden} #t {width: 100%; height: 158px; background: #3C280B url(../img/top_bg.gif);} #t h1 {width:307px; height: 133px; background: url(../img/logo.gif) no-repeat left bottom; padding-top: 9px; float: left} #t h1 a {display: block; width: 100%; height: 100%; text-indent: -10000px} #t ul {float: right; } #t ul li {float: left; height: 57px; background: url(../img/top_li_bg.gif); padding: 0 18px} #t ul li.l {background: url(../img/top_li-l_bg.gif); width: 9px; padding: 0} #t ul li.r {background: url(../img/top_li-r_bg.gif); width: 9px; padding: 0} #t .log {display: block; width: 85px; height: 12px; background: url(../img/a-log.gif) no-repeat; margin-top: 23px; text-indent: -10000px; float: left } #t .rej {display: block; width: 95px; height: 12px; background: url(../img/a-rej.gif) no-repeat; margin-top: 23px; text-indent: -10000px; float: left} #t .mk {display: block; width: 92px; height: 12px; background: url(../img/a-mk.gif) no-repeat; margin-top: 23px; text-indent: -10000px; float: left} #t .wyl {display: block; width: 71px; height: 12px; background: url(../img/a-wyl.gif) no-repeat; margin-top: 23px; text-indent: -10000px; float: left} #t em {float: left; background: url(../img/top-line.gif) no-repeat 50%; width: 36px; height: 17px; margin-top: 20px} #t input {background: url(../img/top-szukaj.gif); width: 166px; height: 17px; border: none; margin-top: 18px; padding: 3px 5px 0 31px; color: #5D3F26; float: left} #t button {width: 30px; height: 30px; background: url(../img/top-szukaj-b.gif); margin-top: 13px; margin-left: 3px; float: left} #t fieldset {width: 235px; overflow: hidden} #m {width: 100%; height: 35px; background: #271901 url(../img/menu_bg.gif) repeat-x } /*koszyk*/ #k{width: 237px; height: 35px; background: url(../img/koszyk.gif) no-repeat; margin-left:5px; float:left; overflow:hidden} #k a {display:block;height:25px;width:157px; padding:10px 0px 0px 80px; color:#efeade;} /*end koszyk*/ /*menu */ #menu {width:746px; height:35px; float:left; display:block; } #menu a {text-indent:-20000px;display:block;overflow:hidden; outline:none;float:left; } #menu div {background:url(../img/menu.gif) 0px -35px;width:746px;margin:0; height:35px; background-repeat:no-repeat; float:left} #nav {display:block;background:url(../img/menu.gif) 0px 35px ;width:746px;height:35px;background-repeat:no-repeat} #nav li {height:35px; display:inline;float:left;} #nav a{display:block;text-indent:-20000px;background:url(../img/menu.gif) ; background-repeat:no-repeat; outline:none; } #nav a:hover {background:transparent; } #m1 { margin-left:0px} #m1 a {background-position:0px 0px; width:115px;height:35px} #m2 { margin-left:13px} #m2 a {background-position: -128px 0px;width:47px;height:35px} #m3 {margin-left:21px} #m3 a {background-position: -196px 0px;width:77px;height:35px} #m4 {margin-left:19px} #m4 a {background-position: -292px 0px;width:70px;height:35px} #m5 {margin-left:15px} #m5 a {background-position: -377px 0px;width:78px;height:35px} #m6 {margin-left:19px} #m6 a {background-position: -474px 0px;width:95px;height:35px} #m7 {margin-left:17px} #m7 a {background-position: -586px 0px;width:81px;height:35px} #m8 {margin-left:18px} #m8 a {background-position: -685px 0px;width:61px;height:35px} #m1 a.s{background:url(../img/menu.gif) ; background-position: 0px -35px; outline:none;} #m2 a.s{background:url(../img/menu.gif); background-position: -128px -35px; outline:none;} #m3 a.s{background:url(../img/menu.gif); background-position: -196px -35px; outline:none;} #m4 a.s{background:url(../img/menu.gif); background-position: -292px -35px; outline:none;} #m5 a.s{background:url(../img/menu.gif); background-position: -377px -35px; outline:none;} #m6 a.s{background:url(../img/menu.gif); background-position: -474px -35px; outline:none;} #m7 a.s{background:url(../img/menu.gif); background-position: -586px -35px; outline:none;} #m8 a.s{background:url(../img/menu.gif); background-position: -685px -35px; outline:none;} /*meanu end*/ #c {background-color: #EFEADE; width: 100%; overflow: hidden; padding-bottom: 20px} #cl {width: 242px; float: left; padding-top: 8px; padding-left: 5px} #cl .kategorie a.m:hover, #cl .kategorie a.c:hover, #cl .kategorie a.cc:hover, #cl .kategorie li .s {color: #00B6BD !important} #cl .kategorie {width: 237px; background: url(../img/kategorie.gif) no-repeat; padding-top:55px; margin-bottom: 11px} #cl .kategorie div{ width: 100%; background: url(../img/kategorie.gif) no-repeat left bottom} #cl .kategorie ul {margin-left: 18px; padding-top: 5px; padding-bottom: 37px; width: 202px} #cl .kategorie li a.m{color: #5D3F26; width: 200px; font-size: 21px; text-transform: uppercase; background: url(../img/kat_li_bg.gif) repeat-x left bottom; display: block; width: 100%; margin-top:25px} #cl .kategorie li a.c {color: #251800; width: 150px; font-size: 12px; font-weight: normal; background: url(../img/kat-c.gif) no-repeat left 2px; padding-left: 15px} #cl .kategorie li a.cc {color: #251800; width: 150px; font-size: 12px; font-weight: normal; background: url(../img/kat-cc.gif) no-repeat left 4px; padding-left: 10px} #cl .kategorie li {margin-top: 9px} #cl .kategorie .lm { background: url(../img/kat_li_bg.gif) repeat-x left bottom; width: 100%; padding-bottom:10px} #cl .kategorie h1 {width: 124px; height: 20px; background: url(../img/h1-kategorie.gif); text-indent: -10000px; margin-left: 57px} #cl .kategorie h1.aktualnosci {width: 155px; height: 51px; background: url(../img/h1-aktualnosci.gif); text-indent: -10000px; margin-left: 41px} #cl .kategorie h1.polec {width: 126px; height: 23px; background: url(../img/h1-polec.gif); text-indent: -10000px; margin-left: 56px} #cl .kategorie h1.newsletter {width: 138px; height: 23px; background: url(../img/h1-newsletter.gif); text-indent: -10000px; margin-left: 56px} #cl .kategorie .akt {width: 203px; padding: 18px 10px 30px 16px; overflow: hidden} #cl .kategorie .akt strong {width: 100%; display: block; text-align: center; text-transform:uppercase; padding-bottom: 10px; font-size: 14px; color: #00b6bd} #cl .kategorie .akt strong span {font-size: 30px; font-weight: bold} #cl .kategorie .akt .a {color: #00B6BD; text-decoration: underline; float: right; padding-top:10px} #cl .kategorie input {background: url(../img/polec-input.gif); width: 186px; height: 14px; border: none; padding: 3px 10px; color: #8B8378; margin-top: 7px} #cl .kategorie button {background: url(../img/b-szukaj.gif); width: 100px; height: 29px; margin-left: 55px; margin-top: 18px} #cl .kategorie .cen {text-align: center; margin-top: 10px} #cl a.wiecej{background: url(../img/strzalki.gif) no-repeat 82px 4px; display: block; color:#00b6bd; float:right; width:103px; margin-top:10px} #cr {width: 724px; float: left; padding: 8px 10px 15px 15px; overflow: hidden} #cr h2.najnowsze {width: 728px; height:24px; background: url(../img/h2-najnowsze.gif) no-repeat left 50%; text-indent: -10000px; padding:23px 0} #cr h2.promocje {width: 728px; height:24px; background: url(../img/h2-promocje.gif) no-repeat left 50%; text-indent: -10000px; padding:40px 0px 23px 0; float:left;} #cr .box{width:230px;height:335px; background:#ebe5d7; padding:3px; margin-left:8px; float:left; overflow:hidden; margin-top: 10px; display: inline} #cr .ml {margin-left: 0px} #cr .c {background-color:#271a02;height:229px;padding:1px;width:229px;margin-bottom:5px} #cr .c div {background-color:#FFFFFF;height:227px;padding:1px;width:227px;} #cr img{border: solid 1px #271a02} #cr .box .opis{width:222px; padding:5px; overflow:hidden} #cr .box h3{width:100%} #cr .box .opis .l{width:112px; float:left; padding-top:7px; } #cr .box .opis .l .cena1{color:#251800; font-size:10px} #cr .box .opis .l .cena1 em{text-decoration:line-through;font-size:12px} #cr .box .opis .l .cena2{color:#251800; margin-top:9px; font-size:10px; } #cr .box .opis .l .cena2 em{font-size:16px; font-weight:bold} #cr .box .opis .r{width:110px; float:left; overflow:hidden; padding-top:35px} #cr .box .opis .r a{width: 97px; height:30px; background: url(../img/zobacz_up.gif) no-repeat; text-indent: -10000px; display: block} #cr cite {float: left; width: 100%; clear: both; margin-top: 27px; overflow: hidden; display: block} #cr cite .n {background: url(../img/a-wszystkie-nowosci.gif); width: 278px; height: 32px; display: block; text-indent: -10000px; float: right } #cr cite .p {background: url(../img/a-wszystkie-promocje.gif); width: 289px; height: 33px; display: block; text-indent: -10000px; float: right; margin-bottom: 10px } #cr h4{ background: url(../img/h4-bg.gif) repeat-x left bottom; padding-bottom: 15px; font-size: 22px; text-transform:uppercase; color: #5D3F26; width: 100%; height: 30px; margin-top: 27px; margin-bottom: 30px} #cr h4.oth{ margin-top: 50px} #cr h1, #cr h1.marg, #cr h1.kol{ width: 100%; height: 18px; border-bottom: solid 1px #5C3E25; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 20px 0px 3px 0px; float: left} #cr h1.marg{margin: 0px 0px 3px 0px; float: left} #cr .lista {width: 100%} #cr .lista li {width: 715px; overflow: hidden; margin-top: 11px; background-color: #EBE5D7; padding: 5px} #cr .img {border: solid 1px #332710; width: 114px; height: 114px; background-color: #fff; float: left; padding:1px; margin-right: 10px} #cr .img img {width: 112px; height: 112px; border: solid 1px #332710} #cr .lista .l {width: 375px; border-right: solid 1px #F3F0E8; height: 98px; float: left; padding: 10px 20px 10px 0; overflow: hidden} #cr .lista .l h1{font-weight: bold; text-transform: uppercase; border: none; height: auto} #cr .lista .l p {float: left; width: 100%} #cr .lista .r {float: left; border-left: solid 1px #E3DAC9; height: 98px; padding: 10px 20px; width: 150px; text-align: center; font-size: 10px} #cr .lista .r em {text-decoration:line-through; font-size: 13px } #cr .lista .r i {font-size: 21px} #cr .pr {color: #C10000} #cr .lista .r b {font-weight: normal; color: #AF9F80} #cr .lista .r button {background: url(../img/a-do_koszyka.gif) no-repeat; width: 148px; height: 33px; margin-top:3px; display: block} #cr .lista .rel {position: absolute; width: 225px; height: 225px; margin-top: 26px; margin-left: -76px; display: none} #cr .path {background: url(../img/h4-bg.gif) repeat-x left bottom; padding-bottom: 1px; font-size: 12px; text-transform:uppercase; color: #5D3F26; width: 100%; height: 30px; margin-top: 27px; margin-bottom: 45px} #cr .path h5{ font-size: 22px; font-weight:bold; color: #5D3F26; width: 100%; margin-top: 20px; } #cr .path a {background:url(../img/path_a.gif) no-repeat right 4px; color:#5d3f26;margin-right:8px;padding-right:8px;} #cr .zamow, #cr .zamow2{width:704px; background:#ebe5d7; float:left; padding:10px; margin-bottom:15px} #cr .zamow2{width:704px;background:none; border-bottom:1px solid #5d3f26; padding:0px 10px 20px 0px} #cr .zamow table{width:100%} #cr .zamow table tr.linia{border-bottom:1px solid #5d3f26} #cr .zamow table tr.linia2{border-bottom:1px solid #5d3f26; margin-bottom:20px} #cr .zamow table td{height:25px} #cr .zamow table td.right{text-align:right} #cr .zamow table td .kol{color:#00b6bd} #cr .zamow table a.wiecej{background: url(../img/b-wiecej.gif) no-repeat ;height:28px;text-indent:-10000px;width:99px; display:block; margin-top:5px;float:right} #cr .zamow table a.wiecej2{background: url(../img/a-wiecej2.gif) no-repeat ;height:28px;text-indent:-10000px;width:99px; display:block; margin-top:5px;float:right} #cr .zamow .img {border: solid 1px #332710; width: 114px; height: 114px; background-color: #fff; float: left; padding:1px; margin-top: 10px} #cr .zamow .img img {width: 112px; height: 112px; border: solid 1px #332710} #cr a.powrot{background: url(../img/b-powrot.gif) no-repeat; width: 99px; height: 30px; display: block; margin: 0px 0px 40px 0px; float:left} #cr a.usun{background: url(../img/b-usun.gif) no-repeat; width: 99px; height: 30px; display: block;float:right;} #cr a.zapytaj{background: url(../img/strzalki.gif) no-repeat 160px 4px; display: block; color:#00b6bd} #cr .aktualnosc {float:left;margin-bottom:30px;overflow:hidden;width:100%;} #cr .aktualnosc .data {background:transparent url(../img/kalendarz.gif) no-repeat; float:left; height:85px; margin-right:10px; text-align:center;width:61px; color:#5d3f26;} #cr .aktualnosc .data span.mc { float:left; font-size:11px;padding-top:18px;text-align:center; width:100%;} #cr .aktualnosc .data span.dzien{ float:left; font-size:27px; padding-top:2px;width:100%;} #cr .aktualnosc .data span.rok { float:left; font-size:11px; margin-top:-2px; text-align:center; width:100%;} #cr .aktualnosc h6{float:left; padding:20px 0 40px; width:650px; text-transform:uppercase; font-size:22px} #cr .aktualnosc h6 a{font-size:22px} #cr .aktualnosc .skrot{ padding-top:10px; float:left} #cr .aktualnosc p{float:left; padding:10px 0px 10px 0px; width:100%} #cr .aktualnosc a.wiecej{background: url(../img/strzalki.gif) no-repeat 82px 4px; display: block; color:#00b6bd; float:right; width:103px; margin-top:10px} #cr .inf {width: 100%; margin-top: -25px; overflow: hidden} #cr .inf p {float: left } #cr .inf select {float: right; margin-left: 10px} #cr .kroki {width: 100%; padding-bottom: 35px} #cr .kroki li {float: left; background: url(../img/kroki-arr.gif) no-repeat 96% 50%; padding-right: 30px} #cr .kroki li.s {color: #00B6BD} #cr .kroki li.l{background: none} #cr .koszyk {width: 100%; color: #381900} #cr .koszyk tr {border-bottom: solid 1px #E4DBCA; } #cr .koszyk th {color: #5D3F26; font-weight: bold; padding: 6px} #cr .koszyk td {padding: 7px 0; text-align: center } #cr .koszyk td div {border-right: solid 1px #F3F0E8; border-left: solid 1px #E4DBCA; overflow: hidden; padding: 5px; height: 120px} #cr .koszyk td.f div.jas{border-left: none; border-right: solid 1px #F3F0E8} #cr .koszyk td.l div{border-right: none; border-left: solid 1px #E4DBCA} #cr .koszyk td.o {width: 250px; text-align: left} #cr .koszyk td.o i {font-style:italic} #cr .koszyk input {border: solid 1px #5D3F26; width: 40px} #cr .koszyk .usun {background: url(../img/koszyk-usun.gif); display: block; width: 31px; height: 31px; text-indent: -10000px; float:left} #cr .koszyk .img {border: solid 1px #332710; width: 114px; height: 114px; background-color: #F3F0E8; float: left; padding:1px; margin-left: 6px} #cr .koszyk .img img {width: 112px; height: 112px; border: solid 1px #332710} #cr .podsumowanie {width: 100%; text-align: right; padding-top: 10px; padding-bottom: 40px; font-size: 14px; color: #5D3F26} #cr .podsumowanie b {margin-left: 15px} #cr .przesylka {padding-bottom: 30px} #cr .przesylka table {width: 100%; font-size:12px;} #cr .przesylka table tr {height: 25px} #cr .przesylka table th {width: 100px;} #cr .przesylka table td { padding: 5px} #cr .przesylka table p {background-color: #E7E0D2; padding: 5px; overflow: hidden} #cr .przesylka table input {border: solid 1px #5D3F26} #cr .przesylka table select {border: solid 1px #5D3F26} #cr .dodatkowe {width: 100%; padding-bottom: 30px} #cr .dodatkowe table {width: 100%; font-size:12px;} #cr .przesylka table tr {height: 25px} #cr .przesylka table tr textarea{border: 1px solid #332710} #cr .kontynuuj {background: url(../img/a-kontynuuj.gif); display: block; width: 149px; height: 34px; text-indent: -11000px; float: left; margin-right: 20px; margin-left:112px} #cr .dalej {background: url(../img/a-dalej.gif); display: block; width: 149px; height: 34px; text-indent: -11000px; float: left} #cr .przelicz {background: url(../img/b-przelicz.gif); display: block; width: 149px; height: 34px; float: left; margin-right: 20px} #cr .kup {background: url(../img/b-kup.gif); display: block; width: 148px; height: 30px; float: left; } #cr .dalej {background: url(../img/b-dalej.gif); display: block; width: 148px; height: 30px; float: left; } #cr .powrot_turkus {background: url(../img/a-powrot.gif); display: block; width: 148px; height: 30px; text-indent: -11000px; float: left; margin-left: 215px; margin-right: 20px;} .pag {clear:both; margin-left:0px; padding-top:20px;color:#5D3F26} .pag ol { padding-top:30px; } .pag li {float:left;margin:0;padding:0; } .pag li, .pag li a, .pag li a:hover {height:15px; margin:1px; padding:0px; font-size: 12px; font-weight: bold; line-height:12px; color: #1c1a1e; text-decoration:none } .pag li.s{padding:0 3px; color: #00B6BD} .pag li a { margin-top:0px; outline:none;font-size:12px; color:#5D3F26 } .pag li a.first, .pag li a.first:hover {background:url(../img/a-pag-pierwsza.gif) no-repeat; float:left; width:14px; height:15px; display:block; } .pag li a.prev, .pag li a.prev:hover { font-size: 11px; float:left; width:85px; height:11px; margin-top:2px; display:block; } .pag li a.last, .pag li a.last:hover {background:url(../img/a-pag-ostatnia.gif) no-repeat; float:left; width:14px; height:15px; display:block; } .pag li a.next, .pag li a.next:hover { font-size: 11px; float:left; width:70px; height:11px; margin-top:2px; display:block; } #kom {width: 659px; padding: 5px 5px 5px 60px; font-size: 12px; min-height: 40px; color: #251800} #kom strong {text-transform: uppercase; font-weight: bold; font-size: 14px} #kom p {margin-top: 5px} .err {border: solid 3px #C10000; background: #FAF9F5 url(../img/kom-err.gif) no-repeat 24px 50% } .err strong {color: #C10000 } .ok {border: solid 3px #00B411; background: #FAF9F5 url(../img/kom-ok.gif) no-repeat 8px 50% } .ok strong {color: #00B411} .i {border: solid 3px #43D8FC; background: #FAF9F5 url(../img/kom-i.gif) no-repeat 19px 50% } .i strong {color: #43D8FC} #slr {width: 100%; overflow: hidden } #sl {clear:both;float:left;width:249px; overflow: hidden} #sl .m{background-color:#271a02;height:52px;padding:1px;width:52px;margin-bottom:5px; margin-right:5px; float:left} #sl .m div {background-color:#FFFFFF;height:50px;padding:1px;width:50px;} #sl img{border: solid 1px #271a02; } #sr {float:left;padding-left:15px;width:460px; font-size:10px;overflow: hidden} #sr em {font-size:14px;text-decoration:line-through;} #sr b{font-size:25px;font-weight:bold} #sr i {color:#AF9F80;} #sr strong{color:#5d3f26;font-size:12px; text-transform:uppercase} #sr div.p{font-size:12px;color:#251800; padding:10px 0 } #sr a.obs{background:url(../img/obserwowane.gif) no-repeat left top;color:#5d3f26;font-size:10px; font-weight:bold;padding:2px 0px 0px 22px;text-transform:uppercase;width:100%; height:17px; display:block; margin-top:10px} #sr table {width: 100%; font-size:12px;} #sr table tr {height: 25px} #sr table th {width: 100px;} #sr table td { padding: 5px} #sr table p {background-color: #E7E0D2; padding: 5px} #sr table input {border: solid 1px #5D3F26} #sr table select {border: solid 1px #5D3F26} #sb {padding-top:15px;width:100%; } #sb .polecane {width: 100%; } #sb .polecane li {float: left; height: 170px; margin-right: 12px; background-color: #EBE5D7; padding: 5px; overflow:hidden; width: 121px} #sb .polecane .img {border: solid 1px #332710; width: 114px; height: 114px; background-color: #fff; float: left; padding:1px; margin-bottom: 5px } #sb .polecane .img img {width: 112px; height: 112px; border: solid 1px #332710} #sb .polecane em {float: right; text-decoration:line-through; width: 100%; text-align: right;} #sb .polecane b {float: right; width: 100%; text-align: right; color: #C10000} #sb .polecane b.bl{float: right; width: 100%; text-align: right; color: #251800} .form {width: 100%; padding-bottom:20px; overflow: hidden;float:left} .form li {width: 100%; float: left; margin-top: 10px} .form em{width: 90px; float: left} .form input, .form select , .form textarea{border: solid 1px #5d3f26; width: 320px} .form .chbox input {width: 30px; border: none} .form .r {width: 380px} .form i {margin-left: 10px} .wyslij, .wyslij2, .wyslij3 {background: url(../img/b-wyslij.gif); width: 99px; height: 30px; display: block; margin: 0px 0px 40px 0px; clear: both} .wyslij2{margin: 0px 0px 40px 140px} .wyslij3{margin: 10px 0px 20px 190px} .kosz{background: url(../img/sz-do_koszyka.gif); width: 148px; height: 33px; display: block; margin: 10px 0px 0px 0px} #f{width: 100%; height:83px; background:url(../img/stopka_bg.gif) repeat-x; padding-top:35px; } #f .projekt{float:right; font-size:12px; color:#b29d82; margin-right:12px} #f a.link{font-size:12px; color:#b29d82;} #f ul li, #ff li.first{background:url(../img/menu_pkt.gif) no-repeat 0px 6px; float:left; padding:0px 15px 0px 16px} #f ul li.first{background:none; padding:0px 15px 0px 0px} #f ul li a, #f ul li a:hover{ color:#d8ccbc} #f ul li a:hover {text-decoration: underline} .error{font-size:30px; color:#5d3f26; padding:200px 0px 260px 0px; text-align:center}