@CHARSET "UTF-8";
* {margin:0;padding:0;}
html, body {background: url('tlo_gorne.jpg') #323131 repeat-x; color: #ffffff; font-size: 13px; font-family: "Trebuchet MS", Tahoma, verdana, sans-serif, helvetica;}
img {border: 0;}

#header{width:998px; margin: 0 auto;}

#container{width:993px; margin: 0 auto;}
	
#witamyBox{float: left; width: 495px; height: 212px;}
	.LewyBok{float: left; background: url('witamy_lewy_bok.jpg') no-repeat top left; width: 30px; height: 200px;}
	.witamyPrawyBok{float: left; background: #343333 url('witamy_prawy_bok.jpg') no-repeat top right; width: 465px; height: 212px;}
	.oNas{float: left; width: 380px; height: 126px; overflow: hidden;}
	.wiecejOFirmie{float: left; color: #ffffff; width: 135px; height: 26px; margin-top: 17px; padding-top: 8px; text-align: center; background: url('wiecej_o_firmie.jpg') no-repeat; background-position:0px 0px; text-decoration: none;}
	.wiecejOFirmie:hover{background-position:0px -34px;}
	.doSklepu{float: left; width: 102px; height: 33px; color: #ffffff; text-decoration: none; padding-top: 25px; padding-left: 80px; background: url('idz_do_sklepu.jpg') no-repeat; background-position:0px 0px;}
	.doSklepu:hover{background-position:0px -58px;}
	.dSDe {padding-left:69px; width:113px;}
	.dSEn {padding-left:75px; width:107px;}
	.dSCz {padding-left:68px; width:114px;}

#kontaktBox{float: left; width: 481px; height: 212px; background: #333333;}
#kontaktZNami{float: left; width: 481px; height: 196px; background: url('skontaktuj_sie_tlo.jpg') no-repeat 1px 0px;}
	.kontaktAdres{float: left; width: 175px; height: 123px; overflow:hidden;}
	.wyslijPytanie{float: left; width: 135px; height: 26px; color: #ffffff; text-decoration: none; text-align: center; padding-top: 8px; background: url('wyslij_pytanie.jpg') no-repeat; background-position:0px 0px;}
	.wyslijPytanie:hover{background-position:0px -34px;}
	.zobaczMape{float: left; width: 135px; height: 26px; color: #ffffff; text-decoration: none; text-align: center; padding-top: 8px; background: url('zobacz_mape.jpg') no-repeat; background-position:0px 0px;}
	.zobaczMape:hover{background-position:0px -34px;}

#ofertaBox{float: left; width: 692px; height: 212px;}
    .ofertaSrodekNotes{float: left; background: url('oferta_tlo.jpg') no-repeat top left; width: 164px; height: 182px;}
	.ofertaSrodekTlo{float: left; background: url('oferta_srodek_prawy_bok.jpg') #2a2829 no-repeat top right; width: 460px; height: 182px;}
	.ofertaPrawyBok{float: left; background: url('oferta_prawy_bok.jpg') no-repeat top right; width: 38px; height: 205px;}
	.ofertaOpis{float: left; width: 460px; height: 75px; overflow: hidden;}
	#ofertaLista1, #ofertaLista2, #ofertaLista3 {float: left;}
	#ofertaLista1{width: 157px;}
	#ofertaLista2{width: 150px;}
	#ofertaLista3{width: 144px;}   
	#ofertaLista1 a, #ofertaLista2 a, #ofertaLista3 a {color: #ffffff; background: url('wypunktowanie.jpg') no-repeat 0 6px; padding-left: 15px; display: block; text-decoration: underline;}
	#ofertaLista1 a:hover, #ofertaLista2 a:hover, #ofertaLista3 a:hover {color: #d245db;}
	#ofertaLista1 ul, #ofertaLista2 ul, #ofertaLista3 ul {list-style-position: outside; list-style-type: none; list-style-image:none;}

#bannerSpa{float: left; width: 291px; height: 205px;}

#nowosciBox{float: left; width: 983px; height: 280px;}
	.nowosciLewyBok{float: left; background: url('nowosci_lewy_bok.jpg') no-repeat top left; width: 31px; height: 246px;}
	.nowosciPrawyBok{float: left; background: url('nowosci_prawy_bok.jpg') no-repeat top left; width: 40px; height: 271px;}

#nowosciSrodek{float: left; width: 912px; height: 246px;}
	.nowosciTekst{float: left; background: #2a2829; width: 912px; height: 36px;}
	.nowosciProdukt1, .nowosciProdukt4 {float: left; height: 210px;}	
	.nowosciProdukt1{width: 230px; background: url('nowosci_tlo_produktu.jpg') no-repeat top right;}	
	.nowosciProdukt4{background: url('nowosci_tlo_produktu_ost.jpg') no-repeat top right; width: 222px;}	
	.nowosciZdjecie{text-align:center; height:110px;}
	.nowosciZdjecie img, img.ramka{padding: 3px; background :#511654;}
	.nowosciNazwaProduktu{margin-left: 27px; width: 190px; height: 36px; overflow:hidden;}
	.nowosciNazwaProduktu a {color: #d245db;}
	.nowosciCena{margin-left: 27px; padding-top: 2px; width: 171px; overflow: hidden; height: 18px;}	
	.nowosciKupTeraz{float: left; width: 86px; height: 26px; color: #ffffff; text-decoration: none; text-align: center; padding-top: 8px; background: url('nowosci_kup_teraz.jpg') no-repeat; background-position:0px 0px;}
	.nowosciKupTeraz:hover{background-position:0px -34px;}

#contentBox{margin: 0 auto; width: 947px;}
	#contentBoxHead{float: left;}
		.contentBoxHeadLewy{float: left; background: url('podstrona_tlo_lewe.jpg') no-repeat; width: 635px; height: 66px;}
		.contentBoxHeadLinkSrodek{float: left; background: url('podstrona_link_srodek.jpg') no-repeat;width: 149px; height: 66px;}
		.podstronaLink {padding-top: 14px; padding-left: 17px;}
		.podstronaLink a {color: #ffffff; text-decoration: none;}
		.contentBoxHeadLinkPrawy{float: left; background: url('podstrona_link_prawy.jpg') no-repeat; width: 163px; height: 66px;}
		.contentBoxHeadT{float: left; text-transform: uppercase}
		.contentBoxHeadTPunkt{float: left; background: url('podstrona_tlo_lewe_punkt.jpg') no-repeat; margin: 6px; width: 8px; height: 8px;}
	#contentBoxBody{width: 941px;}
		#contentBoxBody1{float: right; width: 924px; min-height:300px; background: url('content_tlo_dol.jpg') #2a2929 repeat-x bottom left;}
		#contentBoxBody2{float: right; width: 923px; min-height:400px; height:auto !important; height:400px; background: url('content_tlo_dol.jpg') #2a2929 repeat-x bottom left;}
			#contentBoxBodyTopL{float: left; width: 617px; height:49px; background: url('content_tlo_gora_lewa.jpg') repeat-x;}
			#contentBoxBodyTopR{float: left; width: 306px; height:49px; background: url('content_tlo_gora_prawa.jpg') no-repeat top right;}
			.contentBodyCol{float: left; width: 831px; display:block;}
			.contentBodyColGal{float: left; width: 840px; display:block;}
			.contentBodyCol p, .contentBodyColP p{padding-bottom:15px}
			.contentBodyCol a, .contentBodyColP a{color: #d245db;}
			.contentBodyCol td, .contentBodyColP td{padding: 4px;}
			.contentBodyColP{float: left; width: 590px;}
			.contentBodyMenu{float: left; width: 260px; background: url('podstrona_menu_tlo_g1.jpg') repeat-x;}
			.contentBodyMenuTloG{float: left; width: 261px; height:2px; background: url('podstrona_menu_tlo_gorne.jpg') no-repeat top left;}
			#contentBodyMenuUl{float: left; background: #262626;}
			#contentBodyMenuUl a {color: #ffffff; background: url('wypunktowanie.jpg') no-repeat 0 6px; padding-left: 15px; display: block; text-decoration: none;}
			#contentBodyMenuUl a:hover {color: #e95df3; text-decoration: underline;}
			#contentBodyMenuUl a.aktualna {color: #e95df3; text-decoration: underline;}
			#contentBodyMenuUl ul{list-style-position: outside; list-style-type: none; list-style-image:none; background: #262626;}
			#contentBodyMenuUl li{background: url('podstrona_menu_tlo_art.jpg') #262626 no-repeat bottom left; width: 246px; padding-top: 5px; padding-bottom: 10px; padding-left: 15px}
			.contentBodyMenuBanner{float: left; margin-bottom: 1px;}
			.punkt{background: url('wypunktowanie.jpg') no-repeat; margin-top: 3px; width:8px; height:8px;}
			.contentBodyCol ul, .contentBodyColP ul{list-style-position: outside; list-style-type: none; list-style-image:none;}
			.contentBodyCol li, .contentBodyColP li{background: url('wypunktowanie.jpg') no-repeat 0 6px; margin-left: 10px; padding-left: 15px; display: block;}
			.gal{float:left; width:217px; height:246px; background: url('galeria_tlo.jpg') #1e1e1e no-repeat bottom left;}

#footer{width: 1006px; height: 150px; margin-left: auto; margin-right: auto;}
	.footerButton{float: right; margin-right: 60px;}
	.footerButtonWstecz{float: left; width:36px; height:23px; background: url('footer_wstecz.jpg') no-repeat; background-position:0px 0px;}
	.footerButtonWstecz:hover{float: left; width:36px; height:23px; background: url('footer_wstecz.jpg') no-repeat; background-position:0px -23px;}
	.footerButtonDomowa{float: left; width:29px; height:23px; background: url('footer_domowa.jpg') no-repeat; background-position:0px 0px;}
	.footerButtonDomowa:hover{float: left; width:29px; height:23px; background: url('footer_domowa.jpg') no-repeat; background-position:0px -23px;}
	.footerButtonTop{float: left; width:30px; height:23px; background: url('footer_top.jpg') no-repeat; background-position:0px 0px;}
	.footerButtonTop:hover{float: left; width:30px; height:23px; background: url('footer_top.jpg') no-repeat; background-position:0px -23px;}
	.footerImg1{float: left; width: 174px; height: 23px; background: url('footer_img1.jpg') no-repeat bottom left;}
	.footerImg2{float: left; width: 174px; height: 74px; background: url('footer_img2.jpg') no-repeat top left;}
	.footerLnk{float: left; width: 758px; height: 74px; padding-top: 20px; padding-left: 10px; background: url('footer_tlo.jpg') repeat-x; text-align: right;}
	.footerLnk a {color: #ffffff; text-decoration: none;}
	.footerLnk a:hover {color: #d245db; text-decoration: underline;}
	.footerPrawyBok{float: left; background: url('footer_tlo_prawe.jpg') no-repeat top left; width: 64px; height: 74px;}
	#autor{float: right; margin-bottom: 30px; width:696px;}
	.autor {float:right;}
	.autor a{text-decoration: none; color: #d245db; padding-right: 70px;}
	.autor span{color: #ffffff;}
	.copy {float:left;}

.gFotka{float: left; width:210px; height:155px;}
.gFotka img, .gFotkaGlowna img {border:3px solid #511654;}
.gFotkaGlowna{margin: 7px auto; width:204px; height:143px;}
.centruj{text-align:center;}
.nameGal{width:200px;height:55px; margin: 0 auto; overflow:hidden;}
.tickercontainer {border:1px solid #000000; height:27px; margin:0 auto; width:738px; position:fixed; bottom:0; left:0; right:0;}
.tickercontainer .mask {left:10px; overflow:hidden; position:relative; top:8px; width:718px;}
ul.newsticker {-x-system-font:none; font-family:Verdana; font-size:10px; font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
left:750px;
line-height:normal;
list-style-type:none;
margin:0;
padding:0;
position:relative;
}
ul.newsticker li {
float:left;
margin:0;
padding:0;
}

.w4{width:4px; height:1px; float:left; font-size:1px;}
.w6{width:6px; height:1px; float:left; font-size:1px;}
.w8{width:8px; height:1px; float:left; font-size:1px;}
.w10{width:10px; height:1px; float:left; font-size:1px;}
.w14{width:14px; height:1px; float:left; font-size:1px;}
.w17{width:17px; height:1px; float:left; font-size:1px;}
.w20{width:20px; height:1px; float:left; font-size:1px;}
.w22{width:22px; height:1px; float:left; font-size:1px;}
.w25{width:25px; height:1px; float:left; font-size:1px;}
.w33{width:33px; height:1px; float:left; font-size:1px;}
.w40{width:40px; height:1px; float:left; font-size:1px;}
.w42{width:40px; height:1px; float:left; font-size:1px;}
.w46{width:46px; height:1px; float:left; font-size:1px;}
.w50{width:50px; height:1px; float:left; font-size:1px;}
.w97{width:97px; height:1px; float:left; font-size:1px;}
.w134{width:134px; height:1px; float:left; font-size:1px;}
.w155{width:155px; height:1px; float:left; font-size:1px;}

.h2{width:1px; height:2px; float:left; font-size:1px;}
.h3{width:1px; height:3px; float:left; font-size:1px;}
.h5{width:1px; height:5px; float:left; font-size:1px;}
.h6{width:1px; height:6px; float:left; font-size:1px;}
.h8{width:1px; height:8px; float:left; font-size:1px;}
.h10{width:1px; height:10px; float:left; font-size:1px;}
.h11{width:1px; height:11px; float:left; font-size:1px;}
.h13{width:1px; height:13px; float:left; font-size:1px;}
.h16{width:1px; height:16px; float:left; font-size:1px;}
.h19{width:1px; height:19px; float:left; font-size:1px;}
.h20{width:1px; height:20px; float:left; font-size:1px;}
.h28{width:1px; height:28px; float:left; font-size:1px;}
.h50{width:1px; height:50px; float:left; font-size:1px;}
.h70{width:1px; height:70px; float:left; font-size:1px;}
.clear{clear:both;}