body{font: normal 14px tahoma; color: #000; margin: 0px; padding: 0px; height: 100%; background-color: #fff;} p{font: normal 14px tahoma; color: #000; text-indent: 60px;} a:link, a:visited , a.small:link , a.small:visited {font: normal 14px tahoma; color: #ff8400; text-decoration: none;} a:hover, a.small:hover {color: #ffae00;} a.small:link , a.small:visited {font-size: 11px;} a.small:hover {} a.na_skroty:link , a.na_skroty:visited {font-weight: bold; display: block; font-size: 12px; padding: 2px 0px 0px 15px ; background: transparent url('images/list_style.gif') no-repeat 0px 7px;} a.na_skroty:hover {} div, form{margin: 0px; padding: 0px;} h1{font: bold 14px tahoma; color: #0d99e2; text-transform: uppercase; margin: 0px; padding: 3px 5px 3px 0px; border-bottom: 1px solid #000;} h1 img{position: relative; top: 11px; left: 0px; border: none;} h2, h3, h4, h5, h6{font: bold 14px tahoma; color: #000; margin: 0px; padding: 3px 5px 3px 15px; border-left: 4px solid #ff8400; background-color: #def2f6} hr{border: transparent 1px solid; border-bottom: 1px solid #000;} ul{margin: 10px 0px 0px 0px ; padding: 0px; list-style-image: url('images/list_style.gif');} li {margin: 5px 0px 0px 50px; padding: 0px 0px 5px 0px;} img{border: 0px solid transparent;} .red{color: #c33;} .black{color: #000;} .green{color: #3c3;} .norm{font-weight: normal} .redBold{font-weight: bold; color: #c33;} .greenBold{font-weight: bold; color: #3c3;} .redBoldCenter{display: block; text-align: center; font-weight: bold; color: #c33;} .greenBoldCenter{display: block; text-align: center; font-weight: bold; color: #3c3;} .micro{font-size: 8px;} .greenBoldSmall{font: bold 10px tahoma; color: #393;} .centerBig{display: block; text-align: center; font: bold 14px tahoma;} .centerHuge{display: block; text-align: center; font: bold 18px tahoma;} .big{font: normal 14px tahoma;} .lewo{float: left;} .prawo{float: right;} input.ch_b{float: left;} span.ch_b{display: block; padding: 0px 0px 15px 30px;} a.centerHuge:link {display: block; text-align: center; font: bold 18px tahoma;} a.centerHuge:visited {display: block; text-align: center; font: bold 18px tahoma;} a.centerHuge:hover {display: block; text-align: center; font: bold 18px tahoma;} /* tylko w BAZIE MySQL ############################################################## */ .tlo_mapa_01{background: #ffb400 url('images/tlo_mapa_01.gif') repeat-y 190px; border:1px solid #000; border-right: 0px solid transparent; color: #fff; margin: 30px 30px 0px 0px; padding: 6px;} .float_box{float: right; height: 100%; width: 240px;} .box{border-bottom: 1px solid #cfe3e7; border-right: 3px solid #ff8400; background: #dff0f4 url('images/box_corner.gif') no-repeat; padding: 5px 10px; margin: 10px 0px 10px 10px;} .box li {list-style-image: url('images/list_style3.gif'); margin: 0px 0px 0px 15px; padding: 0px 0px 5px 0px;} .oferta_kategorie{float: left; width: 204px; height: 170px; text-align: center; margin-top: 10px;} .oferta_kategorie a{font-weight: bold;} .oferta_kategorie img{display: block; border-bottom: 1px solid #000; border-top: 1px solid #666;} /* Ogólne ############################################################## */ #container{width: 950px; text-align: left;} #head{position: relative; background: transparent url('images/head.jpg') no-repeat; width: 950px; height: 133px;} #zakladki{position:absolute; top: 106px; right: 35px; z-index: 10;} #zakladki a:link{font: bold 12px tahoma; color: #000; text-decoration: none; margin: 0px 2px 0px 2px;} #zakladki a:visited{font: bold 12px tahoma; color: #000; text-decoration: none; margin: 0px 2px 0px 2px;} #zakladki a:hover{font: bold 12px tahoma; color: #ff8400; text-decoration: none; margin: 0px 2px 0px 2px;} #zakladki td.zas a:link, #zakladki td.zas a:visited{font: bold 12px tahoma; color: #000; text-decoration: none; margin: 0px 2px 0px 2px; position: relative; bottom: 6px;} #zakladki td.zas a:hover{color: #fff;} #zakladki td{height: 34px;} #zakladki td.znl{background: transparent url('images/zakladka_off_l.gif') no-repeat 2px 8px; width:8px;} #zakladki td.zns{background: transparent url('images/zakladka_off_mid.gif') repeat-x 0px 8px;} #zakladki td.znp{background: transparent url('images/zakladka_off_r.gif') no-repeat 0px 8px; width:6px;} #zakladki td.zal{background: transparent url('images/zakladka_on_l.gif') no-repeat 2px 0px; width:8px;} #zakladki td.zas{background: transparent url('images/zakladka_on_mid.gif') repeat-x;} #zakladki td.zap{background: transparent url('images/zakladka_on_r.gif') no-repeat; width:6px;} /* LEWA KOLUMNA ############################################################## */ #left{float: left; display: inline; width: 246px; margin: 9px 0px 5px 0px;} #left table{width: 100%;} #left #padding ul{list-style-image:url('images/list_style3.gif'); list-style-position:outside;} #left #padding ul li{font: normal 12px tahoma; border-bottom: 1px solid #cfc1dd;} .left_01{background: transparent url('images/left_01.gif') no-repeat top left; width: 8px; height: 19px;} .left_02{background: transparent url('images/left_02.gif') repeat-x top; height: 19px;} .left_03{background: transparent url('images/left_03.gif') no-repeat top right; width: 10px; height: 19px;} .left_04{background: transparent url('images/left_04.gif') repeat-y left; width: 8px;} .left_05{background: transparent url('images/left_05.gif');} .left_06{background: transparent url('images/left_06.gif') repeat-y right; width: 10px;} .left_07{background: transparent url('images/left_07.gif') no-repeat bottom left; width: 8px; height: 8px;} .left_08{background: transparent url('images/left_08.gif') repeat-x bottom; height: 8px;} .left_09{background: transparent url('images/left_09.gif') no-repeat bottom right; width: 10px; height: 8px;} /* LISTA KATEGORII ############################################################## */ #mainNavi {} a.kategorie0:link, a.kategorie0:visited{font: bold 14px tahoma; color: #000; text-decoration: none; display: block; padding: 2px 0px 2px 5px; margin: 1px; border-bottom: 1px solid #fff; } a.kategorie0:hover{font: bold 14px tahoma; color: #0084d7; text-decoration: none; display: block; padding: 2px 0px 2px 5px; margin: 1px; border-bottom: 1px solid #ffb400;} a.kategorie1:link, a.kategorie1:visited{font: bold 12px tahoma; color: #00558a; text-decoration: none; display: block; padding: 1px 0px 1px 15px; margin: 2px; border-bottom: 1px solid #fff; background: #d8ecfc;} a.kategorie1:hover{font: bold 12px tahoma; color: #0084d7; text-decoration: none; display: block; padding: 1px 0px 1px 15px; margin: 2px; border-bottom: 1px solid #ffb400; } a.kategorie2:link, a.kategorie2:visited{font: normal 12px tahoma; color: #00558a; text-decoration: none; display: block; padding: 1px 0px 1px 25px; margin: 2px; border-bottom: 1px solid #fff; background: #c5e3fa} a.kategorie2:hover{font: normal 12px tahoma; color: #0084d7; text-decoration: none; display: block; padding: 1px 0px 1px 25px; margin: 2px; border-bottom: 1px solid #ffb400;} /* AKTUALNOSCI + ARTYKÓŁY ############################################################## */ a.aktalnosc:link{font: normal 12px tahoma; color: #000; text-decoration: none;} a.aktalnosc:visited{font: normal 12px tahoma; color: #000; text-decoration: none;} a.aktalnosc:hover{font: normal 12px tahoma; color: #000; text-decoration: underline;} a.wiecej:link{font: normal 9px tahoma; color: #999; text-decoration: none;} a.wiecej:visited{font: normal 9px tahoma; color: #999; text-decoration: none;} a.wiecej:hover{font: normal 9px tahoma; color: #000; text-decoration: none;} .data{float: right; font: normal 9px tahoma; color: #000} #leftBottom{background: transparent url('images/left_bottom.gif') no-repeat; width: 222px; height: 8px; font: normal 1px tahoma;} /* Ścieżka do strony ############################################################## */ #main, #main_wide{position: relative; margin: 0px 0px 5px 246px; width: 680px;} #main_wide{margin: 0px 0px 5px 0px; width: 100%;} #main table, #main_wide table{width: 100%;} .main_01{background: transparent url('images/main_01.gif') no-repeat top left; width: 8px; height: 19px;} .main_02{background: transparent url('images/main_02.gif') repeat-x top; height: 19px;} .main_03{background: transparent url('images/main_03.gif') no-repeat top right; width: 10px; height: 19px;} .main_04{background: transparent url('images/main_04.gif') repeat-y left; width: 8px;} .main_05{background: transparent url('images/main_05.gif');} .main_06{background: transparent url('images/main_06.gif') repeat-y right; width: 10px;} .main_07{background: transparent url('images/main_07.gif') no-repeat bottom left; width: 8px; height: 8px;} .main_08{background: transparent url('images/main_08.gif') repeat-x bottom; height: 8px;} .main_09{background: transparent url('images/main_09.gif') no-repeat bottom right; width: 10px; height: 8px;} #padding{margin: 0px 10px;} #main #padding, #main_wide #padding{min-height: 370px; background: transparent url('images/right_down.gif') no-repeat 100% 95%;} #trescGlowna{overflow: auto;} #mainBottom{position: absolute; bottom:-8px; left: 0px; background: transparent url('images/main_bottom.gif') no-repeat; width: 683px; height: 8px; font: normal 1px tahoma;} /* LISTA PRODUKTÓW ############################################################## */ #lokalizacja{text-align: left; margin: 5px 10px;} #sciezka{font: bold 14px verdana; color: #00558a;} #slash{font: bold 12px verdana; color: #ff8400; margin: 0px 10px 0px;} #ile_wynikow{position: absolute; top: 12px; right: 10px; font: bold 10px verdana; color: #00558a;} a.powrot:link{float: left; padding: 0px 0px 5px 25px; margin: 16px 5px 0px 0px; font: bold 10px tahoma; text-decoration: none; background: transparent url('images/powrot4.gif') no-repeat;} a.powrot:visited{float: left; padding: 0px 0px 5px 25px; margin: 16px 5px 0px 0px; font: bold 10px tahoma; text-decoration: none; background: transparent url('images/powrot4.gif') no-repeat;} a.powrot:hover{float: left; padding: 0px 0px 5px 25px; margin: 16px 5px 0px 0px; font: bold 10px tahoma; text-decoration: none; background: transparent url('images/powrot4.gif') no-repeat;} table.listaProduktow{width: 640px;} tr.produkt td{padding: 3px 0px; background: #f7edfc url('images/tlo_produkt.gif') repeat-x;} td.produktLista{width: 40px;} tr.produkt td.produktListaFoto{background: transparent url('images/tlo_produkt_l.gif') no-repeat top right; width: 100px; text-align: right;} tr.produkt td.produktListaFoto img {border: 1px solid #000; margin-right: 5px;} #foto_produkt_duze {position: relative; float: left; margin: 5px 10px 10px 0px;} #foto_produkt_duze img{border: 1px solid #333;} a.lupka:link, a.lupka:visited, a.lupka:hover{display: block; position: absolute; bottom: 0px; right: 0px; background: transparent url('images/lupka') no-repeat right; width: 43px; height: 41px;} a.lupka:hover{background: transparent url('images/lupka') no-repeat left;} tr.produkt td.produktListaNazwa{font-weight: bold; padding: 3px 10px;} div.produktListaNazwa{position: relative;} div.id_produktu{position: absolute; bottom: 0px; left: 0px; font: bold 10px courier new; color: #999;} tr.produkt td.produktListaNazwa a:link, tr.produkt td.produktListaNazwa a:visited{font-weight: bold; display: block; padding: 20px;} tr.produkt td.produktListaNazwa a:hover{font-weight: bold; display: block; color: #ff8400; padding: 20px;} tr.produkt td.produktListaKategoria{font: normal 10px tahoma; width: 120px; text-align: center;background: transparent url('images/tlo_produkt_r.gif') no-repeat;} .ilosc_lista_prod{width: 15px; font: normal 8px tahoma; background-color: #fff; border: 1px solid #000;} td.naglowekProduktow{text-align: center; font: bold 10px tahoma; padding: 5px; text-transform: uppercase;} #zakres{text-align: center; border-top: 1px solid #0070aa; padding-bottom: 2px;} #zakres a:link, #zakres a:visited {background-color: #dbf3ff; font: normal 12px tahoma; color: #000; margin: 0px 3px; text-decoration: none; border: 1px solid #a3defd; padding: 0px 4px;} #zakres a:hover {background-color: #a3defd;} #zakres #aktywnyZakres {font: bold 12px tahoma; color: #fff; margin: 0px 3px; background-color: #0070aa; border: 1px solid #0070aa; padding: 0px 4px 2px;} /* JEDEN PRODUKT ############################################################## */ #opis{margin-left: 200px;} #masa{font: bold 16px tahoma; float: right; margin: 20px;} .ilosc_prod{width: 20px; font: normal 12px tahoma; background-color: #fff; border: 1px solid #000;} #cenaBig{font: normal 40px tahoma; color: #3c3; text-align: left; border-bottom: 1px solid #e4d4ed; margin: 0px 0px 10px; padding: 5px 5px; background-color: #efe4f4;} /* DÓŁ STRONY ############################################################## */ #foot{text-align: center; margin: 5px 0px 5px 255px; padding: 5px 0px; width: 667px; border-bottom: 1px solid #888;} #foot a:link{font: normal 12px tahoma; color: #000; margin: 0px; padding: 0px; white-space: nowrap;} #foot a:visited{font: normal 12px tahoma; color: #000; margin: 0px; padding: 0px; white-space: nowrap;} #foot a:hover{font: normal 12px tahoma; color: #000; margin: 0px; padding: 0px; white-space: nowrap;} #foot a.unactive:link{font: normal 12px tahoma; color: #999; margin: 0px; padding: 0px; white-space: nowrap; cursor: default;} #foot a.unactive:visited{font: normal 12px tahoma; color: #999; margin: 0px; padding: 0px; white-space: nowrap; cursor: default;} #foot a.unactive:hover{font: normal 12px tahoma; color: #999; margin: 0px; padding: 0px; white-space: nowrap; cursor: default;} #stopka{text-align: center; margin: 0px 0px 5px 255px; width: 667px; font: normal 10px tahoma; color: #888;} #alert{position: absolute; top: 200px; left: 350px; width: 280px; height: 80px; display: none; text-align: center; font: bold 12px tahoma; color: #000; padding: 15px; background: transparent url('images/tlo_alert.gif') no-repeat;} /*ł*/ /* w ie jest jakaś przerwa na 3 px którą trzeba usunąć aby left stykało się z main, a i tak się nie styka */ * html #main{margin: 0px 0px 5px 243px;} /* * html #main {margin: 0px 0px 5px 243px;} * html #main #padding {height: 400px;} */