/* sticky footer */	
html, body {height: 100%; position: absolute; z-index: 100; width: 100%; }	

body { 
			padding: 0;
			margin: 0;
			background-image: url(../img/main-bg.jpg); 
			background-position: top center; 
			background-repeat: no-repeat; 
			background-color: #fff;
			background-attachment: fixed;
		}
	
		img#expando { 
			position: absolute; 
			display: none; 
			z-index: 0; 
			-ms-interpolation-mode: bicubic; 
		} 
 
		.wide img#expando, 
		.tall img#expando { 
			display: block; 
		} 
 
		.wide img#expando { 
			width: 100%; 
			height: auto; 
		} 
 
		.tall img#expando { 
			width: auto; 
			height: 100%; 
		}
	
		.ie6fixed {
			position: absolute;
			top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important;
		}
		
	

a { text-decoration: none; color: #f83f1c; }
a:hover { color: #3a3632; }

#wrap {
	min-height: 100%;
}

#main {
	overflow:auto;
	padding-bottom: 77px;
}  

#footer {
	position: relative;
	margin-top: -77px; /* negative value of footer height */
	height: 77px;
	clear:both;
	background-color: #3a3632;
	color: #fff;
} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* utils */
.test { border: 1px dotted #f00; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* layout */
.gray { background: url(../img/gray-bg.png) repeat; }
.contentBlock { padding: 10px; }

#boczekHomeLeft { 
	height: 260px; 
	background: url(../img/gray-bg.png); 
	position: absolute; 
	width: 50%;
	top: 448px; 
	margin-left: -492px;
}

#boczekHomeRight { 
	height: 398px; 
	background: url(../img/gray-bg.gif); 
	position: absolute; 
	width: 50%;
	top: 35px; 
	left: 50%;
	z-index: 1;
	
	}

#pageContainer { position: relative; z-index: 2; width: 100%; height: 100%; }

/* header */
#header { background: url(../img/gray-bg.gif) repeat-x bottom center #fff; }
#logo { float: left; }


#headerLeft { float: left; margin: 0px; padding: 0px; }
#headerRight { float: right; margin: 0px; padding: 0px; }
#headrLine { height: 15px; background: url(../img/gray-bg.png) repeat; }

#headerFollow { float: right; height: 20px; width: 600px; text-align: right; padding-top: 10px; margin-right: 20px; }


#mainMenu { float: right; margin-top: 5px; padding: 0px; text-transform: uppercase; width: 680px; background: url(../img/gray-bg.gif) repeat; }
#mainMenu ul {margin: 0px; padding: 0px; padding-left: 15px; padding-right: 15px; z-index: 110; float: right; }
#mainMenu ul li { display: inline; float: left; text-align: right; margin: 0px; padding: 0px; z-index: 120;}
#mainMenu a { padding-left: 15px; padding-right: 15px; padding-top: 15px; background-color: #e5e5e5; margin: 0px; height: 68px; display: block; text-decoration: none; color: #3a3632; }

#mainMenu ul li ul { position: absolute; display: none; background-color: #e5e5e5; margin: 0px; padding: 0px; }
#mainMenu ul li ul li { display: block; clear: both; color: #fff; width: 250px; text-align: left; border-bottom: 1px solid #d1d1d1; }
#mainMenu ul li ul li a { padding: 10px; height: auto; margin: 0px; }
/* #mainMenu ul li ul li a:hover { background-color: #e5e5e5; color: #f83f1c; } */
#mainMenu ul li ul li:hover { background-color: #f83f1c; }

#mainMenu ul li:hover ul ul, #mainMenu ul li:hover ul ul ul, #mainMenu ul li:hover ul ul ul ul { display:none; }
#mainMenu ul li:hover ul, #mainMenu ul li li:hover ul, #mainMenu ul li li li:hover ul, #mainMenu ul li li li li:hover ul{ display: block; clear: both; }


#mainMenu .current_page_item ul li a:hover, #mainMenu ul li a:hover { color: #fff; background-color: #3a3632; }
#mainMenu .current_page_item ul li a { background-color: #e5e5e5; color: #3a3632; }
#mainMenu .current_page_item a { color: #fff; background-color: #f83f1c; }


/*banner */
#bannerContainer { background: url(../img/gray-bg.gif) repeat; height: 315px; width: auto; margin: auto; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } 
#banner { height: 300px; width: 955px; }
#banner h2 { position: absolute; margin-top: 260px; height: 40px; background-color: #000; color: #fff; float: right; font-size: 1.3em; padding-left: 15px; width: 940px; line-height: 40px; font-weight: normal; text-transform: uppercase; }
/*main Boxy */
.mainBox { width: 305px; float:left; margin-left: 15px; margin-bottom: 15px; margin-top: 15px; 
		background: url(../img/mainBox-bg.gif) repeat-x top center #fff; 
		border: 1px solid #bdbdbe;

}

.newsList .mainBox { margin-left: 0px; margin-right: 5px; }

.boxHeader { border-bottom: 1px dotted #bdbdbe; margin-bottom: 10px; line-height: 1.2em;  }
.boxContent { border-bottom: 1px dotted #bdbdbe; padding-bottom: 0px; margin-bottom: 5px;  }
.boxContent { min-height: 125px; }
.boxContent img { float: left; padding-right: 15px; padding-bottom: 5px; }
.boxContent p { text-align: justify; }
.boxHeader { padding-top: 10px;  background: url(../img/mainBoxHeader-bg.gif) right center no-repeat; text-align: right; }
.boxHeader h3 { color: #f83f1c; font-size: 1.1em; float: left; text-align: left; line-height: 1.2em; padding-bottom: 0px; clear: both; text-transform: uppercase; }
.readMore a { background-color: #3a3632; text-decoration: none; margin: 0px; color: #fff; float: right; padding: 5px;}
.readMore a:hover { background-color: #f83f1c; }

.newsList .boxHeader h3 { font-size: 1.1em; }

.newsList .mainBox { float: left; margin-bottom: 10px; } 
.newsList .boxContent { min-height: 145px; }

.newsbox h3 { color: #333333; }
.newsbox ul { margin: 0px; padding: 0px; list-style: none; min-height: 132px; line-height: 2em; }
.newsbox ul li { border-bottom: 1px dotted #cccccc; background: url(../img/newsBullet.gif) no-repeat center left;  }
.newsbox ul li:hover { background-color: #f2f2f2;}
.newsbox ul li a { text-decoration: none; color: #656565; display: block; width: 285px;  padding-left: 20px; }
.newsDate { float: right; margin-right: 30px;  }

/* logaski */
.logoContainer { padding-top: 15px; padding-bottom: 30px;   }
#logoContainer { margin: 15px; background: url(../img/logoContainer-bg.gif) no-repeat right bottom #fff; height: 100px;}

#logoContainer h3 { border-top: 2px solid #3a3632; font-size: 1.2em; float: left; padding-left: 10px; padding-right: 10px; display: block; width: auto; line-height: 1.5em; text-transform: uppercase; }
#logoContainer ul li { display: block; padding-left: 11px; padding-right: 11px;   } 


/*footer */
.footerBlock { margin-left: 20px; line-height: 30px; margin-top: 20px; font-size: 0.9em;}
.footerBlock img { margin-right: 5px; margin-top: 7px; }
.footerBlock ul li { display: inline; margin-left: 10px; }

.footerBlock a { text-decoration: none; color: #fff;}
.footerBlock a:hover { color: #f83f1c; }


/*page */
.pageContent { margin: 20px; }
.pageContent h1, .pageContent h2, .pageContent h3, .pageContent h4, .pageContent h5, .pageContent h6 { color: #f83f1c; }
.pageContent h1 {font-size:1.8em;line-height:1;margin-bottom:0.75em; border-bottom: 1px dotted #e5e5e5; }
.pageContent h2 {font-size:1.6em;margin-bottom:0.5em;}
.pageContent h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
.pageContent h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
.pageContent h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
.pageContent h6 {font-size:1em;font-weight:bold;} 

#leftCol	{ width: 404px; float: left; }
.leftContainer { background: #fff; padding: 10px; margin-bottom: 10px; }
.leftPhoto { border: 3px solid #333333; }
#rightCol	{ 
	width: 576px; 
	float: left; 
	margin-left: 5px;
	background: url(../img/logoContainer-bg.gif) no-repeat right bottom #fff;
	border-top: 2px solid #3a3632;
	margin-bottom: 10px;
	min-height: 578px;
}

#fullWidthCol	{  
	float: left; 
	margin-left: 5px;
	margin-right: 5px;
	background: url(../img/logoContainer-bg.gif) no-repeat right bottom #fff;
	border-top: 2px solid #3a3632;
	margin-bottom: 10px;
	width: 980px;
	min-height: 578px; 
}

#fullWidthCol hr { margin-bottom: 30px; margin-top: 0px; }
.newsThumb { float: left; margin-bottom: 10px; margin-right: 10px;  border: 5px solid #e5e5e5; }

a.more-link { border-bottom: 3px solid #3a3632; float: right; margin-top: 10px; clear: both; }
a:hover.more-link { border-bottom: 3px solid #f83f1c; }


.navigation { margin-top: 50px; margin-bottom: 10x; margin-left: 10px; }
.navigation a { background-color: #3a3632; text-decoration: none; margin: 0px; color: #fff;  padding: 5px; margin-left: 1px; margin-right: 1px; }
.navigation a:hover { background-color: #f83f1c; } 
.navigation .current { background-color: #f83f1c; text-decoration: none; margin: 0px; color: #fff;  padding: 5px; margin-left: 1px; margin-right: 1px; }

/* clients */
.clientsList ul { list-style: none; }
.clientsList ul li { display: inline; float: left; margin-right: 15px; margin-bottom: 15px; border: 5px solid #e5e5e5; }

/* realizacje */
.portfolioBox { width: 280px; height: 200px;  float: left; margin: 10px; }
.portfolioBox  h4 { margin-bottom: 5px; margin-top: 10px; line-height: 1em; }
.portfolioBox img  { border: 5px solid #e5e5e5; position: absolute; }

.portfolioTitle { color: #fff; position: absolute; width: 260px; margin: 5px; padding: 5px; background-color: #000; }
.portfolioCat { position: absolute; margin-top: 175px; margin-left: 5px;  }

.gallery { display: none; }
.sideGallery img { border: 3px solid #333333; }

.sampleBox { width: 210px; float: left; color: #333; margin-right: 20px; margin-bottom: 20px; }
.sampleBox img { border: 5px solid #e5e5e5; }

/*wp-pagenavi */
.wp-pagenavi .pages, .wp-pagenavi .extend{ display: none; }

/* forms.css */
input { padding: 5px; }

#map { width: 378px; height: 300px; }