html{height:100%;margin:0 auto;width:100%;}
#body{font:normal 14px Trebuchet MS, Tahoma, Verdana, Arial, san-serif;margin:0 auto;width:100%;}
#middle,#middle2{margin:0 auto;padding-top:40px;text-align:center;width:898px;}
#middle2{padding:40px 0 0;}
#colLeft{background:url('../img/borderRight.jpg') right no-repeat;float:left;height:500px;width:450px;}
#colLeft2{float:left;margin:0 0 20px;width:400px;}
#colRight{float:right;width:448px;}
#colRight2{float:right;margin:0 0 20px;width:450px;}
#portfolio,#portfolio2{clear:both;width:900px;}
#portfolio2{background:url('../img/bgPortfolio.jpg') top no-repeat;}
#logo{margin:0 20px 0 0;text-align:right;}
#logo2{margin:0 0 0 70px;text-align:left;}
#logo a,#logo2 a{color:#FFF;}
.titlePortfolio,.titlePortfolio2,.titleOmnie,.titleKontakt,.titleNowe{clear:both;color:#666;font-size:17px;text-align:left;}
.titlePortfolio{margin:0 0 30px 20px;padding-top:44px;}
.titlePortfolio2{padding:20px 0 20px 70px;}
.titleOmnie,.titleKontakt{margin:30px 20px 25px 0;text-align:right;}
.titleNowe{margin:20px 20px 25px 0;text-align:right;}
#topMenu{margin:17px 0 0 5px;}
#topMenu2{border:1px solid #333;float:right;margin:17px 0 0 20px;}
#topMenu ul,#topMenu li{display:block;float:left;list-style-type:none;margin:0;padding:0;}
#topMenu li{padding:0 15px;}
#topMenu li.last{margin:0;}
#topMenu a{color:#000;font-size:17px;text-decoration:none;}
.portfolio{clear:both;margin:50px 0 0;padding:0;}
.box{margin:0 0 0 40px;}
.cont{color:#666;font-size:14px;height:126px;line-height:20px;padding:0 22px 0 0;text-align:right;width:390px;}
.cont ul{margin:20px 0 0;padding:0;}
.cont li{margin:0 0 10px;padding:2px 0 0;}
.content2{color:#666;font-size:14px;line-height:16px;padding:0 22px 0 0;text-align:right;width:390px;}
.cont a,.content2 a{color:#666;}
.contentRealizacje{padding:0 22px 0 0;text-align:justify;width:390px;}
.contentRealizacje img{border:1px solid #999;padding:2px;}
.contentPortfolio{margin:0 0 0 70px;text-align:left;}
.contentPortfolio img{border:1px solid #999;margin:0 5px 10px 0;padding:2px;}
#footer{clear:both;color:#666;font:normal 11px Trebuchet MS, Tahoma, Verdana, Arial, san-serif;margin:30px 0 0 16px;text-align:left;}
#footer2{background:url('../img/bgPortfolio.jpg') top no-repeat;clear:both;color:#666;font:normal 11px Trebuchet MS, Tahoma, Verdana, Arial, san-serif;margin:0;padding:10px 57px 0 0;text-align:right;}
#bottom{padding:10px 0 0 16px;text-align:left;width:400px;display:none;}
#bottom2{padding:10px 52px 0 16px;text-align:right;display: none;}
#bottom,#bottom a,#bottom2 a{color:#ccc;font-size:10px;text-decoration:none;}
#bottom a:hover,#bottom2 a:hover{text-decoration:underline;}
.sort{float:right;margin:10px 57px 10px 0;}
.sort ul,.sort li{display:block;list-style-type:none;margin:0;padding:0;}
.sort li{float:left;}
.sort a{color:#999;font:normal 11px Trebuchet MS, Tahoma, Verdana, Arial, san-serif;margin:0 2px 0 0;padding:0 3px;text-decoration:none;}
.sort a:hover{color:#000;padding:0 3px;}
.sort a.back,a.next{color:#999;}
.sort a.back:hover,.sort a.next:hover{background:none;color:#e54045;}
.sort a.active2{background:none;color:#e54045;}
.sort a.active{border:1px solid #e54045;color:#666;padding:0 3px;}
.input,.inputActive{background:#FFF;border:1px solid #666;color:#999;margin:5px 0 10px;width:250px;}
.texta,.textaActive{background:#FFF;border:1px solid #666;color:#999;height:60px;margin:5px 0 10px;width:250px;}
.buttonSend,.buttonSendHover{background:none;border:none;cursor:pointer;font:normal 17px Trebuchet MS, Tahoma, Verdana, Arial, san-serif;}
.red{color:red;font-weight:700;}
.sendMess{color:#e54045;font:normal 16px Trebuchet MS, Tahoma, Verdana, Arial, san-serif;margin:0;}
.form2{color:#666;font-size:12px;}
.wc3{padding:15px 20px 0 0;text-align:right;}
#logo img,#logo2 img,.wc3 img{border:none;}
#topMenu a:hover,#topMenu a.active,.content a:hover,.content2 a:hover,.buttonSendHover{color:#e54045;}
.contentRealizacjeActive img,.contentPortfolioActive img{border:1px solid #e54045;padding:2px;}
h3,.imageElement p,.imageElement img{display:none;}
.inputActive,.textaActive{background:#EEE;border:1px solid #e54045;}
/* jd gallery */
#myGallery,#myGallerySet,#flickrGallery{border:1px solid #999;height:276px;width:407px;z-index:5;}
.jdGallery a{color:#FFF;font-size:100%;outline:0;text-decoration:underline;}
#flickrGallery{height:334px;width:500px;}
#myGallery img.thumbnail,#myGallerySet img.thumbnail{display:none;}
.jdGallery img{border:0;margin:0;}
.jdGallery .slideElement{background-color:#000;background-image:url('img/loading-bar-black.gif');background-position:center center;background-repeat:no-repeat;height:100%;width:100%;}
.jdGallery .loadingElement{background-color:#000;background-image:url('img/loading-bar-black.gif');background-position:center center;background-repeat:no-repeat;height:100%;left:0;position:absolute;top:0;width:100%;}
.jdGallery .slideInfoZone{background:#333;bottom:-1px;color:#FFF;height:50px;left:0;margin:0;overflow:hidden;position:absolute;text-indent:0;width:100%;z-index:10;}
.jdGallery .slideInfoZone h2{color:inherit;font-size:14px;font-weight:700;margin:5px 0 0 10px;padding:0;}
.jdGallery .slideInfoZone p{color:#eee;font-size:12px;margin:0 0 0 10px;padding:0;}
.jdGallery div.carouselContainer{height:135px;left:0;margin:0;position:absolute;top:0;width:100%;z-index:10;}
.jdGallery a.carouselBtn{background:#333;bottom:0;color:#fff;cursor:pointer;font-size:13px;height:20px;padding:0 10px;position:absolute;right:30px;text-align:center;}
.jdGallery .carousel{background:#333;color:#fff;height:115px;left:0;margin:0;overflow:hidden;position:absolute;text-indent:0;top:0;width:100%;}
.jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper{height:78px;left:0;overflow:hidden;position:absolute;top:10px;width:100%;}
.jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner{position:relative;}
.jdGallery .carousel .carouselInner .thumbnail,.jdExtCarousel .carouselInner .thumbnail{background:#000;background-position:center center;border:solid 1px #fff;cursor:pointer;float:left;}
.jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail{margin-bottom:10px;}
.jdGallery .carousel .label,.jdExtCarousel .label{bottom:5px;font-size:13px;left:10px;margin:0;padding:0;position:absolute;}
.jdGallery .carousel .wallButton,.jdExtCarousel .wallButton{background:#222;border:1px solid #888;bottom:5px;cursor:pointer;font-size:10px;margin:0;padding:1px 2px;position:absolute;right:10px;}
.jdGallery .carousel .label .number,.jdExtCarousel .label .number{color:#b5b5b5;}
.jdGallery a.right,.jdGallery a.left{-khtml-opacity:0.4px;-moz-opacity:0.4px;cursor:pointer;filter:alpha(opacity=40);height:99%;opacity:0.4px;position:absolute;width:25%;z-index:10;}
* html .jdGallery a.right,* html .jdGallery a.left{filter:alpha(opacity=40);}
.jdGallery a.right:hover,.jdGallery a.left:hover{-khtml-opacity:0.8px;-moz-opacity:0.8px;filter:alpha(opacity=80);opacity:0.8px;}
.jdGallery a.left{background:url('img/fleche1_.png') no-repeat center left;left:0;top:0;}
* html .jdGallery a.left{background:url('img/fleche1_.png') no-repeat center left;}
.jdGallery a.right{background:url('img/fleche2_.png') no-repeat center right;right:0;top:0;}
* html .jdGallery a.right{background:url('img/fleche2_.png') no-repeat center right;}
.jdGallery a.open{height:100%;left:0;top:0;width:100%;}
.withArrows a.open{-khtml-opacity:0.8px;-moz-opacity:0.8px;background:none;cursor:pointer;height:99%;left:25%;opacity:0.8px;position:absolute;top:0;width:50%;z-index:10;}
.withArrows a.open:hover{background:url('img/open.png') no-repeat center center;}
* html .withArrows a.open:hover{background:url('img/open.gif') no-repeat center center;filter:alpha(opacity=80);}
.jdGallery a.gallerySelectorBtn{-khtml-opacity:0.4px;-moz-opacity:.4;background:#333;color:#fff;cursor:pointer;filter:alpha(opacity=40);font-size:13px;height:20px;left:30px;opacity:.4;padding:0 10px;position:absolute;text-align:center;top:0;z-index:15;}
.jdGallery .gallerySelector{background:#000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:20;}
.jdGallery .gallerySelector h2{color:#fff;font-size:20px;line-height:30px;margin:0;padding:10px 20px;}
.jdGallery .gallerySelector .gallerySelectorWrapper{overflow:hidden;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{border:1px solid #888;color:#fff;cursor:pointer;float:left;height:40px;margin-left:10px;margin-top:10px;padding:5px;}
.jdGallery .gallerySelector .gallerySelectorInner div.hover{background:#333;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{background:#000;background-position:center center;border:none;float:left;height:40px;margin-right:5px;width:40px;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{font-size:11px;font-weight:400;margin:0;padding:0;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{color:#aaa;font-size:11px;font-weight:400;margin:0;padding:0;}
.jdGallery a:hover{text-decoration:none;}
.jdGallery,.jdExtCarousel{overflow:hidden;position:relative;}

h2{color:#FFF;font-size:12px;}
h3{color:#FFF;font:normal 19px Arial, Verdana, Tahoma, san-serif;}
h4{font-size:1.3em;}
.content p.linkage{color:#ddd;font-size:1.7em;margin-top:2em;text-align:right;}
#myGallery{text-align:left;}
.content a,.content p.linkage a{color:#fff;}

/* light box */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#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-image: url(data:image/gif;base64,AAAA); /* 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: 12px/24px Verdana, Helvetica, sans-serif; background-color: #FFF; color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.meta {
	font-size: 10px;
	color: #FFF;
	display: none;
}