@charset "utf-8";
/* CSS Document */

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

.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;
}


#nazwam {
    background-image: url(../img/nazwam.jpg);
    width:200px;
    height:35px;
    box-shadow:10px 10px 15px grey;
padding: 15px 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;	
}

#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,
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);
}



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: #999;
	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;
}

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;}

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

.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;

background: none;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 1px solid #dee0df;
shadow: none;
}
.zoom_img img:hover{
-moz-transform:scale(0.99); 
-webkit-transform:scale(0.99);
-o-transform:scale(0.99);
}

/* 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-gl.jpg) repeat-x;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	}
	

/* wrapper Styles
---------------------------------*/
#wrapper
{
	width:1200px;
	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;
	}		
	

.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:1021px;
box-shadow: 0 0 10px 0px;
	background:#ffffff;
	border:1px solid #dee0df;
	padding:30px 50px 20px;
	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{
	/*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;
	}
	
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;
} 

.container span {	/* górna ramka na stronie głównej */
background: #f7f7f7;
display:block;
padding: 30px 35px 100px 35px;
border:1px solid #dee0df;
font-size:12px;
margin:20px 0px 60px;
line-height:20px;
	}

.container h2 font{	/* >> */
font-size: 10px;
color: rgb(153, 51, 51);
	}

.container h3{		/* napis Camel Meble */
font-size: 17px;
color: #ac4949;
font-weight: normal;
	}
	
.article_area ul{
	padding:0px;
	margin:0px;
	list-style:none;
	}
	
/* RAMKA Z OBRAZKIEM NA STRONIE GŁÓWNEJ */
.article_area ul li{
	width:250px;
height:500px;
/* border:1px solid #dee0df;*/
	display:block;
	float:left;
	margin-right:30px;
	font-size:12px;
	color:#666666;
	}
	
.article_area ul li.last{
	margin-right:0px;
	}
	
.article_area ul li img{
	 
	margin:0 0 20px;
	}
	
.article_area ul li h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px 0px 2px;
	margin:0px;
	font-size:20px;
	font-weight:normal;
	color:#993333;
	}
	
/* RAMKA Z OPISEM NA STRONIE GŁÓWNEJ */
.article_area ul li span{
background: #f7f7f7;
	 display:block;
	 line-height:20px;
padding: 10px;
height: 150px;
border:1px solid #dee0df;
	}
	
.article_area ul li span a{
	color:#993333;
	text-decoration:underline;
	}
	
.article_area ul li span a:hover{
	text-decoration:none;
	}									

/*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;
}

.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;
height:170px;
}

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