*     {font-family: Verdana, Arial, sans-serif; font-variant: normal;}
body  {color: #FFFFFF; background: url(grafika/bcg.jpg); background-repeat: yes, repeat; background-color: #C0C0C0; margin: 0px auto; padding: 0px;}
table {color: #603F02; line-height: 16px; border: 0px solid #008000; margin: 0px; font-size: 12px; 
      border-collapse: collapse; padding: 0px;}
td    {border: 0px solid #FFFFFF; padding: 0px;}
p     {padding: 5px 0px 5px 0px; margin: 0px;}
li		{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; text-align: left;}
ul		{padding: 5px 0px 5px 0px; margin: 0px; text-align: left;}
hr    {margin: 5px 0px 5px 0px; align: center; padding: 0px; border: 0px; height: 1px; color: #00401C; background-color: #00401C;}

a:link    {color: #FFD79F; text-decoration: none;}
a:visited {color: #FFD79F; text-decoration: none;}
a:hover   {color: #FF8000; text-decoration: none;}
a:active  {color: #FF8000; text-decoration: none;}

a.link:link    {color: #00FF00; text-decoration: none;}
a.link:visited {color: #00FF00; text-decoration: none;}
a.link:hover   {color: #FF8000; text-decoration: none;}
a.link:active  {color: #FF8000; text-decoration: none;}

a.host:link    {color: #E1E1E1; text-decoration: none;}
a.host:visited {color: #E1E1E1; text-decoration: none;}
a.host:hover   {color: #FF8040; text-decoration: none;}
a.host:active  {color: #FF8040; text-decoration: none;}

a.port:link    {color: #B8E45C; text-decoration: none;}
a.port:visited {color: #B8E45C; text-decoration: none;}
a.port:hover   {color: #FF8040; text-decoration: none;}
a.port:active  {color: #FF8040; text-decoration: none;}

div#preloader {
	opacity:0.99; 
 	filter:alpha(opacity=99);
  position: fixed; /* ustawia na stałe preloader w miejscu */
  width: 100%; height: 100%;  /* szerokość preloadera */
  left: 0%; 
  margin-left: 0px; /* wartość musi być połową szerokości ze znakiem - */
  top: 0px; /* wysokość od górnej krawędzi */
  z-index: 9999;
  display: none; /* ukrywa preloader (pod żadnym pozorem nie usuwać) */
  color: #FFFFFF;
  border: 1px solid #aaa; 
  text-align: center; 
  font-weight:bold;
}

div#fullsite {width: 100%; margin: 0px auto; text-align: center;
			padding: 0px 0px 0px 0px;}

div#www {width: 100%; margin: 0px auto; text-align: center;
			padding: 0px 0px 0px 0px;}
div#top {border: 0px solid #ffffff;
			width: 100%; height: 250px; text-align: center;
			background: url(grafika/bcgtop.jpg); background-repeat: repeat-x;
			background-position: center;
      padding: 0px 0px 0px 0px;}
div#home {border: 0px solid #ffffff;
			width: 900px; height: 50px; margin: 0px auto; text-align: right; font-size: 10px;
      padding: 0px 0px 0px 0px;}
div#baner {border: 0px solid #ffffff;
			width: 920px; height: 200px; margin: 0px auto; text-align: center;
			background: url(grafika/bcg-site.png);
			background-position: center;
			background-repeat: repeat-y;
      padding: 0px 0px 0px 0px;}
div#menu1 {border: 0px solid #ffffff;
			width: 920px; height: 50px; margin: 0px auto; text-align: center;
			background: url(grafika/menu.png);
			background-position: center;
			background-repeat: no-repeat;
      padding: 0px 0px 0px 0px;}
div#ng {border: 0px solid #ffffff;
			width: 895px; height: 100px; margin: 0px;
			font-family: verdana;
			font-weight: bold;
			font-size: 16px;
			text-shadow: #000000 3px 3px 1px;
			text-align: center;
			line-height: 25px;
			padding-top: 25px;
			color: #FFFFFF;
			background-position: center;
			background-repeat: no-repeat;
      padding: 0px 0px 0px 0px;}
.separator {float: left; margin: 0px auto; text-align: center; line-height: 25px;
			width: 860px; height: 25px;
			padding: 0px 0px 0px 10px;}
.separator2 {float: left; margin: 0px auto; text-align: center; line-height: 25px; background: url(grafika/line2.png); background-repeat: repeat-x;
			width: 860px; height: 25px;
			margin: 0px 0px 0px 10px;}
.separator-l {float: left; margin: 0px auto; text-align: center; line-height: 25px;
			width: 425px; height: 25px;
			padding: 0px 0px 0px 5px;}
.separator-r {float: right; margin: 0px auto; text-align: center; line-height: 25px;
			width: 425px; height: 25px;
			padding: 0px 10px 0px 0px;}
div#www2 {width: 920px; height: 100%; margin: 0px auto;
			padding: 0px 0px 0px 0px;}
div#www2bcg {width: 920px; height: 100%; margin: 0px auto; float: left;
			background: url(grafika/bcg-site.png); background-repeat: repeat-y;
			background-position: center;
			padding: 0px 0px 0px 0px;}
div#main {margin: 0px auto;
			background: url(grafika/site.jpg); background-repeat: no-repeat;
			color: #FFFFFF; font-size: 12px; text-align: center;
			width: 900px; float: left;
			margin: 0px 0px 0px 10px;}
			
			div#oferta {float: left; background: url(grafika/opacity_2.png); background-repeat: yes, repeat;
 											width: 880px; valign: top; margin: 0px 0px 0px 10px;}
				
			div#oferta-lft {float: left;
 											width: 415px; valign: top; margin: 10px 10px 10px 10px; padding: 10px 5px 10px 0px; }
			div#oferta-rgt {float: right;
 											width: 415px; valign: top; margin: 10px 10px 10px 10px; padding: 10px 0px 10px 5px; }
											
											div#oferta1 {float: left; width: 190px; valign: top; border: #7BB909 1px solid; background: url(grafika/opacity_22.png); background-repeat: yes, repeat;
											color: #FFFFFF; font-size: 12px; text-align: center; padding: 0px 0px 5px 0px;}
											
											div#oferta2 {float: right; width: 190px; valign: top; border: #7BB909 1px solid; background: url(grafika/opacity_22.png); background-repeat: yes, repeat;
											color: #FFFFFF; font-size: 12px; text-align: center; padding: 0px 0px 5px 0px;}
											
											div#oferta3 {float: left; width: 190px; valign: top; border: #7BB909 1px solid; background: url(grafika/opacity_22.png); background-repeat: yes, repeat;
											color: #FFFFFF; font-size: 12px; text-align: center; padding: 0px 0px 5px 0px;}
											
											div#oferta4 {float: right; width: 190px; valign: top; border: #7BB909 1px solid; background: url(grafika/opacity_22.png); background-repeat: yes, repeat;
											color: #FFFFFF; font-size: 12px; text-align: center; padding: 0px 0px 5px 0px;}
			
			div#realizacja {float: center; width: 880px; valign: top; margin: 0px 0px 0px 0px;
											color: #FFFFFF; font-size: 12px; text-align: center;}								
			div#realizacja1 {float: left; width: 415px; valign: top; margin: 5px 10px 10px 10px;
											border: #7BB909 1px solid; background: url(grafika/opacity_22.png); background-repeat: yes, repeat;
											color: #FFFFFF; font-size: 12px; text-align: center;}
			div#realizacja2 {float: right; width: 415px; valign: top; margin: 5px 10px 10px 10px;
											border: #7BB909 1px solid; background: url(grafika/opacity_22.png); background-repeat: yes, repeat;
											color: #FFFFFF; font-size: 12px; text-align: center;}
											
			div#gfx1 {float: left; width: 300px; height: 160px; valign: middle; padding: 10px 10px 10px 10px;
											border: #7BB909 1px solid; background: url(grafika/opacity_22.png); background-repeat: yes, repeat;
											color: #FFFFFF; font-size: 12px; text-align: right; }
			div#gfx2 {float: right; width: 300px; height: 160px; valign: top; padding: 10px 10px 10px 10px;
											border: #7BB909 1px solid; background: url(grafika/opacity_22.png); background-repeat: yes, repeat;
											color: #FFFFFF; font-size: 12px; text-align: center;}
			div#gfx0 {float: left; width: 650px; valign: top; margin: 10px 10px 10px 10px;
											color: #FFFFFF; font-size: 12px; text-align: left;}
			div#gfx3 {float: left; width: 650px; valign: top; margin: 10px 10px 10px 0px;
											color: #FFFFFF; font-size: 12px; text-align: left;}
			
			div#wspolpraca {float: left; width: 750px; valign: top; margin: 10px 10px 10px 20px;
											border: #7BB909 1px solid; background: url(grafika/opacity_22.png); background-repeat: yes, repeat;
											color: #FFFFFF; font-size: 12px; text-align: center; padding: 10px 0px 10px 0px; }
			
			div#menuact {padding: 4px 10px 4px 10px; float: left; font-weight: bold; font-size: 14px; color: #000000; cursor: pointer;}
			div#menuact2 {padding: 4px 10px 4px 10px; float: left; font-weight: bold; font-size: 14px; background-color: #e77817; color: #000000; cursor: default;}	
									
			
div#down {border: 0px solid #ffffff;
			width: 100%; height: 50px; text-align: center;
			background: url(grafika/panel.jpg); background-repeat: repeat-x;
			background-position: center;
			clear:both;
      padding: 0px 0px 0px 0px;}
div#panel {border: 0px solid #ffffff;
			width: 920px; height: 25px; margin: 0px auto; text-align: center;
      padding: 0px 0px 0px 0px;}
      
      div#panel-lft {float: left; width: 290px; color: #FFFFFF; font-size: 11px; text-align: left;
      							font-family: verdana;
      							padding: 5px 0px 0px 20px;}
			div#panel-rgt {float: right; width: 590px; color: #FFFFFF; font-size: 11px; text-align: right;
										font-family: verdana;
										padding: 5px 20px 0px 0px;}
			
div#kontakt {color: #FFFFFF; font-size: 11px; text-align: right; font-family: verdana;
			width: 920px; height: 25px; margin: 0px auto;
      padding: 5px 40px 0px 0px;}
      
.gora {background: url(images/linia.gif) repeat-x;
	height: 3px; margin: 2px 0 2px 0;	font-size: 0; }
