html {overflow-x: auto overflow: scroll;}
html * {
  border: 0; 
  color: #0F0F0F; 
  font-family: sans-serif; 
  font-size: 12px; 
  font-weight: normal; 
  line-height: 15px; 
  letter-spacing: 1px; 
  margin: 0; 
  padding: 0;  
  text-align: inherit;
}

/*
body {background: url(../images/topBg.jpg) repeat-x top #FCFCF7;}
*/

body { 
	font-family: sans-serif;
	background: #f8f8f8 url(../images/body-bg.png) repeat-x left top fixed;}

.fw {overflow: hidden;}
p.line, hr {width: 5px; height: 0px; padding-top: 13px; border-bottom: 5px dotted #ff5858; background: none; text-align: left; }
.clear {clear: both;}
.menuLineColorGrey {background-color: #333333;}
p.quote {	font-family: 'Old Standard TT', Georgia, Arial, "Times New Roman", Times, serif; 
			font-size: 14px; 
			line-height: 19px; 
			font-weight: normal;
			font-style: regular;
			letter-spacing: 1px;
			color:#382c2c;
			text-align:center;
			text-transform:uppercase;
			padding: 15px 30px 10px 5px;
			clear:both;
			margin-top: 10px;
			margin-bottom: 20px;
			text-indent:10px;
			border-bottom: 3px solid #4c3c3c;
			border-top: 3px solid #4c3c3c;
			border-style: double;		
}

p.show {	font-family: 'Old Standard TT', Georgia, Arial, "Times New Roman", Times, serif; 
			font-size: 14px; 
			line-height: 19px; 
			font-weight: normal;
			font-style: regular;
			letter-spacing: 1px;
			color:#382c2c;
			text-align:left;
			text-transform:uppercase;
			padding: 15px 0px 10px 5px;
			clear:both;
			margin-top: 10px;
			margin-bottom: 20px;
			text-indent:10px;
			border-top: 3px solid #4c3c3c;
			border-style: double;
}

/*
div#container {width: 980px; margin: 0 auto; position: relative; overflow: hidden;}
}*/


div#top {width: 980px; height: 217px; position: relative}
div#top.index {height: 30px;}

div#top a#logo {float: left; width: 147px; height: 147px; margin: 15px 0 0 175px; display: block;}

/*
div#top ul#languages {width: 222px; height: 27px; float: left; list-style-type: none;}
div#top ul#languages li {float: right; width: 74px; height: 27px;}
div#top ul#languages li a {display: block; width: 100%; height: 100%; background: url(../images/languages.png)}
div#top ul#languages li a span {display: none;}
div#top ul#languages li.polski a {background-position: 0 0;}
div#top ul#languages li.polski a.active,
div#top ul#languages li.pl a:HOVER {background-position: 0 -27px;}
div#top ul#languages li.english a {background-position: -74px 0;}
div#top ul#languages li.english a.active,
div#top ul#languages li.en a:HOVER {background-position: -74px -27px;}
div#top ul#languages li.deutsch a {background-position: -148px 0;}
div#top ul#languages li.deutsch a.active,
div#top ul#languages li.de a:HOVER {background-position: -148px -27px;}


div#top ul#topMenu {width: 981px; height: 33px; position: absolute; bottom: 14px; list-style-type: none; left: 0;}
div#top.index ul#topMenu {bottom: 0;}
div#top ul#topMenu li {height: 33px; float: left;}
div#top ul#topMenu li a {background: url(../images/topMenu.gif) top no-repeat; width: 100%; height: 100%;}
div#top ul#topMenu li.about {width: 188px;}
div#top ul#topMenu li.about a {background-position: 0 0;}
div#top ul#topMenu li.about a:HOVER,
div#top ul#topMenu li.about a.active {background-position: 0 -33px;}	
div#top ul#topMenu li.uniquecarpentry {width: 214px;}
div#top ul#topMenu li.uniquecarpentry a {background-position: -188px 0;}
div#top ul#topMenu li.uniquecarpentry a:HOVER,
div#top ul#topMenu li.uniquecarpentry a.active {background-position: -189px -33px;}	
div#top ul#topMenu li.process {width: 168px;}
div#top ul#topMenu li.process a {background-position: -404px 0;}
div#top ul#topMenu li.process a:HOVER,
div#top ul#topMenu li.process a.active {background-position: -404px -33px;}	
div#top ul#topMenu li.realisations {width: 209px;}
div#top ul#topMenu li.realisations a {background-position: -568px 0;}
div#top ul#topMenu li.realisations a:HOVER,
div#top ul#topMenu li.realisations a.active {background-position: -568px -33px;}
div#top ul#topMenu li.contact {width: 201px;}
div#top ul#topMenu li.contact a {background-position: -769px 0;}
div#top ul#topMenu li.contact a:HOVER,
div#top ul#topMenu li.contact a.active {background-position: -769px -33px;}
div#top ul#topMenu li a {display: block; width: 100%; height: 100%;}
div#top ul#topMenu li a span {display: none;}
*/

/************* tylko do testów   ********************/

#container { 
  width: 979px; 
  margin: 20px auto; 
  background: #FCFCF7; 
  border: 1px solid #ccc; 
  border-radius: 8px; 
  box-shadow: 0 0 10px rgba(0,0,0,0.2); 
  overflow: hidden;
} 

#site-header { 
  height: 200px; 
  margin: 0 auto; 
  position: relative;
  background: url(../images/topBg.jpg) repeat-x top #FCFCF7;
}

#slider img { display: block; position: absolute; }
#slider .current { z-index: 1;}
#slider .next { z-index: 2; }


#header-menu { 
  position: absolute; 
  right: 5px; 
  top: 5px; 
  z-index: 3; 
  background: rgba(3,f,c,0.6); 
  padding: 10px 15px;
}
#header-menu ul { 
  list-style-type: none; 
  padding: 0; 
  margin: 0;
}
#header-menu li { 
  float: left;
}
#header-menu a { 
  display: block; 
  line-height: 20px;
  color: white; 
  text-decoration: none; 
  padding: 0 10px; 
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  white-space: nowrap;
  font-size: 14px;
}
#header-menu a.active {
  color: gray;
}
#header-menu a:hover { 
  text-decoration: underline;
}
#header-menu a.active:hover {
  text-decoration: none;
}

/********************************/
#main-menu { 
  height: 50px; 
  margin: 0; 
  background: linear-gradient(#399,#6FF);
}
#main-menu ul { 
  list-style-type: none; 
  padding: 0; 
  margin: 0;
}
#main-menu li { 
  position: relative;
  min-width: 163px;
  max-width: 163px;
  text-align: center;
}
/*#main-menu li:hover > ul { display: block; }
#main-menu li li { min-width: 120px; }*/
#main-menu ul  li {
  float: left;
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
}
#main-menu a { 
  /*display: block;*/ 
  height: 44px; 
  /*line-height: 44px;*/
  color: #506070; 
  text-decoration: none; 
  padding: 0 10px; 
  font-weight: bold;
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  /*white-space: nowrap;*/
  font-size: 16px;
  min-width: 143px;
  max-width: 143px;
  display:table-cell;
  vertical-align:middle;
}
#main-menu a:hover { 
  background: rgba(255,255,255,0.3);
  /*border-bottom-color: #cff;*/
}
#main-menu a.start:hover {
  background: url(../images/pictograms/onas.png) no-repeat top #FCFCF7;
  /*background: rgba(255,255,255,1); */
  border-bottom-color: #cff;
}
/************************ koniec testów **********************/



div#top div#menuLine {height: 15px; width: 980px; bottom: -1px; left: 0; position: absolute;}
div#top div#menuLine2 {height: 1px; width: 980px; bottom: 11px; left: 0; position: absolute;}

div#vis {width: 980px; height: 200px; overflow: hidden; position: relative;}
div#vis ul#slideshowController {position: absolute; height: 12px; bottom: 0; left: 4px; list-style-type: none; z-index: 1000;}
div#vis ul#slideshowController li {width: 28px; height: 12px; float: left; margin-right: 0px; background: #f1f1f1; line-height: 22px; text-align: center;}
div#vis ul#slideshowController li a {display: block; width: 80%; height: 80%; text-decoration: none; color: #858585; font-size: 12px;}
div#vis ul#slideshowController li a span {display: none;}
div#vis ul#slideshowController li.pause a {background: url(../images/visController.gif) 0 0;}
div#vis ul#slideshowController li.start a {background: url(../images/visController.gif) 0 -27px;}
div#vis ul#slideshowController li.active a {color: #CCCCCC;}

div#content {margin-top: 60px;}
div#content div#leftMenu {width: 132px; margin: 0 13px 0 28px; float: left;}

div#content div#tabelset {width: 805px; float: left; overflow: hidden;}
div#content div#tabelset div#Header {font-family: 'Old Standard TT', 'Georgia', Times, serif; font-size: 12px; margin-bottom: 9px;  }
div#content div#tabelset div#Header {font-weight: normal; letter-spacing: 2px; line-height: 18px; text-transform: uppercase;}
div#content div#tabelset div.tabel {margin-right: 14px; float: left; min-height: 1px; line-height: 18px;}

div#content div#tabelset div.tabel1 {width: 176px;}
div#content div#tabelset div.tabel2 {width: 367px;}
div#content div#tabelset div.tabel3 {width: 558px;}
div#content div#tabelset div.tabel4 {width: 650px;}

div#footer {margin: 50px 0 30px 0;}
div#footer * {font-size: 14px; font-weight: bold; letter-spacing: 1px; text-decoration:none}
div#footer div#fCont {width: 162px; height: 61px; border-bottom: 3px solid #827373; border-style: double; background: url(../images/fBg.gif) no-repeat; position: relative; float: left;}
div#footer div#fTel { clear: left; float: left; padding-top: 14px; width: 162px;}
div#footer div#fTel p {line-height: 17px; margin-left: 28px;}
div#footer div#ftabelset {width: 805px; float: right; border-top: 1px solid #827373; margin-top: 61px;}
div#footer div#ftabelset div {float: left; padding-top: 14px;}
div#footer div#ftabelset div * {text-transform: capitalize; line-height: 17px;}
div#footer div#ftabelset div a {text-decoration: none;}
div#footer div#ftabelset div a:HOVER {text-decoration: underline;}
div#footer div#ftabelset div.tabel1 {width: 70px; margin-right: 14px;}
div#footer div#ftabelset div.tabel2 {width: 282px; margin-right: 14px;}
div#footer div#ftabelset div.tabel3 {width: 176px; margin-right: 14px;}
div#footer div#ftabelset div.tabel4 {width: 205px; background: url(../images/fIco.png) top right no-repeat;}


/* jQuery lightBox plugin - Gallery style */
	#gallery {
	color: #FCFCF7
		background-color: #FCFCF7;
		padding: 10px;
		width: 650px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #FCFCF7;
		border-width: 5px 5px 10px;
	}
	#gallery ul a:hover img {
		border: 5px solid #FCFCF7;
		border-width: 5px 5px 10px;
		color: #FCFCF7;
	}
	#gallery ul a:hover { color: #FCFCF7; }