@charset "iso-8859-2";
/* CSS Document */

/* GŁÓWNE */
body {
	margin: 0; padding: 0;
	background: #010101 url(img/bg.jpg) top repeat-x; 
	font-family: /* Tahoma, */ Verdana, Geneva, sans-serif; 
}

a {
	text-decoration: none;	
}

#contener {
	width: 829px; height: 632px;
	margin: 0 auto;
	position: relative;
}

#up {
	width: 812px; height: 61px;
	background: url(img/up.png);
	position: absolute;	top: 76px;
}

#left {
	width: 15px; height: 453px;
	background: url(img/left.png);
	position: absolute; top: 137px;
}

#right {
	width: 33px; height: 453px;
	background: url(img/right.png) left no-repeat;
	position: absolute; top: 137px; left: 795px;
}

/* SERCE */
#main {
	width: 780px; height: 450px;
	position: absolute; top: 137px; left: 15px;
	background: #1e1c1c url(img/bg_main.gif) right top no-repeat;
}
.error_Exist {
	color: #FFFFFF; text-align: center;
	font-size: 12px; font-weight: bold;
}

/* STARTOWA */
#ofertaFLASH {
	width: 774px; height: 444px;
	color: #FFF; font-size: 11px;
	text-align: center;
	position: absolute; top: 3px; left: 3px;
}

/* OFERTA */
#ofertaFoto1 {
	width: 241px; height: 441px;
	position: absolute; top: 4px; left: 4px;
}

#ofertaFoto2 {
	width: 241px; height: 441px;
	position: absolute; top: 4px; left: 249px;
}
#ofertaHead {
	width: 250px; height: 134px;
	position: absolute; right: 0;
	background: url(img/oferta_head.gif);
	z-index: 1;
}
#ofertaTresc {
	width: 270px; height: 405px;
	position: absolute; top: 42px; right: 6px;
	z-index: 5; overflow: hidden;
	color: #FFF; font-size: 12px;
}
#ofertaTresc h1 {
	color: #d31187;
	font-size: 12px; font-weight: bold;
	padding: 0; margin: 0;
}
#ofertaTresc h2 {
	color: #CCC; 
	font-size: 12px;
}
#ofertaTresc ul {
	list-style: disc; 
	margin: 0; padding: 0; 
	margin-bottom: 10px; margin-left: 15px;
}
#ofertaTresc li {
	margin-bottom: 3px;
}
/* --------------------------------------- */

/* KONTAKT */
#kontaktHead {
	width: 248px; height: 93px;
	position: absolute; right: 0;
	background: url(img/kontakt_head.gif);
	z-index: 1;
}
#kontakt, #kontakt a {
	color: #FFFFFF; text-decoration: none;
	font-size: 12px;
}
#kontakt h3 {
	margin: 0; padding: 0;
	font-size: 13px; font-weight: bold;
	letter-spacing: 1px;
}
#kontakt a:hover { color: #996699 }

#kontakt {
	width: 330px; position: absolute;	
	top: 50px; left: 450px;
	z-index: 10;
}
#kontakt input {
	width: 205px; font-size: 11px; height: 18px; 
	margin: 0; padding: 0; margin-bottom: 1px; padding-left: 3px;
	border: 1px #666666 solid;
}
#kontakt_foto {
	width: 438px; height: 442px;
	background: url(img/kontakt.jpg);
	position: absolute; left:4px; top: 4px;
}
/* --------------------------------------- */

/* PROJEKTY */
#projektHead {
	background: url(img/projekty_head.gif);
	width: 253px; height: 96px;
	position: absolute; right: 0px; top: 0px;
}

#nastepny {	position: absolute;	bottom: 10px; right: 10px; }
#poprzedni { position: absolute; bottom: 10px; left: 10px; }
#nastepny img, #poprzedni img { border: none }
/* --------------------------------------- */

/* REALIZACJE */
#realizacjeHead {
	background: url(img/realizacje_head.gif);
	width: 248px; height: 93px;
	position: absolute; right: 0px; top: 0px;
}

#navi {
	width: 250px; height: 38px;
	text-align: center; color: #FFF; font-size: 11px;
	position: absolute; left: 529px; top: 39px;
	z-index: 10;
}

#navi a { color: #FFF; }
#navi a:hover { color: #909; }
a.choose { color: #90F; } /* KOLOR WYBRANEGO PROJEKTU / REALIZACJI */

#mainFoto {
	width: 505px; height: 335px;
	position: absolute; left: 25px; top: 32px;
	text-align: center;
	z-index: 5;
}
#mainFoto img {
	height: 334px; max-width: 504px;
	border: 1px #d5d5d5 solid;
}
#podpis {
	width: 504px; height: 30px;
	text-align: center; color: #fff; font-size: 11px;
	position: absolute; left:25px; top: 375px;
}

#foto2 {
	text-align: center;
	width: 196px; height: 121px;
	position: absolute; top: 117px; right: 21px;
}
#foto2 img, #foto3 img { height: 121px; max-width: 196px; border: 1px #d5d5d5 solid; }

#foto3 {
	text-align: center;
	width: 196px; height: 121px;
	position: absolute; top: 243px; right: 21px;
}
/* --------------------------------------- */

/* MENU */
a#ofertaBTN {
		width: 28px; height: 82px;
		background-image: url(img/oferta.png);
		background-position: left; background-repeat: no-repeat;
		display: block;
}
a#ofertaBTN:hover {
		background-image: url(img/oferta_over.png);
		background-position: left; background-repeat: no-repeat;
}
a#ofertaCH {
		width: 33px; height: 82px;
		background-image: url(img/oferta_choose.png);
		background-position: left;
		display: block;
}
a#realizacjeBTN {
		width: 28px;
		height: 112px;
		background-image: url(img/realizacje.png);
		background-position: left; background-repeat: no-repeat;
		display: block;
}
a#realizacjeBTN:hover {
		background-image: url(img/realizacje_over.png);
		background-position: left; background-repeat: no-repeat;
}
a#realizacjeCH {
		width: 33px; height: 112px;
		background-image: url(img/realizacje_choose.png);
		background-position: left; background-repeat: no-repeat;
		display: block;
}
a#projektyBTN {
		width: 28px;
		height: 100px;
		background-image: url(img/projekty.png);
		background-position: left; background-repeat: no-repeat;
		display: block;
}
a#projektyBTN:hover {
		background-image: url(img/projekty_over.png);
		background-position: left; background-repeat: no-repeat;
}
a#projektyCH {
		width: 33px; height: 100px;
		background-image: url(img/projekty_choose.png);
		background-position: left; background-repeat: no-repeat;
		display: block;
}
a#kontaktBTN {
		width: 28px; height: 96px;
		background-image: url(img/kontakt.png);
		background-position: left; background-repeat: no-repeat;
		display: block;
}
a#kontaktBTN:hover {
		background-image: url(img/kontakt_over.png);
		background-position: left; background-repeat: no-repeat;
}
a#kontaktCH {
		width: 33px; height: 96px;
		background-image: url(img/kontakt_choose.png);
		background-position: left; background-repeat: no-repeat;
		display: block;
}
/* -------------------------------------- */

/* STOPKA */
#stopka {
	width: 823px; height: 44px;
	background: url(img/foot.png);
	position: absolute; top: 590px; left: -5px;
}
.footLinks {
	list-style: none;
	position: absolute; z-index: 50;
	left: 30px; top: 2px;
	padding: 0; margin: 0;
	display: inline;
}
.footLinks li {
	display: inline;
	margin-left: 10px;
}
.footLinks a {
	color: #FFF;
	font-size: 10px;
	font-weight: 100;
}
.footLinks a:hover {
	color: #F0F;
}
.wykonawca {
	position: absolute;
	margin: 0; padding: 0; top: 5px;
	right: 40px; display: inline;
	color: #2a2a2a;
	font-size: 10px;
}
.wykonawca a {
	color: #2a2a2a;
}
.wykonawca a:hover {
	color: #CCC;
}

/* LIGHTBOX */