body { color:#3c3e3b; background:transparent url('bg1.jpg') repeat top center; margin:0; padding:0; font-family:Arial; font-size:11px; text-align:justify; } #body0 { margin:auto; padding:0; width:97%; } * {outline:none;} *:focus {outline-style:none;} a {text-decoration:none; color:#3c3e3b;} a:hover {} h1,h2 {color:#3c3e3b; font-size:13px; font-weight:bold;} input, textarea { background-color:#F1F1F1; border:1px solid #000000; } input:hover, textarea:hover { background-color:#FFFFFF; } /*nagłówek strony*/ #header { margin:0; padding-top:74px; text-align:center; min-height: 100px; position:relative;} #komunikat { border:1px solid #5F5F5F; padding:10px; background-color:#C6B9A6; text-align:center; color:#FFF;} #alert { color:#FF0000; text-align:center; padding:10px; } #msg { background-color:red; text-align:center; color:#000000} div.logo { margin-top:-28px; margin-bottom:35px; margin-left:60px; } /* nawigacja*/ #lang-version { position: absolute; margin-top: -273px; margin-left: 846px; } #lang-version a { opacity: 0.7; } #lang-version a:hover { opacity: 1.0; } #menu { position:absolute; top:120px; padding:7px 0; border:0; text-align:center; width:100%; left:0; background-color: #CCCCCC; background-image:url('top.jpg');} #menu a { color:#3c3e3b; font-size:10px; font-weight:bold; text-decoration:none; float:left; height:27px; line-height:27px; margin:0px 20px 0px 0px; padding:0 0 0 0;} #links { margin-left:20px; z-index:1000;} #links a { } #links div.ml{ float:left; width:0px; height:41px; cursor:pointer;} #links div.mc{ float:left; margin-left: 4px; padding: 0px 14px 0px 10px; color:#FFFFFF; text-transform:uppercase; cursor:pointer;} #links div.mr{ float:left; width:1px; height:41px; cursor:pointer; } #links a.active { background: transparent url('button_black.png') no-repeat top left; } #links a.active div.mc { float:left; margin-left: 4px; padding: 0px 14px 0px 10px; background: transparent url('button_black.png') repeat-y right -27px; color:#FFFFFF;} #links a.active div.ml{ } #links a.active div.mr{ } #links a:hover { background: transparent url('button_black.png') no-repeat top left; } #links a:hover div.mc { float:left; margin-left: 4px; padding: 0px 14px 0px 10px; background: transparent url('button_black.png') repeat-y right -27px; color:#FFFFFF;} #links a:hover div.ml{ } #links a:hover div.mr{ } #menu a.zamowienie {z-index:1000; } #menu a.zamowienie .mc { z-index:1000; } /*lista zamówień*/ table.tablesorter { margin:0px 0pt 15px; font-size: 8pt; width: 100%; text-align: left;} table.tablesorter thead tr th, table.tablesorter tfoot tr th { font-size: 8pt; padding: 4px 20px 4px 4px;} table.tablesorter thead tr .header { background-repeat: no-repeat; background-position: center right; cursor: pointer; color:#b2b2b2;} table.tablesorter tbody td { padding: 1px 5px; background-color: #FFF; vertical-align: middle; height:40px; color:#000000; } table.tablesorter tbody td.no-space { padding: 0px; } table.tablesorter tbody td table.table-rozmiary td { padding: 5px; border:0px;} table.tablesorter tbody tr.even td { background-color:#717171;} table.tablesorter tbody tr.odd td { background-color:#818181;} table.tablesorter tbody tr.red td { color:red !important;} table.tablesorter tbody tr.noBackground td { background:none;} table.tablesorter thead tr .headerSortUp { background-image: url(.//js/ui-darkness//js/ui-darkness/images/skin/strzalka_dol.png);} table.tablesorter thead tr .headerSortDown { background-image: url(.//js/ui-darkness//js/ui-darkness/images/skin/strzalka_gora.png);} table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {} a.zmien { display:block; width:40px; height:40px; background:transparent url(./przycisk_admin.png) no-repeat left 0px; } a:hover.zmien { background:transparent url(./przycisk_admin.png) no-repeat left -40px; } a.usun { display:block; width:40px; height:40px; background:transparent url(./przycisk_admin.png) no-repeat -42px 0px; } a:hover.usun { background:transparent url(./przycisk_admin.png) no-repeat -42px -40px; } a.wyslij { display:block; width:40px; height:40px; background:transparent url(./przycisk_admin.png) no-repeat -84px 0px; } a:hover.wyslij { background:transparent url(./przycisk_admin.png) no-repeat -84px -40px; } a.podglad { display:block; width:40px; height:40px; background:transparent url(./przycisk_admin.png) no-repeat -126px 0px; } a:hover.podglad { display:block; background:transparent url(./przycisk_admin.png) no-repeat -126px -40px; } .logowanie_tresc { padding-right:9px;} .logowanie_tresc li { opacity:1;} .logowanie_tresc li:hover { opacity:0.7;} .logowanie_tresc li { background: transparent url('button_black.png') no-repeat top left; margin: 0px 10px; padding:0px 0px 0px 4px; float:right; display: block; } .logowanie_tresc li a { color:#FFF; display:block; height:27px; line-height:27px; padding: 0px 14px 0px 7px; background:transparent url('button_black.png') repeat-y right -27px; } .button_pink { background: transparent url('button_black.png') no-repeat top left; margin: 0px 10px; padding:0px 0px 0px 4px; display: block; max-width: 143px;} .button_pink a { color:#FFF; display:block; height:27px; line-height:27px; padding: 0px 14px 0px 7px; background:transparent url('button_black.png') repeat-y right -27px; cursor:pointer; text-align:center} .button_pink a:hover { color:#F1F1F1;} /* a.icon-wyloguj { background:transparent url(./icon_wyloguj.png) no-repeat 5px 0px;} a:hover.icon-wyloguj {background:transparent url(./icon_wyloguj.png) no-repeat 5px -31px; } a.icon-zamowienia {background:transparent url(./icon_zamowienia.png) no-repeat 5px 0px;} a:hover.icon-zamowienia {background:transparent url(./icon_zamowienia.png) no-repeat 5px -31px;} a.icon-historia {background:transparent url(./icon_historia.png) no-repeat 5px 0px;} a:hover.icon-historia {background:transparent url(./icon_historia.png) no-repeat 5px -31px;} a.icon-twoje-dane {background:transparent url(./icon_twoje_dane.png) no-repeat 5px 0px;} a:hover.icon-twoje-dane {background:transparent url(./icon_twoje_dane.png) no-repeat 5px -31px;} a.icon-admin {background:transparent url(./icon_admin.png) no-repeat 5px 0px;} a:hover.icon-admin {background:transparent url(./icon_admin.png) no-repeat 5px -31px;} */ /*modul logowanie*/ #logowanie { position:absolute; margin-top:50px; padding:0; border:0; text-align:right; width:97%; z-index:100;} #logowanie ul ,#logowanie h1 { float:right; margin:0 0px; padding:0; border:0; list-style:none;} /*środek strony*/ #site { padding:0; background-color:#FFF;} #content { color:#9E9E9E; padding:20px 23px; } #footer {text-align:center; padding:20px; margin:0px; color:#888888} /*alfabet do listy produktów*/ #alfabet { display:block; text-align:left; height:40px; padding:0px 20px; line-height:40px; background:#aaaaaa url(./tlo_alfabet.png) repeat-x top left; z-index: 1000; position: absolute; width: 826px;} #alfabet a { padding:5px; color:#CCC;} #alfabet span { padding:5px; color:#999;} /*strony do listy produktów*/ #strony { display:block; text-align:left; height:40px; padding:0px 20px; margin-top:1px; line-height:40px; background-color:#aaaaaa; } #strony a.wszystkie{ margin:0px 20px; } #strony a { padding-right:20px; color:#000;} /*sortowanie do listy produktów*/ #sortowanie { color:#FFF; display:block; text-align:left; height:40px; padding:0px 20px; margin-top:1px; line-height:40px; background-color:#aaaaaa; } #sortowanie a { margin:0px 20px; } #sortowanie a.wszystkie{ margin:0px 20px; } #legenda { padding:45px 0px 0px 0px; text-align:center;} #legenda span { width:20px; height:20px; } #legenda span.status_red { background-color:#FF0000;} #legenda span.status_orange { background-color:orange;} #legenda span.status_green { background-color:#ccff66;} /*marki do listy produktów*/ #marki_zmiany { color:#FFF; display:block; text-align:left; height:40px; padding:0px 20px; margin-top:41px; line-height:40px; background-color:#aaaaaa; } #marki_zmiany a.wszystkie{ margin:0px 20px; } #marki_zmiany a { margin:0px 20px; color:#000;} /* podstrony do listy produktów*/ .pagination { text-align:center; font-size:15px; line-height:20px;} .pagination a { padding: 0px 10px; line-height:20px;} /* operacje na koszyku */ #opcje_koszyka {float:right; padding-top:10px;} #opcje_koszyka a {padding:0px 10px;} /* wyszukiwarka */ #opcje_wyszukiwanie { float:left; padding-top:10px;} #opcje_wyszukiwanie .title { float:left; line-height:24px; padding-right:4px;} #opcje_wyszukiwanie form { float:left;} #opcje_wyszukiwanie form input.szukaj{line-height: 20px; padding:2px 5px; margin: 0px;} /*strony do listy produktów*/ #marki { display:block; text-align:center; min-height:60px; padding:0px 20px; margin-bottom:20px; margin-top:50px; max-width: 827px; margin-left: auto; margin-right: auto;} #marki a { display:block; margin:10px; padding:0px; line-height:63px; height:63px; border:0px solid #000; font-size:20px; background: transparent url('button.png') no-repeat left top;} #marki a > span { background: transparent url('button.png') repeat-x left bottom; line-height:63px; height:63px; display:block;} #marki a:hover { text-decoration: none; background-color: #FFF; color:#999999;} #marki img { border:0;} /*produkty*/ tr.produkt{ width:100%;} tr.produkt .nowosc { position:absolute; bottom:25px; color:#FFF; background-color:#B81E95;} tr.produkt .promocja { position:absolute;bottom:5px; color:#FFF; background-color:#B81E95;} tr.produkt td{ background-color:#aaaaaa; padding:2px; height:37px; text-align:center; cursor:hand;} /*tr:hover.active td{ background-color:#aaaaaa; padding:2px; height:37px; text-align:center;}*/ tr.produkt-a td{ background-color:#d9d9d8; color:#000; font-size:14px;} tr.produkt-b td{ background-color:#d1d1d1; color:#000; font-size:14px; } tr.produkt td.p_zwijanie div{ width:24px; height:24px; margin:auto; background:transparent url(./przyciski_strzalki.png) no-repeat center -2px;} tr.active td.p_zwijanie div{ width:24px; height:24px; margin:auto; background:transparent url(./przyciski_strzalki.png) no-repeat center -28px;} tr.produkt td.p_id{ width:25px; color:#4c4c4c; display:none;} tr.produkt td.p_nazwa{ color:#000; text-align:left; width:170px;;} tr.produkt td.p_kategoria{ color:#000; text-align:left; width:auto;} tr.produkt td.p_cena_rabatowa{ color:#000; } tr.produkt td.p_cena_rabatowa{ color:#B81E95; } tr.produkt td.p_strona{ color:#7f7f7f; display:none;} tr.produkt td.p_foto{ width:75px; position:relative; } tr.produkt td.p_foto a{ width:75px;overflow:hidden; display:block;} tr:hover.produkt td,tr:hover.produkt td a,tr:hover.produkt td a.p_kategoria{ background-color:#aaaaaa; color:#FFF} div.rozmiary { width:100%; padding:0px 0; margin-bottom:10px; } div.display_none { display:none;} div.display_block { display:block;} div.rozmiary input{ background-color:#c4c4c4; border:0; text-align:center; width:30px} div.rozmiary div.row { float:left; width:95%; margin:1px 20px; padding:3px; background-color:#5e5e5e;} div.rozmiary div.row div{ float:left; text-align:center; margin-right:1px;} div.rozmiary div.row div.suma_ilosc span, div.rozmiary div.row div.suma_cena span { color:#FFFFFF; } div.rozmiary div.row div.suma_ilosc, div.rozmiary div.row div.suma_cena{ float:right; margin:0px 10px; width:50px; } div.rozmiary div.row div.suma_ilosc input ,div.rozmiary div.row div.suma_cena input {color:#FFFFFF; background:none;} div.rozmiary div.row div.suma_cena_rabatowa span { color:#FFFFFF; } div.rozmiary div.row div.suma_cena_rabatowa { float:right; margin:0px 10px; width:50px;} div.rozmiary div.row div.suma_cena_rabatowa input {color:#FFFFFF; background:none;} div.rozmiary div.row div.kolor { padding-left:22px; padding-right:68px; text-align:left; width:130px; color:#e4e4e4; line-height:36px;} div.rozmiary div.row-a { background-color:#5e5e5e;} div.rozmiary div.row-b { background-color:#525252;} div.rozmiary input.orangeOrderSize { background-color:orange; color:#FFFFFF; } div.rozmiary input.redOrderSize { background-color:#FF0000; color:#FFFFFF; } div.rozmiary input.greenOrderSize { background-color:#ccff66; color:#000000; } div.redOrder { } div.redOrder input { background-color:#FF0000; color:#FFFFFF; } div.podsumowanie { text-align:right; margin:10px; font-size:13px; } div.podsumowanie span { color:#b31d93; font-weight:bold;} div.podsumowanie span.span_sumailosc,div.podsumowanie span.span_sumacena { margin:0px 5px;} table.tablesorter tr {background-color:none;} div.submit { text-align:center;} input.submit,input.przeliczZamowienie { text-transform:uppercase; font-weight:normal; font-size:10px; min-height:25px; line-height:25px; color:#FFFFFF; border:1px solid #333333; background:transparent url(./submit.png) repeat-x top center; margin-top:10px; margin-right:10px;} .ZobaczPodsumowanieButton { text-transform: uppercase; font-weight: normal; font-size: 10px; height: 23px; line-height: 23px; color: #FFFFFF; border: 1px solid #333333; background: transparent url(./submit.png) repeat-x top center; margin-top: 10px; margin-right: 10px; padding: 0px 5px; float: right; clear: both; margin-bottom: 10px;} a.ZobaczPodsumowanieButton:hover { background:transparent url(./submit.png) repeat-x center -34px;} .zobacz_podsumowanie { text-transform:uppercase; font-weight:normal; font-size:10px; height:25px; line-height:25px; padding:0px 5px; color:#FFFFFF; border:1px solid #333333; background:transparent url(./submit.png) repeat-x top center; margin-top:10px; margin-right:10px;} input:hover.submit, input:hover.przeliczZamowienie { background:transparent url(./submit.png) repeat-x center -34px;} div.submitAlert { color:#FF0000; overflow:hidden; clear:both; text-align: left; padding:10px 0px; } input.disabled { background-color:#CCCCCC; } input:hover.disabled { background-color:#CCCCCC; } /*galeria realizacji*/ #zdjecia { float:left; width:538px; overflow:hidden; display:block;} #miniaturki { float:right; width:240px;} #miniaturki div.ikona { float:left; width:40px; height:40px; background-color:#fffae5; border:1px solid #c4b6a2; margin:0 6px 6px 0;} #miniaturki div:hover.ikona {border:1px solid #3d2f1b; } #miniaturki a { margin:4px; width:32px; height:32px; color:#fffae5; background-color:#c4b6a2; font-size:15px; font-weight:bold; text-align:center; line-height:33px; display:block;} #miniaturki a:hover { color:#3d2f1b;} #opis { background-color:#c4b6a2; padding:14px; margin:0;} /* formularz zapytaniowy */ .submitWiadomosc { border:2px solid #3D2F1B; background-color:#C5B6A3; padding:5px; margin:auto;} /* styl dla imgPreview */ #imgPreviewWithStyles { background: #999999; padding: 0px; z-index: 999; border: none; height:0;} #imgPreviewWithStyles img { border:2px solid #999999; } #imgPreviewWithStyles span { color: white; text-align: center; display: block; margin: 10px 0 3px 0; } /* raport zamówienia*/ tr.tytul td,tr.kategoria td ,tr.wpis td{border-right:1px solid #000000;border-bottom:1px solid #000000; padding:2px;} table.tablesorter tr.separator td {height:30px; background-color:#464646;} tr.kategoria td { text-align:center; border-left:1px solid #000000;border-top:1px solid #000000;} tr.tytul td,tr.kategoria td { font-weight:bold;} td.marka {border-left:1px solid #000000;} td.ilosc {text-align:center; } td.cena {text-align:right; } /* BodyLoading */ #BodyLoading {color:#FFFFFF; text-align:center; font-weight:bold; top:0; left:0px; position:absolute; z-index:1000; width:100%; height:100%; line-height:30px; background-color:#F1F1F1; opacity:0.6;} #BodyLoading .txt { background-color:#FF0000;} .order-menu { padding:20px; } .order-menu .item a { display:block; margin:20px; line-height:25px; border:1px solid #999; font-size:13px; text-decoration: none;} .order-menu .item a:hover { background-color:#CCC; bordeR:1px solid #FFF; color:#000; } .order-menu .item a img { margin:10px; } .product-cols { overflow:hidden; } .product-col-1 {width:450px; float:left;} /*.product-col-1 img {width:430px; margin:auto;}*/ .product-col-2 {width:410px; float:right;} .product-col-2 div {line-height:35px; margin-bottom:2px; background-color:#DEE1DE; color:#B01290;} .product-col-2 div > strong {line-height: 35px; height: 35px; background-color: #C7C8C7; display: block; width: 120px; float: left; margin-right: 20px; padding: 0px 10px; color:#6C6B6B;} .product-col-2 div.opis > strong {line-height: 35px; height: 35px; background-color: #C7C8C7; display: block; width:100%; margin-right: 20px; padding: 0px 10px; color:#6C6B6B;} .product-col-2 div.opis > span {padding:10px; display:block; line-height:200%;} form#pytanie {width:450px; margin:auto; }