html, body {
	margin: 0;
	text-align: center;
	font-family: Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	scrollbar-face-color: #BBBBBB;
	scrollbar-base-color: #EEEEEE;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	/*
	padding: 0;
	background-color: #333333
	color: #000000;
	*/
}
#welcome {
	position:absolute;
	left: 300px;
	top: 200px;
}
#welcome a:link, #welcome a:visited {
	text-transform: lowercase; 
	font-size: small ; 	
	list-style: none;
	/*
	padding: 0;
	*/
}
#top {
	position:fixed;
	left:50%;
	top:50%;
	width: 960px;
	height: 570px;
	margin-left:-480px;
	margin-top:-275px;
	border: 1px solid #666;
	text-align: left;
	/*
	padding: 1%;	
	padding-bottom: 30px;	
	background-color: #00bb00;
	background-image:url(Logo/background1.gif);
	*/
}
#bot {	
	padding-top:2800px;
	height: 3000px;
	/*
	background-color: #EEEEEE;
	*/
}
#top_welcome {
	position:absolute;
	left:50%;
	top:50%;
	width: 960px;
	height: 550px;
	margin-left:-490px;
	margin-top:-280px;
	text-align: left;
	/*
	padding: 1%;			
	background-color: #00ee00;
	background-image:url(Logo/background1.gif);
	*/
}
#logo {
	position: absolute; 
	left: 0px;
	top:450px;
	width: 100%;
	height: 40px;
	text-align: right;
	background-color: #000000;
}
#menu {
	position: absolute; 
	left:0px;
	top:450px;
	width: 670px;
	height: 100px;	
	font: 10px normal Arial, Helvetica, sans-serif;
	/*
	border: 1px solid #FF0000;
	overflow: hidden;
	*/
}
#dziedzina {
	position: absolute; 
	top:0px;
	left:0px;		
	overflow: hidden;
	/*
	font-size: x-small ; 	
	background-color: #005500;
	*/
}
#tytul {
	position: absolute; 
	top:150px;
	overflow: hidden;
}
#stopka {
	position: absolute; 
	left: 650px;
	top:560px;
	width: 95%;
	text-align: right;
	font-size: xx-small ; 
	text-align: right;
	/*
	background-color: #880000;
	*/
}
#FRAME{	
	color: #AAAAAA;
	text-align: left;
	/*
	font-size: x-small ; 
	*/
}
#tresc {
	position: absolute; 
	left: 50px; 
	top: 50px;
	width: 882px;
	height: 370px;
	overflow: hidden;
	/*
	color: #FFFFFF;
	background-color: #FFFFBB;
	*/
}
#projectList {
	position: absolute; 
	top:70px;
	left:0px;
	width: 120px;
	height: 210px;
	/*
	background-color: #FFFF33;
	*/
}
#projectHover {
	font: bold 15px Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	position: absolute; 
	top:320px;
	left:0px;
	width: 120px;
	height: 40px;
	/*
	background-color: #FFFF33;
	*/
}
#projectVLine {
	position: absolute; 
	top:70px;
	left:125px;
	width: 2px;
	height: 300px;
	background-color: #555555;
}
#projectName {
	font: bold 15px Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	position: absolute; 
	top:65px;
	left:150px;
	width: 230px;
	height: 55px;
	/*
	background-color: #0000EE;
	*/
}
#projectDesc {
	font: 12px Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	position: absolute; 
	top:130px;
	left:150px;
	width: 230px;
	height: 220px;
	overflow: auto;
}
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: absolute;
  top: 5px;
  
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
	/*
	border: 1px solid #000;
	height: 55px;
	*/
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: 1em/25px Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
  background: #FFFFFF;
  font-weight: normal;
  color: #959595;
  display: block;
  padding: 0 9px;
  text-transform: lowercase;
  text-decoration: none;
  text-align: left;
}

.nav li a:hover {
  font-weight: bold;
  color: #000;	
	/*
	background: #ccc;
	*/
}

#nav-one li:hover a, 
#nav-one li.sfHover a {
  font-weight: bold;
  color: #000;
	/*
	background: #ccc;
	*/
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  font-weight: normal;
  color: #959595;	
	/*
	background: #565656;
	*/
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  font-weight: bold;
  color: #000;	
	/*
	background: #ccc;
	*/
}

.nav ul {
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  left: -1px;
	/*
	background: #565656;
	border-bottom: 1px solid #000;
	text-align: left;
	*/
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  float: none;
	/*
	border: 1px;
	*/
}
.nav ul a {
  width: 200px;
  white-space: nowrap;	
	/*
	border: 1px solid #000;
	border-bottom: 0;
	padding-right: 20px;
	height: 5px;
	*/
}
.nav ul a:hover {
  font-weight: bold;
  color: #000;
	/*
	background: #ccc;
	*/
}
#oNasLeft {
	font: 13px Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	position: absolute; 
	top:60px;
	left:0px;
	width: 430px;
	height: 250px;
	/*
	background: #565656;
	*/
}
#oNasE {
	font: 10px Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	position: absolute; 
	text-align: right;
	top:0px;
	left:460px;
	width: 260px;
	height: 170px;
	/*
	background: #565656;
	*/
}
#oNasA {
font: 10px Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	position: absolute; 
	text-align: right;
	top:200px;
	left:460px;
	width: 260px;
	height: 170px;
	/*
	background: #565656;
	*/
}
#oNasEp {
	position: absolute; 
	top:0px;
	left:740px;
	width: 260px;
	height: 170px;
}
#oNasAp {
	position: absolute; 
	top:200px;
	left:730px;
	width: 220px;
	height: 170px;
}
#kontaktAdres {
	position: absolute; 
	top:100px;
	left:10px;
	width: 300px;
	height: 300px;
}
#kontaktSocket {
	position: absolute; 
	top:30px;
	left:600px;
	width: 300px;
	height: 300px;
}

ul.topnav {
	position: absolute; 
	top: 0;
	list-style: none;
	padding: 0 20px;	
	margin: 0px 0px;
	float: left;
	width: 645px;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
	/*
	background: #222;
	border: 1px solid #00FF00;
	*/
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 5px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 12px;
	height: 23px;
	float: left;
	background: url(gifs/reddot.gif) no-repeat right bottom;
	/*
	width: 17px;
	background: url(subnav_btn.gif) no-repeat center top;
	*/
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 150px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 150px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 135px;
	padding: 5px 5px;
	background: #333 no-repeat 10px center;
	padding-left: 10px;
	/*
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	*/
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 no-repeat 10px center; 
	/*
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; 
	*/
}

#ofertaOpis {
	font: 12px Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	position: absolute; 
	top:70px;
	left:0px;
	width: 520px;
	height: 280px;
	overflow: auto;
	text-align: justify;
}

#ofertaPic {
	position: absolute; 
	top:30px;
	left:550px;
	width: 380px;
	height: 500px;
}

#startOpis {
	font: 12px Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	position: absolute; 
	top:100px;
	left:0px;
	width: 350px;
	height: 300px;
	overflow: auto;
	text-align: justify;
}

#startOpis p, #ofertaOpis p, #startOpis li, #ofertaOpis li{
	font-size:14px;
}

#startOpis h1, #ofertaOpis h1{
	font-size:18px;
}

#startOpis h2, #ofertaOpis h2{
	font-size:16px;
}

#startOpis h3, #ofertaOpis h3{
	font-size:14px;
}