html,body {
	margin:0;
	padding:0;
	height:100%;
	font-family: 'tahoma', Arial, Helvetica, sans-serif;
	font-size:11px;
	color: Black;
	/* background : White url(img/body_bg.jpg) no-repeat right top; */
	background : #e7e7e7 url(img/body_bg_.jpg) no-repeat right top;
	}
a {
	text-decoration: none;
	color: Black;
	}
a:hover {
	text-decoration: none;
	color: #FF8C00;
}

.clr {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;

	}
div.f50 {
	height: 50px
}
	div {
	position: relative;
}
div#container {
	margin: 0 auto; 
	width:880px;
	height:auto !important;  
	height:100%; 
	min-height:100%;
		background: white; border: 1px solid #efefef; 
	}
	div#container_all {
	margin: 0 auto; 
	width:880px;
	height:auto !important;  
	height:100%; 
	min-height:100%;
	background-image: url(img/cont2.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: white; border: 1px solid #efefef;
 
	}
	div#container_kat {
	margin: 0 auto; 
	width:880px;
	height: auto !important;  
	height:100%; 
	min-height:100%;
	background-image: url(img/cont3.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;border: 1px solid #efefef;background-color: white;
	}
	div#container_gal {
	margin: 0 auto; 
	width:880px;
	height: auto !important;  
	height:100%; 
	min-height:100%;
	background-image: url(img/poducha_top.jpg);
	background-repeat: no-repeat;
	background-position: top left;border: 1px solid #efefef;background-color: white;
	}
	div#container_shop {
	margin: 0 auto; 
	width:880px;
	height:auto !important;  
	height:100%; 
	min-height:100%;
	background-image: url(img/cont2.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;border: 1px solid #efefef;background-color: white;
	}
	
div#header {
  
	width: 880px;
	position: relative; 
	margin: 0 auto;
	padding: 0;
	margin-bottom: 0;
	background: White url(img/top_tlo.jpg);
	height: 95px
	}
	
	div#header div.logo {
		float: left;
		vertical-align: bottom;
		height: 95px
	}
	div#header div.nlogo {height: 101px; width: 868px; background-image: url(img/nbg_f.jpg); 	}
	div.nlogo img {
		margin-left:20px	}
	div.nmenu {	width: 868px; height: 47px; background-image: url(img/nmenu_bg.jpg);	}
	div.nmenu div {float: left; height: 34px;	text-align: center;	font-size: 14px;
		font-weight:bold;	line-height: 30px; font-family: Arial, Helvetica, sans-serif;}
	div.nmenu div.firma {width: 179px}
	div.nmenu div.materialy {width: 167px}
	div.nmenu div.katalog {width: 172px}
	div.nmenu div.kontakt {width: 134px}
	div.nmenu div.galer {width: 209px}
		
		
		
	div#header div.logo img {
		bottom: 0
	}
	div#header div.menu {
		float: right;
		height: 95px;
		bottom:0;
		margin-bottom: 0;
		top: auto;
		font-family: Arial, Helvetica, sans-serif;
	}
	div#header div.menu div {
		float: left;
		height: 34px;
		top: 61px;
		text-align: center;
		font-size: 14px;
		font-weight:bold;
		line-height: 30px
	}
div.shopmenu {clear: both; bottom:0;	margin-bottom: 0;	top: auto;font-family: Arial, Helvetica, sans-serif;display:block;}
div.shopmenu div {float: left;text-align: center;font-weight:bold;}

div#header div.menu span {
		color: #FF8C00;
	}
div.nmenu span {
		color: #FF8C00;
	}
	div#header div.menu div.firma {
		background-image: url(img/m1.jpg);
		width: 128px;
		
	}
	div#header div.menu div.materialy {
		background-image: url(img/m2.jpg);
		width: 126px;
		
	}
	div#header div.menu div.katalog {
		background-image: url(img/m3.jpg);
		width: 233px;
	}
	div#header div.menu div.kontakt {
		background-image: url(img/m4.jpg);
		width: 191px;
	}
	div#all{
	
	margin: auto;
}
div#all div {
	float: left;
}

div#all div.poduszki
{
	background-image: url(img/poduszki.jpg);
	height: 425px;
	width: 400px;
	margin-left:10px; 	}

div#all div.poduszkiN {
	background-image: url(img/poduszki.jpg);
	height: 425px;
	width: 220px;
	margin-left:10px; 		
}
div#all div.poduszki div.of {
	width: 450px;
	float: right;
	text-align: justify;
}

div#all div.poduszki div.of {
	width: 220px;
	float: right;
	text-align: justify;
}
div#all div.poduszki div.of p {
	margin: 0 15px 0 0;
	font-family: 'tahoma', Arial, Helvetica, sans-serif;
	line-height: 14px
	 
}

div#all div.poduszki div.of p.tyt {
	color: #FF8C00;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
div#all div.poduszki div.of a {
	color: #FF8C00;
	font-size:10px;
	font-weight: bold;
	
}
div#all div.poduszki div.of a:hover {
	color: black
}
div#all div.foto {
	height: 425px;
	width: 430px;
	background-image: url(img/loading.gif);
	background-position: center;
	background-repeat: no-repeat; 
	
}
div#all div.fotoN {
	height: 425px;
	width: 638px;
	background-image: url(img/loading.gif);
	background-position: center;
	background-repeat: no-repeat; 
	
}
div#all div.foto img {
	border: none; margin: 0; padding:0;
}
div#adres {
	width: 880px; height: 73px;
	background-image: url(img/adres_.jpg);
}
div#adres p {
	padding: 10px 0 0 0;
	margin-left: 15px;
}
div#adres .copy {
	float: right
}

div.top {
	text-align: center;
}

div.tresc {
	width: 95%;
	margin: auto;
	font-size: 12px;
	padding-bottom: 40px; margin-bottom:40px
}
div.trescgaleria {
	width: 75%;
	font-size: 11px; margin-left:200px;
	padding-bottom: 40px; margin-bottom:40px; 
}

div.tresc p {
	margin-left:180px;
	line-height: 18px;
	text-align: justify;
	
}
div.tresc p.firma {
	margin-left:-20px; line-height: 18px;
	text-align: justify;
	}
	strong.atut {
		font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
		color: maroon;
	}
div.tresc ul {
	line-height: 18px; margin-left:100px; padding-left: 100px}
	
 p.title {
	color: #FF8C00;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 20px;
	text-transform: uppercase;
	text-align: right;
}
div.tresc .foto2 {
	float: right;
	width: 460px;
	height: 425px;
	background-image: url(img/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-align: right;
	
}
div.mater {
	width: 95%;
	margin: auto;
	text-align: right;
	font-size:12px;
	padding-bottom: 80px
	
}
div.mater2 {
	width: 95%;
	margin: auto;
	font-size:12px;
	line-height: 20px;
	text-align: justify;
	
	
}
div.m_menu {width: 250px;float: left;padding-top: 20px}
div.foto3 {float: right;width: 260px;padding: 0}
div.mater h1 {font-size:13px; text-align: left;line-height:17px;margin-top:0;margin-bottom: 0}
div.mater2 h1 {font-size:13px; text-align: left;line-height:17px;margin-top:0;margin-bottom: 0	}
div.m_menu h1 a {color: Black;font-family: Arial, Helvetica, sans-serif;background-image: url(img/a.gif);background-repeat: no-repeat;padding-left: 20px;}
div.m_menu h1 a:hover {color: #FF8C00;font-family: Arial, Helvetica, sans-serif;background-image: url(img/a__.gif);background-repeat: no-repeat;padding-left: 20px;}

div.m_menu h1.akt {color: #FF8C00;font-family: Arial, Helvetica, sans-serif;padding-left: 20px;background-image: url(img/a_.gif);background-repeat: no-repeat;}
div.m_menu h2 {text-align: left;margin: 0;font-family: Arial, Helvetica, sans-serif;font-size:11px}

div.mater p {line-height: 16px}

div.right {text-align: right;padding-bottom:100px}
div.k_l {float: left;width: 50%;text-align: right;}
div.k_l div {width: 80%;margin: auto;}
div.k_p {float: left;width: 50%}

div.list {font-size:12px;}
div.kontakt a{	font-weight: bold}
div.kontakt div.mail {background-image: url(img/mail.jpg);background-repeat: no-repeat;height: 85px;float: none;}
div.form {margin-left: 5px;	}

div.form p {padding: 0;	margin: 0;	text-align: center;}

input,textarea,select {	border: 1px solid #D3D3D3;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	scrollbar-base-color: #E2E2E4;}
input.nad {	width: 300px}
input.ff {	background-color: #E2E2E4;	height: 25px;	width: 90px}
div.tkaniny {	}
div.tkaniny div {	float: left;	width: 145px;	/*border: solid 1px yellow;*/	height: 135px;	text-align: center;	color: Gray;}
div.crlf {	clear: both;	float: none;	height: 10px;	}
div.tkaniny div img {border: 2px solid White;width: 110px; height: 110px;}

/* lista produktów - menu po lewej stronie*/
div#katalog {	width: 95%;	margin: auto;	padding-bottom:80px}
div#katalog .kleft {width: 170px;float: left;}
div#katalog .kleft div {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	margin: 0;	padding: 0;	list-style: none;		padding-left: 15px;	background-image: url(img/a__.gif);	background-repeat: no-repeat;	margin-bottom: 10px}
div#katalog .kleft a {}
div#katalog .kleft span {	font-size: 11px;	font-weight: normal;}

/* grupy produktów - prawa strona, rameczki */
div#katalog .kright {float: left;width: 660px;}
div#katalog .kright div {	float: left;}
div#katalog .kright div.prod {	width: 151px;	height: 155px;	background-image: url(img/tlo_kat.gif);	margin-left: 10px;	text-align: center;	font-family: Arial, Helvetica, sans-serif;}
div#katalog .kright div.prod span {	font-size:10px}
div#katalog .kright div.prod p {	margin: 10px 3px 3px 3px;	padding: 0;	font-size: 12px;	font-weight: bold;}
div#katalog .kright div.prod img {	padding-bottom: 5px;	border: none;}
div.menu_lvl {}

/* grupa produktów - duże zdjęcie, artykuły w grupie */
div#katalog .produkt {	float: left;width: 660px;}
div#katalog .produkt div.foto_d {float: left;width: 535px;height: 400px}/* duże zdjęcie*/
div#katalog .produkt div.foto_m {float: left;width: 120px;cursor: pointer;} /* małe zdjęcia po prawej*/
div#katalog .produkt div.foto_m div {padding-bottom: 10px}
div#katalog .produkt .nazwa {font-family: Arial, Helvetica, sans-serif;font-size: 15px;	font-weight: bold;	height: 30px;}/*tytuł*/
div#katalog .produkt .nazwa span {font-weight: normal;font-size: 13px}

/* artykuły w grupie */
div#katalog .produkt .sklad {border-bottom: solid 1px silver;height: 100px;width: 520px;margin-bottom:10px; } 
div#katalog .produkt .sklad .szcz {	text-align:right;font-size:11px; border-right: 1px solid silver; width: 50px; float: left; height: 90px; margin-right:10px; padding-right:10px}
div#katalog .produkt .sklad .szcz img {border: none; vertical-align: bottom; margin-right: 3px}
div#katalog .produkt .sklad .szcz a {	color: maroon;}
div#katalog .produkt .sklad .szcz a:hover {	color: black;}
div#katalog .produkt .sklad span.art {	font-weight: bold;}
div#katalog .produkt .sklad span.n_art {font-weight: bold;color: #FF8C00;font-size: 13px;}
div#katalog .produkt .sklad span.c_art b {color: maroon;}
div#katalog .produkt .sklad .img {	width: 120px;	float: right;	border: solid 1px silver}

/* produkt w sklepie*/
table.top_prod_det {width:100%;padding:3px; border-bottom: solid 1px silver}
table.top_prod_det td.no_pro_gru {color: gray; font-size: 10px}
table.top_prod_det td.no_pro_gru b {font-weight: normal}
h3 { font-size:13px; margin-bottom:0; color: maroon}
p.art_h3 {margin-top: 0; color: black}
table.bigimg {margin: auto}
table.bigimg img { border: 1px solid silver}
table.zloz_zam {	 width:100%; margin-bottom:10px}
table.zloz_zam td { border-bottom: 1px solid #d1d1d4; }
td.z_kosz b.z_kosz {	color: maroon; text-transform: uppercase}
td.male_foto_zam img {	border: 1px solid silver; margin:5px}
input.butt_ok {background-image: url(img/butt_ok.gif); border: none; width: 30px; height: 30px; font-size:10px; font-weight: bold;}

/* fruwające okienko */
table.tab_float {	border: solid 2px silver; margin:2px; background-color: white;}
td.zam_tok {	color: maroon}
tr.ico_zam td {text-align: center; font-size: 9px}
tr.ico_zam td a {color: #ff8c00;}
tr.ico_zam td a:hover {	color: maroon;}

/*komunikaty*/
div.komunikat {margin-top:20px; margin-bottom:20px;width: 100%; text-align: center; font-size:12px; color: red; line-height:22px}
div.komunikat_ok {margin-top:20px; margin-bottom:20px;width: 100%; text-align: center; font-size:12px; color: #006400; line-height:22px}

/*zamówienia*/
table#tabcol {	background-color: #dfdfdf;margin: auto; margin-top:10px; }
table#tabcol td {	background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 11px}
table#tabcol td.bgcol {	background-color: #dfdfdf;}
table#tabcol tr.brd  td {	border-top: silver 2px solid}
table#tabcol b.suma {color: maroon; font-size:12px; font-weight: normal}
table#tabcol td.ico {text-align: center; font-size: 9px}
table#tabcol td.ico a {color: gray}
table#tabcol td.ico a:hover {color: maroon;}
table.margin {margin-bottom: 50px; padding-bottom: 50px}

p.tytzam {color: #FF8C00;	font-size: 15px;	font-weight: bold;	font-family: Arial, Helvetica, sans-serif;	padding-top: 20px;	text-transform: uppercase;	text-align: center;}
table#tabbrd {border-bottom: 1px solid silver; margin-top:10px; margin-bottom:20px}
table#tabbrd td.ico {text-align: center; font-size: 9px}
table#tabbrd td.ico a {color: gray}
table#tabbrd td.ico a:hover {color: maroon;}
table#tabp p {	margin: 0; line-height: 30px; font-size:12px}

table.tabcol {	background-color: #dfdfdf;margin: auto; margin-top:10px; }
table.tabcol td {	background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 11px}
table.tabcol td.bgcol {	background-color: #dfdfdf;}
table.tabcol td.bgcolw {	background-color: white;}
table.tabcol td.bgcolsel {	background-color: #ffdead;}
table.tabcol tr.brd  td {	border-top: silver 2px solid}
table.tabcol b.suma {color: maroon; font-size:12px; font-weight: normal}
table.tabcol td.ico {text-align: center; font-size: 9px}
table.tabcol td.ico a {color: gray}
table.tabcol td.ico a:hover {color: maroon;} 

ul.ulzam {line-height: 25px; margin-left:20px; list-style-image: url(img/li_zam.gif);}

/*menu sklep*/
div.shopmenu {	color: #ff8c00; width:90%; margin: auto; font-size: 12px; height: 22px}
div.shopmenu a.shop {padding-left: 20px; padding-right:10px; background-image: url(img/li_shop.gif); background-repeat: no-repeat; background-position: top left; line-height:22px}
div.shopmenu a.shop:hover {padding-left: 20px; padding-right:10px; background-image: url(img/li_shop_.gif); background-repeat: no-repeat; background-position: top left; line-height:22px}
div.shopmenu span.shop {padding-left: 20px; padding-right:10px; background-image: url(img/li_shop_.gif); background-repeat: no-repeat; background-position: top left; line-height:22px}
/* logowanie */
div#logowanie {width: 100%; margin: auto; margin-top:40px}
div#logowanie td {	padding: 5px}
td.loguj_sklep {background-color: #f8f8f8;  border-bottom: 2px solid white; border-top: 2px solid white; text-transform: uppercase; font-size: 10px; font-weight: bold;  color: maroon; }

table.rejestracja {width: 90%; margin: auto; }
table.rejestracja td.glowka {	font-size: 12px; line-height:20px;}
input.largeinput {	width: 200px}
select.largeinput {	width: 200px}
input.smallinput {	width: 70px}
table.rejestracja td.tytrej {	background-color: #f8f8f8; padding:5px; border-bottom: 2px solid white; border-top: 2px solid white; text-transform: uppercase; font-size: 10px; font-weight: bold;  color: maroon;  }

div#registerform {	width: 95%; margin: auto;  margin-bottom:60px; padding-bottom:60px}

div#regulamin {	width: 80%;	margin: auto;	padding-bottom:80px; text-align: justify; line-height: 18px}

div#footer {position: absolute;bottom: 0;	text-align: center;	width: 100%; 	height: 73px;	background-image: url(img/adres_.jpg);	background-repeat: no-repeat; }
div#footer p {	padding: 10px 0 0 0;	margin-left: 15px;}

div.oo {	width: 100%}
div.oo div {float: left}

/*podglad obrazka*/
#mg-showimg {border:solid 1px #DDDDDD; position:absolute; background-color:#FFFFFF;z-index:1000; display:none; padding:10px}
#mg-showimg-head {font-size:12px; color:#454545;text-align:center;z-index:1000;}
#mg-showimg-body {width:100%; height:100px;text-align:center;z-index:1000; margin-top:10px;background: transparent url(/images/loading.gif);background-position : 50% 50%; background-repeat : no-repeat;}


TABLE.m {Z-INDEX: 100; VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: transparent;}
div.h {VISIBILITY: hidden;position:absolute;width:64px}
input.n { width:30px; font-size:10px; height:15px;padding:0px;padding-left:2px; font-weight:bold; border:1px solid #000000; background-color:#FFFFFF; }

DIV.shopmenu {
	display: none;
}
DIV.shopmenu DIV {}
div.konkurs {position: absolute;  width: 650px; top: 10px; right:10px; text-align: right; font-size: 13px;
}
div.konkurs h1 {color: #6f9227; font-size: 17px; font-family: Arial, Helvetica, sans-serif;}
div.konkurs a {text-decoration: underline;}


#ss_stopka{font:8px; padding-top: 10px; color: #7b726d; text-align:center;}
#ss_stopka a{color: #7b726d;}