/**
 * Copyright (c)2009, CSD
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright       		Copyright (c) 2009, CSD	
 * @frontedndeveloper		Krzysztof Safjanowski
 * @license         		http://www.opensource.org/licenses/mit-license.php The MIT License
 */


/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset {border: 0;}
object {display: block;}


/* dostepnosc */
#quick-navigation, .accessibility, .hidden, hr {position: absolute; left: -666em; top: 0; margin-left: -666em; overflow: hidden;}


/* linki */
a {color: #818181;}
	a:hover {color: #a7bd34;}


/* kontener */
.container {overflow: hidden; margin: 0 auto; width: 976px;}


/* body */
body {font: 0.625em/1em arial, helvetica, tahoma, verdana, sans-serif; background: #fff url(../img/site/body.gif) center top; color: #818181;}


/* naglowek */
#header {margin: -80px 0 0 0; background: url(../img/site/header.gif) 50% 0 no-repeat;}
	#header .container {position: relative; height: 214px;}


	#header-logo {position: absolute; bottom: 0; left: 0; overflow: hidden; width: 297px; height: 134px;}
		#header-logo a {display: block; width: 297px; height: 134px; text-indent: -666em; background: url(../img/site/header-logo.a.png) no-repeat;}


	#header-menu {position: absolute; bottom: 0; left: 297px; width: 679px;}
		#header-menu li {float: left; overflow: hidden;}
			#header-menu li a {float: left; height: 72px; text-indent: -666em;}

	
		#header-menu-home {width: 151px; background: url(../img/site/header-menu-home.png) no-repeat;}
			#header-menu-home:hover {background-position: 0 -72px;}
			#header-menu-home.active {background-position: 0 -144px;}


		#header-menu-company {width: 94px; background: url(../img/site/header-menu-company.png) no-repeat;}
			#header-menu-company:hover {background-position: 0 -72px;}
			#header-menu-company.active {background-position: 0 -144px;}


		#header-menu-offer {width: 99px; background: url(../img/site/header-menu-offer.png) no-repeat;}
			#header-menu-offer:hover {background-position: 0 -72px;}
			#header-menu-offer.active {background-position: 0 -144px;}


		#header-menu-realization {width: 121px; background: url(../img/site/header-menu-realization.png) no-repeat;}
			#header-menu-realization:hover {background-position: 0 -72px;}
			#header-menu-realization.active {background-position: 0 -144px;}


		#header-menu-clients {width: 98px; background: url(../img/site/header-menu-clients.png) no-repeat;}
			#header-menu-clients:hover {background-position: 0 -72px;}
			#header-menu-clients.active {background-position: 0 -144px;}


		#header-menu-contact {width: 116px; background: url(../img/site/header-menu-contact.png) no-repeat;}
			#header-menu-contact:hover {background-position: 0 -72px;}
			#header-menu-contact.active {background-position: 0 -144px;}


		#header-tools {position: absolute; top: 100px; right: 0; overflow: hidden; padding: 0 0 0 10px; font-size: 1.1em; line-height: 1em; background: url(../img/site/header-tools.gif) 0 50% no-repeat;}
			#header-tools li {float: left; background: url(../img/site/header-tools.li.gif) 0 50% no-repeat;}
				#header-tools li:first-child {background: none;}
				#header-tools li a {float: left; margin: 0 5px; padding: 5px; text-decoration: none;}


/* tresc */
#content {background: #f8f8f8 url(../img/site/content.gif) 50% 0 repeat-y;}
	#content .container {background: url(../img/site/content.container.gif) repeat-y;}


	
		/* strona glowna */
		#main-page #content .container {position: relative; background: url(../img/site/main-page.content.container.gif) 100% 0 repeat-y;}


	#content-header {}
		#content-header p {}
			#content-header p img {display: block;}


		#content-header-sub {position: relative; height: 110px; background: url(../img/site/content-header-sub.jpg);}
			#content-header-sub span {position: absolute; top: 41px; left: 342px; width: 634px;}


	/* wprowadzenie */
	#content-welcome {position: relative; top: -54px; float: left; margin: 0 0 -54px 297px; padding: 0 0 0 45px; width: 300px; background: #f8f8f8;}


		#content-welcome-header {padding: 21px 0 16px; font-size: 1.9em; font-weight: normal; line-height: 1em; color: #898989;}


		#content-welcome-body {border-top: 4px solid #818181; padding: 19px 28px 0 0; width: 272px; height: 215px; font-size: 1.1em; line-height: 1.4em;}
			#content-welcome-body .body-more {margin: 14px -28px 0 0; width: 300px;}
				#content-welcome-body .body-more a {height: 20px; text-indent: -666em; background: url(../img/site/content-welcome-body.body-more.a.png) no-repeat;}

	/* oferta */
	#content-offer {position: relative; top: -54px; float: left; margin: 0 0 -54px; padding: 0 0 0 46px; width: 288px; background: #fff;}


		#content-offer-header {padding: 21px 30px 16px 0; font-size: 1.9em; font-weight: normal; line-height: 1em; text-align: right; color: #a7bd34;}


		#content-offer-body {border-top: 4px solid #a7bd34; height: 234px; font-size: 1.1em; line-height: 1.4em;}
			#content-offer-body .body-more {}
				#content-offer-body .body-more a {width: 258px; height: 20px; text-indent: -666em; background: url(../img/site/content-offer-body.body-more.a.png) no-repeat;}
			#content-offer-body p {}
				#content-offer-body p img {display: block;}


	/* kontakt */
	#content-contact {float: left; margin: 0 0 0 -976px; padding: 0 0 0 36px; width: 261px;}
		
		#content-sidebar #content-contact {
			margin: -24px -21px 0 -27px;
			
					}

		#content-contact-header {padding: 21px 0 16px; font-size: 1.9em; font-weight: normal; line-height: 1em; color: #818181;}


		#content-contact-body {padding: 14px 0 0; height: 170px; font-size: 1.1em; line-height: 1.4em;}
			#content-contact-body .body-more {margin: 14px 0 0;}
				#content-contact-body .body-more a {width: 230px; height: 20px; text-indent: -666em; background: url(../img/site/content-contact-body.body-more.a.png) no-repeat;}
			#content-contact-body li {margin: 1.4em 0 0; padding: 0 0 0 24px; background: url(../img/site/content-contact-body.li.gif) 0 50% no-repeat;}
				#content-contact-body li:first-child {margin: 0;}


		.body-more {position: absolute; bottom: 0; border-top: 1px solid #e4e4e6; padding: 26px 0 23px}
			.body-more a {display: block; text-decoration: none; background: url(../img/site/body-more.a.gif) 100% 50% no-repeat; color: #818181;}
				.body-more a:hover {background-position: 0 -20px !important;}


	#content-main {float: right; padding: 25px 0 25px 44px; width: 635px;}


		#content-main-breadcrumbs {border-bottom: 1px solid #e4e4e6; padding: 10px 0;}
			#content-main-breadcrumbs dt {display: none;}
			#content-main-breadcrumbs dd {}
				#content-main-breadcrumbs dd ul {overflow: hidden; font-size: 1.1em; line-height: 1em;}
					#content-main-breadcrumbs dd ul li {float: left; padding: 0 10px 0 0;}
						#content-main-breadcrumbs dd ul li a {float: left; padding: 0 0 0 16px; text-decoration: none; background: url(../img/site/content-main-breadcrumbs.dd.ul.li.a.gif) 0 50% no-repeat; color: #818181;}
							#content-main-breadcrumbs dd ul li:first-child a {padding: 0; background: none;}
							#content-main-breadcrumbs dd ul li a:hover {color: #a7bd34;}


		#content-main-header {padding: 16px 0 13px; font-size: 1.9em; font-weight: normal; line-height: 1em; color: #a7bd34;}


		#content-main-body {border-top: 4px solid #a7bd34; padding: 27px 0; font-size: 1.1em; line-height: 1.4em;}
		#content-main-body {
			padding-right: 40px;
		}
			#content-main-body p {margin: 1em 0;}
				#content-main-body p:first-child {margin: 0 0 1em;overflow: auto;}
			#content-main-body img {float: left; margin: 0 14px 0 0;}
			#content-main-body li img {margin-right: 5px} 
			#content-main-body li {
				background: url(../img/site/content-main-breadcrumbs.dd.ul.li.a.gif) no-repeat scroll 0 50%;
				padding: 3px 15px;
			}
				
				#content-main-body .gallery li {
					background: none;
				}
				
				#content-main-body li li {
					background: none;
				}
				#content-main-body .gallery li li ul, ul.photos {
					display: block;
					overflow: auto;
					padding: 15px 0;
				}
				#content-main-body li li li, .photos li {
					float: left;
				}
				#content-main-body li li li img, .photos li img {
					background: #fff;
					border: 1px solid #ddd;
					padding: 2px;
				}
			#content-main-body h4 {
				font-weight: bold;
				margin: .5em 0;
			}

	#content-sidebar {float: left; padding: 24px 21px 24px 27px; width: 249px;}
		#content-sidebar h2 {border-top: 1px solid #e4e4e6; padding: 9px 0 8px 4px; font-size: 1.1em; background: #f8f8f8;}
		#content-sidebar ul {border-bottom: 1px solid #e4e4e6; font-size: 1.1em; line-height: 1.4em;}
			#content-sidebar ul li {border-top: 1px solid #e4e4e6;}
				#content-sidebar ul li a {display: block; padding: 9px 0 8px 19px; width: 230px; text-decoration: none; background: url(../img/site/content-sidebar.ul.li.a.gif) 0 50% no-repeat; color: #818181;}
					#content-sidebar ul li a:hover {color: #a7bd34;}
					#content-sidebar ul li a.active {color: #a7bd34;}

/* stopka */
#footer {border-top: 1px solid #e4e4e6;}
	#footer p {font-size: 1.1em;}


	#footer-agency {float: right; padding: 30px 0; width: 679px; text-align: right; background: #fff;}
		#footer-agency a {text-decoration: none; color: #818181;}
			#footer-agency a:hover {text-decoration: underline}


	#footer-copyright {float: left; padding: 30px 0 30px 9px;}
	
	
/* contact form */
#content-main-body form {padding-bottom: 20px}
	#content-main-body form label {
		clear: both;
		cursor: pointer;
		display: block;
		font-weight:bold;
		padding: 5px 4px 2px;
	}
	#content-main-body form input, #content-main-body form textarea, #content-main-body form select {
		border: 1px solid #CFCECF;
		clear: both;
		color: #6E6E6E;
		font-size: 1em;
		padding: 4px 10px;
		width: 360px;
	}
	#content-main-body form input:focus, 
	#content-main-body form textarea:focus {background: #FFFFCC}
	#content-main-body form select {width: 380px}
	#content-main-body form textarea {
		height: 120px;
		font-size: 11px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
	}
	#content-main-body form button {
		background: #F3F3F3;
		border: 2px solid #EBEBEC;
		cursor: pointer;
		float: left;
		font: 11px Tahoma, Arial, Helvetica, sans-serif;
		margin: 10px 10px 0 0;
		padding: 2px 20px;
	}
	
	
	html, body {height: 100%}
	div#fancy_overlay {
		background-color: #666;
		display: none;	
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 30;
	}
	* html div#fancy_overlay {
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
		position: absolute;
	}
	div#fancy_wrap {text-align: left}
	div#fancy_loading {
		background: transparent;
		cursor: pointer;
		display: none;
		height: 40px;
		overflow: hidden;
		position: absolute;
		width: 40px;
		z-index: 100;
	}
	div#fancy_loading div {
		background: transparent url('../img/fancybox/fancy_progress.png') no-repeat;
		height: 480px;
		left: 0;
		position: absolute;
		top: 0;
		width: 40px;	
	}
	div#fancy_loading_overlay {
		background-color: #FFF;
		position: absolute;
		z-index: 30;
	}
	div#fancy_loading_icon {
		background: url('../img/fancybox/fancy_loading.gif') no-repeat;
		height: 16px;
		position: absolute;
		width: 16px;
		z-index: 35;
	}
	div#fancy_outer {
		background: transparent;
		display: none;
		left: 0;
		margin: 0;	
		overflow: hidden;
		padding: 18px 18px 33px 18px;
		position: absolute;
	    top: 0;
	    z-index: 90;
	}
	div#fancy_inner {
		background: #FFF;
		border: 1px solid #BBB;
		height:100%;
		position: relative;
		width:100%;
	}
	div#fancy_content {margin: 0;position: absolute;z-index: 100}
	div#fancy_div {
		background: #000;
		color: #FFF;
		height: 100%;
		width: 100%;
		z-index: 100;
	}
	img#fancy_img {
		border:0; 
		height: 100%;
		margin: 0;
		left: 0;
		padding: 0; 
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	div#fancy_close {
		background: url('../img/fancybox/fancy_closebox.png') top left no-repeat;
		cursor: pointer;
		display: none;
		height: 30px;
		position: absolute;
		right: -15px;
		top: -12px;
		width: 30px;	
		z-index: 181;	
	}
	#fancy_frame {
		display: none;
		height: 100%;
		position: relative;
		width: 100%;	
	}
	#fancy_ajax {height: 100%;overflow: auto;width: 100%}
	a#fancy_left, a#fancy_right {
		position: absolute; 
		bottom: 0px; 
		height: 100%; 
		width: 35%; 
		cursor: pointer;
		z-index: 111; 
		display: none;
		background-image: url(data:image/gif;base64,AAAA);
		outline: none;
	}
	a#fancy_left {left: 0px}
	a#fancy_right {right: 0px}
	span.fancy_ico {
		cursor: pointer;
		display: block;
		height: 30px;
		margin-top: -15px;
		position: absolute; 
		top: 50%;
		width: 30px;
		z-index: 112; 	
	}
	span#fancy_left_ico {background: transparent url('../img/fancybox/fancy_left.png') no-repeat;left: -9999px}
	span#fancy_right_ico {background: transparent url('../img/fancybox/fancy_right.png') no-repeat;right: -9999px}
	a#fancy_left:hover {visibility: visible}
	a#fancy_right:hover {visibility: visible}
	a#fancy_left:hover span {left: 20px}
	a#fancy_right:hover span {right: 20px}
	.fancy_bigIframe {
		background: transparent;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;	
	}
	div#fancy_bg {	
		border: 0;
		height: 100%;
		margin: 0;
		left: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 70;
	}
	div.fancy_bg {
		border: 0;
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 70;
	}
	div.fancy_bg_n {
		background: transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x;
		height: 18px;
		top: -18px;	
		width: 100%;
	}
	div.fancy_bg_ne {
		background: transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat;
		height: 18px;
		right: -13px;
		top: -18px;
		width: 13px;
	}
	div.fancy_bg_e {
		background: transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y;
		height: 100%;
		right: -13px;
		width: 13px;	
	}
	div.fancy_bg_se {
		background: transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat;
		bottom: -18px;
		height: 18px;
		right: -13px;	
		width: 13px;
	}
	div.fancy_bg_s {
		background: transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x;
		bottom: -18px;
		height: 18px;
		width: 100%;
	}
	div.fancy_bg_sw {
		background: transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat;
		bottom: -18px;
		height: 18px;
		left: -13px;
		width: 13px;	
	}
	div.fancy_bg_w {
		background: transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y;
		left: -13px;
		height: 100%;
		width: 13px;	
	}
	div.fancy_bg_nw {
		background: transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat;
		height: 18px;
		left: -13px;
		top: -18px;
		width: 13px;	
	}
	div#fancy_title {
		bottom: -33px;
		display: none;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 100;
	}
	div#fancy_title div {
		color: #FFF;
		font: bold 12px Arial;
		padding-bottom: 3px;
	}
	div#fancy_title table {margin: 0 auto}
	div#fancy_title table td {padding: 0;vertical-align: middle}
	td#fancy_title_left {
		background: transparent url(../img/fancybox/fancy_title_left.png) repeat-x;
		height: 32px;
		width: 15px;
	}
	td#fancy_title_main {
		background: transparent url(../img/fancybox/fancy_title_main.png) repeat-x;
		height: 32px;
	}
	td#fancy_title_right {
		background: transparent url(../img/fancybox/fancy_title_right.png) repeat-x;
		height: 32px;
		width: 15px;	
	}
	
#news-list {
	
}
#content-main-body #sitemap-list li {
	background-position: 0 7px;
}
#content-main-body #sitemap-list li a {
	font-weight: bold;
}
#content-main-body #sitemap-list li li a {
	font-weight: normal;
}
#content-main-body .photos li {
	background: none;
}
.realizations {
	clear: both;
	padding: 10px ;
}
#realizations h3 {
	font-size: 1.21em;
}
#realizations h4 {
	background:url(../img/site/content-main-breadcrumbs.dd.ul.li.a.gif) no-repeat scroll 0 3px;
	margin-left: -10px;
	padding-left: 10px;
}

#content-sidebar #content-contact #content-contact-header {
	background: #fff;
	padding-top: 23px
}
	#content-sidebar #content-contact-body {
		font-size: 1em;
		padding-right: 35px
	}
		#content-sidebar #content-contact-body li {
			padding-top: 20px;
			padding-bottom: 20px;
		}
		#content-sidebar #content-contact-body li {
			margin-top: 0;
		}
	/*
#content-sidebar #content-contact #content-contact-header object {
		display: none;
	}
*/