html, body
{
	padding: 0px;
	margin: 0px;
	background: url("./images/bg.gif");
	background-position: top right;
	background-color:#f9fcfd;
	height:100%;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;

}

a:{color:#9a491f;	text-decoration: none;}
a:link {color:#9a491f;}
a:visited { color:#9a491f;}
a:hover {	color: #FF0000;}

H1 {font-size:15px; color: #FFFFFF; text-align:center;}
H2 {font-size:15px; color:#9a491f;}
H3 {font-size:11px; color:#9a491f; text-decoration:none;}

.przydatne_linki {
  display: block;
  position:relative;
  top: -550px;
  left: 840px;
  z-index:9;
  margin: 0px;
  padding: 0px;
  width: 150px;
  height: auto;
  line-height: 150%;
}
.przydatne_linki a {color: #999999;}
.przydatne_linki a:hover {color: #eeeeee;}

.main
{
width: 834px;
height: 683px;
position:relative;
margin:0 auto;
}
.btn{
width:118px;
height:41px;
float:left;
background-image: url('images/btn.png');
background-repeat:no-repeat;
}
.content{
width:834px;
height:521px;
background-repeat:no-repeat;
}

html>body .content{background:url(images/bg_content.png)}
* html .content {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_content.png',sizingMethod='scale');
}

.photo1{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/home.jpg');
background-repeat:no-repeat;
}

.ofirmie{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/ofirmie.jpg');
background-repeat:no-repeat;
}

.oferta{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/oferta.jpg');
background-repeat:no-repeat;
}
.photo2{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/photo2.jpg');
background-repeat:no-repeat;
}
.pobierz{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/pobierz.jpg');
background-repeat:no-repeat;
}
.galeria{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/galeria.jpg');
background-repeat:no-repeat;
}

.kontakt{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/kontakt.jpg');
background-repeat:no-repeat;
}

.mieszkaniowe{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/mieszkaniowe.jpg');
background-repeat:no-repeat;
}

.galeria_sw{
width:750px;
overflow: auto;
height:300px;
scrollbar-base-color:#C0C0C0; 
}

.pliki_sw{
width:564px;
overflow: auto;
height:340px;
scrollbar-base-color:#C0C0C0; 
}

.obiektowe{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/obiektowe.jpg');
background-repeat:no-repeat;
}

.basenowe{
width:826px;
height:512px;
margin-left:1px;
background-image: url('images/basenowe.jpg');
background-repeat:no-repeat;
}


.boxy_left{
padding:30px 0px 0px 28px;
}

.box{
	width:183px;
	height: 96px;

}

html>body .box{background:url(images/box_left.png)}
* html .box {	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box_left.png',sizingMethod='scale');
}

.boxy_right{
width:582px;
height: 450px;
background-repeat:no-repeat;
margin-top:28px;
}
html>body .boxy_right{background:url(images/box_right.png)}
* html .boxy_right {	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box_right.png',sizingMethod='scale');
}

.boxy_big{
width:765px;
height: 445px;
background-repeat:no-repeat;
margin-left:28px;
}
html>body .boxy_big{background:url(images/box_big.png)}
* html .boxy_big {	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box_big.png',sizingMethod='scale');
}

.boxik{padding-top:34px;}

.boxik a{
	font-size:13px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.boxik a:link {
	color: #FFFFFF;
}
.boxik a:visited {
	color: #FFFFFF;
}

.boxik a:hover {
	color: #9a491f;
}
.menuTopMarg{
	margin-top:24px;
}
.btn a{
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.btn a:link {
	color: #FFFFFF;
}
.btn a:visited {
	color: #FFFFFF;
}

.btn a:hover {
	color: #9a491f;
}

.tytul {
font-family:Arial;
font-size:19px;
text-align: right;
font-weight:bold;
padding-right:20px;
padding-top:10px;
color:#9a491f;
}
.rakologo
{
margin-top:8px;
float:left;
margin-left:280px;

}

.tresc {
font-family:Arial;
font-size:12px;
text-align: justify;
padding:20px;
height:380px;
width:530px;
overflow: auto;
scrollbar-base-color:#C0C0C0; 
float:left;

}

.smalltxt {
font-family:Tahoma;
font-size:11px;

}

.obrazek
{
float:left;
padding-right:10px;
padding-bottom:10px;
}

.logo
{
padding:5px;
border:0px;
}



.navbutton
{
text-indent:10px;
float:left;
padding-left:16px;
line-height:19px;
width:160px;
vertical-align:middle;
font-size:11px;
font-family:Tahoma, Verdana, Arial;
font-weight:bold;
background-image: url('images/dot2.gif');
background-repeat:no-repeat;

}
.navbutton a
{
color:#414040;
text-decoration:none;
}

.navhr
{
width:"95%";
padding-top:10px;
border:none;
height:1px;
background-image: url('images/hr.gif');
background-repeat:repeat-x;
}

.file {
background-image:url('images/file.png');
background-repeat:no-repeat;
background-position:left; background:expression("none"); 
height:20px;
width:20px;
min-width:20px;
max-width:20px;
font-size:10px;
font-family:Tahoma, Verdana, Arial;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/file.png', sizingMethod='crop', enabled=true);}
.file a
{
color:#414040;
text-decoration:underline;
}

.img1
{
border: 1px solid #808080;
}

.ico
{
border:none;
padding:20px;
}

/*-------------------------LIGHTBOX-------------------------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{	border:0px;}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; border: }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;

	}