/* =reseting
-------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6,
blockquote, p, address, form, fieldset,
ul, ol, dl, dt, dd, li, hr, table, td, th {
 margin: 0;
 padding: 0;
}

a, a:visited { text-decoration: none; }	
fieldset, img { border: none; }
li { list-style: none; }
div.cl { clear: both; }
/* =main
************************************************************** */
html {
     min-height:100%;
     margin-bottom:1px;
}
body {
 background: url(img/bg.png) top center repeat-y;
}
#container {
 margin: 0 auto;
 width: 760px;
 background: url(img/content.png) 0 0 repeat-y;
 font: normal 12px Verana, Tahoma, Arial, sans-serif;
 
}
#container table tr td {
  vertical-align: top;
}

/* =top
************************************************************** */

#top {
 padding: 5px 0;
 margin: 0 2px;
 background: #344253;
 text-align: right;
}
#top a {
 color: #CCC;
 margin: 0 5px;
 border-bottom: 1px solid #CCC;
}
#top a:hover {
 color: #FFF;
 border-bottom: 1px solid #FFF;
}
#top1 {
 background: url(img/top-new4.jpg) 0 0 no-repeat;
 width: 760px;
 height: 132px;
}
#top1 a {
 width: 760px;
 height: 130px;
 display: block;
}
#top1 span {
 display: none;
}

h1 {
 width: 445px;
 font-size: 14px;
 background: url(img/header-bg.png) 0 0 repeat-y;
 color: #FFF;
 margin: 0;
 padding: 3px 0 2px 10px;
}
.hr {
  background: url(img/hr.png) 0 0 no-repeat;
  border: none;
  height: 1px;
  width: 445px;
  padding: 0;
  font-size:1px;
  margin: 0 0 0 2px;
  clear: both;
}

h1.projects-pl { background: url(img/projects-pl.png) 0 0 no-repeat; }
h1.projects-en { background: url(img/projects-en.png) 0 0 no-repeat; }

h1.projects-1-pl { background: url(img/projects-1-pl.png) 0 0 no-repeat; }
h1.projects-1-en { background: url(img/projects-1-en.png) 0 0 no-repeat; }


#content {
  color: #909FA3;
  width: 521px;
  float: left;
  padding-top: 1px;
}
#content .entry,
#content .entry2 {
 padding: 10px;
 overflow: hidden;
}
#content .entry p {
 margin: 0 30px 1em 0;
 }

#content .entry img,
#content .entry a img,
#content .entry a:visited img {
 border: 1px solid #909FA3;
 float: left;
 margin: 0 10px 0 0;
}
#content .entry .main {
 margin: 0;
 float: none;
 display: block;
 border: none;
}
#content .entry a:hover img {
 border: 1px solid #FFF;
}

#content .entry div {
  height: 87px;
}

#content .entry span {
  display: block;
  text-align: right;
}
#content div.photos {
 background: url(img/c-photos.png) 0 0 no-repeat;
  width: 490px;
 height: 50px;
 margin: 0 0 0 2px;
 padding: 12px;
}
#content div.photos a img,
#content div.photos a:visited img {
 border: 1px solid #909FA3;
 float: left;
 margin: 0 10px 10px 0;
}
#content div.photos a:hover img {
 border: 1px solid #FFF;
}

#content div.trackback {
 float: right;
 padding: 15px;
}
#content div.trackback a {
 text-align: right;
 margin-left: 15px;
}

#content a,
#content a:visited,
#footer a,
#footer a:visited {
  color: #909FA3;
  border-bottom: 1px solid #909FA3;
}

#content a:hover,
#footer a:hover {
  color: #EEE;
  border-bottom: 1px solid #EEE;
}

p.copyright {
 padding: 10px;
 font-size: 0.875em;
}
/* =sidebar
************************************************************** */



#sidebar {
  width: 237px;
  float: left;
}

#sidebar ul li.firma-pl,
#sidebar ul li.firma-en,
#sidebar ul li.realizacje-pl,
#sidebar ul li.realizacje-en,
#sidebar ul li.projekty-pl,
#sidebar ul li.projekty-en {
  width: 237px;
  height: 29px;
}

#sidebar ul li.firma-pl { background: url(img/s-firma-pl.png) 0 0 no-repeat; }
#sidebar ul li.firma-en { background: url(img/s-firma-en.png) 0 0 no-repeat; }
#sidebar ul li.realizacje-pl { background: url(img/s-realizacje-pl.png) 0 0 no-repeat; }
#sidebar ul li.realizacje-en { background: url(img/s-realizacje-en.png) 0 0 no-repeat; }
#sidebar ul li.projekty-pl { background: url(img/s-projekty-pl.png) 0 0 no-repeat; }
#sidebar ul li.projekty-en { background: url(img/s-projekty-en.png) 0 0 no-repeat; }



#sidebar ul li {

}

#sidebar ul li a {
  height: 1%;
  color: #909FA3;
  display: block;
  padding: 2px 0 2px 15px;
}

#sidebar ul li a:hover {
  backgsround: #B9B9B9;
  background: #273340;
  color: #FFF;
}
#sidebar p {
 padding: 10px 15px 5px 10px;
 color: #909FA3;
}

/* =login
************************************************************** */

#login {
  background-color: #FFF;
  padding: 25px 0 ;

}
#info {

 position: relative;
 background: url('admin/img/bkg-tile.gif') no-repeat top center;
 color: #fff;
 margin: 0 auto;
 padding: 200px 30px 0;
 width: 330px;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
 font-size: 1em;
}

#info-bottom {
 background: url('admin/img/bkg-bottom.gif') no-repeat top center;
 width: 390px;
 margin: 0 auto;
 min-height: 20px;
 height: auto !important; /* min-height fast hack */
 font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
 font-size: 1em;
}

#info div.alert {
 display: none;
 background: #0e3350;
 border: 1px solid #008;
 color: #ebcd4e;
 font-size: 11px;
 padding: .6em;
 margin: 5px 0 15px;
 text-align: center;
}

#info div input.input{
  padding: 5px;
  background-color: #FFF;
  width: 95%;
  font-size: 1.5em;
}
#info form fieldset div div {
 border: 1px solid #00f;
}
#info form fieldset div span {
 border: 1px solid #c44;
}
#info form fieldset input.submit {
 border: 1px solid #00f;
}
#info div label {
  color: #FFF;
  display: block;
  font-size: .75em;
}

#login ul {
  padding: 30px 0 0 20px;
}
#login ul li {
	font-size: .8em;
  
}

#login ul li a,
#login ul li a:visited {
	color: #0d324f;
  border: none;
}
#login ul li a:hover {
	border-bottom: 1px solid #0d324f;
}


/* =footer
************************************************************** */

#footer {
 background: url(img/footer2.png) 0 0 no-repeat;
 width: 760px;
 height: 70px;
 clear: both;
 font-size: .9em;
}
#footer ul {
 padding: 2.5em 15px;
}

#footer ul li {
 width: 50%;
 float: left;
 display: block;
}
#footer ul li.r {
 text-align: right;
}

/* =lightbox
-------------------------------------------------------------- */


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

#lightbox a img{ border: none; }

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

#imageContainer{
	padding: 1px;
	background: #797979;
	}

#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(img/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(img/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	margin: 0 auto;
	line-height: 1.4em;
	color: #fff;
	background-color: transparent;
	filter:alpha(opacity=40);
	-moz-opacity: .4;
	opacity: .4;
	}

#imageData{
	padding-top: 3px;
	padding-left: 3px;
	margin: 0;
	
	}
#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;
	filter:alpha(opacity=40);
	-moz-opacity: .4;
	opacity: .4;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}