/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(img/bg.JPG);
 text-decoration: none;
 margin: 0 auto;
}
#wrapper { 
 margin: 0 auto;
 width: 1020px;
 height: 100%
}

#header {
 color: #333;
 width: 1000px;
 float: left;
 padding: 10px;
 height: 60px;
 margin: 0px 0px 0px 0px;

}

#leftcolumn { 
 color: #333;
  margin: 100px 0px 0px 0px;
 padding: 10px;
 height: 500px;
 width: 30px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 background: url(img/menu.gif);
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 592px;
 width: 862px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 margin: 100px 0px 0px 0px;
 padding: 10px;
 height: 500px;
 width: 30px;
 float: left;
 position: relative;
}
#akapit {
 font-size: 14px;
 margin: 50px 10px 10px 100px;
 line-height:25px;
}
#onas {
 font-size: 11px;
 margin: 40px 30px 10px 40px;
 
}
#logo {
 margin: 00px 00px 00px 100px;
 color: 	#FFFFFF;
 font-size: 20px;
 }
a {
 text-decoration:none;
 color: black;
}
h1 {
color: black;
}
h2 {
color: white;
	}

/*
	Ruchome menu

*/

.jimgMenu {
	position: relative;
	width: 670px;
	height: 200px;
	overflow: hidden;
	margin: 25px 0px 0px;
}

.jimgMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1340px;
	
	}

.jimgMenu ul li {
	float: left;
}

.jimgMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 0px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:78px;
	height: 200px;
}

.jimgMenu ul li.onas a {
	background: url(images/onas.jpg) repeat scroll 0%;
}

.jimgMenu ul li.dokumenty a {
	background: url(images/dokumenty.jpg) repeat scroll 0%;
}

.jimgMenu ul li.biura a {
	background: url(images/biura.jpg) repeat scroll 0%;
}
.jimgMenu ul li.galeria a {
	background: url(images/galeria.jpg) repeat scroll 0%;
}

.jimgMenu ul li.kontakt a {
	background: url(images/kontakt.jpg) repeat scroll 0%;
	min-width:310px;
	
}

.clear {
	clear: both;
}
/*
Galeria
*/
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}



#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{border:none;}
ul,li{
	margin:0;
	padding:0;
}
li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
	}