@charset "utf-8";

/*set a border on the images to prevent shifting*/ 
#gallery_01 img{border:2px solid white;}

#gallery_01 a{text-decoration: none;}

/*Change the colour*/ 
.active img{border:2px solid #333 !important;}


h4{
	display:block;
	width:100%;
	clear:both;
	margin:0px;
	padding:0px 0px;
}
.messages{
	display:block;
	clear:both;
	color:#999;
}

a img{
	border:none;
}
a.zoomIt {
	display:block; 
	position:relative;
	float:left;
}
*/
/* 
ZoomIt customizations 

The 3 CSS classes below can be changed to any other CSS class you desire. Just make sure 
to fill the parameters with the new classes when starting jqZoomIt().

Default values in script:

- zoomClass			: 'zoomIt_zoomed', // additional styling on zoom container
- zoomLoadingClass	: 'zoomIt_loading', // css class to apply before the big image is fully loaded
- zoomAreaClass		: 'zoomIt_area', // additional styling on zoomed area
*/		

/* big image container */
.zoomIt_zoomed{
	border:2px #CCC solid;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}
/* big image loading class */
.zoomIt_loading{
	background:url(images/loading.gif) center center no-repeat;
}
/* small image zoomed area overlay */
.zoomIt_area{
	border:none;
}


/* Zoom mebla
---------------------------------*/

.zoom_img {
position: relative;
}

.zoom_img img{
-moz-transition:-moz-transform 0.1s ease-in; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in;
box-shadow: 2px 2px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
background: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 2px;
shadow: none;
z-index: 1;
}

.zoom_img img:hover{
-moz-transform:scale(1.05); 
-webkit-transform:scale(1.05);
-o-transform:scale(1.05);
}

.zoom_img img a{
align: center;
}




/*BRAK MARGINESU DLA GŁÓWNEJ ZAWARTOŚCI STRONY*/
* {
margin: 0;
padding: 0;
}


/*
.css_anchor_gallery {
width: 930px;    
height: 700px;
padding: 20px 0;
border: 1px solid #000;
border-color: orange;
}
*/
/*
.pictures_ {
list-style-type: none;
height: 462px; /* wysokosc najwyzszego zdjecia + ewentualnego opisu lub innych elementow */
width: 617px; /* szerokosc najszerszego zdjecia */
overflow: hidden;
float: left;
border: 1px solid #dee0df;
text-align: center;

border-color: blue;
*/
/*
}
.pictures_ li {
padding: 0;
background: none;

border: 1px solid #000;
border-color: red;

}

*/
/*
.css_anchor_gallery .pictures_ li p {
padding: 20px 0px;
*/
/*
.thumbnails_ {
list-style-type: none;
overflow: hidden;
width: 600px;
height: 220px;
margin: 20px 40px 150px /*(odległość miniatur na dole)*/ 10px;

border: 1px solid #000;
border-color: orange;
*/
}

/*
.thumbnails_ li {
float: left
width: 600px;
height: 220px;

border: 1px solid #000;
border-color: grey;
background-color: yellow;
border-top-style: double;
*/
}


/*
.thumbnails_ li:first-child {
margin: 0 0 5px 0;
}
*/
/*
.thumbnails_ a img {
float: left;
height: 96px;
width: 128px;

border: 1px solid #000;
border-color: green;

transition: transform 0.1s;
padding: 5px 10px 10px 10px;

}
*/
/*
.thumbnails_ a img:hover {
float: left;
height: 96px;
width: 128px;

border: 1px solid #000;
border-color: green;

transform: scale(1.10);
}
*/
/*
.thumbnails_ li a img:hover {
padding: 20px 20px 20px 20px;

border: 10px solid #000;
border-color: black;

-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;
transition: opacity 0.7s ease-in;
}
*/




/*
.title.ribbon {
 overflow: visible;
 z-index: 0;
}
 
.title.ribbon:before {
 background: #149e81;
 left: .1em;
 bottom: .9em;
 width: 0em;
 height: 3.5em;
 -webkit-transform: skewY(45deg);
 -moz-transform: skewY(45deg);
 transform: skewY(45deg);
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 transition: all .1s ease-in-out .5s;
 z-index: -1;
}
 
.title.ribbon:hover:before {
 left: -1em;
 width: 1.1em;
 transition-delay: 0s;
}
 
.title.ribbon:after {
 background: rgb(24, 188, 156);
 z-index: 2;
 bottom: 2em;
 left: -1em;
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 transform-origin: 0 0;
 transition: all .5s ease-in-out 0s;
}
 
.title.ribbon:hover:after {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 transform: scaleX(1);
 transition-delay: .1s;
}

*/



#content {
    position: relative;
}

.ribbon {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
}

/* OBRAZEK NAZWY MEBLA - BEZ NAPISU */
#nazwam {
    background-image: url(../img/nazwam.jpg);
    width:220px;
    height:15px;
    box-shadow:5px 5px 10px grey;
padding: 7px 40px 33px 50px;
border:1px solid brown ;
margin:0 0 10px;
-moz-border-top-left-radius: 65px;
-webkit-border-top-left-radius: 65px;
border-top-left-radius: 65px;
-moz-border-bottom-right-radius: 65px;
-webkit-border-bottom-right-radius: 65px;
border-bottom-right-radius: 65px;	
}

/*

#dee0df

-moz-border-top-left-radius: 15px;
-webkit-border-top-left-radius: 15px;
border-top-left-radius: 15px;
-moz-border-top-right-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;


-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

*/

#navig{
}


ul.nav-main,
ul.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
color: #993333;

}


ul.nav-main {
	position: relative;
	z-index: 597;
}

ul.nav-main li:hover > ul {
	visibility: visible;
}


ul.nav-main li.hover,

/* PASEK MENU - PO ODZNACZENIU KURSOREM (DOTYCZY ROZWIJANEGO MENU) */

ul.nav-main li:hover {
	position: relative;
	z-index: 599;
	cursor: pointer;
	/*background: url(../img/navigation-hover.png) repeat-x left top;*/
background-color: rgba(255, 255, 255, 0.8);
/*
-moz-border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
*/

}



ul.nav-main li {
	float:left;
	display:block;
	height: 51px;
	color: #999;
/*font: 14px Arial, Helvetica, sans-serif;*/
	/*background: url(images/separator.gif) no-repeat right center;*/
}

ul.nav-main li a {
	display:block;
	padding: 16px 16px 0 16px;
	height: 35px;
	color: #993333;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

ul.nav-main li a:hover {
	color: #993333; /*#D6D6D6;*/
}



ul.nav-main *.list {
	padding-right: 0px;
	background: url(../img/navigation-arrow.png) no-repeat right top;
}

/* ROZWIJANA LISTA */
ul.nav-sub {
	visibility: hidden;
	position: absolute;
	padding:10px;
	top: 48px;
	left: 0;
	z-index: 598;
background-image: url(../img/nazwam.jpg);

/*background: #969696  url(../img/dropdown-list-bg.gif) repeat-x left top ;*/
	border-right: 1px solid brown;
	border-bottom: 1px solid brown;
	border-left: 1px solid brown;
/*
-moz-border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
*/
box-shadow: 3px 3px 5px #353535;

}


ul.nav-sub li {
	list-style:none;
	display:block;
	padding: 0;
	height: 27px;
	float: none;
	width:145px;
	border-bottom: 1px solid #5a5a5a;
	background: none;
}

ul.nav-sub li a {
	list-style:none;
	display:block;
	padding: 6px 5px 6px 5px;
	height: 15px;
	float: none;
	width:145px;
	background: none;
	font: 12px Arial, Helvetica, sans-serif;	
}

/* Float Elements 
---------------------------------*/
.fl-lt {float:left;}
.fl-rt {float:right;}


#grad {
margin-top: 0px;
margin-down: 0px;
padding: 15px 25px 20px 25px;
display: block;
color: rgb(22, 22, 22);
    height: 400px;
    width: 500px;
    background: -webkit-linear-gradient(rgb(210,210,210), white 90%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(210,210,210), white 90%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(210,210,210), white 90%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(210,210,210), white 90%); /* Standard syntax (must be last) */
}

#grad font{
font-family: Ebrima;
font-size: 18px;
}

#grad ul font{
font-family: Ebrima;
font-size: 13px;
}

.wymiary {
text-align: center;
margin-top: 50px;
}

#grad ul{
height: 100px;
}

/* Clear Floated Elements
---------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.clrflt {
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
}







/* Primary Styles
---------------------------------*/

body {
	background: url(../img/tlo-gal.jpg) repeat-x;
/*
font-family: Ebrima;
font-size: 18px;
color:#666666;
*/
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}
	
/* wrapper Styles
---------------------------------*/
#wrapper
{
	width:1200px;	/*szerokość strony - prawidłowa szerokość*/
	margin: 0px auto;

}

/**/

/* wrapper Styles
---------------------------------*/	
.header_container{
	background: url(../img/navigation-bg.jpg) no-repeat left top;/*obrazek w ramce, domyślnie osadzony w lewym goórnym rogu*/
	border:0px solid #dee0df;/*obramowanie*/
	padding:31px 200px 46px;/*odl menu od góry , odl menu od prawej str , wysokośc ramki*/
	height:40px;/*wysokośc ramki*/
	margin:0 0 20px;/*ods ramki od góry , ods ram od lewej , ods ram od elementu na dole*/
	}
	
.logo{
padding:15px 0px 0px 25px;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	/**/
	font-size:35px;/**/
	color:#993333;/**/
	font-weight:bold;/**/
	}
	
.logo a{
	color:#993333;
	text-decoration:none;
	}		
	
.ramka_min {
	
	width: 291px;/**/
	height: 50px;/**/
	margin: 0;/**/
padding: 0;/**/
	
} 

.navigation {
	
font-size:15px;
	width: 950px;
	height: 50px;/**/
	margin: 0;/**/
padding: 0;/**/
	
} 
.navigation ul {
	list-style: none;/**/
	margin: 0;/**/
	padding: 0;/**/
float:right;/**/
} 
.navigation ul li {
	display: inline;/**/
	margin: 0px;/**/
} 
.navigation ul li a {

	height:33px;/**/
	display: block;/**/
	float: left;
	padding: 17px 15px 0 15px;/* odl tekstu od seperatora w menu od góry , odl tekstu od seperatora w menu od prawej , 0 , odl tekstu od seperatora w menu od lewej*/
	font: bold 13px Arial;/**/
	color: #FFF;
	text-decoration: none;
	background: url(../img/navigation-separator.png) no-repeat right center;/*obrazek seperatora*/
} 
/* CZCIONKA I TŁO DLA CAŁEGO MENU */
.navigation ul li a {
color: brown;
background-color: rgba(255, 255, 255, 0.45);

}
/* WSKAZANY KURSOREM WIERSZ NA ROZWIJANEJ LIŚCIE W MENU */
.navigation ul li a:hover {	/*podśietlenie wskazanej zakładki*/
	color: brown /*#363636*/;
background-color: rgba(0, 0, 0, 0.05);
/*opacity:0.1;*/
/*background: #363636; url(../img/navigation-hover.png)  repeat-x left top */
/*
-moz-border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
*/
}

.navigation ul li#active a {	/*efekt aktywnej zakładki - aktualnie oglądanej*/
	color:#363636;
	background: url(../img/navigation-hover.png) repeat-x left top; /*plik do zmianay obrazka*/
}
	
	
.banner_container{
	height:320px;
	margin:0 0 20px;
	}


.container{
height:1910px;
width: 1100px;		/* szerokość głównej ramki*/
box-shadow: 0 0 10px 0px;
	background:#ffffff;
	border:1px solid #dee0df;
	padding:30px 50px 20px;    /* odstępy przy głównej ramce - białej*/
	margin:0 0 20px;
	font-size:12px;
	color:#666666;

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

/* PASEK NAWIGACJI */
.container h2 a{	/* nazwy stron */
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	*/
color: rgb(153, 51, 51);
font-size:13px;
font-weight:normal;
padding:30px 0px 15px;
text-decoration:none;
	}

.container p{
	padding:0px 0px 0px;
	margin:0px;
	line-height:20px;
	}
	
.article_area ul{

height:500px;
	padding:0px;
	margin:0px;
	list-style:none;
	}

.article_area_opis{		/*OPIS MEBLA*/
font-family: Ebrima;
font-size: 14px;
width: 400px;
height: 500px;
float: right;
padding-right:20px;
/*display: block;*/
/*border: 5px solid black;*/
	}

.article_area_opis p{
text-align: justify;
}

.article_area ul li{
	width:291px;
	display:block;
	float:left;
	margin-right:32px;
	font-size:12px;
	color:#666666;
	}
	
.article_area ul li.last{
	margin-right:0px;
	}
	
.article_area ul li img{	/*miniaturka w galerii*/
	 
	margin:0 0 0px;
	}
	
.container h2 font{	/* >> */
font-size: 10px;
color: rgb(153, 51, 51);
	}

.container h3{		/*napis nazwy fotela duży*/
text-align: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*padding:20px 0px 2px;*/
	margin:0px;
	font-size:23px;
	font-weight:normal;
	color: rgb(153, 51, 51);
	}

.container h4 {		/*napis nazwy fotela mały*/
text-align: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*padding:20px 0px 2px;*/
	margin:0px;
	font-size:13px;
	color: rgb(153, 51, 51);
	font-weight: bold;
	}
	
.article_area_inne p span{
background: #f7f7f7;
	 display:block;
	 line-height:20px;
padding: 30px 50px 30px 50px;
border:1px solid #dee0df;
font-size:12px;
margin-top: 30px;
	}

.wiecej {
float:right;
font-size:12px;
color:#666666;
}

.wiecej a{
text-decoration:none;
color:#666666;
}

.article_area_inne ul{
	padding:0px;
	list-style:none;
	}
	
.article_area_inne ul li{
	width:230px;
height:310px;		/*odstępy pomiędzy wierszami miniaturek*/
	display:block;
	float:left;
	margin-right:30px;
	font-size:12px;
	color:#666666;
/*background: yellow;*/
padding-right: 30px;
align: center;
	}
	
.article_area_inne ul li.last{
	margin-right:0px;
padding-right: 0px;
	}
	
.article_area_inne ul li img{	/*miniaturka w galerii*/ 
	margin:0 0 0px;
height: 100%;
width: 100%;
	}
	
.article_area_inne ul li h3 a{		/*napis nazwy fotela*/

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*padding:0px 0px 0px;*/
	font-size:18px;
	font-weight:normal;
	color: rgb(153, 51, 51);
	text-decoration:none;
/*background: blue;*/
	}

.article_area_inne ul li h3{
text-align:center;
margin:11px;
	}

.article_area_inne ul li span{
	 display:block;
	 line-height:20px;
	}
	
.article_area_inne ul li span a{
	color:#993333;
	text-decoration:underline;
	}
	
.article_area_inne ul li span a:hover{
	text-decoration:none;
	}			
									
.article_area ul li span{
	 display:block;
	 line-height:20px;
	}
	
.article_area ul li span a{
	color:#993333;
	text-decoration:underline;
	}
	
.article_area ul li span a:hover{
	text-decoration:none;
	}									

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
color: grey;
opacity:0.1;
margin: 10px 0 30px;
} 

/*dolna ramka*/
.footer_container{
margin-top: 50px;	/*odl od góry*/
box-shadow: 0 0 10px 2px;
background:#ffffff;
-moz-border-top-left-radius: 15px;
-webkit-border-top-left-radius: 15px;
border-top-left-radius: 15px;
-moz-border-top-right-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;
color:#666666;
}

.footertop{
/*	border:1px solid #dee0df;	*/
	padding:20px;
	height:1%;
	}

.footer_nav{
	font-size:12px;
	color:#666666;
	}
	
.footer_nav ul{
	padding:0px;
	margin:0px;
	list-style:none;
	}
	
.footer_nav ul li{
	background:url(../img/footer-sep.jpg) no-repeat left center;
	display:block;
	float:left;
	padding:0 12px;
	line-height:18px;
	}
	
.footer_nav ul li.first{
	padding-left:0px;
	background:none;
	}	
	
.footer_nav ul li a{
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	}
	
.footer_nav ul li a:hover{
	text-decoration:underline;
	}
	
.social{
	
	}
	
.social span{
	min-width:80px;
	display:block;
	float:left;
	font-size:12px;
	color:#666666;
	line-height:16px;
	}
	
.social ul{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
	}
	
.social ul li{
	width:87px;
	display:block;
	float:left;
	font-size:12px;
	color:#666666;
	line-height:16px;
	}
	
.social ul li.last{
	width:auto;
	}	
	
.social ul li.twitter a{
	background:url(../img/twitter.jpg) no-repeat left center;
	}
	
.social ul li.facebook a{
	background:url(../img/facebook.jpg) no-repeat left center;
	}		
	
.social ul li a{
	padding-left:22px;
	display:inline-block;
	color:#666666;
	text-decoration:none;
	}
	
.social ul li a:hover{
	 text-decoration:underline;
	}									

.footerbottom{
	border:1px solid #dee0df;
	padding:15px 20px 20px;
	height:1%;
	}	
	
.copyright{
	font-size:12px;
	color:#999999;
}

.copyright a{
	color:#999999;
	text-decoration:underline;
	}
	
.copyright a:hover{
	text-decoration:none;
	}