/* common */
			body {
	margin: 0;
	padding: 0;
	font: 11px/1.33em normal Tahoma, Geneva, sans-serif;
	text-align: left;
	color: #d1005c;
	background: #f9f8dc;
}
			input,textarea,select { font-family: verdana, geneva, sans-serif; font-size: 11px; }
			h1, h2, h3, h4, p {
	clip: rect(auto,auto,auto,20px);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
			ul, ol, li { list-style: none; margin: 0; padding: 0; }
			img,fieldset { border: 0; padding: 0; margin: 0; }
			a { text-decoration: none; color: #d1005c; }
			a:hover { color: #276570; }

#body:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

		
			.tr	{ display: block; text-align: left !important; text-indent: -9999px; height: 100%; width: 100%; background-repeat: no-repeat; background-position: top left; }
			a, .tr { outline: 0; }
			/*overwrites*/
			.mb2 { margin-bottom: 2px !important; }
			.mr2 { margin-right: 2px !important; }
			.mr8 { margin-right: 8px !important; }
			.mb0 { margin-bottom: 0 !important; }
			
			/* icons */
			.ico-i, .ico-portfolio, .ico-mail, .ico-phone, .ico-arrows, .ico-single-arrow , .ico-arrows-b, .ico-news { background-image: url(../img/deco/icons.png); background-repeat: no-repeat; }
			.ico-i { background-position: 0 0;  }
			.ico-portfolio { background-position: 0 -21px; }
			.ico-mail { background-position: 0 -42px; }
			.ico-phone { background-position: 0 -63px; }
			.ico-arrows { background-position: 0 -84px; }
			.ico-single-arrow { background-position: 0 -105px; } 
			.ico-arrows-b { background-position: 0 -126px; }
			.ico-news { background-position: 0 -147px; }
			.ico-map { background-image: url(../img/deco/icon.world.png); background-repeat: no-repeat;}
			/* ico numbers */
			.ico-1, .ico-2, .ico-3, .ico-4, .ico-5, .ico-6, .ico-7, .ico-8, .ico-9, .ico-10, .ico-11, .ico-12, .ico-13 { background-image: url(../img/deco/num.png); background-repeat: no-repeat; }
			.ico-1 { background-position: -22px 0 }
			.ico-1:hover, .active .ico-1 { background-position: 0 0; }
			.ico-2 { background-position: -22px -21px }
			.ico-2:hover, .active .ico-2 { background-position: 0 -21px; }
			.ico-3 { background-position: -22px -42px; }
			.ico-3:hover, .active .ico-3 { background-position: 0 -42px; }
			.ico-4 { background-position: -22px -63px; }
			.ico-4:hover, .active .ico-4 { background-position: 0 -63px; }
			.ico-5 { background-position: -22px -84px; }
			.ico-5:hover, .active .ico-5 { background-position: 0 -84px; }
			.ico-6 { background-position: -22px -105px; }
			.ico-6:hover, .active .ico-6 { background-position: 0 -105px; }
			.ico-7 { background-position: -22px -126px; }
			.ico-7:hover, .active .ico-7 { background-position: 0 -126px; }
			.ico-8 { background-position: -22px -147px; }
			.ico-8:hover, .active .ico-8 { background-position: 0 -147px; }
			.ico-9 { background-position: -22px -168px; }
			.ico-9:hover, .active .ico-9 { background-position: 0 -168px; }
			.ico-10 { background-position: -22px -189px; }
			.ico-10:hover, .active .ico-10 { background-position: 0 -189px; }
			.ico-11 { background-position: -22px -210px; }
			.ico-11:hover, .active .ico-11 { background-position: 0 -210px; }
			.ico-12 { background-position: -22px -231px; }
			.ico-12:hover, .active .ico-12 { background-position: 0 -231px; }
			.ico-13 { background-position: -22px -252px; }
			.ico-13:hover, .active .ico-13 { background-position: 0 -252px; }
			
			
			/* text-replace */
			#brandwide { background-image: url(../img/tr/brandwide.png); }
			
			#bottles { background-image: url(../img/tr/bottles.jpg); }
			#flowers { background-image: url(../img/tr/flowers.jpg); }
			#comeenjoywin { background-image: url(../img/tr/comeenjoywin.jpg); }
			#leaf { background-image: url(../img/tr/leaf.jpg); }	
			#qx { background-image: url(../img/tr/qx.png); }
			#scheme { background-image: url(../img/tr/scheme.png); }
			/* text-replace - PL */
			#identity { background-image: url(../img/tr/header-pl.png); }
			/* text-replace - EN */
			#identity-en { background-image: url(../img/tr/header-en.png); }
			
			/* layout, main page */
			#wrapper {
	width: 866px;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 21px;
	margin-left: auto;
}
			
			#header	{ height: 34px; overflow: hidden;}
			#header h1 { width: 200px; height: 34px; float: left; }
			#header h2 { width: 509px; height: 34px; float: left; }
			#header ul { float: left; height: 34px; margin-top: 9px; overflow: hidden; }
			#header ul li { width: 22px; height: 21px; float: left; }
			
			/*body*/
			#body { min-height: 388px; width: 868px; }
			#body .column-left { width: 349px; display:inline; height: 388px; float: left; margin: 0 0 0 51px; }
			#body .column-right { width: 300px; display:inline; float: left; margin: 171px 0 0 67px; }
			
			/* body - main */
			#body #main .deco-top { width: 868px; height: 12px; background: url(../img/deco/tr.png) no-repeat right top; }
			#body #main .deco-top span { display: block; height: 12px; width: 12px; background: url(../img/deco/tl.png) no-repeat left top;}
			#body #main .deco-bottom { width: 868px; height: 12px; background: url(../img/deco/br.png) no-repeat right top;}
			#body #main .deco-bottom span { display: block; height: 12px; width: 12px; background: url(../img/deco/bl.png) no-repeat left top;}
			#body #main ul { margin: 0 12px; display: block; overflow: hidden; width: 844px; height: 364px; }
			#body #main ul li { display: block; float: left; width:278px; height:179px; border: 1px solid #b9126a; }
			#body #main ul .bbd { border-bottom-style: dotted; }
			#body #main ul li a { background-position: 0 -179px; }
			#body #main ul li a:hover { background-position: 0 0; }
			#body #main ul li .hovered { background-position: 0 0; }
			/* body - contact */
			#body #contact  .column-left .form-wrapper { margin-top: 100px; }
			#body #contact  .column-left .form-wrapper .top { height: 58px; width: 100%; background: url(../img/deco/contact-top.png) no-repeat left top; }
			#body #contact  .column-left .form-wrapper .body { height: 224px; width: 100%; background: url(../img/deco/contact-body.png) repeat-y left top; }
			#body #contact  .column-left .form-wrapper .foo{ height: 5px; width: 100%; background: url(../img/deco/contact-bottom.png) no-repeat left top; }
			#body #contact  .column-left .form-wrapper form { padding-top: 15px; overflow: hidden; }
			#body #contact  .column-left .form-wrapper form.load { background:url(../img/deco/load2.gif) 50% 50% no-repeat;} 
			#body #contact  .column-left .form-wrapper form h5 { font-size: 1.2em; color: #F9F8DC; margin-left:57px; }
			#body #contact  .column-left .form-wrapper form p { color: #F9F8DC; margin: 0 57px;  }
			#body #contact  .column-left .form-wrapper input ,#body .column-left .form-wrapper textarea { width:252px; display: block; border: 0; padding: 5px; cursor: pointer; color: #f9f8dc; background-color: transparent;}
			#body #contact  .column-left .form-wrapper input { height: 1.3em; line-height: 1.3em; margin: 0 0 10px 57px; }
			#body #contact .column-left .form-wrapper textarea { height: 7em; line-height: 1.3em; margin: 0 0 0 57px; overflow: auto;}
			#body #contact  .column-left .form-wrapper .focused { color: #d1005c; background: #f9f8dc; }
			#body #contact  .column-left .form-wrapper #form-submit { width: 22px; height: 21px; float: right; margin: 1.5em 2em 0 0; outline: 0;}
			#body #contact  .column-right ol li { display: block; width: 300px; margin-bottom: 32px; }
			#body #contact  .column-right ol li a, #body .column-right ol li p { display: block; padding-left: 41px; line-height: 21px; height: 21px; }
			#body #contact  .column-right ol li .ico-phone { background-position: 7px -63px; }
			#body #contact  .column-right ol li .ico-mail { background-position: 7px -42px; }
			/*body - info*/
			#body #info .column-left { margin: 48px 0 0 40px; float: left; display: inline; padding-left: 1em; width: 380px; height: auto; border-left: 1px solid #d1005c; }
			#body #info .column-left p { letter-spacing: 0.08em; line-height: 1.2em }
			#body #info .column-right { margin: 48px 0 0 33px; float: left; display: inline; padding-left: 1em; width: 380px; height: auto; border-left: 1px solid #d1005c; letter-spacing:0.08em; }
			#body #info .column-right h3 { font-size: 1em; margin: 26px 0 13px 0; font-weight: normal;}
			.en #body #info .column-right h3 { margin: 39px 0 13px 0; }
			#body #info .column-right li { background: url(../img/deco/bullet.png) no-repeat 0 3px; padding-left: 12px; line-height: 1.19em; }
			#body #info .foo { clear: left; overflow: hidden; margin-left: 51px; }
			#body #info .foo h3 { font-size: 1em; margin: 7em 0 1em 0;}
			#body #info .foo a { font-weight: bold; }
			#body #info .foo span { color: #276570; font-weight: bold; font-size: 1.2em }
			/*body - portfolio*/
			.sub-page-portfolio #body { min-height: 500px; }
			.sub-page-portfolio #foo ul { margin-top: 18px; }
			#body #portfolio { padding: 10px 0 30px; }
			#body #portfolio ul li { width: 271px; height: 203px; float: left; margin: 0 17px 0 0; }
			#body #portfolio ul li a { display: block; }
			#body #portfolio ul li a img { display: block; width: 269px; height: 0; padding: 168px 0 0; border: 1px solid #cc0066; overflow: hidden; }
			#body #portfolio ul li a span {
	display: block;
	padding: 7px 0 0 20px;
	color: #cc0066;
	background: url(../img/icon-arrow.png) no-repeat 0 100%;
	font-size: 12px;
	font-weight: bold;
}
			#body #portfolio ul li a:visited img,
			#body #portfolio ul li a:hover img { height: 168px; padding: 0; }
			#body #portfolio ul li a:hover span { color: #276570; }
			
			#body #img-holder { width: 841px; height: 527px; margin-left: 13px; background:url(../img/deco/load.gif) 50% 50% no-repeat; cursor: wait; }
			#body #img-holder  img { cursor: pointer; }
			.portfolio-page #body { height: auto; }
			.portfolio-page #foo ul { margin-top: -10px; margin-left: 46px; }
			
			/* footer */
			#foo h3 { font-size: 1em; font-weight: normal; letter-spacing: 0.09em; margin:17px 0pt 98px 50px; }
			#foo h3 a:hover strong { color: #d1005c; }
			#foo h3 span { color: #276570; font-weight: bold; font-size: 1.2em }
			
			#foo ul {
	margin-left: 29px;
	position: relative;
	margin-right: 10px;
}
			#foo li { font-size:1.09em; float: left; display: block; width: 84px; text-align: right; }
			#foo li a {
	float: none;
	display: block;
	height: 21px;
	padding-right: 28px;
	line-height: 21px;
	background-repeat: no-repeat;
}
			#foo li .ico-i { background-position: right 0;  }
			#foo li .ico-portfolio { background-position: right -21px; }
			#foo li .ico-mail { background-position: right -42px; }
			#foo li .ico-arrows { background-position: right -84px; }
			
			#foo #foo-language { width: 143px; margin-left: 293px; display: inline; background: url(../img/deco/glasstalk.png) no-repeat top left; }
			#foo #foo-language a { height: 25px; color: #f9f8dc; padding: 0 7px 0 7px; background: url(../img/deco/glasstalk-closing.png) no-repeat top right; }
			
			#foo #foo-portfolio { position: absolute; top: -10px; right: 0px; height: 32px; width: 138px; background: url(../img/tr/portfolio.png) no-repeat top right; }
			#foo #foo-text { position: absolute; top: 9px; right: 4px; width: 397px; font-size: 11px; text-align: left; }
			* html #foo #foo-text { right:157px; }
			
			.sub-page #foo ul { padding-top: 1px; }
			.sub-page #foo li { width: 54px; }
			.sub-page #foo li a { padding-right: 0; }
			.sub-page #foo  #foo-language  { margin-left: 575px; }
			.portfolio-page #foo li { width: 22px; margin-right: 5px; }
			
			.input-hidden { display: none !important;}

#banner { position: relative; padding: 12px 0; background: url(../img/bg-banner.png) no-repeat 0 0; }
#banner .pr-list { width: 844px; margin: 0 auto; }
#banner .nav { position: absolute; height: 21px; right: 34px; bottom: 15px; padding: 0 0 0 12px; background: #f9f8dc url(../img/bg-banner-nav.png) no-repeat 0 0; z-index: 101; }
#banner .nav li { float: left; width: 22px; height: 21px; margin: 0 4px 4px 0; }
#banner .nav li a { display: block; width: 22px; height: 21px; line-height: 21px; color: #d1005d; background: url(../img/deco/num.png) no-repeat 0 0; font-size: 12px; font-weight: bold; text-align: center; text-indent: -100em; overflow: hidden; }
#banner .d { position: absolute; bottom: 15px; height: 22px; line-height: 22px; padding: 0 0 0 10px; color: #fff; background: url(../img/bg-banner-d.png) no-repeat 0 1px; }
#banner .d p { margin: 0; }
#banner .btn-portfolio { position: absolute; width: 22px; height: 21px; right: 12px; bottom: 15px; background: url(../img/deco/icons.png) no-repeat 100% -21px; text-indent: -100em; overflow: hidden; }


/* portfolio: projekty */
#projects { position: relative; padding: 547px 0 0; background: url(../img/bg-project.png) no-repeat 0 0; }
#projects .btn-prev { position: relative; width: 22px; height: 22px; float: left; margin: 0 0 0 50px; background: url(../img/icon-prev.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; z-index: 101; }
#projects .pr-nav { position: relative; width: 400px; min-height: 26px; float: left; margin: 0; z-index: 101; }
#projects .pr-nav li { float: left; width: 22px; height: 21px; margin: 0 4px 4px 0; }
#projects .pr-nav li a { display: block; width: 22px; height: 21px; line-height: 21px; color: #d1005d; background: url(../img/deco/num.png) no-repeat 0 0; font-size: 12px; font-weight: bold; text-align: center; text-indent: -100em; overflow: hidden; }
#projects .pr-list { min-height: 80px; clear: both; padding: 60px 0 0 65px; background: url(../img/deco/bullet.png) no-repeat 50px 67px;  }
#projects .pr-list .p { height: 24px; line-height: 24px; float: left;  }
#projects .pr-list .p .t { display: inline-block; margin: 0 10px 0 0; padding: 0 10px 0 0; color: #cc0066; background: url(../img/icon-divider.png) no-repeat 100% 50%; font-size: 14px; font-weight: bold; cursor: pointer; }
#projects .pr-list .p .t:hover { text-decoration: underline; }
#projects .pr-list .p .v { display: none; position: absolute; left: 12px; top: 12px; width: 841px; z-index: 1; }
#projects .pr-list .p .v .i { display: none; }
#projects .pr-list .p .v .i p { width: 300px; line-height: 1.1em; margin: 20px 50px 0 0; float: right; }
#projects .pr-list .p .v .i .img { display: block; width: 100%; height: 527px; text-align: center; }
#projects .pr-list .p .v .i img { cursor: pointer }
#projects .pr-list .act .t { color: #276570; }
#projects .pr-list .act .v { display: block; }
#projects .pr-list .act .v .i {  }
#projects .empty-t { background: none; }