/* ***************************************************** */
/* ****************** style globalne ******************* */
/* ***************************************************** */

body
{
		background: url("../gfx/bckgrBody.gif") repeat-x top;
		padding: 0px;
		margin: 0px;
}
*
{
		font-family: Arial;
		font-size: 11px;
		color: #5D5D5D;
}


/* ***************************************************** */
/* ******************* style forms ********************* */
/* ***************************************************** */

input.inputText
{
		width: 194px;
		color: #333333;
		padding: 5px;
		margin-bottom: 1px;
}
input.submitAction
{
		color: #333333;
		padding: 5px;
}
textarea.textareaText
{
		width: 215px;
		height: 95px;
		color: #333333;
		padding: 5px;
}
select
{
		width: 206px;
		color: #333333;
		padding: 5px;
}
option
{
		color: #333333;
}

/* ***************************************************** */
/* ******************* style layout ******************** */
/* ***************************************************** */

div#sectionContent
{
		position: relative;
		width: 958px;
		margin: 0px auto 0px auto;
}
div#sectionTop
{
		height: 110px;
}
div#sectionMain
{
		overflow: hidden;
		min-height: 425px;
		background: #F0F0F0 url("../gfx/bckgrMain.jpg") repeat-x bottom;
		margin: 10px 0px 10px 0px;
}
div.sectionBodyact
{
		overflow: hidden;
		min-height: 425px;
		background-repeat: no-repeat;
		background-position: bottom left;
}
div.sectionBodyact div.layerLinks
{
		float: right;
		overflow: hidden;
		clear: both;
		margin: 260px 80px 0px 0px;
}
div.sectionBodyact div.layerLinks a
{
		display: block;
		float: left;
		width: 132px;
		height: 146px;
		background-repeat: no-repeat;
		background-position: center;
}
div.layerLinks a#Staron { background-image: url("../gfx/nextStaron.jpg"); }
div.layerLinks a#Corian { background-image: url("../gfx/nextCorian.jpg"); }
div.sectionBodyact div.layerLinks a span
{
		display: none;
}

/*div#start { background-image: url("../gfx/imageStart.jpg"); }*/
div#jakosc { height: 550px; background-image: url("../gfx/imageJakosc.jpg"); }
div#jakosc div.Container { margin-top: 50px; }
div#nasiklienci { height: 560px; background-image: url("../gfx/imageReferencje.jpg"); }
div#nasiklienci div.Container { width: 400px; height: 128px; margin-left: 380px;  margin-top: 210px;}
div#nasiklienci div.Container div#Scroller-1 { width: 400px; height: 128px; }
div#nasiklienci div.Container .Scrollbar-Track { left: 380px; height: 128px; }
div#wtrosceosrodowisko { height: 580px; background-image: url("../gfx/imageSrodowisko.jpg"); }
div#wtrosceosrodowisko div.Container { width: 300px; height: 220px; margin-top: 120px; margin-left: 580px; }
div#wtrosceosrodowisko div.Container div#Scroller-1 { width: 300px; height: 220px; }
div#wtrosceosrodowisko div.Container div.Scrollbar-Track { left: 330px; height: 220px; }
div#koloryisurowce { background-image: url("../gfx/imageKolory.jpg"); }
div#koloryisurowce div.Container { width: 650px; height: 100px; margin-top: 20px; margin-left: 240px; }
div#koloryisurowce div.Container div#Scroller-1 { width: 650px; height: 150px; }
div#koloryisurowce div.Container div.Scrollbar-Track { left: 650px; height: 140px; margin-top: 10px; }
div#galeria { background: url("../gfx/bckgrMainer.jpg") repeat-x center; padding: 50px; }
div#galeria a { display: block; float: left; width: 138px; height: 138px; border: 1px solid #898B8A; background-position: center; background-repeat: no-repeat; text-decoration: none; margin: 15px; }
div#galeria a span { display: block; float: right; padding: 5px 15px 5px 15px; background: #898B8A url("../gfx/arrowFF.gif") no-repeat 8px 51%; margin-top: 115px; color: #FFFFFF; }
div#produkty { background: url("../gfx/bckgrMainer.jpg") repeat-x center; padding: 40px 50px 40px 50px; }
div#kontakt div.layerMain { padding-top: 72px; }
div#kontakt div.layerContent { float: left; width: 380px; line-height: 18px; margin: 40px 0px 40px 50px; }

/* ***************************************************** */
/* ***************** style produkty ******************** */
/* ***************************************************** */

div.layerItem
{ 
		float: left;
		overflow: hidden;
		width: 222px;
		margin: 30px;
}
div.layerItem a.layerImage
{ 
		display: block;
		height: 138px;
		border: 1px solid #898B8A;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: center;
}
div.layerItem div.layerName
{
		overflow: hidden;
		padding: 10px 0px 10px 0px;
}
div.layerItem div.layerNew
{
		position: absolute;
		background-color: #53CAD7;
		color: #FFFFFF;
		-moz-opacity: 0.8;
		padding: 5px 10px 5px 10px;
		margin: 20px 0px 0px -20px;
}
div.layerItem div.layerName div.layerNo
{
		float: left;
		font-weight: bold;
}
div.layerItem div.layerName
{
		border-bottom: 1px solid #898B8A; 
}
div.layerItem div.layerName h3
{
		float: right;
		padding: 0px;
		margin: 0px;
}
div.layerItem div.layerName h3 a
{
		text-decoration: none;
}
div.layerItem a.layerText
{
		display: block;
		color: #969696;
		text-decoration: none;
		padding: 10px 0px 0px 0px;
}
div.layerItem a.layerText:hover
{
		text-decoration: underline;
}
div.layerItem a.layerNext
{
		display: block;
		overflow: hidden;
		border-bottom: 1px solid #898B8A;
		text-decoration: none;
}
div.layerItem a.layerNext span
{
		float: right;		
		width: 45px; 
		background: #898B8A url("../gfx/arrowFF.gif") no-repeat 8px 51%;
		border-bottom: 1px solid #898B8A;
		color: #FFFFFF;		
		padding: 5px 5px 5px 15px; 
}


/* ***************************************************** */
/* *************** style ProductItem ******************* */
/* ***************************************************** */
div#ProductItem
{
		padding: 100px 50px 50px 50px;
}
div#ProductItem div.layerContent
{
		width: 690px;
		margin: 0px auto 0px auto;
}
div#Gallery
{
		overflow: hidden;
		border: 1px solid #B2B2B2;
		background-color: #FFFFFF;
}
div#Gallery a.ImageItem
{
		float: left;
		display: block;
		width: 228px;
		height: 230px;
		border-right: 1px solid #B2B2B2;
		background-color: #FFFFFF;
		background-position: center;
		background-repeat: no-repeat;
}
div#ProductItem div.layerName
{
		border-bottom: 3px solid #D4D4D4;
}
div#ProductItem div.layerText
{
		border-bottom: 2px solid #D4D4D4;
		padding: 10px 0px 10px 0px;
}
div#ProductItem div.layerMaterial
{
		border-bottom: 2px solid #D4D4D4;
		padding: 4px 0px 4px 0px;
}
div#ProductItem div.layerColours
{
		overflow: hidden;
		border-bottom: 2px solid #D4D4D4;
		padding: 10px 0px 10px 0px;
}
div.layerColours div.Item
{
		float: left;
		width: 68px;
		margin-right: 5px;
}
div.layerColours div.Item div.Imgsrc
{
		height: 42px;
		background-position: center;
		background-repeat: no-repeat;
		margin-bottom: 5px;
}
div#ProductItem a.arrowAction
{
		position: absolute;
		display: block;
		width: 16px;
		height: 32px;
		background-repeat: no-repeat;
		background-position: center;
}
div#ProductItem a#Back
{
		width: 32px;
		height: 16px;
		background-image: url("../gfx/arrowBack.gif");
		margin: -60px 0px 0px 180px;
}
div#ProductItem a#Prev { background-image: url("../gfx/arrowPrev.gif"); margin: 100px 0px 0px 0px; }
div#ProductItem a#Next { background-image: url("../gfx/arrowNext.gif"); margin: 100px 0px 0px 840px; }


/* ***************************************************** */
/* ******************** style Rnd ********************** */
/* ***************************************************** */

div#sectionRandom
{
		clear: both;
		overflow: hidden;
		border-top: 1px solid #B2B2B2;
		padding: 20px 0px 20px 0px;
		margin: 20px 0px 0px 0px;
}
div#sectionRandom div.sectionMain
{
		width: 958px;
		margin: 0px auto 0px auto;
}
div#sectionRandom a
{
		display: block;
		float: left;
		text-align: right;
		text-decoration: none;
		margin: 1px;
}
div#sectionRandom a img
{
		margin-bottom: 5px;
}
div#sectionRandom div
{
		overflow: hidden;
}
div#sectionRandom img.hImage
{
		position: absolute;
		margin-top: -32px;
}

div#sectionFooter
{
		overflow: hidden;
		clear: both;
		border-top: 1px solid #B2B2B2;
		margin: 50px 0px 0px 0px;
}

/* ***************************************************** */
/* ******************** style menu ********************* */
/* ***************************************************** */

div#sectionMenu
{
		height: 19px;
		margin-top: 1px;
}
div#sectionMenu a span
{
		display: none;
}
div#sectionMenu a 
{ 
		display: block; 
		float: left; 
		height: 19px;
		background-image: url("../gfx/menuSprite.gif");
		background-repeat: no-repeat;
		margin-left: 10px; 
}

div#sectionMenu a#aJakosc { width: 47px; background-position: 0px 0px; }
div#sectionMenu a#aKlienci { width: 72px; background-position: -57px 0px; }
div#sectionMenu a#aKolory { width: 113px; background-position: -141px 0px; }
div#sectionMenu a#aSrodowisko { width: 152px; background-position: -265px 0px; }
div#sectionMenu a#aProdukty { width: 64px; background-position: -429px 0px; }
div#sectionMenu a#aGaleria { width: 51px; background-position: -503px 0px; }

div#sectionMenu a#aJakosc:hover { width: 47px; background-position: 0px -21px; }
div#sectionMenu a#aKlienci:hover { width: 72px; background-position: -57px -21px; }
div#sectionMenu a#aKolory:hover { width: 113px; background-position: -141px -21px; }
div#sectionMenu a#aSrodowisko:hover { width: 152px; background-position: -265px -21px; }
div#sectionMenu a#aProdukty:hover { width: 64px; background-position: -429px -21px; }
div#sectionMenu a#aGaleria:hover { width: 51px; background-position: -503px -21px; }



/* ***************************************************** */
/* ******************* style arrows ******************** */
/* ***************************************************** */

img.ArrowImage
{
		position: absolute;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
}
img#TL { margin: 20px 0px 0px 20px; }
img#TR { margin: 20px 0px 0px 908px; }
img#BL { display: none; margin-left: 20px; }
img#BR { display: none; margin-left: 908px; }




/* ***************************************************** */
/* ******************* style warstw ******************* */
/* ***************************************************** */

div.layerMain
{
		width: 460px;
		float: right;
		line-height: 18px;
		margin: 40px 50px 40px 0px;
}

/* ***************************************************** */
/* ******************* style stopka ******************** */
/* ***************************************************** */

div#sectionFooter div.sectionMain
{
		overflow: hidden;
		width: 918px;
		padding: 20px;
		margin: 0px auto 0px auto;
}
div#sectionFooter div.sectionMain div.layerMenu
{
		float: left;
}
div#sectionFooter div.sectionMain div.layerMenu a
{
		color: #999999;
		text-decoration: none;
}
div#sectionFooter div.sectionMain div.layerMenu span
{
		font-size: 10px;
		font-weight: bold;
		color: #CCCCCC;
		padding: 0px 2px 0px 2px;
}
div#sectionFooter div.sectionMain div.layerThemedia
{
		float: right;
		color: #999999; 
}
div#sectionFooter div.sectionMain div.layerThemedia *
{
		color: #999999; 
}
div#sectionFooter div.sectionMain div.layerThemedia a
{
		font-weight: bold;
		text-decoration: none;
}
div#sectionFooter div.sectionMain div.layerThemedia a strong
{
		font-weight: normal;
}



div#start object
{
		float: left;
}



/* ***************************************************** */
/* ******************* jsScrolling ********************* */
/* ***************************************************** */

.Container 
{
  position: absolute;
	width: 400px;
  height: 250px;
	line-height: 18px;
	margin: 80px 0px 0px 480px;
}
#Scroller-1 
{ 
  position: absolute; 
  overflow: hidden;
  width: 400px;
  height: 246px;
}
.Scroller-Container 
{
  position: absolute;
  top: 0px; 
	left: 0px;
}
.Scrollbar-Track 
{
  position: absolute;
	width: 5px;
	height: 250px;
  top: 0px; 
	left: 420px;
  background-color: #EEEEEE;
}
.Scrollbar-Handle 
{
  position: absolute;
  top: 0px; 
	left: 0px;
  width: 5px; 
	height: 30px;
  background-color: #CCCCCC;
}