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

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

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

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

h1, h2, h3, h4 {
	font-family: SwitzerlandCondensed;
	font-weight: normal;
}
h4 {	
	font-family: Georgia;
	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; }
#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: SwitzerlandCondensed;
	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 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 */
#collection-container {
	display: inline-block;
	width: 100%;
	height: 115px;
	background-color: #1a1919;
}
#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: 30px;
	background: #282828;
	width: 100%;
	height: 415px;
}
/* eof collection-container */
	/* 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: right;}
	#gallery-box {
		display: inline-block;
		background-color: #858181;
		width: 525px;
		height: 310px;
	}
	#gallery-article{
		display: inline-block;
		width: 300px;
	}
	
	#gallery-box #coin-slider {margin: 10px auto 0 auto}
	/* 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 {color: #ff4f00;}
	.article-style1 p {color: #858181; margin-bottom: 10px}

	/* #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: 0px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		display: inline;
		text-transform: uppercase;
		text-indent: 2%;		
	}
	.article-style2 ul li.active {color: #c4c3c3}
	.article-style2 a {
		display: inline-block;
		vertical-align: middle;
	}	
	.article-style2 a:first-letter {font-size: larger;}
/** 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;

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