@CHARSET "UTF-8";
@IMPORT "default.css";
@IMPORT "articles/default.css";
@IMPORT "product/default.css";
@IMPORT "product/promotion.css";


/* font-face */
@font-face {
    font-family: 'UbuntuCondensedRegular';
    src: url('../fonts/Ubuntu/ubuntu-c-webfont.eot');
    src: url('../fonts/Ubuntu/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu/ubuntu-c-webfont.woff') format('woff'),
         url('../fonts/Ubuntu/ubuntu-c-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu/ubuntu-c-webfont.svg#UbuntuCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.pwPreloader {
	width: inherit;
	height: inherit;	
}

body {
	background: url("../images/bg-body.jpg") repeat-x;
	background-color: #282828;
}
h1 {font-size: 32px; font-family: Ubuntu, sans-serif;}

h2 {font-size: 24px;
	color: #7b7a7a;
}
h3 {font-size: 16px;}

h1, h2, h3, h4 {
	font-family: UbuntuCondensedRegular, sans-serif;
	font-weight: normal;
}
h4 {	
	font-family: UbuntuCondensedRegular, sans-serif;
	font-size: 14px;
	margin-bottom: 4px;
}
strong {font-weight: bold; font-family: inherit;}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div.body-content {padding: 10px 20px;}
div#body-wallpaper {
	width: 1138px;
	margin: 0 auto;
	position: relative;
}

div#nav {height: 110px;}
div#nav .admin-nav {
	width: auto;
	padding-left: 8px;
	padding-right: 4px;
	
}

a#home {float: left; margin-top: 20px;}
#haslo-container {
	display: inline-block;
	float: left;
	margin: 5px 5px;
}
#haslo {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3d3c3c;
	margin: 0px;
	}
#logo-name {font-size: 35px; }
#logo-name span {font-family: UbuntuCondensedRegular, sans-serif;}
#content {
	display: inline-block;
	width: 100%;
}

#footer-content {
	display: block;	
	margin: 35px auto;
}
/* SOD TOP MENU */
#top-menu {
	display: inline-block;
	float: right;
	margin-top: 26px;
}

#top-menu ul {
	padding-left: 0px;
	float: right;
}

#top-menu li {
	margin: 0; 
	list-style: none;	
	display: block;
	float: left;
}

#top-menu li a {
	padding: 15px 0;
	text-align: center;
	margin-right: 5px;
	display: block;
	width: 120px;
	text-decoration: none;
	font-family: UbuntuCondensedRegular, SwitzerlandCondensed, sans-serif;
	font-size: 14px;
	background: #282828 url(../images/Menu/bg-menu-default.png) no-repeat;
	color: #cfcaca;
}
#top-menu li:last-child a {
	margin-right:0;
}
#top-menu li a:hover {
	color: #ff9558;
}	
#top-menu li.active a {
	background: #282828 url(../images/Menu/bg-menu-active.png) no-repeat;	
	color: #ff9558;
}
#top-menu  ul.navigation {
	position: relative;
}
#top-menu ul.navigation ul{
	background: url(../images/Menu/bg-menu-sub-default.png) repeat-x;
	display: none;
	width: 100%;
	float: left;
	left: 0;
	position: absolute;	
} 
#top-menu ul.navigation ul li a {
	width: auto;
	background: none;
	padding: 12px 8px;
	color: #0a0a0a;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
}
#top-menu ul.navigation li.active li.active a {color: #fff;}
#top-menu ul.navigation ul li a:hover {
	color: #fff;
}
/* EOD TOP MENU */  
/* SOF LANGUAGE HELPER */
#Helper_SwitchLanguage {
	top: 4px;
	right: 0;
	font-size: 10px;
	color: #999;
	position: absolute;
}
#Helper_SwitchLanguage ul,
#Helper_SwitchLanguage span {
	float: left;
}
#Helper_SwitchLanguage a {
	color: #999;
	text-decoration: none;
}
#Helper_SwitchLanguage a:hover {
	color:red;
}
/* EOF LANGUAGE HELPER */
/* SOF breadcrumbs */
#breadcrumbs {
	font-size: 9px;
	/* background: #69dc01; */
	
	padding: 2px 20px 2px 18px; 
	position: absolute;
	top: 110px;
	margin-left: 173px;
	z-index: 10;
}
#breadcrumbs a {
	text-decoration: none;
	color: #888;
}
/* EOF breadcrumbs */
#footer ul.navigation {
	float: left;
	list-style: none;	
	color: #555;
	font-size: 10px;
	padding: 0;
}
#footer ul.navigation li {padding: 0px;	display: inline-block;}
#footer ul.navigation li.active {color: #FF4F00;}
#footer ul.navigation li a {margin: 1px 5px !important;}
/* Sof INDEX cols */
	/* Sof col1 */
#col1, #col2 {
	display: inline-block;
}
#col1 {
	float: left;
	width: 173px;
	height: 391px;
	background: url(../images/bg-woman.png) no-repeat;
	background-position: bottom right;		
}
#col1 div.article-style1,
.col1-product div.article-style1{
	position: relative;
	bottom: -420px;
	float: right;
	width: 85%;
}


	/* Sof col2 */
#col2 {
	float: right;
	width: 965px;
	vertical-align: top;
}
/* sof collection-container */

#bottom-outter {
	background: #0a0a0a;
	width: 100%;
	padding: 30px 0  30px 50%;
	box-shadow: 700px 0 0 #0a0a0a; 
	left: -50%;
	position: absolute;
	bottom: 0;
	
}
#collection-container {
	background-color: #1a1919;
	display: inline-block;
	height: 115px;
	float: right;
	width: 965px;

	
}
#collection-container span.image{
	display: inline-block;
	width: 204px;
	height: 93px;
	margin: 8px;
	border: 3px solid #505050;
}
.collection .logo {display: inline-block;}
.collection .image {
	display: inline-block;
}
#collection-container  span.logo {
	display: inline-block;
	vertical-align: top;
	margin: 20px 15px;
}
#collection-container span.image {

}
#collection-container a {	
	display: block;
	float: left;
}
#collection-container a span {
	display: inline;
}
#collection-container a:last-child {
	float: right;
}
#gallery-container {
	display: block;
	margin-top: -1px;
	margin-bottom: 450px;
	background: #282828;
	width: 100%;
}
#gallery-container #body-container {
	height: 384px;
	position: relative;
	width: 916px;
}
/* eof collection-container */

	/* sof promotion-gallery */
	#promotion-gallery {
		display: inline-block;
		float: left;
		height: 361px;
		width: 100%;
		position: relative;
	}
	#promotion-gallery #hot-column-right {
	background: #0a0a0a;
	border-left: 5px solid #0a0a0a;
	display: inline-block;
	float: right;
	height: 361px;
	position: absolute;
	top: 0;
	width: 245px;
	}
	#promotion-gallery #hot-column-right > a {
	display: block;
	width: inherit;
	height: inherit;
	
	}
	#promotion-gallery #hot-column-right > a:hover {
	background: #282828;
	box-shadow: 0 0 20px red isnet;
	}
	#promotion-gallery #hot-column-right .logo-moj-dab {
	bottom: 0px;
	left: 56px;
	position: absolute;
	}
	
	
	#promotion-gallery #hot-column-right .label {
		position: absolute;
		right: -11px;
		top: -9px;
		
	}
	
	
	/* eof promotion-gallery */

	/* SOF GALLERY CONTAINER */
	#body-container {
		display: inline-block;
		margin: 52px;
		}
	#gallery-col1,#gallery-col2{display: inline-block;}
	#gallery-col1 {margin-right: 30px; float: left;}
	#gallery-col2 {float: left; width: 578px;}
	#gallery-box {
		display: inline-block;
		
		height: inherit;
	}
	#gallery-article{
		display: inline-block;
		width: 300px;
	}
	#gallery-col2  .outlet-sale-header {
		margin: -43px auto 15px;
	}
	#gallery-col2  .rabate-header { clear: both; display: block;}
	#gallery-col2 .col2-left {
		float: left;
		width: 330px;
		text-align: center;
	}
	#gallery-col2 .col2-left .article-style1{text-align: left;}
	#gallery-col2 .col2-left  > .article-style1:first-child {
		min-height: 266px;
	}
	#gallery-col2 .col2-right {
		width: 253px;
		background: none;
		position: absolute;
		right: 0px;
		top: -52px;
	}
	#gallery-col2 .col2-right .hit-box {
	border-left: 5px solid #212121;
	display: inline-block;
	width: 245px;
	}
	#gallery-col2 .col2-right .hit-box img {
		float: right;
	}
	
	#gallery-col2 .col2-right .link-box {
		margin-top: 10px;
		padding-left: 10px;
		width: 235px;
		border-left: 5px solid #212121;
		display: inline-block;
		min-height: 126px;
		position: relative;
	}
	
	#gallery-col2 .col2-right .hit-box h3,
	#gallery-col2 .col2-right .link-box h3 {
		font-family: Verdana;		
		font-size: 10px;
		border-radius: 8px 8px 0 0;
		padding: 0 5px;	
		line-height: 1.5em;
				
		-moz-transform: scale() rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale() rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale() rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: rotate(90deg);
        transform: scale() rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        
        -webkit-transform: rotate(90deg); 
		-moz-transform: rotate(90deg);	
	}
	
	
	#gallery-col2 .col2-right .hit-box h3 {
		background: #333;
		border: 1px solid #222;
		display: block;
		position: relative;
		top: 114px;
		right:-131px;
	}
	#gallery-col2 .col2-right .link-box h3 {
		background: #ef3512;
		border: 1px solid #b60d00;		
		color: white;		
		position: absolute;
		display: block;
		transform: rotate(90deg);
		right: -80px;
		top: 67px;
	}
	
	#gallery-col2 .col2-right .link-box a {
		display: block;
		border-bottom: 1px solid #222;
		margin-right: 10px;
	}
	#gallery-col2 .col2-right .link-box a:hover {
		color: #fff;
	}
	#gallery-col2 .col2-right .link-box br {
		
		display: none;
	}
	
	/* EOF GALLERY CONTAINER */
/* Sof Formularz kontaktowy */
#col-one {
	float: left;
	display: inline-block;
	position: relative; 

}
#col-two {
	float: right;
	display: inline-block;
	width: 150px;
	margin-right: 20px;
	margin-top: 20px;
} 
#contactFormCointaner {
	width: 400px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;


}
#contactFormCointaner form.myContactForm {
	width: 400px;
}

.myContactForm label {
	color: #777;
	margin-bottom: 15px;
	display: inline-block;

}
.myContactForm input{
	color: #999;
	background: #1e1e1e;
	border: 1px solid #404040;
	display: inline-block;
	float: right;
	width: 230px;
}
.myContactForm #zf_sContent {
	width: 400px;
}
.myContactForm textarea {
	color: #999;
	width: 390px;
	float: right;
	display: inline-block;
}
.myContactForm label {
	float: left;
} 
.myContactForm div.element {
	display: inline-block;
	margin-top: 10px;
	width: 100%;
}
.myContactForm .error input,
.myContactForm .error textarea{
	border: 1px solid #FF5707;
	}

.myContactForm textarea {
	border: 1px solid #404040;
	background: #1e1e1e;
	margin-bottom: 30px;
}
.myContactForm #zf_sMailContent span.required {
	display: none;
}
.myContactForm div.errors {
	margin-bottom: 0px;
}
	/*  NOTKA */
#contactNoteCointaner{
	width: 200px;
	display: inline-block;
	position:absolute;
	top: 80px;
	left: 420px;
}
	/* KONTAKT */
	
#contactCointaner {
	margin-top: 53px;
	float: left;
}

#contactCointaner p{
	margin: -2px 0;
}
	/* BALOON */
ul.formError {
	padding: 0px;
	margin: 5px 0 25px 25px;
	list-style-image: url(../images/komu-wyk.png);
}
ul.formError li{
	font-weight: bold;
	color: #FF5707;
	list-style-position: inside;
	background-color: #d5d5d5;
	border: 2px solid #f4f4f4;
	padding: 20px;
}

/* Eof Formularz kontaktowy */
/** Sof Klasa artykułu styl */
	/* #1 */
	
	.align-right {text-align: right;}
	.article-style1 h1, .article-style1 h2 {color: #7b7a7a; margin-bottom: 15px}
	.article-style1 h3,
	.article-style1 h3 a {color: #ff4f00;}
	.article-style1 p {color: #858181; margin-bottom: 10px}
	.article-style1 a {color: #c9c9c9}
	.article-style1 h3 a {
		font-family: UbuntuCondensedRegular,sans-serif;
	}
	
	.article-style1 sup,
	.article-style1 sup p {font-family: inherit; font-size: 0.8em; opacity: 0.35;}
	.article-style1 hr {
		background: #252525;
		border: medium none;
		height: 3px;
		border-top: 1px solid #444444;
		border-bottom: 1px solid #444444;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 15px;
		
	}
	/* #2 */

	.article-style2 h1,
	.article-style2 h2 {
		margin-bottom: 25px;
		color: #1a1919;
		font-size: 24px;
	}
	.article-style2 p {color: #282626;	font-size: 10px;}
	.article-style2 ul {
		padding: 0px;
		margin: 0px;
		margin-bottom: 25px;
		list-style: none;
		display: inline-block;
		width: inherit;		
	}
	.article-style2 ul li{
		padding: 0px;
		margin-left: 10px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		display: inline;
		text-transform: uppercase;	
	}
	.article-style2 ul li.active {color: #c4c3c3}
	.article-style2 a {
		display: inline-block;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		vertical-align: middle;
	}
	.article-style2 a {color: #7c6a60;}
	.article-style2 ul li a:first-letter {font-size: larger;}
	.article-style2 ul li a {color: #777;}
	
/** Eof Klasa artykułu style */
/** Sof O nas **/
div.col1-o-nas,
#na-zamowienie-container div.col1-na-zam,
#contact-container div.col1-contact,
#collect-container div.col1-collection
{
	width: 173px;	
	float: left;
	height: 391px;
	background: transparent url(../images/bg-col1-default.jpg) no-repeat scroll right bottom;

}

#collect-container div.col1-collection {
	background: url("../images/bg-woman.png") no-repeat scroll right bottom transparent;
	position: relative;
}

.col2-collection .gallery {
	background-color: #323232;
	display: inline-block;
	float: left;
	margin-left: 17px;
	width: auto;
	padding: 4px 0px 0px 4px;
}
.col2-collection .gallery .pic {display: inline-block; float: left;}
.col2-collection .gallery .pic img {}
.col2-collection .gallery .label {
	display: inline-block;
	float: left;	
	position: relative;
	width: 95px;
	height: 374px;
}
.col2-collection .gallery .label img {
	margin-top: 130px;
	margin-left: -20px;
  -webkit-transform: rotate(90deg);	
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);

}
.col2-collection h1 {
	margin-top: 5px;
	margin-left: 17px;
}
.col2-collection  .descript {
	background: url(../images/bg-collection.jpg) no-repeat left top #1a1919;
	float: left;
	height: 295px;
	overflow: hidden;
	padding: 43px 38px;
	width: 209px;
}
.col2-collection  .descript a{
	background-color: #232222;
	border: 1px solid #0b0b0b;
	
	display: block;
	font-family: UbuntuCondensedRegular, Impact, sans-serif;
	font-size: 15px;
	margin: 0 auto;
	text-align: center;
	padding: 0.5em;
}
.col2-collection  .descript a:hover {
	background-color: #202020;
	border-color: #0c0c0c
}
.col2-collection #bottom-division {
	display: inline-block;
	margin-top: 24px;
	width: 100%;
	
}
.col2-collection #bottom-division .col:first-child {
	float: left;
	display: inline-block;
	margin-left: 17px;
	width: 544px;
}
.col2-collection #bottom-division .col.last {float: left; margin: 10px 35px; max-width: 333px;}
.col2-collection #bottom-division .col:first-child a:first-child {float: left;}
.col2-collection #bottom-division .col:first-child a{float: right;}

.col2-collection #bottom-2division {display: inline-block; width: 100%;}
.col2-collection #bottom-2division .col {
	float: left;
	width: 50%;
}
.col2-collection #bottom-2division .col .margin-keeper { margin: 35px 15px;}


div.col2-o-nas,
div.col2-contact,
#na-zamowienie-container div.col2-na-zam,
#collect-container div.col2-collection {
	min-height: 391px;
	float: right;
	width: 965px;
	background: #282828;
}

div.col2-o-nas div.article-style1{
	width: 38%;
	display: inline-block;
	vertical-align: top;
	margin-top: 40px;
	float: left;
}
div.col2-o-nas div.article-style1:first-child {margin-left: 40px;}
div.col2-o-nas img.filar {display: inline-block; margin-left: 20px; margin-right: 20px; vertical-align: top; float: left;}
/** Eof O nas **/
/** Sof Meble na zamówienie **/
div.col2-na-zam div#a,
div.col2-na-zam div#b,
div.col2-na-zam img.middle-img {display: inline-block; vertical-align: top; float:left;}
div.col2-na-zam div#a {width: 40%; float: left;}
div.col2-na-zam div#b {width: 40%; float: right;}
div.col2-na-zam div#c { clear: both; }
div.col2-na-zam div.body-content { padding: 45px;}
div.col2-na-zam div.order-item  p {width: 305px; font-size: 12px; padding: 0px 15px 15px; background: #1A1919; margin-bottom: 20px; float: left;}
div.col2-na-zam #b div.order-item  p {display: block; float: right;}
div.col2-na-zam #c div.order-item  {display: inline-block; width: 745px; float: right; margin-right: -50px;}
div.col2-na-zam #c div.order-item  p {display: inline-block; margin-right: 25px; float: left}
div.col2-na-zam div.order-item img {border: 2px solid #92a8b0; margin-top: 1px; }


/** Eof Meble na zamówienie **/
/* sof Footer*/
	/* SOF FOOTER CONTENT */
#boxes-container {
	display: inline-block;
	width: 1138px;
}
div.bg-box {
	color: #ff4f00;
	display: inline-block;
	width: 220px;
	height: 220px;
	margin-right: 21px;
	background-color: #141313;
	float: left;
}
div.bg-box a {
	margin: 10px;
	padding: 0;
	width: 200px;
	height: 200px;
	display: block;
	position: relative;
}
div.bg-box .bar-container {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width:200px;
}
div.bg-box .bg {
	filter: alpha(opacity = 50);
	background: #000;
	opacity: 0.7;
	display: block;
	width: inherit;
	height: 30px;
}
	
	div.bg-box .bar-container > span:first-child {
		position: absolute;
		color: #ff4f00;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 8px;
		z-index: 100;
	}
	#polecamy,
	#bottom-outter span.box-label {
		float: left;
		vertical-align: top;
		font-family: SwitzerlandCondensed;
		font-size: 14px;
		color: #ff4f00;
		text-align: right;
		padding: 10px;
		display: inline-block;
		width: 153px;
		background-color: #111111;
		
	}
	
	#article-container {
		float: right;
		vertical-align: top;
		width: 460px;
		
	}


	
	/* EOF FOOTER CONTENT */
/* USTAWIENIE STOPKI*/

#footer_container {
	background-color: #0a0a0a;
	clear: both;
	display: inline-block;
	width: 100%;
}

#footer_container #footer {
	display: block;
	width: 1138px;
	margin: 0 auto;
}
#footer_container #footer #bottom-left {
	font-size: 10px;
	color: #323232;
	background-color: #0a0a0a;
	margin: 35px auto;
	border-top: 1px solid #111111;
	padding-top: 20px; 

}

#footer_container #footer #bottom-right {
	position: absolute;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	top: 20px;
	right: 20px;
	color: #323232;
	
}

#footer_container #footer-content-2 {
	position: relative;
}

#footer-menu { display: inline; }
#footer-menu ul li { float: left; }

/* Sof Style specjalne */	
/* eof Footer*/
/* Eof INDEX cols */

/* sof top-collection */
.collection-wrapper {
	position: relative;
}
.collection-wrapper .board {
	background-color: #181818;
	display: inline-block;
	width: 958px;
	padding: 6px 4px;
	position: relative;
}
.collection-wrapper h2 {
	box-shadow: 320px 0 50px -50px rgba(0,0,0,0.75) inset;
	color: #FF4F00;
	
	left: 7px;
	position: absolute;
	bottom: 12px;
	z-index: 20;
	padding-left: 10px;
	padding-right: 120px;
}
.board .g-item {
	border: 3px solid #505050;
	border-radius: 4px;
	display: inline-block;
}
.board .g-item > img {position: absolute; top: -10px; right: -10px;}
.board .g-item a img {display: inline-block; vertical-align: top;}
.board .g-item.left {float: left;}
.board .g-item.right {float: right;}
.board .l-item {
	left: 406px;
	top: 35px;
	position: absolute;
}
.board .l-item a:hover{
	background-color: rgba(0,0,0,0.75);
	box-shadow: 0 0 20px 20px #181818 inset;
	display: inline-block;
}
#socialbox {
	clear: both;
	display: inline-block;
	margin-top: 32px;
	width: 100%;
} 
#advertbox {
	background: #151515;
	float: right;
	display: inline-block;
	clear: left;
	height: 180px;
	margin-left: 173px;
	padding: 7px;
	text-align: right;
}

/* facebook */
.fb-like-button {
	margin-left: 20px;
}
.fb-subscribe {
	margin: 9px;
	float: right;
}
.fb-label {
	float: left;
	margin-top: -10px;}

#meble-dab-fb {
	float: right;
	background: #151515;	
	display: inline-block;		
	padding: 7px;
}
#meble-dab-fb {
	position: relative;
}
#meble-dab-fb body.plugin {
	background: #282828;
}


/* eof top-collection */

/* link box */
.link-box-style p {
	font-size: 10px;
	color: #282626;
}
.link-box-style a {
	font-size: 10px;
	color: #342d29;	
}
/* eof link box */