/**********************************
Use: Reset Styles for all browsers
***********************************/
body, p, blockquote {
	margin: 0;
	padding: 0;
}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
	
/* Lists
------------------------------*/
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
	
/* Links
------------------------------*/
a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/
form, fieldset {
	margin: 0;
	padding: 0;
}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
	
select { padding: 0; }

/* STYLES --------------------------------------------------------------------------------------*/
* {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p, li, a {
	color: #fff;	
}

input {
	color:#000;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

body {
	margin: 0 auto;
	width: 806px;
	background-color: #525051;
}

#addwrapper
{
	position:relative;
	width: 100%;
	text-align: center;
	top:-4px;
	font-size:11px;
	
}

#addwrapper a
{
	color:#888888;
}

.Wrapper {
	width:806px;
	margin-top:4px;
}

.WrapperHeader {
	background: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/images/HeaderBg.jpg) no-repeat top;
	width: 806px;
	height: 179px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
	position:relative;
	border:0px solid red;
}

.Logo {
	float:left;
	width:252px;
	border:0px solid green;
	margin-left:15px;
	margin-top:10px;
}

.FlashLogo {
	float:left;
	width:519px;
	border:0px solid red;
	margin-top:10px;
}

.Menu {
	position:absolute;
	text-align:right;
	width:650px;
	top: 133px;
	left: 82px;
	border:0px solid red;
}

.Flags {
	/*background:transparent url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/images/Nav.jpg) repeat-y;
	width:764px;
	text-align:right;
	padding-top:1px;
	position:absolute;
	top:172px;
	z-index:1000px;*/
	background:#000000 none repeat scroll 0 0;
	margin:0 45px 0 0;
	text-align:right;
	width:760px;
	*margin-right: 45px;
	
}

.Flags img {
	/*margin-left: 6px;*/ margin-left: 8px;
}

.WrapperMain {
	background: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/images/MainBg.jpg) repeat-y -1px 0;
	width: 806px;
	padding-left:0;
	float: left;
	position:relative;
	border:0px solid red;
}

.WrapperMainBottom {
	background: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/images/MainBottom.gif) no-repeat bottom left;
	width: 100%;
	float: left;
	border:0px solid yellow;
	margin-left:17px;
}

.WrapperMainTop {
	background:transparent url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/images/MainTop.gif) no-repeat 0 0px;
	padding-top:1px;
	float:left;
	border:0px solid blue;
	padding-bottom:80px;!important;
}

.FlashSide a {
	width: 94px;
	height: 88px;
	display:block;
	float:none;
	/*margin-bottom:20px;*/
}

.Side {
	width: 180px;
	float: left;
	/*padding-bottom: 80px;*/
	padding-top:5px;
}

.Side ul {
	margin-left: 20px;
}

.Side li {
	list-style:none;
	margin-bottom:5px;
}
.Side li img {
	padding: 2px;
}
.Side li a:hover  img, .Side li.active img  {
	order: 1px solid #383735;
	border: 1px solid #ccc;
	padding: 1px;
}

.Content {
	width: 540px;
	float: left;
	/*padding-bottom:80px;*/
	border: 0px solid red;
	text-align:left;
}

.Content table {
	width: 496px;
}

.Content td {
	border-bottom:solid 1px #876a50;
	border-right:solid 1px #876a50;
	padding:5px;
	padding-bottom:8px;
}

.Content td.TdRight p {
	margin:0;
	font-size:12px;
	line-height:1.3em;
	padding-left:2px;
	padding-bottom:2px;
}

.Content td.TdRight {
	width: 330px;	
	border-right:none;
}

.post {
	padding-bottom:0;!important;
}

.post ul {
	margin-top:7px;
}

#gc-ul {
	margin-top:24px!important;
}

.oferta-h4 {
	margin-top:10px!important;
}
.oferta-p {
	margin-top:12px!important;
}
.oferta-walut {
	margin-top:-1px!important;
}
#oferta-form {
	margin-top:12px!important;
}
#cennik-p {
	margin-top:1px!important;
}
#warunki-h4 {
	font-size:12px!important;
	margin-top:10px!important;
}
#warunki-p {
	margin-top:1px!important;
}
#kontakt-h3 {
	margin-top:-11px!important;
}

.post ul li {
	text-align:left;
	font-size:11px;
	line-height:13px;
	list-style:outside square;
	margin-left:50px;
}

.post ul.ZobaczTakze li,
.post ul.ZobaczTakze li a {
	list-style:none inside;
	margin:2px;
}

.post ol li {
	list-style:inside decimal;
	margin-top:0.5em;
}

.post h1 {
	font-size: 13px;
	font-weight: bold;
	color: #876a50;
}

.post h2 {
	font-size: 12px;
	font-weight: bold;
	color: #876a50;
	margin-top:1em;
}

.post p {
	font-size:11px;
	line-height:1.4em;
	margin-top: 1em;
	text-align: justify;
}

.post p a {
	font-weight:bold;
}

p.ZobaczTakze {
	margin-top:2em;
}

p.ZobaczTakze, ul.ZobaczTakze li {
	font-size:11px;
}

ul.ZobaczTakze li {
	margin-top:0;
}

.WrapperFooter {
	background: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/images/FooterBg.jpg) no-repeat;
	height:54px;
	float:left;
	width:100%;
	padding-top:10px;
	padding-left:26px;
}

.Divero {
	width:auto;
	float:left;
	padding-left:7px;
}

.FooterMenu {
	float:right;
	margin-right:56px;
	padding-top:3px;
	text-align:right;
	width:auto;
}

.WrapperFooter a, .WrapperFooter, .Divero, .Divero a {
	color:#9D9D9D!important;
	font-family:Verdana, Geneva, sans-serif!important;
	font-size:10px!important;
	font-weight:normal!important;
}

.Divero a:hover {
	text-decoration: none;
}

.GalleryText {
	margin-top: 75px;
}

select {
	background: #ccc; 
	color:#000;
	border: none;
	font-size: 12px;
	padding: 0;
}

input {
	font-size: 12px;	
	margin-bottom: 2px;
	border: none;
}

.offer-pdf {
	float:left;
	margin-top:17px;
	text-align:center;
	width:50%;
}

.price-title {
	margin-top:-11px!important;
	padding-top:0!important;
}

/* SPRY MENU BAR HORIZONTAL --------------------------------------------------------------------------------------*/

/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	float:right;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li	
{
	margin:0;
	padding: 0;
	 background: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/images/MenuDot.jpg) #000 no-repeat left top;
    padding-left: 15px;	 
	font-size: 12px;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	margin-left:-15px;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{

	 width:180px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

/* Submenu containers have borders on all sides */
/*ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}*/
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #000;
	padding: 0 0.8em 4px 0.2em;
	color: #876a50;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	text-decoration:none;
	color: #fff;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
	color: #BB9C80;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover:hover {
	text-decoration:none;
	color: #fff;
}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	 background: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/images/MenuDot.jpg) #000 no-repeat left top;
	}
}

/* CMX FORM --------------------------------------------------------------------------------------*/
form.cmxform {
	margin-top:14px;
}

form.cmxform legend {
	padding-left: 5px;
	padding: 5px 10px 5px;
}

form.cmxform fieldset {
	border: none;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
}

div.error {
	display: none;
}

input, textarea {
	background:#ccc;
	border:none;
	padding:2px;
}

textarea {
	width:144px;
	margin-left:4px;
	padding:0!important;
}
/*
input:focus {
	background:#eae3aa;
}

input.error {
	background:red;
}*/

form.cmxform .gray * {
	color: gray;
}

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label {
	width: 130px;
} /* Width of labels */

form.cmxform fieldset fieldset label {
	margin-left: 103px;
} /* Width plus 3 (html space) */

form.cmxform label.error {
	margin-left: 10px;
	display:inline;
	width:200px;
}

form.cmxform .Submit {
	margin-left: 135px;
	display:none;
}

form.cmxform .Submit input{
	width: 67px;
}

.Loading, .Podziekowanie {
	display:none;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

form.cmxform sup {
	color:#ff0000;
}


/* SLIDESHOW --------------------------------------------------------------------------------------*/
.slideshow {
	display: block;
	position: relative;
	z-index: 0;
	padding-top:14px;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 309px;
	width: 464px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 309px;
	margin: 0 auto;
	width: 464px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/styles/controller.png) repeat-x;
	height: 32px;
	left: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 464px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller ul {
	left: 113px;
	position: absolute;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 0px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.post .slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/styles/controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/styles/controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/styles/controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/styles/controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(http://www.furniturepackages.pl/wp-content/themes/FlexxProfessional/styles/controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.post .slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 4px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 1px;
	position: relative; 
	border:1px solid #eee;
}
.slideshow-thumbnails a:hover {
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	border:1px solid #eee;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	opacity: .4;
}

/*  --------------------------------------------------------------------------------------*/