body {
	font-family:  tahoma, verdana, trebuchet ms, arial;
	font-size: 70%;
	color: #888;
	background-color: white;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;	
}

/* Set the page width */
#wrapper-menu-top, #header, #header2, #header3, #header4, #header5, #header6, #header7, #header8, #wrapper-content, #wrapper-footer {
	width: 885px;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

#menu-top {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden;
}

#menu-top ul {
	margin: 0 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 110%;
	float: left;
}

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

#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration: none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#3C2118;
	display: block;
	float: left;
	cursor: pointer;
}

 #menu-top a:hover { background-position:0% -42px; text-decoration: underline; }
 #menu-top a:hover span { background-position:100% -42px; }

#wrapper-header {
	background: transparent url('images/bg.png') top center repeat-x;
}

#header {
	background: #eee url('images/banner.gif') no-repeat center top;
}

#header2 {
	background: #eee url('images/banner2.jpg') no-repeat center top;
}

#header3 {
	background: #eee url('images/banner3.jpg') no-repeat center top;
}

#header4 {
	background: #eee url('images/banner4.jpg') no-repeat center top;
}

#header5 {
	background: #eee url('images/banner5.jpg') no-repeat center top;
}

#header6 {
	background: #eee url('images/banner6.jpg') no-repeat center top;
}

#header7 {
	background: #eee url('images/banner7.jpg') no-repeat center top;
}

#header8 {
	background: #eee url('images/banner8.jpg') no-repeat center top;
}

#wrapper-header2 {
	background: transparent url('images/bg02-blue-left.png') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('images/bg02-blue-right.png') top right no-repeat;
}

#header h1, #header2 h1, #header3 h1, #header4 h1, #header5 h1, #header6 h1, #header7 h1, #header8 h1 {
	margin: 0px;
	padding-left: 13px;
	height: 192px;
	color: #fff;
	
	
}

#wrapper-content {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 245px 5px 40px;
	text-align: justify;
	
}

#content p.paragraph span {
  	font-size: 200%;
	color: #5b8fbe;
}

#content ol span {
	font-size: 100%;
	color: #5b8fbe;				
}

#content ol span a:link {
	font-size: 100%;
	color: #5b8fbe;				
}

#content ol span a:hover {
	font-size: 100%;
	text-decoration: underline;				
}

#content ol span a:visited {
	font-size: 100%;
	color: #5b8fbe;				
}

#content ol a:link {
	font-size: 100%;
	color: #888;				
}

#content ol a:hover {
	font-size: 100%;
	color: #888;
	text-decoration: underline;				
}

#content ol a:visited {
	font-size: 100%;
	color: #888;				
}

#content p.main {
	font-size: 105%;
	font-weight: bold;
	text-align: center;
}

#content p.faq {
	font-weight: bold;
	color: #5b8fbe;
}

#content p span {
	padding-left: 20px;
	font-size: 100%;
	font-weight: normal;	
	color: #5b8fbe;
}

#space {
	width: 400px;
	float: none;
}

p.opis {
	width: 300px;
	padding-left: 30px;
	float: left;
}	

p.ilosc {
	width: 200px;
	float: left;
}


 

p.klient {
	width: 200px;
	padding-right: 30px;
	float: left;
	text-align: right;
}

p.order {
	width: 310px;
	float: left;
}

#content p.order span {
	color: #0099FF;
	padding: 0 10px 0 0;
	text-align: left;
}

#krecha {
	width: 550px;
	float: left;
}

.form {
	background-color: #ccc;
	color: #000;
	font-size: 12px;
	border: none;
	font-weight: bold;
	text-align: right;
}

#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	
}

#content ul li {
	display: inline;
	float: left;
	padding: 0px 10px 30px 0;
}

.pic {
	float: left;
	padding: 5px 10px 10px 10px;
}	

#navi p span {
	padding: 0;
	color: #888;
	
}

#wrapper-menu-page {
	float: right;
	width:180px;
	margin: 20px 30px 3em 2em;
	background: transparent url('images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

#wrapper-menu-page2 {
	float: right;
	width:180px;
	margin: 20px 30px 3em 2em;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

#kadzidla {
	width: 600px;
}

#kadzidla2 {	
	width: 600px;
}

#kadzidla2 ul li {
	display: inline;
	float: left;
	padding: 0px 20px 30px 0;
}

#olejki {
	width: 600px;
}

#olejki ul li {
	display: inline;
	float: left;
	padding: 0 0 30px 0;
}

#item {
	float: left;
	padding-left: 30px;
	width: 120px;
}

#input {
	float: left;
	padding-left: 30px;
	width: 100px;
}

#hide {
	visibility: hidden;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; text-align: left; }

#menu-page ul {
	margin: 0 ;
	padding-left: 20px;
	list-style: circle;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
}

#menu-page ul span{
	margin: 0 ;
	font-color: #5b8fbe;
	list-style: none;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
}

#menu-page li {
	padding-bottom: 5px;
}

#menu-page h3 {
	font-size: 110%;
	text-transform: uppercase;
	text-align: center;
	margin: 1em 0 1em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.10em;
}

#menu-page p.menu  {
	margin: 0;
	padding-left: 20px;
	font-size: 105%;
	text-align: left;

}

p.dane  {
	margin-top: 20px;
	font-size: 100%;
	text-align: center;
} 

hr {
	margin-top: 20px;
	border: 0;
	color: #d4d4d4;
	background-color: #d4d4d4;
	height: 1px;
	width: 100%;
	text-align: left;
}

#menu-page a:link, #menu-page a:visited { color: #5b8fbe; text-decoration: underline; }
#menu-page a:hover { color: #888;  }

#menu-page span a:link, #menu-page a:visited { color: #5b8fbe; }
#menu-page span a:hover { color: #888; }

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}

h1 { font-size: 160%; font-weight: bold;  }
h2 { font-size: 150%; font-weight: bold; }
h3 { font-size: 100%; }
h4 { font-size: 150%; font-weight: normal; letter-spacing: 0.2em; }
h5 { font-size: 150%; font-weight: bold; letter-spacing: 0.2em; color: #5b8fbe; } 

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

.news {	
	margin: 10px;
	margin-top: 0px;
	text-align: left;
}

.news span {
	text-align: right;
}

p.img {
	text-align: left;
	float: left;
	padding: 0;
	margin: 0;
}

p.blad {
	color: #ff0000;
	border:2px solid #ff0000; 
	text-align:center;
	font-weight:bold;width:80%;padding:5px;
}

p.ok {
	color: #5b8fbe;
	border:2px solid #5b8fbe; 
	text-align:center;
	font-weight:bold; padding:5px;
}

.form {
	background-color: #ccc;
	color: #000;
	font-size: 12px;
	border: none;
	font-weight: bold;
}

.tabela {
	width: 180px;
	background-color: #fff;
	float: right;
	margin: 0px 0 20px 30px;
}

.wiersz {
	
}

.head {
	padding-left: 5px;
	background-color: #7cabca;
	color: #fff;
	font-weight: bold;
}

.kolumna {
	padding-left: 5px;
	background-color: #ececec;
	color: #888;
	
}	


#menu-page2 {
	width: 180px;
	text-align: left;
}

img { border: 0; }


.menu {
z-index:1000;
font-size:110%;
float:right;
text-align:left;

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:180px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#ececec;
height:26px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:179px;
color:#3c2118;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#ececec; width:180px; w\idth:179px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#2F689D;}

.menu :hover > a{
color:#fff; 
background:#2F689D;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-180px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


#menu-page2 li.menu-up {
	background-image: url(images/up-menu.gif);
	width: 179px;
	height: 25px;
	font-size: 110%;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.10em;
}

#menu-page2 li.menu-down {
	background-image: url(images/down-menu.gif);
	width: 179px;
	height: 25px;
}



.index {
	width: 100px;
	text-align: right;
	
}

.pindex {
	width: 100px;
	height: 100px;
}

#container {
           width:570px;
           margin:0 auto;
           position:relative;
					 clear:left;
}

#tvmenu {
				padding-left: 20px;
        position:relative;
        width:550px;
        height:100%;
}

#tvmenu:hover {
              background:transparent;
}

#tvmenu a div {
        display:none;
}

#tvmenu a img {
        display:block;
        position:absolute;
        top:-5px;
        left:260px;
        width:0;
        height:0;
        border:0;
}

#tvmenu img {
        display:block;
        position:absolute;
        top:15px;
        left:380px;
        width:150px;
        height:200px;
        border:0;
}

#tvmenu a:hover img {
        display:block;
        position:absolute;
        top:15px;
        left:380px;
        width:150px;
        height:200px;
        border:0;
}

#tvmenu a:hover {color:#fff; background:#2F689D; text-decoration:none;}

#serie {
			
				padding-left: 20px;
        position:relative;
        width:550px;
        height:100%;
}

#serie:hover {
              background:transparent;
}

#serie a div {
        display:none;
}

#serie a img {
        display:block;
        position:absolute;
        top:-5px;
        left:230px;
        width:0;
        height:0;
        border:0;
}

#serie img {
        display:block;
        position:absolute;
        top:20px;
        left:230px;
        width:300px;
        height:100px;
        border:0;
}

#serie a:hover img {
        display:block;
        position:absolute;
        top:20px;
        left:230px;
        width:300px;
        height:100px;
        border:0;
}

#serie a:hover {color:#fff; background:#2F689D; text-decoration:none;}


/*GALERIA AJAX*/
.outerGallery
{ 
background: url('../images/more_audience.gif') bottom repeat-x;
height:100%;
margin:  0px;
}

.outerGallery a
{
color: #fff;
}


.outerGallery p.linkage
{
/*margin-top: 2em;*/
text-align: right;
font-size: 1.7em;
color: #ddd;
}

.outerGallery p.linkage a { color: #fff; }

/*.outerGallery p.linkage a
{
color: #fff;
background: url('../images/bg/biglink_off.gif') center right no-repeat;
padding: 10px 20px;
text-decoration: none;
}

.outerGallery p.linkage a:hover
{
background: url('../images/bg/biglink_on.gif') center right no-repeat;
font-style: italic;
}*/

#myGallery
{
text-align: left;
margin: 0 auto;
}

/*SLIDESHOW AJAX*/
#myGallery
{
margin-top: 0;
width: 400px;
height: 380px;
z-index:5;
display: none;
border: 1px solid #000;
}

.jdGallery
{
overflow: hidden;
position: relative;
}

.jdGallery img
{
border: 0;
margin: 0;
}

.jdGallery .slideElement
{
width: 100%;
height: 100%;
background-color: #000;
background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 40px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 80%;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: inherit;
}

.jdGallery .slideInfoZone p
{
padding: 0;
font-size: 60%;
margin: 2px 5px;
color: #eee;
}

.jdGallery div.carouselContainer
{
position: absolute;
height: 135px;
width: 100%;
z-index: 10;
margin: 0px;
left: 0;
top: 0;
}

.jdGallery a.carouselBtn
{
position: absolute;
bottom: 0;
right: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
}

.jdGallery .carousel
{
position: absolute;
width: 100%;
margin: 0px;
left: 0;
top: 0;
height: 115px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
position: absolute;
width: 100%;
height: 78px;
top: 10px;
left: 0;
overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
cursor: pointer;
background: #000;
background-position: center center;
float: left;
border: solid 1px #fff;
}

.jdGallery .carousel .label
{
font-size: 13px;
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
margin: 0;
}

.jdGallery .carousel .label .number
{
color: #b5b5b5;
}

.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
position: absolute;
height: 99%;
width: 25%;
cursor: pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.jdGallery a.left
{
left: 0;
top: 0;
background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
right: 0;
top: 0;
background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.withArrows a.open
{
position: absolute;
top: 0;
left: 25%;
height: 99%;
width: 50%;
cursor: pointer;
z-index: 10;
background: none;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
filter:alpha(opacity=80); }