body
{
   padding: 0px;
   margin: 0px;
   font-family: "Trebuchet MS";
   font-size: 12px;
   color: #c2c2c2;

   background-color: #FFFFFF;
   background-image: url(../img/background.gif);
   background-repeat: repeat-x;
}

img { border: 0; }

a { color: #e44e0c; text-decoration: none; }
a:hover { text-decoration: underline; }

.title { font-size: 20px; color: #e44e0c; }
.white { color: #FFFFFF; }

#main
{
   position: relative;
   width: 878px;
   margin-left: auto;
   margin-right: auto;
}
#main #top
{
   position: relative;
   width: 878px;
   height: 136px;
   background-image: url(../img/top.gif);
   background-repeat: no-repeat;
}
#main #top #logo
{
   position: absolute; top: 0px; left: 2px;
   width: 250px;
   height: 131px;
}
#main #top #logo img { width: 250px; height: 131px; }

#main #top #menu
{
   position: absolute; top: 0px; left: 252px;
   width: 374px;
   height: 136px;
}

#main #top #lang
{
   position: absolute; top: 10px; right: 0px;
   width: 80px;
   height: 12px;
}

#main #content
{
   position: relative;
   width: 878px;
   height: 470px;
   background-image: url(../img/content.gif);
   background-repeat: no-repeat;
}

/* Lewy i prawy cien */
#main #lShadow
{
   position: absolute; top: 0px; left: -42px;
   width: 42px;
   height: 610px;
   background-image: url(../img/lshadow.gif);
   background-repeat: no-repeat;
}
#main #rShadow
{
   position: absolute; top: 0px; right: -40px;
   width: 40px;
   height: 610px;
   background-image: url(../img/rshadow.gif);
   background-repeat: no-repeat;
}

/* AJAX Loaders */
.lLoader, .rLoader
{
   position: absolute;
   width: 32px;
   height: 32px;
   margin: 10px;
   background-image: url(../img/loader.gif);
   background-repeat: no-repeat;
   z-index: 15;
   /*visibility: hidden;*/
}
.lLoader { top: 10px; left: 10px; }
.rLoader { top: 10px; left: 265px; }

/* Content */
#mImg
{
   position: absolute; top: 0px; left: 2px;
   visibility: hidden;
}
#mImg .o_nas { width: 875px; height: 458px; background-image: url(../img/o_nas.jpg); background-repeat: no-repeat; }
#mImg .kontakt { width: 875px; height: 374px; background-image: url(../img/kontakt.jpg); background-repeat: no-repeat; }
#mImg .products { width: 875px; height: 458px; background-image: url(../img/o_nas.jpg); background-repeat: no-repeat; }

#lSide
{
   position: absolute; top: 30px; left: 15px;
   width: 245px;
   height: 310px;
   overflow: hidden;
   text-align: left;
   z-index: 10;
   visibility: hidden;
}
#rSide
{
   position: absolute; top: 30px; left: 260px;
   width: 620px;
   height: 310px;
   overflow: hidden;
   /*text-align: justify;*/
   z-index: 10;
   visibility: hidden;
   padding-left: 4px;
}
.copyrights
{
   position: absolute; top: 420px; left: 35px;
   font-family: "Trebuchet MS";
   font-size: 10px;
   color: #959595;
   z-index: 10;
}

/* Oferta, Produkty */
.product
{
   position: relative;
   width: 117px;
   height: 310px;
   
   background-image: url(../img/bar.gif);
   background-repeat: no-repeat;
   background-position: right;

   overflow: hidden;
   margin-right: 6px;
   float: left;
}
.product .name
{
   width: 109px;
   height: 30px;
   overflow: hidden;
   line-height: 14px;
}
.product .image
{
   width: 109px;
   height: 109px;
   overflow: hidden;
   margin-top: 5px;
}
.product .desc
{
   width: 109px;
   height: 150px;
   overflow: hidden;
   margin-top: 5px;
   text-align: left;
   
   font-family: "Trebuchet MS";
   font-size: 11px;
   color: #c2c2c2;
}

.pageChanger
{
   position: absolute; top: 295px; right: 20px;
}

.pageChanger a
{
   width: 15px;
   height: 15px;
   display: block;

   z-index: 10;

   font-family: "Trebuchet MS";
   font-size: 10px;
   line-height: 15px;
   text-align: center;
   color: #eaeaea;
   float: left;
}
.pageChanger a.current
{
   width: 15px;
   height: 15px;
   display: block;
   background-color: #eaeaea;
   z-index: 10;
   
   font-family: "Trebuchet MS";
   font-size: 10px;
   line-height: 15px;
   text-align: center;
   color: #000000;
   float: left;
}

/* Page Scroller */

#contentcontainer {
   width: 245px;
   height: 310px;

		padding-top: 0;
		padding-right: 0px;
		overflow: scroll;
		overflow-x: hidden;
	}

#scrollcontroll_contentmask {
		overflow: hidden;
		position: relative;
		height: 310px;
		width: 233px;
		padding-top: 0;
		padding-right: 0px;
		float: left;
	}

	#scrollcontroll_scrollcontainer {
		float: left;
		height: 310px;
		width: 10px;
		margin-left: 0px;
		display: none;
		filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
	}

	#scrollcontroll_scrollUpBtn {
		height: 10px;
		width: 10px;
		background-image: url(../img/scroll_up.gif);
		margin-bottom: 5px;
	}

	#scrollcontroll_scrollDownBtn {
		height: 10px;
		width: 10px;
		background-image: url(../img/scroll_down.gif);
		margin-top: 5px;
	}

	#scrollcontroll_scrolltrack {
		height: 280px;
		width: 10px;
		background-color: #3f3f3f;
	}

	#scrollcontroll_scrollknob {
		width: 8px;
		height: 25px;
		border: 1px solid #3f3f3f;
		background-color: #595959;
	}