/* --------------------------------------------------------- CSS meblestylowe.com.pl 2009 - Piotr Szulc --------------------------------------------------------- */ body { font: 11px Tahoma; text-align: center; background: #d7ba9c; color: #efefef; margin:0; padding: 0; } a { color: #784538; text-decoration: none; } a:link, a:visited { color:#784538; text-decoration: none; } a:hover { color:#470c01; text-decoration:none; } h1,h2,h3,h4,h5 { padding: 0; margin:0; } img, div, input { /* behavior: url("../iepngfix.htc") */ border: 0 none; } img { vertical-align: middle; } form { padding:0; margin:0; } .png-fix { behavior: url("iepngfix.htc"); border: none; vertical-align: middle } .cf { clear:both; height:1px; font-size: 1px; line-height: 0px; margin:0; padding:0; } .clearfloat { clear:both; height:1px; font-size: 1px; line-height: 0px; margin:0; padding:0; } #banner-popup { z-index:900; text-align:left; position: absolute; top: 95px; left: 50%; margin-left: -493px; } .banner-popup { position: absolute; } #strona { margin: 0 auto; } #strona #naglowek{ height: 246px; margin: 0 auto; background: url(../layout/naglowek-bg.jpg) top center repeat-x; margin: 0 auto; } #strona #glowna{ margin: 0 auto; background: url(../media/layout/glowna-bg.jpg) top center repeat-x; margin: 0 auto; } #strona #glowna #wrapper { width: 985px; margin: 0 auto; } #strona #sep { background: #4a2411 url(../media/layout/sep-bg.jpg) top center repeat-x; height: 6px; } #strona #dol { height: 371px; background: #4a2411 ; margin: 0 auto;} #strona #dol #wrapper { background: url(../layout/dol-layout.jpg) top center no-repeat; height: 371px; width: 985px; margin: 0 auto; text-align: left; } #stopka { height: 91px; background: #2e1308; margin: 0 auto; height: 99px; } #stopka #wrapper { width: 985px; margin: 0 auto; } #stopka #wrapper .lewy { width: 160px; margin: 0 auto; text-align:center; float:left; padding: 35px 0 0 0; } #stopka #wrapper .srodek { width: 652px; margin: 0 auto; text-align:center; float:left; padding: 35px 0 0 0; } #stopka #wrapper .srodek span { font: 11px Tahoma; color:#7a6b63; } #stopka #wrapper .prawa { width: 160px; margin: 0 auto; text-align:center; float:left; padding: 35px 0 0 0; } .fotka { border: 1px solid #4a2411; margin : 10px; background-color: #dfb97a; text-align: center; } #glowna #wrapper .lewa-strona { margin: 0 325px 0 0; padding: 0; } #glowna #wrapper .lewa-strona .kategorie-css { height:285px; width: 325px; padding: 20px 0 0 0; margin:0; color:#5a5959; } #glowna #wrapper .lewa-strona .kategorie-css .menu { padding: 20px 0 0 0; margin:0; background: url(../layout/kategorie-bg.png) top left no-repeat; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul { padding: 9px 0 0 0; margin:0; list-style:none; float: left; width: 150px; } #glowna #wrapper .lewa-strona .kategorie-css ul li { padding: 0; margin: 0; display:block; height: 42px; } #glowna #wrapper .lewa-strona .kategorie-css ul li a { display:block; } #glowna #wrapper .lewa-strona .kategorie-css ul li span { display: block; height: 41px; } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn1:hover { background: url(../layout/kategorie-bg-over.png) 0 -29px no-repeat; display: block; height: 41px; width: 172px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn2:hover { background: url(../layout/kategorie-bg-over.png) 0 -71px no-repeat; display: block; height: 41px; width: 172px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn3:hover { background: url(../layout/kategorie-bg-over.png) 0 -113px no-repeat; display: block; height: 41px; width: 172px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn4:hover { background: url(../layout/kategorie-bg-over.png) 0 -155px no-repeat; display: block; height: 41px; width: 172px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn5:hover { background: url(../layout/kategorie-bg-over.png) 0 -197px no-repeat; display: block; height: 41px; width: 172px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn6:hover { background: url(../layout/kategorie-bg-over.png) -173px -29px no-repeat; display: block; height: 41px; width: 172px; margin: 0 0 0 23px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn7:hover { background: url(../layout/kategorie-bg-over.png) -173px -71px no-repeat; display: block; height: 41px; width: 172px; margin: 0 0 0 23px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn8:hover { background: url(../layout/kategorie-bg-over.png) -173px -113px no-repeat; display: block; height: 41px; width: 172px; margin: 0 0 0 23px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn9:hover { background: url(../layout/kategorie-bg-over.png) -173px -155px no-repeat; display: block; height: 41px; width: 172px; margin: 0 0 0 23px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .kategorie-css ul li .btn10:hover { background: url(../layout/kategorie-bg-over.png) -173px -197px no-repeat; display: block; height: 41px; width: 172px; margin: 0 0 0 23px; behavior: url("../iepngfix.htc") } #glowna #wrapper .lewa-strona .box1 { margin: 0; padding: 0; background: #d7ba9b url(../layout/bok-lewy-o-firmie-bg.jpg) top left no-repeat; } #glowna #wrapper .lewa-strona .box2 { margin: 0; padding: 0; background: #d7ba9b url(../layout/bok-lewy-kontakt-bg.jpg) top left no-repeat; } #glowna #wrapper .lewa-strona .box1, #glowna #wrapper .lewa-strona .box2 { color: #784538; } #glowna #wrapper .lewa-strona .box1 a { color: #784538; } #glowna #wrapper .lewa-strona .box2 a { color: #784538; } #glowna #wrapper .lewa-strona .box1 .text, #glowna #wrapper .lewa-strona .box2 .text { padding: 85px 0 5px 25px; text-align: justify; line-height: 18px; margin: 0; width: 260px; } #glowna #wrapper .prawa-strona { float:right; width: 660px; margin: 0; padding: 18px 0 0 0; text-align: left } #glowna #wrapper .prawa-strona .naglowek { height:87px; behavior: url("iepngfix.htc"); } #glowna #wrapper .prawa-strona .naglowek .formularz { padding: 32px 0 0 492px; } #glowna #wrapper .prawa-strona .naglowek .formularz fieldset { margin:0; padding:0; border: none; color: #5c5c5c } #glowna #wrapper .prawa-strona .naglowek .formularz fieldset .wyszukaj{ margin: 0 0 0 194px; } #glowna #wrapper .prawa-strona .naglowek .formularz .box { width: 118px; background: none; color: #470805; margin: 0; padding: 4px 4px 10px 4px; border:0; font: 11px Tahoma; } #glowna #wrapper .prawa-strona .naglowek .formularz .btn { background: none; width: 20px; height: 20px; margin: 0 0 2px 0; padding: 0; border: 0; cursor: pointer; vertical-align: middle; } #glowna #wrapper .prawa-strona .n0 { background: url(../layout/naglowek-0.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n1 { background: url(../layout/naglowek-1.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n2 { background: url(../layout/naglowek-2.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n3 { background: url(../layout/naglowek-3.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n4 { background: url(../layout/naglowek-4.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n5 { background: url(../layout/naglowek-5.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n6 { background: url(../layout/naglowek-6.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n7 { background: url(../layout/naglowek-7.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n9 { background: url(../layout/naglowek-9.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n23 { background: url(../layout/naglowek-23.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n24 { background: url(../layout/naglowek-24.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n25 { background: url(../layout/naglowek-25.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .n26 { background: url(../layout/naglowek-23.png) top left no-repeat; behavior: url("../iepngfix.htc"); } #glowna #wrapper .prawa-strona .nprodukty_ { background: url(../layout/naglowek-produkt.png) top left no-repeat; } #glowna #wrapper .prawa-strona .ninformacje_ { background: url(../layout/naglowek-informacje.png) top left no-repeat; } #glowna #wrapper .prawa-strona .ninne { background: url(../layout/naglowek-inne.png) top left no-repeat; } #glowna #wrapper .prawa-strona .ngaleria_ { background: url(../layout/naglowek-galeria.png) top left no-repeat; } #glowna #wrapper .prawa-strona .naglowek p { color:#470805; text-align:right; padding: 36px 0 0 0; margin:0 25px 0 0; } #glowna #wrapper .prawa-strona .text { padding: 0 15px 5px 12px; text-align: justify; line-height: 18px; margin: 0; color: #784538; } #glowna #wrapper .prawa-strona .text a { color: #784538; font-weight: bold; } #dol #wrapper .polecamy { float: left; width: 333px; margin: 0; } #dol #wrapper .polecamy .tresc { padding: 95px 0 0 23px; } #dol #wrapper .polecamy .tresc img { padding: 0 0 10px 0; } #dol #wrapper .informacje { float: left; width: 387px; margin: 0 0 0 22px; } #dol #wrapper .informacje .tresc { padding: 95px 0 0 23px; } #dol #wrapper .galeria { float: left; width: 221px; margin: 0 0 0 22px; } #dol #wrapper .galeria .tresc { padding: 95px 0 0 23px; } /* lista produktów */ .produkt { font: 11px Tahoma; background: url(../layout/produkt-lista-bg.png) top center; behavior: url("../iepngfix.htc"); width: 214px; height: 318px; float: left; text-align: center; list-style: none; padding: 0; margin: 0 4px 15px 0; overflow:hidden; } /* margin:22px 15px 0 0; */ .produkt li { margin:0; padding:0; } .produkt .zdjecie { width: 190px; margin: 0 auto; padding:0 5px 0px 5px; height: 225px; overflow:hidden; } .produkt .img img { border: 0; margin:0; padding: 0; } .produkt .tytul { display: table; height: 38px; #position: relative; overflow: hidden; color:#494949; font-weight: bold; text-align:center; padding: 0; margin: 0 auto } .produkt .tytul .al { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; text-align: center; margin:0 auto } .produkt .tytul .al h1 { color:#494949; font: 11px Tahoma; font-weight:bold; text-align:center; padding:0 15px 0 15px; margin:0; text-align:center; } .produkt .tytul .al a { color:#fff; } .produkt .tytul p { margin:0; padding:0; } .produkt .tytul p a { color:#ff3434; } .produkt .tytul span { color:#c43d3d; } .produkt .info { color:#470c01; padding:0 10px 0 10px; margin:0; line-height: 15px; text-align:center; height:55px; overflow:hidden; /* text-align:justify; font:10px Tahoma; */ } .produkt .info p.kategoria { padding:8px 0 0 0; margin: 0; } .produkt .info p.kategoria a { color: #624423; } .produkt .info p.kategoria a:hover { color: #7d1108; } .produkt .info p.cena { padding:0; margin: 0; } .produkt .info p.cena { color: #470c01; font-weight: bold; } .produkt .promocja a { color: #fabe70; } /* Pokaz produkt */ #Pokaz-produkt .strona { padding:0; margin:0; } #Pokaz-produkt .strona .url { padding: 0 0 10px 25px; margin: 0 0 0 10px; background: url(../layout/ozd1.png) top left no-repeat; font: 11px Tahoma; color: #470805; height: 20px; text-align: left; behavior: url("../iepngfix.htc"); } #Pokaz-produkt .strona .url a { font: 11px Tahoma; color: #470805; } #Pokaz-produkt .strona h1 { font: 20px Arial; font-weight:bold; color:#470805; margin: 15px 0 15px 12px; } #Pokaz-produkt .strona p { font: 11x Tahoma; font-weight:normal; line-height:16px; padding:0; margin:0; } #Pokaz-produkt .strona p span { font: 11px Arial; font-weight:normal; padding-right: 17px; margin:0; } #Pokaz-produkt .strona .cena h1 { font: 20px Arial; font-weight:bold; color:#7d1108; margin: 15px 0 15px 12px; } #Pokaz-produkt .strona .cena h1 span { font: 18px Tahoma; font-weight:bold; color:#7d1108; } #Pokaz-produkt .zdjecie { margin: 0 0 0 12px; text-align:center; border: 1px solid #692412; } #Pokaz-produkt .miniatury { padding: 0 0 0 0; margin:75px 0 75px 0; width: 125px } #Pokaz-produkt .miniatury .mn { width:145px; height: 142px; overflow: hidden; margin-bottom: 10px; background: url(../layout/produkt-miniatura-lista-bg.png) top left no-repeat; float: left; behavior: url("../iepngfix.htc"); } #Pokaz-produkt .miniatury .mn img { border: 0; padding: 0; vertical-align: middle; width:125px; height: 125px; border: 1px solid #692412; } #Pokaz-produkt .strona .wiecej { padding: 18px 0 0 20px; margin:0; } #Pokaz-produkt .strona .wiecej a { color:#666666; font-weight:bold; margin:0; } #Pokaz-produkt .strona .opis { font: 11px Tahoma; line-height:18px; font-weight:normal; color:#451201; text-align:justify; margin: 0 0 15px 7px; } #Pokaz-produkt .strona .opis strong { color:#451201; } #Pokaz-produkt .strona .opis b { color:#451201; font-weight:bold; } #Pokaz-produkt .strona .opis a { color:#451201; font-weight:bold; } #Pokaz-produkt .strona .opis1 { font: 11px Tahoma; font-weight:bold; color:#717171; padding-left: 27px; margin: 4px 0 4px 0; } #Pokaz-produkt .strona .opis2 { font: 11px Tahoma; font-weight:bold; color:#ff1800; padding-right: 27px; margin: 4px 0 4px 0; } #Pokaz-produkt .strona .opis2 a { color:#ff1800; } #szlak { padding: 0 0 10px 25px; margin: 0 0 0 10px; background: url(../layout/ozd1.png) top left no-repeat; behavior: url("../iepngfix.htc"); font: 11px Tahoma; color: #470805; height: 20px; text-align: left } #szlak a { font: 11px Tahoma; color: #470805; } /* lista wiadomości */ .informacja-lista-glowna { padding:0 0 12px 0; margin: 0; line-height: 18px; } .informacja-lista-glowna a.tytul { display:block; color:#d7ba9b; font-weight: bold; } .informacja-lista-glowna a.opis { display:block; color:#8d7569; font-weight: normal; } .informacja-lista-glowna a.opis:hover { color:#d7ba9b; } .informacja-lista-glowna .wiecej { color:#d7ba9b; font-weight: bold; } a.wiecej-glowna { color:#d7ba9b; } a.wiecej-glowna:hover { color:#8d7569; } .informacja-lista { padding:0 0 12px 12px; margin: 0; line-height: 18px; } .informacja-lista a.tytul { display:block; color:#784538; font-weight: bold; } .informacja-lista a.opis { display:block; color:#784538; font-weight: normal; text-align: justify; } .informacja-lista a.opis:hover { color:#8d7569; } .informacja-lista .wiecej { color:#784538; font-weight: bold; } a.wiecej { color:#784538; } a.wiecej:hover { color:#4a2411; } /* lGaleria */ .galeria { text-align:center; margin:0 0 15px 0; padding: 0; } .galeria .fotka { padding: 0; margin:1px; background: url(../layout/galeria-fotka-bg.png) top no-repeat; width: 214px; height: 150px; border: 0; float: left; margin: 0 5px 5px 0; } .galeria .fotka img { border: 1px solid #b5967a; padding: 0px; margin:0; } .dolny-pasek { color:#9b9b9b; background: url(../layout/lista-stron-bg.gif) top no-repeat; height:30px; width:650px; margin:22px 0 0 0; padding: 0; } .lista-stron { float: left; width: 400px; height: 30px; padding: 0; margin: 0 0 0 0; text-align:right; color: #834f1e; } .lista-stron a { color:#784538; font-weight:bold; } .lista-stron a span { margin-right:3px; padding:5px 7px; border: 1px solid #784538; font-weight:bold; color:#784538; height: 30px; } .lista-stron a:hover span, .lista-stron a:active span { border: 1px solid #e69917; background: #efa72c url(../layout/lista-stron-num-bg2!.gif) top; color: #fff; text-decoration:none; } .lista-stron .nb { background-image :url(../layout/lista-stron-num-bg.gif); } .lista-stron .nb a { color:#fff; } .lista-stron span.current { background-color:#784538; margin-right:3px; padding:4px 6px 4px 6px ; border: 1px solid #784538; font-weight: bold; color: #fff; } .lista-stron span.disabled { margin-right:3px; padding:5px 7px; border: 1px solid #e2052ez; color: #bb8d5d; font-weight:bold; background-image: url(../layout/lista-stron-num-bg2.gif); } .stan { float:left; width: 235px; height:30px; padding: 0; margin: 0; text-align:left; color:#784538; } .stan a { color:#784538; font-weight:bold; } #informacja { margin: 0 15px 0 12px; } #informacja h1.tytul{ color:#784538; font-weight: bold; font: bold 22px Tahoma; } #informacja .opis { display:block; color:#784538; font-weight: normal; text-align: justify; line-height: 18px; } /* formularz wiadomości */ .formularz-wiadomosci { margin: 10px 0 0 0; padding: 30px 0 0 0; border: 0; width: 500px; background: url(../layout/formularz-bg2.jpg) top center no-repeat; color: #784538; } .formularz-wiadomosci form.wformularz fieldset { margin: 0 25px 0 25px; border: 0; padding: 15px 3px 15px 3px; } .formularz-wiadomosci form.wformularz legend { padding: 0 2px; font-weight: bold; color:#784538; margin: 0 0 0 11px; } .formularz-wiadomosci form.wformularz fieldset li .blank { display: inline-block; height:2px; margin:0; padding:0; } .formularz-wiadomosci form.wformularz fieldset li .input { border:1px solid #d0d0bf; padding: 2px 5px 2px 5px; } .formularz-wiadomosci form.wformularz label { display: inline-block; line-height: 1.8; vertical-align: top; margin: 0 0 0 15px; } .formularz-wiadomosci form.wformularz label { width: 140px; color:#784538; } .formularz-wiadomosci form.wformularz textarea { font: 11px Tahoma; } .formularz-wiadomosci form.wformularz li { list-style: none; } .formularz-wiadomosci form.wformularz .input { padding: 2px 4px 1px 4px; margin: 3px 8px 3px 0; width: 78px; font: 11px Tahoma; width: 100px; } .formularz-wiadomosci form.wformularz .btn { background: url(../layout/input-bg.png) bottom left repeat-x; width: 150px; height: 22px; border:0; cursor:pointer; vertical-align:middle; color: #fff; font: bold 9px Tahoma; padding: 2px 4px 2px 4px; margin: 15px 0 15px 0; } .formularz-wiadomosci p { font: bold 11x Tahoma; color: #784538; } .btn-ok { background: url(../layout/input-bg.png) bottom left repeat-x; width: 150px; height: 25px; border:0; cursor:pointer; vertical-align:middle; color: #fff; font: bold 9px Tahoma; padding: 2px 4px 2px 4px; margin: 15px 0 15px 0; } .btn-blad { background: url(../layout/input-blad-bg.png) bottom left repeat-x; width: 150px; height: 25px; border:0; cursor:pointer; vertical-align:middle; color: #fff; font: bold 9px Tahoma; padding: 2px 4px 2px 4px; margin: 15px 0 15px 0; } .sukces { margin: 0 0 0 12px; padding: 10px 0 0 0; border: 0; width: 520px; height: 290px; background: url(../layout/wiadomosc-wyslana.png) top center no-repeat; color: #784538; } .sukces h3 { font: bold 15px Arial; } .highlight { background: #d7ba9b url(../layout/highlight-bg.jpg) bottom left no-repeat; padding: 0 0 3px 0; line-height: 20px; }