@import url('../default/style.css');

#content.oferta {}
	#bg.page_100 .oferta .ccenter{background:url('./images/ofertaBgStrony.gif') no-repeat right 660px;}
	#bg.page_101 .oferta .ccenter{background:url('./images/ofertaBgSklep.gif') no-repeat right 243px;}
	#bg.page_103 .oferta .ccenter{background:url('./images/ofertaBgExe.gif') no-repeat right 253px;}
	#bg.page_104 .oferta .ccenter{background:url('./images/ofertaBgApi.gif') no-repeat right 240px;}
	#bg.page_102 .oferta .ccenter{}
	#bg.page_105 .oferta .ccenter{}
	
	#bg.page_100 .oferta header.naglowek{background:url('./images/hofeBg_strony.png') no-repeat 31% bottom;}
	#bg.page_101 .oferta header.naglowek{background:url('./images/hofeBg_sklepy.png') no-repeat 31% bottom;}
	#bg.page_103 .oferta header.naglowek{background:url('./images/hofeBg_api.png') no-repeat 31% bottom;}
	#bg.page_104 .oferta header.naglowek{background:url('./images/hofeBg_integracje.png') no-repeat 28% bottom;}
	#bg.page_102 .oferta header.naglowek{background:url('./images/hofeBg_projekty.png') no-repeat 35% bottom;}
	#bg.page_105 .oferta header.naglowek{background:url('./images/hofeBg_druk.png') no-repeat 42% bottom;}
	
h2 {margin:0; padding-bottom:0;}
#content, #content p, #content li {}
#content li {/*margin-top:3px; margin-bottom:2px; padding:0 0 0 23px; background: url("../default/images/pktV.png") no-repeat scroll left 2px transparent;*/}


nav.oferta {margin-top: 10px;}
	#content nav.oferta li{margin:0px; padding:0; float:left; background:none;}
	nav.oferta li a{display:block; margin:0 20px 20px 0; padding:0; float:left; text-align: center; background-repeat:no-repeat; background-position:center 44px; background-color: #222222; font:normal 16px SquareCn; color:#c0bbbb; text-transform:uppercase;
		-webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -ms-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease;}
	nav.oferta li span{display:inline-block; text-indent:16px; background:transparent url('../default/images/pkt.gif') no-repeat left 17px; }
		nav.oferta li.id_100 a, nav.oferta li.id_101 a{width:485px; height:225px;}
		nav.oferta li.id_102 a, nav.oferta li.id_103 a, nav.oferta li.id_104 a, nav.oferta li.id_105 a{width:232px; height:170px; background-position: center 33px;}
			nav.oferta li.id_101 a, nav.oferta li.id_105 a{margin-right:0;} /* wyrownianie */
		nav.oferta li.id_100 a{background-image:url('../default/images/oferta_strony.png'); }
		nav.oferta li.id_101 a{background-image:url('../default/images/oferta_sklepy.png'); }
		nav.oferta li.id_102 a{background-image:url('../default/images/oferta_projekty.png'); }
		nav.oferta li.id_103 a{background-image:url('../default/images/oferta_aplikacje.png'); }
		nav.oferta li.id_104 a{background-image:url('../default/images/oferta_integracje.png'); }
			nav.oferta li.id_104 a span{width:118px;}
		nav.oferta li.id_105 a{background-image:url('../default/images/oferta_druk.png'); }
	
		/*obnizenie txt*/
		#content nav.oferta li span.navi_span {margin-top:185px; text-indent: 0; background:none; position:relative;}
			#content nav.oferta li span.navi_span::after, #content nav.oferta li span.navi_span::before {content:" "; display:block; width:15px; height:1px; position:absolute; top:50%; background:transparent url('../default/images/pkt.gif') no-repeat center center; }
			#content nav.oferta li span.navi_span::after {left:-19px;}
			#content nav.oferta li span.navi_span::before {right:-19px;}
		#content nav.oferta li.id_102 a .navi_span, #content nav.oferta li.id_103 a .navi_span, #content nav.oferta li.id_104 a .navi_span, #content nav.oferta li.id_105 a .navi_span{margin-top:130px;}
		#content nav.oferta li.id_104 a .navi_span {margin-top:118px;}
		
div.boxLeft, div.boxRight {width:32%;  margin:3% 0; padding:2% 14% 2% 3%; font-size:14px; text-align:left;} 
	div.boxLeft p, div.boxRight p{text-align:left;} 
div.boxLeft {float:left; background:#222222 url('./images/baner_kontakt.png') no-repeat right center;}
	/* BOX --- strony www */
	.stronyWww.boxLeft, .stronyWww.boxRight {display:block; float:left; width:48%; background:#222222 none; margin: 3% 0; }
	.stronyWww.boxLeft {padding:0; text-align:center;}
		.stronyWww.boxLeft p{display:block; text-align:center; padding:7px 0 6px;}
		.stronyWww.boxLeft a, .stronyWww.boxLeft span{display:block; float:left}
		.stronyWww.boxLeft a{width:46%; padding-bottom:.5em; background:#222222;}
			.stronyWww.boxLeft a.kontaktWww{padding-top:93px; background:transparent url('./images/baner_mail.png') no-repeat center 27%;}
			.stronyWww.boxLeft a.formularzWww{float:right; padding-top:75px; background:transparent url('./images/baner_form.png') no-repeat center 19%;}
		.stronyWww.boxLeft span{width:8%; padding:45px 0 48px; background:transparent url('./images/baner_lub.gif') no-repeat center center;}
	.stronyWww.boxRight{width:34%; float:right; font-size:14px; color:#919191; padding-top:2.8em; padding-bottom:2.8em; padding-left:4%; padding-right:10%; background:#222222 url('./images/baner_logo.png') no-repeat 95% center; }
		.stronyWww.boxRight span{color:#fff;}
	.realizacjeGo.projekty.stronyWww { width: 35%;}
	/* BOX --- sklepy www */
	.sklepyWww.boxLeft, .sklepyWww.boxRight {display:block; float:left; width:48%; background:#222222 none; margin: 3% 0; }
	.sklepyWww.boxLeft {padding:0; text-align:center;}
		.sklepyWww.boxLeft p{display:block; text-align:center; padding:7px 0 6px;}
		.sklepyWww.boxLeft a, .sklepyWww.boxLeft span{display:block; float:left}
		.sklepyWww.boxLeft a{width:46%; padding-bottom:.5em; background:#222222;}
			.sklepyWww.boxLeft a.kontaktWww{padding-top:93px; background:transparent url('./images/baner_mail.png') no-repeat center 27%;}
			.sklepyWww.boxLeft a.formularzWww{float:right; padding-top:75px; background:transparent url('./images/baner_form.png') no-repeat center 19%;}
		.sklepyWww.boxLeft span{width:8%; padding:45px 0 48px; background:transparent url('./images/baner_lub.gif') no-repeat center center;}
	.sklepyWww.boxRight{width:34%; float:right; font-size:14px; color:#919191; padding:2.8em 12% 2.8em 3%; background:#222222 url('./images/baner_integra.png') no-repeat 97% center; }
		.sklepyWww.boxRight span{color:#fff;}
	/* BOX --- fotolia */
	div.integracja a {display:block; width:48%; margin: 3% 0; font-size:14px;float:left; background-color:#222222;}
	article div.integracja a {color:#919191;}
	div.integracja a span {color:#fff;}
		.boxLeft.fotolia {width:35%; padding: 3.5em 12% 3.5em 3%; background:#222222 url('./images/baner_mail.png') no-repeat 93% center;}
		.appdemo.boxRight{ float:right; width:33%; margin-bottom:1em;  padding:1.5em 12% 1.5em 3%; background:#222222 url('./images/baner_demov.png') no-repeat 93% center;}
		.realizacjeGo.boxRight {float:right; width:33%; margin-top:0; padding:1.5em 12% 1.5em 3%; background:#222222 url('./images/baner_integra.png') no-repeat 97% center;}
	/* BOX --- aplikacje */
	div.aplikacje a {display:block; width:48%; margin: 3% 0; font-size:14px;float:left; background-color:#222222;}
	article div.aplikacje a {color:#919191;}
	div.aplikacje a span {color:#fff;}
		.aplikacje .boxLeft {width:35%; padding: 2.8em 12% 2.8em 3%; background:#222222 url('./images/baner_mail.png') no-repeat 93% center;}
		.aplikacje .boxRight{ float:right; width:33%; margin-bottom:1em;  padding:1.5em 12% 1.5em 3%; background:#222222 url('./images/baner_integra.png') no-repeat 97% center;}
	/* BOX --- projekty */
	.realizacjeGo.projekty { width: 33%; margin: 3% 0 0; padding: 1.8em 12% 1.7em 3%; font-size:14px; float: right;  background: url("./images/baner_realizacjepro.png") no-repeat scroll 93% center #222222;}
	.realizacjeGo.ofertaDruk { width: 33%; margin: 1.2em 0; padding: 1.8em 12% 1.7em 3%; font-size:14px; float: right;  background: url("./images/baner_ofertapro.png") no-repeat scroll 93% center #222222;}
		#bg article .boxMail {width:35%;  font-size: 14px; color: #919191;  margin: 3% 0; float: left; padding: 4.1em 12% 4.1em 3%; background:#222222 url('./images/baner_mail.png') no-repeat 93% center; color: #919191;}
	/* BOX --- druk */
	div.druk a {display:block; width:48%; margin: 3% 0; font-size:14px; float:left; background-color:#222222;}
	article div.druk a {color:#919191;}
	div.druk a span,.boxMail span {color:#fff;}
		.druk .boxLeft {width:35%; padding: 2.8em 12% 2.8em 3%; background:#222222 url('./images/baner_mail.png') no-repeat 93% center;}
		.realizacjeGo.druk { width: 33%; margin: 3% 0; padding: 2.2em 12% 2.1em 3%; font-size:14px; float: right;  background: url("./images/baner_logo.png") no-repeat scroll 93% center #222222;}
		
	
div.boxRight {float:right; background:#222222 url('./images/baner_logo.png') no-repeat right center;}
div.boxRight.realizacjeGo {margin-top: -1.5%; background:#222222 url('./images/baner_integra.png') no-repeat right center;}
div.boxRight.demo {background:#222222 url('./images/baner_demov.png') no-repeat 91% center;}
	/*div.boxLeft a, div.boxRight a{padding-right:16px; background: url('../default/images/aLink.png') no-repeat right center;}*/
	
/*  OFERTA  ############################################################## */
/*  PROJEKTY GRAFICZNE  */
article section.projBox {height:180px; margin:18px 0; padding:0;  background-color:#222222;}
article section.projBox header{}
article section.projBox .projImg{float:left; width:24%; height:180px; margin-right:3%;   background-position:center center; background-repeat:no-repeat;}
article section.projBox p{ font:normal 14px/1.4em Square; color:#878787;}
article section.projBox h2{display:inline-block; padding:0; text-align: center; font: normal 18px SquareCn; color:#fff; text-transform: uppercase; position:relative;}
article section.projBox h2 span{ text-transform: none;}
	article .section1 .projImg{ background-image:url('../default/images/oferta_projekty.png');}
	article .section2 .projImg{ background-image:url('../default/images/oferta_strony.png');}
	article .section3 .projImg{ background-image:url('../default/images/oferta_druk.png');}
article section.projBox .projDesc{float:left; width:71%;}
	article .section1 header{margin-top:36px;}
	article .section2 header{margin-top:29px;}
	article .section3 header{margin-top:36px;}
	
.page_102 article section.noGroup{margin:60px 0 20px; padding:0 20px 20px;}
	.page_102 article section.noGroup header{margin-bottom:20px;}
	.page_102 article section.noGroup h2{}
	.page_102 article section.noGroup .zlecenie{width:20%; padding-left:1%; padding-right:5.5%; float:left; background:transparent url('../default/images/nextKrok.png') no-repeat right 45px;}
		.page_102 article section.noGroup .zlecenie:last-child{ padding-left:0%; padding-right:0%; background:0 none transparent;}
	.page_102 article section.noGroup .zlecenie > div{}
	.page_102 article section.noGroup .zlecenie p{ padding-top:25px; text-align:left;}
		.page_102 article section.noGroup .zlecenie > div > div{height:125px;}
		.page_102 article section.noGroup .zlecenie div.krok1 > div{background:transparent url('images/zleKrok1.png') no-repeat center center;}
		.page_102 article section.noGroup .zlecenie div.krok2 > div{background:transparent url('images/zleKrok2.png') no-repeat center center;}
		.page_102 article section.noGroup .zlecenie div.krok3 > div{background:transparent url('images/zleKrok3.png') no-repeat center center;}
		.page_102 article section.noGroup .zlecenie div.krok4 > div{background:transparent url('images/zleKrok4.png') no-repeat center center;}

/*  DRUK  */
	article .proj1 header{margin-top:43px;}
	article .proj2 header{margin-top:36px;}
	article .proj3 header{margin-top:50px;}
	article .drukBox.proj1 .projImg{ background-image:url('images/druk_cyfra.png');}
	article .drukBox.proj2 .projImg{ background-image:url('images/druk_offset.png');}
	article .drukBox.proj3 .projImg{ background-image:url('images/druk_baner.png');}
			
/*  STRONY INTERNETOWE */
.page_100 {}	
section.krokiBox{float:left; border:1px solid #3F3F3F; margin-top:50px; margin-bottom:0px; padding:0 0 20px 11px; clear:both;}
	.krokiBox header{margin-bottom:30px; margin-top: -10px; text-align:center;}
	.krokiBox header h2{display:inline-block; margin:-10px 0 0 0; padding:0 10px; background-color:#292929;}
	.page_100 article section .kroki{width:23%; padding-left:0; padding-right:2.5%; float:left;text-align:center;}
		.page_100 article section .kroki .nr{width:100%; height:185px; padding:0px; margin:0px 0 20px;}
		.page_100 article section .kroki p{text-align:center;}
			.page_100 article section .kroki:nth-child(2) .nr{background:transparent url('images/krok1.png') no-repeat center center;}
			.page_100 article section .kroki:nth-child(3) .nr{background:transparent url('images/krok2.png') no-repeat center center;}
			.page_100 article section .kroki:nth-child(4) .nr{background:transparent url('images/krok3.png') no-repeat center center;}
			.page_100 article section .kroki:nth-child(5) .nr{background:transparent url('images/krok4.png') no-repeat center center;}
			
		.page_100 article section .kroki .titleKrok{padding:0; font:normal 16px SquareCn,Arial,Helvetica,sans-serif; color:#fff;}
		.page_100 article section .kroki .titleKrok + p{padding-top:0px;}
	.page_100 article section .kroki:last-child{ padding-left:0%; padding-right:0%; background:0 none transparent;}
	
/**/
	.page_100 article section{margin:0 0 30px 0; cursor:pointer;}
	.page_100 article .title{display:block; margin:0; padding:6px 0 6px 10px; background-color:#222222; background-image: url("../default/images/reset_zwijak.png"); background-repeat:no-repeat; background-position:953px -47px;}
		.page_100 article .title.zwin{background-position:953px -4px;}
	.page_100 article .title h2{display:inline-block; color:#fff;  font:normal 15px Square,Arial,Helvetica,sans-serif;  clear:none;}
	.page_100 article .desc{ margin:0; padding:0 10px 10px 10px; background-color:#222222;}
		.page_100 article .desc p{display:inline;}