@charset 'UTF-8';

html {
}

body {
  margin: 0;
  padding: 0;
  text-align: left;
  font: 13px/160% "Nimbus Sans L", "Albany AMT", Arial, Helvetica, sans-serif;
  /*background: #383838 url(../images/background.png) no-repeat 0 78px;*/
  background: #383838;
  color: #a7a7a7;
  overflow-x:hidden;
}

ul, ol, li, img, p, form, fieldset, h1, h2, h3, dl, dt, dd {
  margin: 0;
  padding: 0;
  border: 0;
}

ul {
  list-style-type: none;
}

img {
  display: block;
}

div
{
	margin: 0px;
	border: thin solid aqua;
	border: 0;
}

.disabled
{
	
}

/*
added------------------------------------------
*/

#backg {
	z-index: -10;
	position: absolute; 
	left:-250px; 
	top: 0px; 
	width: 1345px; height: 100%;
	background: #383838 url(../images/background.png) no-repeat 0 78px;
	
}

#whitediv
{
	background: #fff;
	height:54px;
}

#graydiv
{
	background: #dfdfdf;
	height:25px;
}

#dotbackgrounddiv
{
	 height: 100px;
	 width:100%;
  	 position:absolute;
	 left:0px;
	 top:500px;
	 background: transparent url(../images/bg1.png) repeat 0 0; 	
}

#contentdiv
{
	position:absolute;
	left: 0px;
	top: 0px;
	height:100%;
	width:100%;
}

#pagediv
{
	position:relative;
	width: 852px;
	height: 100%;
	margin: 0 auto;
	
}

#languagediv
{
	position:relative;
	height:34px;
}

#logodiv
{	
	position:relative;
	clear:both;
	
}


#aboutUsImage img 
{
clear:both;
	 width: 248px;
  height: 368px;
  float: left;
  margin-top: 30px;
  margin-left: 0px; 
}

#picturediv
{
clear:both;
	 width: 248px;
  height: 368px;
  float: left;
  margin-top: 30px;
  margin-left: 0px; 
}

#textdiv
{
	clear:right;	
  	float: right;
  	margin-top: 30px;
  	margin-right: 0px; 
	width: 364px;
 	 height: 312px;
  	background: transparent url(../images/bg1.png) repeat 0 0;
  	padding: 30px;
}

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

/* Main elements
====================================================*/

#wrap {
  width: 998px;
}

#top {
  background: #fff;
  position:relative;
}
#middle {
  height: 374px;
  width: 852px;
  margin: 22px auto;
  position: relative;
  
}



/* Element #top
====================================================*/

#langChooser {
  background: #dfdfdf;
  line-height: 22px;
  position:absolute;
  right: -63px;

}

#langChooser li {
  display: inline;
}

#langChooser a {
  color: #383838;
  font-size: 9px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 7px 10px 5px;
}

#langChooser a:focus,
#langChooser a:hover,
#langChooser a.active {
  background: #2e2e2e;
  color: #fff;
  text-decoration: none;
}

#menuArea {
	clear:both;
   height: 56px;
 	position:absolute;
  	right:0px;
  	top:57px;
}

#menuArea ul {
  z-index: 99;
  float: right;
  line-height: 22px;
}

#menuArea ul li {
  float: left;
  position: relative;
}

#menuArea ul li>ul {
  display: none;
}

#menuArea ul li:hover>ul {
  display: block;
  float: none;
  margin: 0;
  position: absolute;
  top: 21px;
  left: 0;
  background: #fff;
  border: 1px solid #fff;
}

#menuArea ul li:hover>ul li {
  float: none;
  position: static;
}

#menuArea ul li:hover>ul a {
  text-transform: none;
  display: block;
  float: none;
  width: 108px;
  text-align: center;
}

#menuArea a {
  color: #8c8c8c;
  float: left;
  text-transform: uppercase;
  padding: 0 10px;
  font-size: .86em;
}

#menuArea a:focus,
#menuArea a:hover,
#menuArea a.active {
  background: #2b2b2b;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

/* Middle - Archiwum
====================================================*/

#customerInfo {
  width: 224px;
  height: 172px;
  height: auto;
  background: transparent url(../images/bg1.png) repeat 0 0;
  padding: 15px;
}

#customerInfo h1 {
  color: #e4e4e4;
  letter-spacing: 4px;
  font-size: 34px;
}

#customerInfo h2 {
  color: #a7a7a7;
  font-size: 18px;
  margin: 3px 0;
}

#customerInfo h2 span {
  color: #eee;
}

#customerInfo h3 {
  color: #777;
  font-size: 12px;
  text-transform: uppercase;
}

#customerInfo p {
  color: #a7a7a7;
  margin-top: 10px;
  font-size: 11px;
  line-height: 140%;
  text-align: justify;
}

#productSearch {
  margin-top: 22px;
  width: 254px;
  height: 148px;
  background: transparent url(../images/bg1.png) repeat 0 0;
}

#customerImage {
  position: absolute;
  top: 0;
  left: 433px;
  width: 418px;
  height: 368px;

}

#customerImage img {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  float: right;
}

#customerImage a.gallerySelector {
  margin-left: 6px;
  margin-top: 7px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/galleryDots.png) no-repeat -6px 0;
  float: left;
  
  
}

#customerImagex {
  position: absolute;
  top: 0;
  left: 433px;
  width: 418px;
  height: 368px;

}

#customerImagex img {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  float: right;
}

#customerImagex a.gallerySelector {
  margin-left: 6px;
  margin-top: 7px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/galleryDots.png) no-repeat -6px 0;
  float: left;
  
  
}

#bottom {
  padding-top: 6px;
}

#gallerysec1 {
  clear: right;
  float: right;
  
}

#gallerysec1 li {
  float: left;
  position: relative;
}

span#imageArrowRight,
span#imageArrowLeft {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 99;
  cursor: pointer;
  filter: alpha(opacity=80);
	opacity: 0.8;
}

span#imageArrowRight {
  background: #bfbfbf url(../images/imageArrowRight.png) no-repeat 0 50%;
}

span#imageArrowLeft {
  background: #bfbfbf url(../images/imageArrowLeft.png) no-repeat 0 50%;
}

.selectbox {
  margin: 0px 5px 10px 0px;
  padding-left: 2px;
  font-size: 0.8em;
  width: 183px;
  display: block;
  text-align:left;
  background: url('../images/selectBg.png') right;
  line-height: 18px;
  cursor: pointer;
  color: #dfdfdf;
  border: none;
}

div.selectbox-wrapper {
  width: 400px;
  position: absolute;
  background-color: #313131;
  border:1px solid #1b1b1b;
  margin: 0;
  margin-top: -10px;
  padding: 0;
  font-size: 0.8em;
  text-align: left;
  overflow: auto;
}
div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.selectbox-wrapper ul li.selected {
  background-color: #5e5e5e;
}
div.selectbox-wrapper ul li.current {
  background-color: #696969;
}
div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin:  0;
  padding:2px;
  cursor: pointer;
}



/* Middle - O nas
====================================================*/

#aboutUsImage img {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

#picturediv img {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

#aboutUs {
  
}

div.share h2 {
  color: #a7a7a7;
  font-size: 18px;
  margin: 3px 0;
}

div.share h2 span {
  color: #eee;
}

div.share h3 {
  color: #777;
  font-size: 12px;
  text-transform: uppercase;
}

div.share p {
  color: #a7a7a7;
  margin-top: 10px;
  font-size: 11px;
  line-height: 140%;
  text-align: justify;
}

/* Middle - Kontakt
====================================================*/

#contact {
  width: 348px;
  height: 312px;
  position: absolute;
  top: 0;
  background: transparent url(../images/bg1.png) repeat 0 0;
  padding: 30px;
  left: 442px;
  
}

#contact h3.hspace {
  margin-top: 10px;
}

/* Middle - Oferta
====================================================*/

#offer {
  width: 789px;
  height: 312px;
  background: transparent url(../images/bg1.png) repeat 0 0;
  padding: 30px;
  position: relative;
}

#offerColumns {
  float: left;
}

#offer h2 {
	margin-left: 93px;
	}

#offer h3 {
	margin-left: 93px;
	}

#offerColumns li {
  float: left;
  width: 280px;
  font-size: 11px;
  margin-right: 50px;
}

#offer div.slide {
  margin-top: 1em;
  
  margin-left: 93px;
}

#offer a.prev {
  display: block;
  width: 35px;
  height: 35px;
  background: #2e2e2e url(../images/arrowLeft.png) no-repeat 0 0;
  position: absolute;
  top: 180px;
  left: 30px;
}

#offer a.next {
  display: block;
  width: 35px;
  height: 35px;
  background: #2e2e2e url(../images/arrowRight.png) no-repeat 0 0;
  position: absolute;
  top: 180px;
  left: 780px;
}

/* Middle - mini galeria
====================================================*/

#galleryThumb {
clear:both;
  position:absolute;
  top:510px;
  float: left;
  
  width: 850px;
}

#galleryThumb li {
  float: left;
 
  
}

#galleryThumb li img {
  width: 80px;
  height: 80px;
  float: left;
  border: thin;
}

#galleryThumb li img:hover {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  width: 76px;
  height: 76px;
  cursor: pointer;
}

/* Forms
====================================================*/

form {
  padding: 20px;
  width: 200px;
}

form div {
  margin: 10px 0;
}

label {
  display: block;
  width: 200px;
  text-align: left;
}

input {
}


input:focus {
}

select {
  width: 183px;
  height: 18px;
}

div.submitform {
  text-align: left;
  width: 200px;
}

div.submitform input {
  color: #dfdfdf;
  background: transparent url(../images/submit1.png) no-repeat 0 100%;
  padding: 0px 5px 5px 5px;
  font-weight: bold;
  font-size: .8em;
  border: 0;
  width: 54px;
  height: 19px;
}

div.submitform input[type="submit"]:hover {
  cursor: pointer;
}

/* Links
====================================================*/

a {
  color: #a7a7a7;
  text-decoration: none;
}

a:focus,
a:hover {
  font-weight: bold;
  text-decoration: underline;
}

/* Other
====================================================*/
.clear {
  clear: both;
  line-height: 0px;
}

.auraltxt {
  position: absolute;
  left: -9999px;
  width: 999px;
}

.bold {
  font-weight: bold;
}

.lineThrough {
  text-decoration: line-through;
}

.visible {
  visibility: visible;
}

.hidden {
  visibility: hidden;
}

.nodisplay {
  display: none;
}

/* Kod wykonany przez http://tworzenie-stron-www.org
====================================================*/