html, body
{
font-family:Verdana,Tahoma,sans-serif;
font-size: 11px;
text-align:left;
margin: 0px;
padding: 0px;
background-color:#000000;
color:#999999;
width: 100%;
height: 100%;
}
.fck{
background-color:#000000;
}
* {
outline: none;
}
.bialy{
color: #fff;
}
.bialy_bold{
color: #fff;
font-weight: bold;
}
img{border:0px;}
form,p,img,ul ,li, ol {margin:0px;padding:0px;}
object {outline: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;margin:0px;height:0px;display:inline;}
h1 {font-weight: bold; color: #fff; }
.czysc_lewo{clear:left;font-size:1px;}
.czysc_prawo{clear:right;font-size:1px;}
.czysc_obie{clear:both;font-size:1px;}
#flash_kolekcje {
width:218px;height:520px;overflow:hidden;text-align:center;
}
#flash_towary {
width:218px;height:453px;overflow:hidden;text-align:center;
}
#flash_menu_towary, #flash_menu_kolekcje {
overflow: auto;
}
/* ===============================|LINKI|========================================== */
#left ol, #left ul, #menu_main_prawo ul {list-style:none; list-style-position:outside; }
#left ul li { display: block;width:220px;}
#sitemap ol, #sitemap ul {list-style:none; display: inline; list-style-position:outside;}
#sitemap ul li { padding-bottom: 1px; margin-bottom: 1px; display: block;width:213px; padding-right: 5px; text-align: right;}
#sitemap ul li.sitemap_kat { padding: 5px 0px !important; width:218px !important; text-align: left; border-top: 1px solid #3d3d3d;}
#sitemap a.menuart0_off{ border-bottom: 0px; border-top: 1px solid #3d3d3d; font-size: 10px;}
#sitemap a.menuart1_off{ border-bottom: 0px; }
/*G��WNE LINKI*/
a{color:#fff;text-decoration:none;}
a:hover{color:#fff;text-decoration:underline;}
/*G��WNE LINKI*/
/* MENU G��WNE*/
a.menu_off{
display: block;
padding-left: 8px;
width: 210px;
height: 32px;
line-height: 420%;
color: #999;
font-weight: bold;
background-color: #333;
}
a:hover.menu_off{
color: #fff;
}
a.menu_on{
display: block;
padding-left: 8px;
width: 210px;
height: 32px;
line-height: 420%;
color: #fff;
font-weight: bold;
background-color: #333;
}
a:hover.menu_on{
color: #fff;
}
/*podkategorie menu*/
a.menu_off2{
display: block;
width: 210px;
padding-top:3px;
padding-bottom:3px;
padding-right: 8px;
line-height: 180%;
text-align: right;
color: #999;
background-color: #000;
}
a:hover.menu_off2{
color: #fff;
}
a.menu_on2{
display: block;
width: 210px;
padding-top:3px;
padding-bottom:3px;
padding-right: 6px;
line-height: 180%;
text-align: right;
margin-right: 1px;
color: #fff;
background-color: #000;
}
a:hover.menu_on2{
color: #fff;
}
/* MENU G��WNE*/
/*MENU TOWAR�W*/
a.menut_off{
display: block;
padding-left: 8px;
width: 210px;
height: 36px;
line-height: 500%;
text-align: left;
color: #fff;
background-color: #000;
}
a:hover.menut_off{
color: #fff !important;
font-weight: bold;
}
a.menut_on{
display: block;
padding-left: 8px;
width: 210px;
height: 36px;
line-height: 500%;
text-align: left;
color: #fff;
font-weight: bold;
background-color: #000;
}
a:hover.menut_on{
color: #fff;
font-weight: bold;
}
/*MENU TOWAR�W*/
/* MENU PRODUKTU*/
a.menup_off{
display: block;
float: left;
height: 26px;
text-align: center;
line-height: 320%;
color: #000;
font-weight: bold;
background: url(images/tlo_menup_off.jpg) top center repeat-x;
margin-right: 1px;
}
a:hover.menup_off{
color: #000 !important;
background: url(images/tlo_menup_on.jpg) top center repeat-x;
}
a.menup_on{
display: block;
float: left;
height: 26px;
text-align: center;
line-height: 320%;
color: #000;
font-weight: bold;
background: url(images/tlo_menup_on.jpg) top center repeat-x;
margin-right: 1px;
}
a:hover.menup_on{
color: #000 !important;
background: url(images/tlo_menup_on.jpg) top center repeat-x;
}
/* ===============================|MENU ARTYKULOW I PRODUKTOW TERAZ JUZ TEZ|========================================== */
a.menuart0_off{
display: block;
width: 206px;
padding: 6px 0px;
padding-left: 14px;
color: #666;
background-color: #fff;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
a:hover.menuart0_off{
color: #000 !important;
text-decoration: underline;
}
a.menuart0_on{
display: block;
width: 206px;
padding: 6px 0px;
padding-left: 14px;
color: #000;
background-color: #fff;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
}
a:hover.menuart0_on{
color: #000 !important;
text-decoration: underline;
}
a.menuart1_off{
display: block;
width: 193px;
padding: 6px 0px;
padding-left: 27px;
color: #666;
font-size: 10px;
background-color: #fff;
}
a:hover.menuart1_off{
color: #000 !important;
text-decoration: underline;
background: url(images/troj.jpg) center left no-repeat #fff;
}
a.menuart1_on{
display: block;
width: 193px;
padding: 6px 0px;
padding-left: 27px;
color: #000;
font-size: 10px;
text-decoration: underline;
background: url(images/troj.jpg) center left no-repeat #fff;
}
a:hover.menuart1_on{
color: #000 !important;
text-decoration: underline;
background: url(images/troj.jpg) center left no-repeat #fff;
}
a.menuart2_off{
display: block;
text-align: right;
width: 218px;
padding: 3px 0px;
color: #999;
background-color: #000;
}
a:hover.menuart2_off{
color: #fff;
}
a.menuart2_on{
display: block;
width: 218px;
height: 18px;
text-align: right;
padding: 3px 0px;
color: #fff;
background-color: #000;
}
a:hover.menuart2_on{
color: #fff;
}
/* ===============================|MENU ARTYKULOW|========================================== */
/* ===============================|SZABLON STRONY|========================================== */
div#kontener{
width: 960px;
margin: 0px auto;
}
div#content{
width: 960px;
overflow: hidden;
}
div#top{
width: 960px;
}
div#left{
float: left;
width: 260px;
}
div#center{
float: left;
width: 700px;
overflow: hidden;
}
.interlinia { line-height: 140%; }
div#bottom{
color: #666;
font-size: 9px;
}
div#menu_top{
width: 960px;
height: 29px;
position: relative;
border-bottom: 1px solid #666;
}
/* ===============================|STRONA G��WNA|========================================== */
div#main{
margin: 0 auto;
width: 960px;
height: 602px;
position: relative;
}
div#menu_glowna{
width: 960px;
/*height: 350px; */
position: absolute;
top: 100px;
left: 0px;
z-index: 20;
}
div#menu_linia1{
width: 960px;
height: 50px;
position:absolute;
top:300px;
left:0px;
overflow: hidden;
}
div#menu_linia2{
width: 665px;
position:absolute;
top:40px;
left:0px;
}
div#menu_linia3{
width: 665px;
position:absolute;
top:0px;
left:0px;
}
div#menu_linia2_dek{
width: 665px;
position:absolute;
top:40px;
left:0px;
}
div#menu_linia3_dek{
width: 665px;
position:absolute;
top:0px;
left:0px;
}
a.menu_gl{
float: left;
background-color: #000;
color: #e0e0e0;
font-weight: bold;
font-size: 9px;
text-align: center;
padding: 10px 0px;
height: 20px;
filter: alpha(opacity=75); /* IE 5.5+ Win */
-moz-opacity: 0.75; /* Mozilla */
-khtml-opacity: 0.75; /* Safari 1.1 */
opacity: 0.75; /* Mozilla 1.7+, Safari 1.2+, inne zgodne z CSS3 */
}
a:hover.menu_gl{
color: #fff;
font-size: 9px;
filter: alpha(opacity=100); /* IE 5.5+ Win */
-moz-opacity: 1; /* Mozilla */
-khtml-opacity: 1; /* Safari 1.1 */
opacity: 1; /* Mozilla 1.7+, Safari 1.2+, inne zgodne z CSS3 */
}
a.menu_gl_on{
float: left;
background-color: #000;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 400%;
height: 40px;
color: #fff;
filter: alpha(opacity=100); /* IE 5.5+ Win */
-moz-opacity: 1; /* Mozilla */
-khtml-opacity: 1; /* Safari 1.1 */
opacity: 1; /* Mozilla 1.7+, Safari 1.2+, inne zgodne z CSS3 */
}
a.menu_gl2{
float: left;
background-color: #000;
color: #f0f0f0;
font-weight:bold;
font-size: 9px;
text-align: center;
padding: 10px 0px;
height: 20px;
filter: alpha(opacity=60); /* IE 5.5+ Win */
-moz-opacity: 0.6; /* Mozilla */
-khtml-opacity: 0.6; /* Safari 1.1 */
opacity: 0.6; /* Mozilla 1.7+, Safari 1.2+, inne zgodne z CSS3 */
}
a:hover.menu_gl2{
color: #fff;
font-size: 9px;
filter: alpha(opacity=100); /* IE 5.5+ Win */
-moz-opacity: 1; /* Mozilla */
-khtml-opacity: 1; /* Safari 1.1 */
opacity: 1; /* Mozilla 1.7+, Safari 1.2+, inne zgodne z CSS3 */
}
/* ===============================|FORMULARZE|========================================== */
.formularz {
height: 16px;
width: 156px;
padding-left: 4px;
padding-top: 4px;
border: 1px solid #666;
background-color: #000;
font-family:Verdana,Tahoma,sans-serif;
font-size: 10px;
color: #ffffff;
}
.formularz_kontakt {
height: 16px;
width: 335px;
padding-left: 4px;
padding-top: 4px;
border: 1px solid #666;
background-color: #000;
font-family:Verdana,Tahoma,sans-serif;
font-size: 10px;
color: #999;
}
.formularz_szukaj {
height: 15px;
width: 694px;
* width: 693px;
padding-left: 4px;
padding-top: 4px;
border: 1px solid #808080;
background-color: #000;
font-family:Verdana,Tahoma,sans-serif;
font-size: 10px;
color: #fff;
}
div.fileinputs {
position: relative;
}
div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
font-size:10px;
}
input.file {
position: relative;
-moz-opacity:0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
height:18px;
font-size:10px;
color:#999;
}
/* ===============================|LADNE SELECTY|========================================== */
a.comboHeader {
background:#000 url(images/select.jpg) no-repeat scroll right center;
border:1px solid #808080;
color:#ccc;
display:block;
font-family:Verdana,Tahoma,sans-serif;
font-size:10px;
height:17px;
width: 156px;
padding-left: 4px;
padding-top: 4px;
text-decoration:none;
}
a.comboHeader:hover {
color:#ccc;
text-decoration:none;
}
.comboList {
background:#000 none repeat scroll 0%;
border-left:1px solid #808080;
border-right:1px solid #808080;
border-bottom:1px solid #808080;
font-family:Verdana,Tahoma,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-top:1px;
position:absolute;
width:160px;
max-height: 250px;
overflow: auto;
z-index: 100;
}
.comboList a {
display:block;
height:16px;
padding-left: 10px;
padding-top: 4px;
}
.comboList a:hover {
background:#333 none repeat scroll 0%;
color:#FFFFFF;
text-decoration:none;
}
/*===============================|OBRAZKI|========================================== */
.big_ramka{
border: 1px solid #3d3d3d;
}
/* ===============================|OVERLIB|========================================== */
div#overDiv{
font-size: 10px;
}
.gora_overlib{
width:380px;
padding:5px;
background-color: #ffffff;
color: #000;
}
.dol_overlib{
width:390px;
height:4px;
background:url(images/strzalka.gif) top left no-repeat;
}
/*===============================|NEWSY|========================================== */
.naglowek_news{
color: #fff;
font-weight: bold;
padding-top: 5px;
}
.obrazek_news{
width: 136px;
height: 82px;
border: 0px;
}
/*===============================|NEWSY|========================================== */
/*===============================|INNE|========================================== */
.linia{
border-bottom: 1px solid #333;
padding-bottom: 4px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
font-size: 11px;
}
.linia2{
border-bottom: 1px solid #747474;
padding-bottom: 5px;
}
.linia2 a {
color:#666666;
}
.linia3{
border-bottom: 1px solid #333;
padding-bottom: 14px;
padding-top: 14px;
padding-left: 7px;
}
.box_funkcja{
width: 85px;
height: 85px;
text-align: center;
float:left;
margin-right: 12px;
font-size: 10px;
}
div#nawigbox {
font-size: 9px;
margin-bottom: 25px;
color: #999;
background-color: #333;
padding: 8px 17px;
}
div#nawigbox a {
color: #999;
}
div#nawigbox a:hover {
color: #fff;
}
a.przycisk {
font-size:10px;
font-family: Verdana,Tahoma,sans-serif;
color: #fff;
display:block;
padding: 2px 0px;
padding-left: 5px;
background-color: #666;
border-top: 1px solid #b3b3b3;
height:18px;
line-height:19px;
text-decoration: none;
}
a:hover.przycisk{
}
a.przycisk2 {
font-size:10px;
font-family: Verdana,Tahoma,sans-serif;
color: #fff;
width: 118px;
display:block;
padding: 5px 4px;
background-color: #666;
height:10px;
text-decoration: none;
float:right;
margin-right: 1px;
text-transform: lowercase;
}
a:hover.przycisk2{
}
.podkreslenie{
border-bottom: 1px solid #3d3d3d;
padding-bottom: 2px;
}
.podkreslenie2{
border-bottom: 1px solid #3d3d3d;
padding-bottom: 10px;
padding-top: 10px;
width:703px;
height: 80px;
position: relative;
}
.obrazek_galeria{
width: 140px;
text-align: center;
float:left;
}
.kontakt_tresc{
color: #fff;
}
.kontakt_tresc a{
color: #fff;
}
.towary_opis{
border-collapse: collapse;
}
.towary_opis td, .towary_opis th{
border-bottom: 1px solid #3d3d3d;
padding: 3px;
}
.obrazek_news, .obrazek_news2{
border: 1px solid #3d3d3d;
padding:2px;
}
.referencja{
float: left;
width: 175px;
height: 150px;
}
.lewo{
text-align: left;
}
.srodek{
text-align: center;
}
.prawo{
text-align: right;
}
.uppercase{
text-transform: uppercase;
}
.realizacja_lewo{
float:left;
width:428px;
margin-right:10px;
}
.realizacja_prawo{
float:left;
width:262px;
}
.plik_architekci {
width: 338px;
color: #fff;
padding: 9px 0px;
border-bottom: 1px solid #3d3d3d;
float: left;
}
.plik_architekci a {
color: #fff;
}
div#lista_plikow {
min-height: 140px;
height: auto !important;
height: 140px;
}
/*lightbox*/
.overlay {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1001; background-color:#000000; opacity:0.8; _filter:alpha(opacity=80); }
#warstwa {position:absolute; top:127px; width:800px; height:400px; z-index:1002; }
/* poczt�wki */
.pocztowka {
float: left;
width: 113px;
height: 177px;
margin-right: 5px;
margin-bottom: 5px;
background-color: #1a1a1a;
}
.pocztowka p {
text-align: center;
margin-top: 12px;
}
.pocztowka span{
color: #fff;
}
.pocztowka label {
margin-left:-2px;
clear: both;
float: none !important;
}
#zglos_wybor {
cursor: pointer;
}
.komunikat {
text-align: center;
font-weight: bold;
color: #fff;
margin-bottom:6px;
}
.selected_page, .paging a.no:hover {background-color: #666; color: #000; font-weight: bold; text-decoration: none; }
.selected_page, .paging a.no { font-size: 11px; display: block; float: left; color: #fff; height: 23px; padding-top:4px; padding-left: 7px; padding-right: 7px; width: 6px; }
.selected_page {color: #000; }
.paging .first {float: left; margin-right: 3px;}
.paging .prev {float: left; margin-right: 3px; }
.paging .next {float: left; margin-right: 3px; margin-left: 3px;}
.paging .last {float: left; }
.belka_produkty { margin: 10px 0px; margin-bottom: 16px; color: #ccc; font-size: 10px;}
.belka_produkty .etykieta { margin-top: 5px;}
.belka_produkty span {display: block; float: left;}
.belka_produkty p {float: left;}
.belka_produkty form {float: left;}
.belka_produkty div {float: right;}
.podkreslenie3{ border-bottom: 1px solid #333; }
.produkt_lista_rozsz {width: 341px; height: 220px; float: left; border-bottom: 1px solid #333;position: relative; margin-bottom: 10px; }
.produkt_lista {width: 341px; height: 210px; float: left; border-bottom: 1px solid #333;position: relative; margin-bottom: 10px; }
.produkt_lista img.foto {width: 341px; height: 170px; margin-bottom: 8px; }
.produkt_lista a.link { font-weight: bold; font-size: 11px; color: #fff;}
.produkt_lista a:hover.link {text-decoration: underline; }
.produkt_lista .foto_ramka {display: none; position: absolute; top:0px;left:0px; }
h1.flash { color: #999; font-size: 24px; font-weight: normal; height: 40px; width: 100%; display: block;}
.produkty_tabela { border-collapse: collapse;}
.produkty_tabela td , .produkty_tabela th { border-bottom: 1px solid #3d3d3d;}
.produkty_tabela th { color: #fff; padding-bottom: 5px; }
a.produkty_pytajnik { width: 12px; height: 12px; background: url(images/pyt.jpg) top center no-repeat; float: left; margin-right: 8px; display: block;}
a:hover.produkty_pytajnik { background-position: bottom; }
.poprzedni_nastepny {float: right; background-color: #333; margin-top: 15px; line-height: 100%; _width: 273px;}
a.button_left { padding: 7px 9px 7px 25px; background: url(images/strz_lewo.gif) 12px 6px no-repeat; float: left; display: block; font-size: 10px; }
a.button_right { padding: 7px 25px 7px 9px; background: url(images/strz_prawo.gif) 90% 6px no-repeat; float: left; display: block; font-size: 10px; }
a.button_center{ padding: 7px 9px 7px 9px; float: left; display: block; font-size: 10px; }
a:hover.button_left, a:hover.button_right, a:hover.button_center {text-decoration: underline; color: #fff;}
.separator { float:left; width: 1px; margin-top: 7px;}
.belka_produkt { padding-left: 10px; height: 25px; background-color: #333; font-size: 10px; margin-top: 10px; }
.line-through {text-decoration: line-through; }
.promo {color: #fff; font-weight: bold; }
.link10 {font-size: 10px;}
#newsletter_box { float:left;margin-top:16px;width:221px;position:relative; font-size: 9px; }
a#but_usun { background: url(images/but_x.jpg) center left no-repeat #333; display: block; padding: 7px 10px 7px 20px; float: left; font-size:10px; color: #fff; }
a#but_dodaj { background: url(images/but_plus.jpg) center right no-repeat #333; display: block; padding: 7px 20px 7px 10px; float: left; font-size:10px; color: #fff; }
#but_newsletter { background-color: #333; float: right; *margin-top: -1px; *margin-right: -1px; }
#top a {font-size: 10px; }
#menu_main { width: 960px; height: 300px; background-color:#fff;}
#menu_main_lewo { float: left; width: 288px; height:300px; }
#menu_main_prawo { float: left; width: 672px; height:300px;}
#menu_main_kler { float: left; width: 342px;}
#menu_main_th { float: left; width: 310px; _float: right; _position:absolute; }
a.button_right_black { padding: 7px 25px 7px 40px; background: url(images/select.jpg) center right no-repeat #000; float: left; display: block; font-size: 10px; }
a.przycisk_glowna { float: right; display: block; margin-left: 1px;}