/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/

* { margin: 0; padding:0; border: 0; }

html { width: 100%; height: 100%;}

body {font: normal 12px/1.5em Helvetica, "Helvetica Neue", Arial, sans-serif; background: #e4d2c4 url(img/bg.jpg) 0% 0% repeat-x; color: #5F4C3A;}

br.clear { clear: both; height: 1%;}

.fl { float: left;}

.fr { float: right;}

/*
---------------------------------------------
 NAGLOWKI
---------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.8em;}

h1 { font-size: 26px;font-family: times new roman}

h2 { font-size: 22px;}

h3 { font-size: 20px;}

h4 { font-size: 18px;}

h5 { font-size: 16px;}

h6 { font-size: 14px;}

/*
---------------------------------------------
 AKAPITY LINKI
---------------------------------------------
*/
p { margin: 10px 20px; text-indent: 20px; text-align: justify; font-size: 12px; color: #5F4C3A; }

p a { }

a, a:hover, a:visited { text-decoration: none;}

ul { margin: 0; padding: 0; }

ul li {	list-style-type: none;}

#stopka  a, #stopka  a:hover, #stopka  a:visited { color: #f9f7f2;}

blockquote { width: 500px; height: 110px; margin: 10px auto 30px; padding: 40px 0 0; text-align: left; background-color: #F9F4EC; background-position: 0% 0%; background-repeat: no-repeat; }

blockquote p { 	margin: 0px 20px 0px 160px; font: italic 14px/22px Georgia, "Times New Roman", serif; color: #fff; }
.q4 p { font-style: normal; font-weight: bold; color: #fff;}

.q1 { background-image: url(img/q1.jpg);}
.q2 { background-image: url(img/q2.jpg);}
.q3 { background-image: url(img/q3.jpg);}
.q4 { background-image: url(img/q4.jpg);}
.q5 { background-image: url(img/q5.jpg);}
	
/*
---------------------------------------------
 NAWIGACJA
---------------------------------------------
*/

#menu, #menu-styl  { width: 640px; height: 40px; text-align: center;}

#menu  { background-color: #816e5f;}

#menu-styl { background-color: #e0c8c8;}

#menu ul, #menu-styl ul { width: 100%; height: 100%;}

#menu ul li, #menu-styl ul li {	float: left; }

#menu ul li {	margin: 0 3px;}

#menu-styl ul li {	margin: 0 3px;}

#menu ul li a, #menu-styl ul li a  { display: block;	float: left; width: auto;  font-size: 14px; line-height: 40px;}

#menu ul li a {	padding: 0 7px; color: #fff;}

#menu-styl ul li a { padding: 0 2px; font-size: 12px;	color: #5c4d3f;}

#menu ul li a:hover {	background-color: #675445;}

#menu-styl ul li a:hover {	background-color: #f4e2e2;}

#menu ul li a.on {	background-color: #675445;}

#menu-styl ul li a.on {	background-color: #f4e2e2;}

center, .n
{
	font-weight: bold;text-transform: uppercase;font-size: 13px;font-family: times new roman;
}


#rodzaj ul { width: 100%; height: auto; position: relative;}

#rodzaj ul li {	margin: 0; float: left; display: block; width: 50%;}

#rodzaj h1.dzial { margin: 0; color: #b85e58; text-align: center; font-size: 16px; line-height: 30px;}

#rodzaj h1.dzial a { display: block; width: 80%; margin: 0; color: #fff; background-color: #816e5f; line-height: 36px;}

#rodzaj h1.dzial a:hover { background-color: #675445;}

#rodzaj ul li a  { display: block; width: auto; font-size: 14px; line-height: 30px; padding-left: 26px; color: #816e5f;}

#rodzaj ul li a:hover {	background-color: #fdfcfb; color: #b85e58;}

#rodzaj ul li.inne a { background-color: #e0c8c8;}

#rodzaj ul li.inne a:hover{	color:  #fdfcfb;}


/*
---------------------------------------------
 STRUKTURA
---------------------------------------------
*/
#kontener { width: 960px; height: 100%;	margin: 0 auto; background: transparent url(img/bgkontener.jpg) 0% 0% repeat-y; }

#lewagal { float: left; width: 320px; height: 100%; padding-top: 140px; background: #faf7f2 url(img/galnaglowek.jpg) 0% 0% no-repeat;}

#rodzaj { width: 320px; height: 100%;	position: relative;}

#naglowek  { width: 320px; height: 369px;	position: relative; background-position: 0% 0%; background-repeat: no-repeat;}

.anaglowek { background-image: url(img/anaglowek.jpg);}

.bnaglowek { background-image: url(img/bnaglowek.jpg);}

.cnaglowek { background-image: url(img/cnaglowek.jpg);}
.znaglowek { background-image: url(img/znaglowek.jpg);}
.dernaglowek { background-image: url(img/dernaglowek.jpg);}
#kontakt { width: 280px; height: auto; background-color: transparent; background-position: 0% 0%; background-repeat: no-repeat; text-align: center; padding: 20px; background-image: url(img/bgkontaktgal.jpg);}

.podstr  { margin: 30px auto 100px; }

.kontaktjasny  { margin: 30px auto 100px;}

#body { float: right; width: 640px; height: 100%;	background-color: #fff;

background-image: url(img/handmade.jpg);
background-repeat: no-repeat;
background-position: 380px 50px;
}

#tresc  { width: 90%; height: 100%; margin: 10px auto;}

#stopka  { clear: both; width: 960px; height: 40px;	margin: 0 auto; padding: 0px 0; background: transparent url(img/bgstopka.jpg) 0% 0% repeat-y; text-align: center;  color: #f9f7f2; font-size: 10px; line-height: 40px;}

#stopka-lewa, #stopka-body { height: 100%;}

#stopka-lewa { float: left; width: 320px; background-color: #816e5f;}

#stopka-body { float: right; width: 640px; background-color: #fff;}

/*
---------------------------------------------
 UKLAD 
---------------------------------------------
*/

ul.modele, ul.modele li { float: left; display: block; margin: 2px 0;}

ul.modele li { width: 150px; margin: 2px;}

ul.modele li a { color: #bd5757;}

ul.modele li a:hover { color: #df5e5e;}


ul.kolory, ul.kolory li { float: left; display: block; margin: 2px 0;}

ul.kolory li { width: 50px; margin: 2px;}

ul.kolory li a { color: #bd5757;}

ul.kolory li a:hover { color: #df5e5e;}



.dane  { margin: 10px 20px;}

.dane ul  { line-height: 16px;	font-size: 14px;}

.dane ul, .dane ul li { float: left; display: block;}

.dane ul li { float: left; display: block; border-left: 1px solid #C8C5BB; padding: 5px 0px 5px 10px;	}

.dane ul a, .dane ul strong, .dane ul em {	display: block;	width: 150px; color: #bd5757; font-style: normal;}

.dane ul a:visited, .dane ul span, .dane ul em  {	font-weight: normal; font-size: 12px; color: #5F4C3A;}

.dane ul span a  {	font-weight: bold;}

.dane ul a:hover em, #kontakt span a:hover { color: #df5e5e;}



#kontakt span  { display: block; font-weight: normal; font-size: 13px; line-height: 20px;}

#kontakt span strong, #kontakt span a { color: #b02f2f; }

#tresc span a, #tresc span a em { color: #b02f2f; }

#tresc span a:hover em { color: #816e5f; }

.raty { width: 400px; height: 50px;	margin: 0 auto; padding-left: 100px; background: url(img/lukasbank.jpg) 0% 0% no-repeat; color: #bd5757; font-size: 16px; line-height: 20px; text-align: center;}

.promocja { width: 500px; height: 150px;	margin: 0 auto; background: url(img/promocja.jpg) 0% 0% no-repeat;}

/*
---------------------------------------------
 GALERIA-MINI
---------------------------------------------
*/

.mini { float: left;height: 140px; width: 165px;  margin: 0 5px 15px 0; padding: 10px; text-align: center; background-color: #fff;
 border-top: 1px solid #efece9; border-right: 1px solid #cec6bd; border-bottom: 1px solid #b3a497; border-left: 1px solid #efece9;}
 
.mini h2 { font-size: 13px; line-height: 2.5em;font-weight: bold;}

.mini h2 em { font-size: 12px;}

.mini a { display: block; text-align: center; margin: 0 auto;}

.mini img { float: none;  margin: 0 auto;}

.mini a.info { font-size: 10px; color: #9b1410; height: 80px; }

.mini a.foto { width: 120px; height: 90px; }


/*
---------------------------------------------
 GALERIA 
---------------------------------------------
*/

#galeria  { position: relative; width: 564px; height: auto; margin: 0 auto; background-color: #fff; }

a.gal, a.gal:visited { display:inline; width: 80px; height: 60px; float: left; margin: 7px 45px; position: relative; cursor:default;}

a.v1, a.v2, a.v3, a.e1, a.e2, a.e3, a.k1, a.k2, a.k3, a.ye1, a.ye2, a.ye3, a.c1, a.c2, a.c3, a.c4, a.w1, a.w2, a.w3, a.s1, a.s2, a.s3, 
a.y1, a.y2, a.y3, .onv, .one, .onk, .onye, .onw, .ons, .onc, .onc4 .ony, .onfc, a.fc1, a.fc2 { background-color: #fff; background-repeat: no-repeat; background-position: center;}

a.v1 { background-image: url(victoria/v1m.jpg);}
a.v2 { background-image: url(victoria/v2m.jpg);}
a.v3 { background-image: url(victoria/v3m.jpg);}

a.e1 { background-image: url(eaton/e1m.jpg);}
a.e2 { background-image: url(eaton/e2m.jpg);}
a.e3 { background-image: url(eaton/e3m.jpg);}

a.k1 { background-image: url(kingsfort/k1m.jpg);}
a.k2 { background-image: url(kingsfort/k2m.jpg);}
a.k3 { background-image: url(kingsfort/k3m.jpg);}

a.ye1 { background-image: url(yale/ye1m.jpg);}
a.ye2 { background-image: url(yale/ye2m.jpg);}
a.ye3 { background-image: url(yale/ye3m.jpg);}

a.c1 { background-image: url(chesterfield/c1m.jpg);}
a.c2 { background-image: url(chesterfield/c2m.jpg);}
a.c3 { background-image: url(chesterfield/c3m.jpg);}
a.c4 { background-image: url(chesterfield/c4m.jpg);}

a.w1 { background-image: url(windsor/w1m.jpg);}
a.w2 { background-image: url(windsor/w2m.jpg);}
a.w3 { background-image: url(windsor/w3m.jpg);}

a.s1 { background-image: url(stanford/s1m.jpg);}
a.s2 { background-image: url(stanford/s2m.jpg);}
a.s3 { background-image: url(stanford/s3m.jpg);}

a.y1 { background-image: url(york/y1m.jpg);}
a.y2 { background-image: url(york/y2m.jpg);}
a.y3 { background-image: url(york/y3m.jpg);}


.onv { background-image: url(victoria/v1.jpg);}
.one { background-image: url(eaton/e1.jpg);}
.onk { background-image: url(kingsfort/k1.jpg);}
.onye { background-image: url(yale/ye1.jpg);}
.onw { background-image: url(windsor/w1.jpg);}
.ons { background-image: url(stanford/s1.jpg);}
.onc { background-image: url(chesterfield/c1.jpg);}
.onc4 { background-image: url(chesterfield/c4.jpg);}
.ony { background-image: url(york/y1.jpg);}
.onfc { background-image: url(fotele/fotel_captain.jpg);}

a.fc1 { background-image: url(fotele//mini/fotel_captain.jpg);}
a.fc2 { background-image: url(fotele//mini/fotel_captain_green.jpg);}

/*
---------------------------------------------
 OPIS
---------------------------------------------
*/
a.gal span { visibility: hidden; display: block; position: absolute; width: 562px; height: 422px; top: 0px; left: 0; text-align: left; cursor: default;}

a.gal em strong { font-size: 12px; color: #5F4C3A;}

#galeria  .cena { color: #bd5757;}

a.gal:hover span em, a.gal:active span em, a.gal:focus span em 
{ display: block; position: absolute; height: auto; width: 90%; top: 430px; left: 0px; z-index: 100; color: #5F4C3A; font-size: 12px; font-style: normal; text-align: left;}

a.gal em, a.gal:visited em { display: none; z-index: 1;}

a.jed span, a.dwa span, a.trzy span { text-align: center;}

a.jed span { left: -43px; top: 70px;} /*miniaturka+margines*/
a.dwa span { left:-212px; top: 70px;}
a.trzy span { left:-384px; top: 70px;}


a.gal:hover { white-space: normal; z-index:100;}

a.gal:hover span { visibility: visible; z-index:100;}

a.gal:hover span img { margin: 0px 0px 0 0; position: relative; z-index:100;}

a.gal:active, a.gal:focus { z-index:10;}

a.gal:active span, a.gal:focus span { visibility: visible; z-index:10;}

a.gal:active span img, a.gal:focus span img { position: relative; margin: 0; z-index:10;}

#zoom { height: 424px; width: 564px; border: 1px solid #f0e7d7;}

#miniatury { text-align: center;}


#seriac { width: 100%; height: 60px;  margin: 1px 0 0;}

#seriac img  { display: block;  margin: 30px 0; border: 1px solid #f0e7d7;}

#seriac em { display: block;  margin: 0;}

#table_produkt td
{
	background-color: #faf7f2;
	padding: 5px;
}
#table_produkt .cena
{
	color: #d55630;
	font-weight: bold;
}