/*@font-face { font-family: Gill; src: url('Gill Sans MT.ttf'); }
@font-face { font-family: Gill; font-weight:bold; src: url('Gill Sans MT Bold.ttf'); }*/

@font-face {
	font-family: 'Gill'; 
	src: url('Gill Sans MT.eot');
  	src: url('Gill Sans MT.eot?#iefix') format('embedded-opentype'),
  		 url('Gill Sans MT.ttf') format('truetype');
}

@font-face {
	font-family: 'Gill'; 
	font-weight: bold;
	src: url('Gill Sans MT Bold.eot');
  	src: url('Gill Sans MT Bold.eot?#iefix') format('embedded-opentype'),
  		 url('Gill Sans MT Bold.ttf') format('truetype');
}

html { padding:0; margin:0; }
body { font-family: 'Gill'; font-size:12px; background-color:#ffffff; padding:0; margin:0; }
div { float:left; }
img { border:none; padding:0; margin:0; }
a { text-decoration:none; color:inherit; }
a:hover { color:#ee0000; }

#loader { text-align:center; padding-top:40px; display:none; }
	#loader img { margin:auto; width:16px; }

.red { color:#ee0000; }
.grey { color:#aaaaaa; }
.bgred { background-color:#ee0000; }
.big { font-size:16px; font-weight:bold; }

.header { padding:0; margin:0; }
	.header > div.kreska { float:left; height:4px; width:750px; background-color:#000000; color:#000000; margin-left:-4px; margin-top:17px; }
	.header > div.logo { margin-left:25px; }

table { border-collapse:collapse; }
table td { padding:3px; vertical-align:top; }

.pos { float:none; margin:auto; width:985px; }
.main { margin-top:50px; padding-left:50px; padding-right:50px; padding-top:10px; padding-bottom:35px; overflow:hidden; }
.footer { width:925px; padding:10px; text-align:right; color:#dddddd; }

.cont2 { display:none; padding:0; position:absolute; }
.cont { margin-top:-50px; padding:0; height:638px; }
.tresc { margin-top:75px; padding-left:40px; padding-bottom:0px; line-height:1.5em; height:540px; min-width:100px; max-width:700px; overflow-x:hidden; }
	.tresc h1 { font-size:13px; font-weight:bold; display:block; padding:0; margin:0; }
	.tresc .sekcja1 { padding-left:20px; padding-bottom:20px; }
		.tresc .sekcja1 .li { min-width:500px; }
	.tresc .sekcja2 { padding-left:20px; }

.left_border { position:absolute; margin-left:-5px; top:17px; width:4px; height:1px; background-color:#000000; display:none; }

.menu { width:100%; margin-left:-4px; margin-top:-4px; font-size:14px; }
	.menu > .left > div { margin-right:0px; padding-left:5px; border-left:2px solid #000000; display:block; float:left; width:64px; }
	.menu > .left > div > a {  }
	.menu > .right { float:right; }
	.menu > .right > div { margin-left:24px; padding-left:5px; border-left:2px solid #000000; width:44px; float:left; }
	.menu > .right > div > a {  }
	.menu > .right #kontakt { margin-left:24px; padding-right:5px; border-left:none; border-right:2px solid #000000; width:44px; }

.home { margin-left:-3px; margin-top:12px; }

.kwadracik { width:4px; height:4px; margin-left:-10px; background-color:#000000; margin-top:7px; }
.cofniety_o_10 { margin-left:-10px; }

.pracownik { padding-bottom:10px; min-height:300px; }
	.pracownik table { margin-left: 200px; }
	.pracownik .data { padding-right:20px; }
	.pracownik .opis { width:300px; }
.on_right { margin-left:-37px; width:170px; font-size:14px; clear:both; }
	.on_right .elem { width:100%; margin-bottom:20px; }
	.on_right .kreska { width:15px; height:4px; margin-top:7px; background-color:#000000; margin-right:10px; }

.on_left { margin-left:20px; width:190px; font-size:14px; margin-top:100px; }
	.on_left .elem { width:100%; margin-bottom:20px; text-align:right; }
	.on_left .projekty { width:190px; display:none; position:absolute; overflow:hidden; }
/*		.on_left .projekty .li { width:7px; height:7px; background-color:#000000; clear:both; margin-top:10px; float:right; margin-right:8px; cursor:pointer; }
		.on_left .projekty .li:hover { background-color:#ee0000; }*/
		.on_left .projekty .li { clear:both; margin-top:10px; float:right; margin-right:25px; cursor:pointer; font-size:12px; }
		.on_left .projekty .li:hover { color:#ee0000; }
	.on_left .kreska { float:right; width:15px; height:4px; margin-top:8px; background-color:#000000; margin-left:10px; }

#projekt { width:630px; }
	#projekt .opis { width:240px; }
	#projekt .galeria { float:right; padding-top:0px; width:380px; overflow:hidden; }
		#projekt .galeria .gc { height:72px; padding-bottom:30px; }
		#projekt .galeria img { float:left; height:72px; padding:0; cursor:pointer; margin-left:2px; background-color:#ffffff; }
	#projekt .zdj { clear:both; overflow:hidden; }
	#projekt #zdj { margin-top:10px; clear:both; position:absolute; opacity:0.01; }

#galeria_cont { width:640px; vertical-align:bottom; text-align:right; display:table-cell; }
	#galeria_cont .zdj { float:right; }
	#galeria_cont #zdj { max-width:635px; max-height:530px; }

#galeria_right { width:190px; font-size:14px; position:absolute; }
	#galeria_right .elem { width:100%; margin-bottom:20px; }
	#galeria_right .projekty { width:190px; display:none; position:absolute; overflow:hidden; }
/*		#galeria_right .projekty .li { width:7px; height:7px; background-color:#000000; clear:both; margin-top:10px; cursor:pointer; }
		#galeria_right .projekty .li:hover { background-color:#ee0000; }*/
		#galeria_right .projekty .li { clear:both; margin-top:10px; cursor:pointer; margin-left:18px; font-size:12px; }
		#galeria_right .projekty .li:hover { color:#ee0000; }
	#galeria_right .kreska { width:15px; height:4px; margin-top:8px; background-color:#000000; }

#kontakt_right { margin-left:0; width:190px; font-size:14px; position:absolute; }
	#kontakt_right .elem { width:100%; margin-bottom:20px; text-align:right; }
	#kontakt_right .kreska { width:15px; height:4px; margin-top:8px; background-color:#000000; float:right; margin-left:10px; }
	#kontakt_right .nazwa { margin-top:-15px; line-height:1.2em; width:175px; }
	#kontakt_maps .mapa { float:left; position:absolute; opacity:0.01; }

.kostki { float:right; text-align:right; }
.kostka { width:160px; height:160px; border:1px solid #000000; margin-left:10px; margin-bottom:10px; overflow:hidden; float:right; opacity:0.5; }
.kostka:hover { opacity:1; }