@font-face {
    font-family: 'ComfortaaBold';
    src: url('font/comfortaa_bold-webfont.eot');
    src: local('☺'), url('font/comfortaa_bold-webfont.woff') format('woff'), url('font/comfortaa_bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'ComfortaaRegular';
    src: url('font/comfortaa_regular-webfont.eot');
    src: local('☺'), url('font/comfortaa_regular-webfont.woff') format('woff'), url('font/comfortaa_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ComfortaaThin';
    src: url('font/comfortaa_thin-webfont.eot');
    src: local('☺'), url('font/comfortaa_thin-webfont.woff') format('woff'), url('font/comfortaa_thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, h1, h2, h3, ol, ul, li, img, p, form {
	margin: 0; padding: 0;
	list-style: none; border: none;
}

header, footer, article, section, nav, aside 
	{display:block;}

html {
	font-family: Arial, sans-serif;
	font-size: 12px; color: #525252;
	background: url('top_bg.gif') top repeat-x #fff;
}

h1 span, #slider-options li span {
	position: absolute;
	top: -10000px;
}
.clear {
	clear: both; display: block;
	width: 100%; height: 1px;
	font-size: 1px;
}

/*--LAYOUT--*/
#bg-hack {
	position: absolute; top: 0; right: 0; z-index: 5;
	width: 50%; height: 217px;
	background: url('top_bg_r.gif') repeat-x;
}

body > header {
	height: 217px; position: relative; z-index: 10;
	margin: 0 auto; width: 904px;
	background: url('header_bg.gif') no-repeat bottom;
}
	h1 {
		position: absolute; top: 112px; left: 20px;
		width: 126px; height: 57px;
		background: url('logo.gif') no-repeat;
	}
	h1 a {display: block; height: 80px;}

#topmenu {
	position: absolute; top: 15px; right: 90px;
	color: #AEAEAE; font-size: 10px;
	text-transform: uppercase; font-weight: bold;
}
	#topmenu a {color: #AEAEAE;}
	#topmenu a.active {color: #717171}

#menu {
	position: absolute; top: 40px; left: -51px; z-index: 30;
	height: 49px; text-align: center;
	background: url('menu_bg.gif') repeat-x;
}
	#menu > ul {
		height: 49px;
		background: url('menu_right.gif') no-repeat right;
	}
	#menu a {
		font-size: 13px;
		color: #717171; font-weight: bold;
	}
	#menu > ul > li {
		float: left; height: 49px; width: 110px;
		position: relative; border-left: solid 1px #DEDEDE;
	}
	#menu > ul > li:first-child {border: none; width: 161px;}
	#menu > ul > li > a {
		display: block; height: 32px;
		padding: 17px 0 0 0; 
	}
	#menu > ul > li:first-child > a {
		padding-left: 51px;
		background: url('menu_home.gif') no-repeat;
	}
	#menu > ul > li > ul {
		position: absolute; top: 49px; left: 0;
		display: none; padding: 10px 0; text-align: left;
		background: url('menu_sub_bg.gif') repeat-x top #fff;
		border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px;
		box-shadow: 1px 1px 3px rgba(150,150,150,0.5); -moz-box-shadow: 1px 1px 3px rgba(150,150,150,0.5); -webkit-box-shadow: 1px 1px 3px rgba(150,150,150,0.5);
	}
	#menu > ul > li > ul a {
		display: block; padding: 10px 10px; font-size: 12px;
		border-top: solid 1px #DEDEDE; white-space: nowrap;
	}
	#menu > ul > li > ul > li:first-child a {border: none;}
	#menu li:hover > ul {display: block;}
	#menu a:hover, #menu li:hover > a {color: #339FA1;}
	
#slider-links {
	position: absolute; bottom: 43px; right: 17px;
}
	#slider-links li {
		float: left; width: 11px; height: 11px;
		margin: 0 0 0 8px; cursor: pointer;
		background: url('slider_point.png') no-repeat;
	}
	#slider-links li:hover, #slider-links li.active {
		background: url('slider_point_a.png') no-repeat;
	}
#slider {position: absolute; top: 100px; left: 200px; width: 530px;}
	#slider li {
		display: none; font-family: ComfortaaRegular;
		color: #fff; font-size: 16px;
	}
	li#slider-0 {display: block;}
	#slider li strong {font-size: 28px; font-family: ComfortaaThin; font-weight: normal;}

#content {
	margin: 0 auto; width: 904px; position: relative; z-index: 5;
	overflow: hidden; height: 100%;
}
	#content > section {
		float: left; width: 617px;
	}
	#content > aside {
		float: right; width: 287px;
	}

body > footer {
	padding: 25px; position: relative;
	margin: 0 auto; width: 854px;
}
	#footer-fb {position: absolute; top: 25px; right: 10px; width: 200px; overflow: hidden;}
	
/*--CONTENT--*/
a {
	text-decoration: none;
	color: #228D8F;
}
a:hover {color: #1B696A;}

#content h2, #content .reference h3, #content .portfolio-details h3 {
	padding: 25px; font-size: 15px; font-family: ComfortaaRegular;
	color: #6D6D6D; text-transform: uppercase; font-weight: normal;
}
#content section article h2
	{margin: 0 0 20px 0; padding: 0;}
	
#content h3 {
	font-size: 13px; margin: 0 0 5px 0; color: #228D8F;
}
article p {
	margin: 0 0 20px 0; text-align: justify;
	line-height: 1.5em;
}
article ul {
	list-style: disc;
	line-height: 1.5em;
	margin: 0 0 20px 25px;
}
article ul li {
	list-style: disc;
}
article ol {
	list-style: decimal;
	line-height: 1.5em;
	margin: 0 0 20px 25px;
}
article ol li {
	list-style: decimal;
}

#content > aside > h2:first-child {
	background: url('sb_arrow.gif') no-repeat 30px 0;
}

#content > section > article {
	padding: 25px; margin: 0 0 25px 0; background: #F6F6F6;
	border-top: solid 2px #E4E4E4; overflow: hidden;
}
#content > section > article:last-child {margin: 0;}

.gallery {
	width: 100% !important; background: #F6F6F6;
	padding: 0 0 20px 0;
	border-top: solid 2px #E4E4E4; overflow: hidden;
}

.gallery .item {
	float: left; padding: 0 24px 0 25px; margin: 25px 0 25px 0;
	width: 251px; border-right: solid 2px #E4E4E4;
}
.gallery .item-last {border: none;}
.gallery .item-sep {
	clear: both; margin: 0 25px;
	border-top: solid 1px #DADADA;
}
.gallery .item img {display: block; margin: 0 auto;}
.gallery .item .link-more {color: #228D8F;}
.gallery .item .link-left {float: left;}
.gallery .item p {margin: 0 0 15px 0;}

.portfolio .item h3 {font-size: 20px !important; margin: 20px 0 10px 0 !important;}
.portfolio .item a img {
	border: solid 3px #2F999B;
	box-shadow: 5px 5px 0 #E2E2E2; -moz-box-shadow: 5px 5px 0 #E2E2E2; -webkit-box-shadow: 5px 5px 0 #E2E2E2;
}
.references .item {background: url('i_quote.gif') no-repeat 10px 0;}
.references .item h3 {
	margin: 10px 0 10px 0 !important; padding: 10px 0 0 0;
	border-top: solid 1px #DADADA; color: #747474 !important;
	font-size: 16px !important;
}

.portfolio-details img {border: solid 3px #D3D3D3; margin: 0 0 5px 0;}
.portfolio-details h2, .reference h2 {font-size: 20px !important; color: #228D8F !important; text-transform: none !important;}
#content .portfolio-details h3, #content .reference h3 {margin: 0 0 20px 0 !important; padding: 0;}
.desc-h {overflow: hidden; clear: both; margin-top: 20px;}
.desc {
	padding: 20px 0; margin: 0 0 25px 0; overflow: hidden;
	border-top: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
}
.desc-h h3 {float: left; width: 50%; }
.desc .col {float: left; width: 50%; margin: 0;}

.reference img {margin: 0 0 25px 0;}

article figure {float: right; padding: 0 0 10px 10px;}
article time {color: #858585; margin: 0 0 15px 0; display: block;}
.short time {margin-top: 0;}
.short {}

.sb-menu {
	padding: 15px 0;
	border-left: solid 5px #228D8F;
	background: url('sb_menu_bg.gif') no-repeat top right #339FA1;
}
	.sb-menu a {
		padding: 9px 25px 8px; display: block;
		color: #EDFEFE;
	}
	.sb-menu a:hover, .sb-menu .active {
		background: url('sb_menu_h.png') no-repeat;
	}

#sb-folio {}
	#sb-folio-img {
		padding: 20px 0 0 14px; height: 269px;
		border-left: solid 5px #228D8F;
		background: url('sb_menu_bg.gif') no-repeat top right #339FA1;
	}
		#sb-folio-img img {
			display: block; border: solid 3px #228D8F;
		}
	#sb-folio ul {padding: 0 25px; background: url('sb_folio_bg.png') no-repeat 30px 0;}
	#sb-index #sb-folio ul {background-color: #F3F3F3; min-height: 226px; border-bottom: solid 1px #E0E0E0;}
		#sb-folio li {border-top: solid 1px #E0E0E0;}
		#sb-folio li:first-child {border: none;}
		#sb-folio li a {
			display: block; padding: 18px 10px 0 0; min-height: 52px;
			background: url('sb_folio_arrow.gif') no-repeat right;
			color: #464646;
		}
		#sb-folio li a:hover {background-image: url('index_slider_arrow.gif');}
		#sb-folio li strong {display: block;}
		#sb-folio .active a {color: #339FA1;}

#sb-cms {
	padding: 20px 25px; text-align: center; height: 210px;
	background: url('sb_cms_bg.gif') no-repeat top right #4E4E4E;
}
#sb-cms img {margin: 5px 0 21px 0;}
#sb-pp {margin: 20px 0 0 0; padding: 0 0 20px 0; background: #E9E9E9;}
#sb-pp .button, #sb-cms .button {margin: 0 auto;}
#sb-pp .button {margin-top: 10px;}

#index-slider {
	overflow: hidden; background: #F3F3F3;
	border-bottom: solid 5px #228D8F;
}
	#index-slider-links {
		float: left; width: 276px; margin: 10px 0 0;
	}
		#index-slider-links li {
			padding: 9px 0 0 25px; height: 24px; cursor: pointer;
			background: url('index_slider_arrow.gif') no-repeat 241px 12px;
		}
		#index-slider-links li:hover, #index-slider-links li.active {
			background: url('index_slider_h.gif') no-repeat;
		}
	#index-slider-slides {
		float: right; width: 305px; height: 284px;
		position: relative;
	}
		#index-slider-slides li {
			position: absolute; top: 0; left: 0; z-index: 5;
			width: 305px; height: 284px;
		}
		#index-slider-slides li a {display: block; height: 100%;}
		#index-slider-slides li span {
			position: absolute; bottom: 0; left: 0;
			width: 265px; padding: 15px 20px;
			background: url('black_80.png'); color: #fff;
		}
		li#index-slider-0 {background: url('slider-index/0.jpg') no-repeat; z-index: 20;}
		#index-slider-1 {background: url('slider-index/1.jpg') no-repeat;}
		#index-slider-2 {background: url('slider-index/2.jpg') no-repeat;}
		#index-slider-3 {background: url('slider-index/3.jpg') no-repeat;}
		#index-slider-4 {background: url('slider-index/4.jpg') no-repeat;}
		#index-slider-5 {background: url('slider-index/5.jpg') no-repeat;}
		#index-slider-6 {background: url('slider-index/6.jpg') no-repeat;}
		#index-slider-7 {background: url('slider-index/7.jpg') no-repeat;}
		
#index-news-archives {
	float: right; padding: 5px 35px 10px 0; margin: 23px 25px 0 0;
	color: #A7A7A7; font-weight: bold;
	background: url('i_archives.gif') no-repeat right;
}
#index-news-archives:hover {color: #777;}

#index-news-title {height: 20px;}
#index-news {
	padding: 20px 0; overflow: hidden; min-height: 115px;
	border-top: solid 1px #E0E0E0;
	border-bottom: solid 1px #E0E0E0;
}
	#index-news article {
		float: left; width: 258px; padding: 0 25px;
		border-left: solid 1px #E0E0E0;
	}
	#index-news article:first-child {border: none;}
	#index-news article time {float: right;}
	#index-news article p {margin: 0 0 10px 0;}
	.link-more {
		color: #848484; text-transform: uppercase; 
		font-weight: bold; font-size: 11px; float: right;
	}

#index-contact {
	float: left; width: 309px;
}
	#index-contact form {
		padding: 20px 0 20px 25px; min-height: 205px;
		background: #F5F5F5;
		border-bottom: solid 5px #4E4E4E;
	}
	#index-contact label {padding: 8px 0 0 9px; color: #888; font-size: 13px;}
	#index-contact .input, #index-contact .textarea {padding: 3px 0;}
	#index-contact .input input {
		width: 240px; float: none;
	}
	#index-contact .input-short {float: left; clear: none; padding-right: 10px; width: 124px;}
	#index-contact .input-short input {width: 106px; clear: none;}
	#index-contact .textarea textarea {
		width: 240px; height: 95px;
	}
	#index-contact .submit {margin: 0 25px 0 0;}
	#index-contact .submit input {
		width: 77px; height: 27px;
		background: url('submit_small.gif') no-repeat;
	}
	#index-contact .submit input:hover {background-position: bottom;}

#index-wspolpraca {
	float: left; width: 308px;
}
	#index-wspolpraca section {
		padding: 20px 25px; min-height: 205px;
		border-bottom: solid 5px #4E4E4E;
		background: url('index_wspolpraca.gif') no-repeat top right #E9E9E9;
	}
	#index-wspolpraca section p:first-child {
		padding: 0 0 20px 0; margin: 0 0 20px 0; font-weight: bold;
		border-bottom: solid 1px #DBDBDB;
	}
	#index-wspolpraca-desc {min-height: 165px;}
	#index-wspolpraca .button {margin: 0 auto 0;}

.cols3 {
	padding: 25px 0; margin: -25px -25px 25px -25px;
	overflow: hidden; background: #F9F9F9;
	border-bottom: solid 1px #DEDEDE;
}
	.cols3 .col {
		float: left; width: 155px; padding: 0 25px 0 25px;
		border-left: solid 1px #DEDEDE;
	}
	.cols3 .col:first-child {border: none;}

.button {
	display: block; padding: 9px 0 0 0;
	width: 209px; height: 28px;
	text-align: center; color: #fff; 
	font-size: 14px; font-weight: bold; font-family: ComfortaaBold;
	background: url('submit.png') no-repeat;
}
.button:hover {background-position: bottom; color: #fff;}
#sb-pp .button, #index-wspolpraca .button {background-image: url('submit_white.png'); color: #7E7E7E;}

/* -- STRONICOWANIE -- */
.pager {
	padding: 20px 10px; background: #F6F6F6;
	font-size: 14px;
}
	.pager ul {
		margin: 0; line-height: 1em;
		text-align: center;
	}
	.pager li {
		display: inline; padding: 0 8px 0 11px; margin: 0;
		border-left: solid 1px #CBCBCB;
	}
	.pager li:first-child {border: none;}
	.pager li a {font-weight: bold;}

/* -- FORMULARZE -- */
.input input, .textarea textarea, .input select {
	padding: 5px 8px;
	border: solid 1px #BEBEBE; background: #FFF;
	color: #888; font-size: 13px; font-family: Arial, sans-serif;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	box-shadow: 1px 1px 1px #ddd; -moz-box-shadow: 1px 1px 1px #ddd; -webkit-box-shadow: 1px 1px 1px #ddd;
}
.input input:focus, .textarea textarea:focus, .input select:focus {
	border: solid 1px #228D8F; color: #000;
}
.input, .textarea {
	padding: 8px 0; clear: both;
	overflow: hidden;
}
.input label, .textarea label {
	width: 200px; float: left; display: block;
	padding: 8px 0;
}
.textarea label {width: 500px; float: none;}
.input input {width: 340px; float: right;}
.input select {width: 358px; float: right;}
.textarea textarea {width: 548px; height: 150px;}

.error-container {clear: both;}
.error {padding: 4px 0 0 0; color: #cb0100;}
.input .error {margin: 0 0 0 210px;}
.error-field {border: solid 1px #e59ea4 !important;}

.submit {padding: 5px 0; clear: both;}
.submit input {
	float: right; bordeR: none;
	width: 209px; height: 37px; display: block;
	padding: 0 0 0 0; margin: 0 0 10px 0;
	text-align: center; font-weight: bold; color: #fff;
	background: url('submit.png') no-repeat; cursor: pointer;
}

.submit input:hover {background-position: bottom;}

/* -- KOMUNIKATY -- */
.msg-ok, .msg-warn, .msg-error, .msg-info {
	position: relative; display: block;
	margin: 0 0 25px 0; padding: 15px 25px;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	line-height: 1.5em;
}
.msg-ok {
	background: #d3f5b8;
	color: #3d6d0a; border: solid 1px #6ac343;
}
.msg-warn {
	background: #ffe2ac;
	color: #785a26; border: solid 1px #ff9908;
}
.msg-error {
	background: #fff6f7;
	color: #e85857; border: solid 1px #e59ea4;
}
.msg-info {
	background: #b7e5f5;
	color: #1d4976; border: solid 1px #6bb5fe;
}