/* @override 
	http://true.pl/12/_css/style.css
	http://true.pl/www/_css/style.css
	http://true.pl/dev/_css/style.css */



html, body {
  	font-size: 16px;
	line-height: 1.15em;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: "Helvetica57", Arial, sans-serif;
}

body {
	min-width: 1200px;
	margin: 0;
	padding: 0;
	background: #e2e6e9 url(../_img/tlo-opakowanie.png);
}

strong  { font-family: "Helvetica67", Arial, sans-serif; font-weight: normal; }
.upper  { text-transform: uppercase; }

a 		{ color: #2e5092 }
a:hover { color: #1b3365 }
a img 	{ border: none }

hr { 
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
	background: transparent;
	color: #e2e6e9;
	height: 1px;
	font-size: 1px;
	width: 1px;
}


h1 {
	letter-spacing: -1px;
	color: #899192;
	text-align: left;
	text-transform: lowercase;
	margin: 0 0 30px;
	text-shadow: #ffffff 0 1px 0;
	font: normal normal 52px/52px "Helvetica77", Arial, sans-serif;
	 text-align: center;
}


h2 {
	color: #444751;
	text-shadow: #ffffff 0 1px 0;
	font-family: Helvetica67, Arial, sans-serif;
	font-size: 24px;
	line-height: 1.1em;
	font-style: normal;
	font-weight: normal;
	margin: 1em 0 0.25em;
}

h2 span {
	display: block;
	color: #909899;
	font-size: 0.8em;
	lighting-color: 0.8em;
}

h3 {
	color: #444751;
	font-family: Helvetica67, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-shadow: #ffffff 0 1px 0;
	margin: 1em 0 0.5em;
}

h3 span {
	display: block;
	color: #909899;
	font-size: 0.8em;
	lighting-color: 0.8em;
}

h4 {
	color: #444751;
	font-family: Helvetica67, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-shadow: #ffffff 0 1px 0;
	margin: 1em 0 0.25em;
}

.no.top.margin {
	margin-top: 0;
}

.no.margin {
	margin: 0;
}

p {
	margin: 0 0 0.5em;
}

ul {
	margin: 0 0 1em 1em;
	padding-left: 1em;
	list-style-type: square;
}

a.button {
	display: inline-block;
	padding: 4px 8px;
	color: #ffffff;
	float: none;
	clear: both;
	text-decoration: none;
	border: 1px solid #085987;
	border-bottom-color: #04293f;
	border-top-color: #1077a5;
	border-radius: 3px;
	text-shadow: 0 -1px 0 #000;
	font: normal 18px "Helvetica67", Arial, sans-serif;
	background: -webkit-gradient(linear, left bottom, left top, from(#085987), to(#138ec4)), #138ec4;
	background: -moz-linear-gradient(90deg, #085987 0%, #138ec4 100%), #138ec4;
	box-shadow: inset 0 1px 0px #5fb0d4, 0 1px 2px #949d9e;
}

input.button {
	display: inline-block;
	padding: 4px 8px;
	color: #ffffff;
	float: none;
	clear: both;
	text-decoration: none;
	border: 1px solid #085987;
	border-bottom-color: #04293f;
	border-top-color: #1077a5;
	border-radius: 3px;
	text-shadow: 0 -1px 0 #000;
	font: normal 18px "Helvetica67", Arial, sans-serif;
	background: -webkit-gradient(linear, left bottom, left top, from(#085987), to(#138ec4)), #138ec4;
	background: -moz-linear-gradient(90deg, #085987 0%, #138ec4 100%), #138ec4;
	box-shadow: inset 0 1px 0px #5fb0d4, 0 1px 2px #949d9e;
}



a.small.button {
	display: inline-block;
	background: #2e5092;
	padding: 3px 6px;
	margin-bottom: 0;
	margin-top: 0px;
	color: #ffffff;
	float: none;
	clear: both;
	text-decoration: none;
	font-size: 14px;
	font-family: "Helvetica67", Arial, sans-serif;
	background: -webkit-gradient(linear, left top, left bottom, from(#305297), to(#254075)), #2e5092;
	border: 1px solid #132850;
	border-radius: 3px;
	box-shadow: inset 0px 1px 0px #477bb0;
}
a.small.button a:hover {
	background: #1b3365
}

.kolumna {
	float: left;
}

.prawa > .kolumna {
	float: left;
	width: 400px;
}


.prawa > .lewa.kolumna {
	margin-right: 30px;
}

.prawa > .dwie.kolumna {
	float: left;
	width: 460px;
}
.prawa > .dwie.kolumna.lewa {
	margin-right: 20px;
}


#gora {
	padding-top: 0;
}

#opakowanie {
	width: 1200px;
	margin: 0 auto;
	min-height: 100%;
	min-width: 1200px;
	position: relative;
}

#biale {
	background: transparent url(../_img/tlo-biale.png) no-repeat top center; 
}

#kropki {
	background: transparent url(../_img/kropki.png) repeat top center; 
}

#srodek {
	padding-top: 230px;
}

#podstrona {
	padding-bottom: 60px;
}

/* @group CENTRUM */

#co.podstrona #srodek .wstep {
	text-align: right;
	width: 560px;
	float: left;
	margin-left: 20px;
}

#co.podstrona #srodek .wstep big {
	font-size: 28px;
}

#co.podstrona #srodek .wstep h1 {
	text-align: right;
}

#srodek .wstep h1 {
	text-align: center; 
}
#srodek .wstep big { 
	margin-bottom: 50px;
	font-size: 28px;
	line-height: 1.1em;
	font-family: Helvetica67, Arial, sans-serif;
}

#kto #srodek .wstep big span {
	color: #da0000;
}

/* @end*/

/* @group CENTRUM */

#co #prawa {
	width: 360px;
	height: 800px;
	background: #fff;
	position: absolute;
	right: 20px;
	top: 470px;
}


#centrum .wstep {
	text-align: center;
}

#centrum .kolumna {
	float: left;
	width: 360px;
	margin: 0 20px;
	position: relative;
	margin-bottom: 30px;
}

#centrum .kolumna a.button {
	
}

#centrum .kolumna h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: "Helvetica67", Arial, sans-serif;
	text-transform: lowercase;
	font-size: 20px;
}
#centrum .kolumna h2 a {
	text-decoration: none;
}

#centrum .kolumna p {
	line-height: 1.2em;
	margin:0 0 10px;
}



#kto #centrum .kolumna {
	width: 360px;
	height: 170px;
}

/* @end */



/* @group .przyciski .przycisk */
.przyciski {
	text-align: center;
	padding-top: 30px;
}

.przyciski > .przycisk {
	display: inline-block;
}

.przyciski > .przycisk > label {
	margin-bottom: 1ex;
	font-size: 14px;
	display: block;
	color: #444751;
}

.przyciski > .przycisk > .przycisk {
	display: inline-block;
	padding: 7px 14px;
	color: #ffffff;
	float: none;
	clear: both;
	text-decoration: none;
	border: 1px solid #5f6567;
	border-bottom-color: #2e3132;
	border-top-color: #92989a;
	border-radius: 3px;
	text-shadow: 0 -1px 0 #000;
	font: normal 24px "Helvetica77", Arial, sans-serif;
	background: -webkit-gradient(linear, left bottom, left top, from(#616869), to(#878f90)), #878f90;
	background: -moz-linear-gradient(90deg, #616869 0%, #878f90 100%), #878f90;
	box-shadow: inset 0 1px 0 #adb1b2, 0 1px 2px #949d9e;
}

.przyciski > .przycisk > .przycisk:hover {
	background: -moz-linear-gradient(90deg, #717879 0%, #9fa6a7 100%), #878f90;
	background: -webkit-gradient(linear, left bottom, left top, from(#717879), to(#9fa6a7)), #878f90;
	box-shadow: inset 0 1px 0px #babebe, 0 1px 2px #949d9e;
}
.przyciski > .przycisk > .przycisk:active {
	background: -moz-linear-gradient(90deg, #555c5d 0%, #2f3334 100%), #878f90;
	background: -webkit-gradient(linear, left bottom, left top, from(#555c5d), to(#2f3334)), #878f90;
	box-shadow: inset 0 0 4px #000;
	border: 1px solid #202324;
}

/* @end */



/* @group NAGŁÓWEK */

/* LOGO */

#true_logo {
	position: absolute;
	top: 45px;
	left: 25px;
}

#grupa_logo {
	position: absolute;
	top: 50px;
	left: 280px;
}

/* DANE KONTAKTOWE */

#kontaktowe {
	position: absolute;
	top: 28px;
	right: 30px;
	color: #515858;
	font: 15px "Helvetica67", Arial, sans-serif;
	padding: 0;
	text-shadow: #fff 0 1px 0;
}

#co #kontaktowe { text-shadow: none }

#kontaktowe span {
	margin-left: 1em;
}

#kontaktowe label {
	color: #889093;
	text-transform: uppercase;
	margin: 5px;
}

#kontaktowe a {
	text-decoration: none;
	text-transform: uppercase;	
	color: #515858;
}


/* @end */

/* @group MENU */


#menu {
	font-style: normal;
	text-transform: uppercase;
	line-height: 0.95em;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 999;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 70px;
	height: 70px;
}

#menu a {
	display: block;
	text-decoration: none;
	padding: 10px; 
}

#menu > li	 { 
	font-family: "Helvetica77", Arial, sans-serif;
	width: 100px; 
	display: inline-block;
	float: left;
	position: relative;
}

#menu > li span {
	color: #444751;
	text-shadow: #ffffff 0 1px 0;
	display: block;
	font-size: 18px;
	line-height: 20px;
	height: 22px;
	position: relative;
	z-index: 99999;
}

#co #menu > li span { text-shadow: none }

#menu > li small {
	display: block;
	color: #9ea3a6;
	text-shadow: #ffffff 0 1px 0;
	font-size: 12px;
	font-family: "Helvetica67", Arial, sans-serif;
	line-height: 14px;
	height: 28px;
	margin-top: 2px;
	position: relative;
	z-index: 99999;
}

#co #menu > li small { text-shadow: none }

#menu > li div {
	position: absolute;
	min-height: 70px;
	top: -70px;
	left: 0;
	right: 0;
	z-index: 99998;
	display: none;
}


#menu .kto   span {	color: #da0000; }
#menu .co    span {	color: #f1a400; }
#menu .jak   span {	color: #94b808; }
#menu .ile   span {	color: #0598cc; }
#menu .komu  span {	color: #8f42ce; }
#menu .gdzie span {	color: #737576; }
#menu .blog span  {	color: #4e4e4e; }

ul#menu > li:hover > ol {
	display: block;
}
#menu > li.hover small,
#menu > li:hover small {
	font-style: normal;
	color: #fff;
	text-shadow: none;
}
#menu > li.hover span,
#menu > li:hover span {
	color: #fff;
	text-shadow: none;
}
#menu > li:hover > div {
	display: block;
}

#menu .kto div,   #menu .kto.hover     {	background-color: rgba(215, 0, 0, .95); }
#menu .co div,    #menu .co.hover      {	background-color: rgba(237, 161, 0, .95); }
#menu .jak div,   #menu .jak.hover     {	background-color: rgba(146, 181, 8, .95); }
#menu .ile div,   #menu .ile.hover     {	background-color: rgba(11, 145, 194, .95); }
#menu .komu div,  #menu .komu.hover    {	background-color: rgba(141, 65, 204, .95); }
#menu .gdzie div, #menu .gdzie.hover   {	background-color: rgba(113, 115, 116, .95); }
#menu .blog div,  #menu .blog.hover    {	background-color: rgba(78, 78, 78, .95); }

#menu li .corner-01 {
	position: absolute;
	bottom: 0;
	left: -10px;
}
#menu li .corner-02 {
	position: absolute;
	bottom: 0;
	right: -10px;
}



/* @end */


/* @group STOPKA */

#stopka {
	background: url(../_img/tlo-stopka.png) no-repeat center top;
	font-size: 12px;
	color: #5b6065;
	clear: both;
	float: none;
	padding: 20px 20px;
	width: 1160px;
	margin: 0 auto;
	position: relative;
	z-index: 599;
}
#jak #stopka {
	padding-top: 100px;
	margin-top: 0;
	
}
#stopka #adres {
	font-size: 14px;
	padding: 0 10px;
	float: left;
}
#stopka #adres .description {
	font-size: 12px;
	text-transform: lowercase;
	margin-bottom: 5px;
}

#stopka #adres h2 {
	font-size: 18px;
	margin: 0 0 10px !important;
	color: #41464c;
}

#stopka ul {
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	line-height: 0.95em;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #909299;
	float: right;
}
#stopka ul ul {
	margin: 0;
}
#stopka em {
	font-style: normal;
	display: none;
}
#stopka ul span {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
	color: #41464c;
	font-family: Helvetica67, Arial, sans-serif;
	text-shadow: #f7fbff 0 1px 0;
}
#stopka ul span a {
	color: #444751;
	display: block;
}
#stopka ul a {
	color: #51535d;
	text-decoration: none;
}
#stopka ul a:hover {
	color: #575b68;
	text-decoration: none;
}

#stopka ul > li li {
	padding: 0;
	line-height: 14px;	
	display: block;
	margin-bottom: 3px;
}

#stopka ul > li {
	float: left;
	width: 100px;
	padding: 0 10px;
}

#copy, #sunrise {
	clear: both;
	padding: 0 10px;
	display: block;
	padding-bottom: 5px;
}
#copy {
	padding-top: 20px;
}
#copy a, #sunrise a {
	color: #5b6065;
}

/* @end */

/* @group PODMENU W OFERCIE */

#submenu {
	position: absolute;
	top: 170px;
/*	padding-top: 10px;
	background-position: center top;
	background-repeat: no-repeat;
*/
}
#submenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 32px;
	border-radius: 4px;
	border-bottom: 1px solid #fff;
}

/* #kto   #submenu { background-image: url(../_img/arrow_submenu_kto.png) } */

#kto #submenu { left: 385px }
#kto   #submenu ul {
	background: -moz-linear-gradient(90deg, #d00 0%, #b00 100%) #da0000;
	background: -webkit-gradient(linear, left bottom, left top, from(#b00), to(#d00)) #da0000;
	box-shadow: inset 0 1px 1px #700;
}

#co #submenu { left: 450px }
#co #submenu ul {
	background: -moz-linear-gradient(90deg, #d79300 0%, #f1a400 100%) #da0000;
	background: -webkit-gradient(linear, left bottom, left top, from(#d79300), to(#f1a400)) #da0000;
	box-shadow: inset 0 1px 1px #8b4800;
}


#co    #submenu ul { background-color: #f1a400; }
#jak   #submenu ul { background-color: #94b808; }
#ile   #submenu ul { background-color: #0598cc; }
#komu  #submenu ul { background-color: #8f42ce; }
#gdzie #submenu ul { background-color: #737576; }

#submenu li {
	float: left;
	text-transform: uppercase;
	border-right: 1px solid rgba(50,50,50, 0.25);
}
#submenu li.last {
	border-right: none;
}

#submenu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 8px 16px;
	height: 16px;
	line-height: 16px;
	font: 16px "Helvetica77", Arial, sans-serif;
	font-weight: normal;
}
#submenu li.first a {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#submenu li.last a {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
#submenu li a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50, 0.2)), to(rgba(25,25,25, 0.2)));
}

.projektowanie #submenu li a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(97, 55, 2, 0.25)), to(rgba(131, 84, 3, 0.3)));
}



/* @end */


/* @group ZAWARTOŚĆ */

.zawartosc {
	float: left;
	width: 560px;
	margin-left: 40px;
}

/* @end */


/* @group WSTĘP */

div.wstep {
	font-family: Helvetica67, Arial, sans-serif;;
	font-size: 28px;
	line-height: 30px;
	font-style: normal;
	color: #444751;  
	text-shadow: #ffffff 0 1px 0;
	margin-bottom: 30px;
	text-align: center;
}

#glowna #wstep {
	color: #fff;
	padding: 0;
	margin-left: 20px;
	text-shadow: none;
	margin-top: 170px;
	width: 450px;
	float: left;
}


/* @end */

/* @group GŁÓWNA */

#glowna #pierwsze.tlo {
}



#glowna div.wstep {
	margin-top: 0px;
	padding: 20px 20px 50px 20px;
	padding: 0px 20px 50px 20px;
	font-family: "Helvetica67", Arial, sans-serif;
	font-size: 40px;
	line-height: 42px;
	margin: 0;
	width: 1140px;
	position: relative;
	text-align: left;
}	

#glowna div.wstep img {
	position: absolute;
	right: 0;
	top: -20px;
}

#glowna div.wstep #spotkajmy-sie-na-targach {
	margin-top: 1ex;
	font-size: 0.65em;
	line-height: 1.1em;
}

#glowna .sale {
	height: 200px;
	width: 1200px;
	background: url(../_img/sale_main.png) no-repeat left 0;
	margin-left: -60px;
}

#glowna #slides {
	position: relative;
	height: 350px;
	width: 1200px;
	padding: 50px 0 0;
	outline: none;
}

#glowna #slides .zestaw.kolumn {
	float: left;
	width: 1200px;
	overflow: hi;
}

#glowna #slides .kolumna {
	display: inline-block;
	width: 360px;
	height: 350px;
	padding: 0 20px;
	position: relative;
	z-index: 900;
	overflow:hidden;
	*display:inline;
	zoom:1;	
	float:left;
}

#glowna #slides .carousel-control {
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	width:28px;
	height:28px;
	cursor:pointer;
	line-height:999px;
	zoom:1;
	border:0;
	text-indent:-9999px;
	background: url(../_img/main-control.png) no-repeat center !important;
	position: absolute;
	top: 170px;
	z-index: 10000;
	}
#glowna #slides .carousel-next{ right: -30px; }
#glowna #slides .carousel-previous{ left: -30px; }
#glowna #slides.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}

#glowna #slides .kolumna p {
	height: 100px;
}
#glowna #slides .kolumna p span.tel {
	display: block;
	padding-top: 5px;
}
#glowna #slides .kolumna p span.tel strong {
	color: #026c91;
}
#glowna #slides .kolumna > a {
	display: inline-block;
	background: #2e5092;
	padding: 3px 6px;
	margin-bottom: 2px;
	margin-top: 10px;
	color: #ffffff;
	float: none;
	clear: both;
	text-decoration: none;
	font-size: 14px;
	font-family: "Helvetica67", Arial, sans-serif;
	background: -webkit-gradient(linear, left top, left bottom, from(#305297), to(#254075)), #2e5092;
	border: 1px solid #132850;
	border-radius: 3px;
	box-shadow: inset 0px 1px 0px #477bb0;
}

#glowna #slides .kolumna > .img {
	width: 360px;
	height: 120px;
	background-color: #909899;
}





/* @end */

/* @group [*] NEKROLOG */

body.czarna #tlo {
	background: no-repeat;
}

#glowna.czarna #srodek {
	padding-top: 200px;
	text-shadow: none !important;
}
#glowna.czarna #srodek div#nekrolog {
	margin-bottom: 500px;
	padding-top: 20px;
}
#glowna.czarna #srodek div#nekrolog * {
	text-shadow: none !important;
	color: #fff;
	text-align: center;
}
#glowna.czarna #srodek div#nekrolog h1 {
	line-height: 1em;
	margin: 0;
}
#glowna.czarna #srodek div#nekrolog h2 {
	line-height: 1em;
	margin: 1em;
	font-size: 20px;
}
#glowna.czarna #srodek div#nekrolog h3 {
	margin: 1em 0 1em;
	font-size: 30px;
}


#glowna.czarna #srodek div#nekrolog p {
	color: #999;
	margin: 1em 0 1em;
	font-size: 18px;
}

body.czarna {
	background: #222;
}

/* @end */

/* @group KTO */

#kto h1 	 { 
	 color: #df0000;
}
	


#kto h2, #kto h3 {
}


/* AGENCJA */

#kto.agencja #pierwsze.tlo {
	background: url(../_img/liscie-agencja.png) no-repeat center top;
}

#kto .wstep h1 {
	color: #e81516;
}

#kto.agencja .kolumna {
	margin: 0;
	height: auto;
	padding: 0;
}
#kto.agencja .kolumna h2 {
	margin-top: 0;
}
#kto.agencja #text-1 {
	width: 500px;
	margin-left: 220px;
	margin-top: 0px;
}
#kto.agencja #text-2 {
	width: 580px;
	margin-left: 620px;
	margin-top: 40px;
}
#kto.agencja #text-3 {
	width: 640px;
	float: none;
	clear: both;
	margin-left: 300px;
	padding-top: 10px;
}



/* ZESPÓŁ */

#kto.zespol .pracownik#pawelw {
	margin: 0 220px;
	width: 760px;
	margin-bottom: 40px;
	padding: 0;
}
#kto.zespol .pracownik#pawelw p {
	font-size: 18px;
	line-height: 22px;
} 

#kto.zespol .pracownik {
	float: left;
	width: 360px;
	padding: 0 20px;
	padding-left: 120px;
	margin-bottom: 20px;
}
#kto.zespol .pracownik.lewa {
	margin-left: 100px;
}

/* MOCNE STRONY */

#kto.mocne .mocna.strona {
	float: left;
	width: 460px;
	padding: 20px;
}
#kto.mocne .lewa.mocna.strona {
	margin-left: 100px;
}
#kto.mocne .mocna.strona span {
	display: none;
}

/* DOŚWIADCZENIE */

#kto.doswiadczenie .kolumna {
	width: 400px;
	float: left;
}

#kto.doswiadczenie .lewa.kolumna{
	width: 399px;
}
#kto.doswiadczenie .prawa.kolumna {
	width: 398px;
}
#kto.doswiadczenie .srodkowa.kolumna {
//	border-left: 2px solid #fff;
//	border-right: 2px solid #fff;
	width: 399px;
}

#kto.doswiadczenie .obszar {
	width: 360px;
	height: 360px;
	padding: 20px;
	position: relative;
}

#kto.doswiadczenie .obszar h3 {
	text-align: center;
	font-size: 30px;
	margin: 0;
}

#kto.doswiadczenie .obszar label {
	position: absolute;
	font-weight: 500;
	color: #fff;
	text-transform: lowercase;
}

#kto.doswiadczenie .obszar big {
	position: absolute;
	font-weight: 600;
	color: #fff;
}

#kto.doswiadczenie .obszar.kawa {
	background: url(../_img/liczby-kawa.png) no-repeat center 20px;
	height: 380px;
}

#kto.doswiadczenie .obszar.kawa big.kawa {
	top: 155px;
	left: 180px;
	font-size: 36px;
}

#kto.doswiadczenie .obszar.kawa label.kawa {
	top: 140px;
	left: 180px;
	font-size: 16px;
}

#kto.doswiadczenie .obszar.kawa big.herbata {
	top: 250px;
	left: 153px;
	font-size: 30px;
}

#kto.doswiadczenie .obszar.kawa label.herbata {
	top: 235px;
	left: 153px;
	font-size: 16px;
}

#kto.doswiadczenie .obszar.kawa2 {
	background: url(../_img/liczby-kawa-2.png) no-repeat left -20px;
	padding-left: 180px;
	width: 200px;
	padding-top: 0;
}
#kto.doswiadczenie .obszar.kawa2 .cecha {
	margin-bottom: 2em;
}
#kto.doswiadczenie .obszar.kawa2 h5 {
	font-size: 16px;
	font-weight: 500;
	text-shadow: none;
	margin: 0 0 1ex;
}
#kto.doswiadczenie .obszar.kawa2 big {
	font-weight: 600;
	font-size: 36px;
	color: #313339;
	display: none;
}
#kto.doswiadczenie .obszar.kawa2 p {
	font-size: 14px;
	line-height: 15px;
	color: #666b79;
	
}

#kto.doswiadczenie .obszar.cms {
	background: url(../_img/liczby-cms.png) no-repeat left top;
	padding-bottom: 0;
	height: 340px;
}

#kto.doswiadczenie .obszar.cms big.wordpress {
	top: 190px;
	left: 220px;
	font-size: 30px;
}

#kto.doswiadczenie .obszar.cms label.wordpress {
	top: 175px;
	left: 220px;
	font-size: 16px;
}

#kto.doswiadczenie .obszar.cms big.contao {
	top: 190px;
	left: 120px;
	font-size: 35px;
}

#kto.doswiadczenie .obszar.cms label.contao {
	top: 175px;
	left: 122px;
	font-size: 16px;
}

#kto.doswiadczenie .obszar.cms big.nic {
	top: 325px;
	left: 245px;
	font-size: 24px;
	color: #4f5859;
}

#kto.doswiadczenie .obszar.cms label.nic {
	top: 310px;
	left: 245px;
	font-size: 16px;
	color: #4f5859;
}

#kto.doswiadczenie .obszar.cms.moduly {
	background: none;
}

#kto.doswiadczenie .obszar.cms.moduly h3 {
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
}

#kto.doswiadczenie .obszar.cms.moduly ul {
	list-style: none;
	padding-left: 0;
}

#kto.doswiadczenie .obszar.cms.moduly ul li {
	line-height: 1.2em;
	color: #444751;

}

#kto.doswiadczenie .obszar.cms.moduly ul li span {
	color: #8d9797;
}

#kto.doswiadczenie .obszar.cms.moduly ul li.li1 { font-size: 24px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li2 { font-size: 23px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li3 { font-size: 22px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li4 { font-size: 21px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li5 { font-size: 20px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li6 { font-size: 19px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li7 { font-size: 18px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li8 { font-size: 17px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li9 { font-size: 16px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li10 { font-size: 15px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li11 { font-size: 14px; }
#kto.doswiadczenie .obszar.cms.moduly ul li.li12 { font-size: 13px; }


/* KARIERA */

#kto.kariera .zawartosc {
	margin-left: 320px;
}

/* @end */



/* @group OFERTA */




#co .img label {
	font-style: italic;
	font-size: 15px;
}


#co.oferta.glowna #oferta .kolumna a {
	display: inline-block;
	background: #2e5092;
	padding: 3px 6px;
	margin-bottom: 0;
	margin-top: 0px;
	color: #ffffff;
	float: none;
	clear: both;
	text-decoration: none;
	font-size: 14px;
	font-family: "Helvetica67", Arial, sans-serif;
	background: -webkit-gradient(linear, left top, left bottom, from(#305297), to(#254075)), #2e5092;
	border: 1px solid #132850;
	border-radius: 3px;
	box-shadow: inset 0px 1px 0px #477bb0;
}
#co.oferta.glowna #oferta .element a:hover {
	background: #1b3365
}

.oferta.glowna .prawa {
	width: 1200px;
	margin: 0;
	float: none;
}

#co h1 	 { 
	 color: #f6b337;
}
	

.oferta.glowna .kolumna {
	float: left;
	width: 560px;
	height: 170px;
	margin: 0 20px;
}

.oferta.glowna .kolumna h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

.oferta .zawartosc {
	margin: 50px 0;
	position: relative;
}

.oferta #oferta .element a {
	display: inline-block;
	background: #2e5092;
	padding: 2px 5px;
	margin-bottom: 2px;
	margin-top: 3px;
	color: #fff;
	text-decoration: none;
	font-family: Helvetica67, sans-serif;
}
.oferta #oferta .element a:hover {
	background: #1b3365
}

#oferta p.h67 {
	font-family: Helvetica67, sans-serif;
	margin-bottom: 20px;
}

#oferta p.small {
	font-size: 14px;
	margin-top: 10px;
}

.oferta .caption {
	font-size: 14px;
	font-style: italic;
}

/* CO PROJEKTOWANIE */
#co.projektowanie  #pierwsze.tlo {
	height: 5000px;	
}

#co.projektowanie #pierwsze.tlo {
	background: transparent url(../_img/oferta-projektowanie.png) no-repeat center -60px;
}

#co.projektowanie #img1 {
	margin-left: -525px;
	margin-top: -130px;
	margin-bottom: 20px;
	float: left;
	width: 1100px;
	position: relative;
	height: 450px;
	overflow: hidden;
}
#co.projektowanie #img1 img {
	margin-top: -40px;
}
#co.projektowanie #img1 label {
	width: 300px;
	display: block;
	position: absolute;
	bottom: 100px;
	left: 730px;
}


#co.projektowanie .wstep {
	height: 230px;
	margin-bottom: 0;
	position: relative;
}

#co.projektowanie .przyciski {
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
}
#co.projektowanie #div1 {
	margin-top: ;

}
#co.projektowanie #div1 #div1b {
	margin-top: 30px;
	margin-left: 208px;
}
#co.projektowanie #div1 h3 {
	position: relative;
	margin: 0;
	margin-bottom: 20px;
}
#co.projektowanie #div1 p {
	position: relative;
}
#co.projektowanie #div2 {
	padding-top: 20px;
	margin-left: -460px;
	width: 600px;
	clear: both;
	text-align: right;
}

#co.projektowanie #img2 {
	float: right;
	width: 400px;
	margin-top: -100px;
	margin-right: -20px;
	position: relative;
	margin-bottom: 350px;
	height: 280px;
}
#co.projektowanie #img2 label {
	position: absolute;
	left: -440px;
	bottom: 40px;
	text-align: right;

}


/* @end */


/* CO TWORZENIE */
#co.strony  #pierwsze.tlo {
	height: 5000px;	
}

#co.strony  #srodek {
	height: 4000px;
}

#co.strony #pierwsze.tlo {
	background: transparent url(../_img/oferta-tworzenie.png) no-repeat center top;
}

#co.strony  #poznaj-oferte {
	padding-top: 360px;
	padding-left: 20px;
	padding-right: 500px;
}

#co.strony  #poznaj-oferte h3#h3-1{
	margin-top: -100px;
	width: 460px;
}

/* @end */

/* CO SKLEP */

#co.sklep .przyciski > .przycisk {
	display: inline-block;
	margin: 0 40px;
}

/* @end */

/* @group CO LOGO */
#co.logo #pierwsze.tlo {
	background: transparent url('../_img/oferta-logo.png') no-repeat center top;
}
#co.logo #text1 {
}

#co.logo #text2 {
	clear: both;
}

#co.logo #text3 {
	clear: both;
	margin-top: 100px;
	margin-left: -290px;
}

#co.logo #text5 {
	clear: both;
	margin-left: -290px;
	margin-top: 180px;
	margin-bottom: 2000px;
}

/* @end */

/* @group GDZIE */

#gdzie #srodek {
	padding-top: 200px;
	padding-left: 40px;
	padding-right: 40px;
}



#gdzie h1 {
	text-transform: none;
}

#gdzie a.button {
	display: inline-block;
	background: #2e5092;
	padding: 6px 10px;
	margin-left: 40px;
	margin-top: 20px;
	color: #ffffff;
	float: none;
	clear: both;
	text-decoration: none;
	font-size: 19px;
	font-family: "Helvetica67", Arial, sans-serif;
	background: -webkit-gradient(linear, left top, left bottom, from(#305297), to(#254075)), #2e5092;
	border: 1px solid #132850;
	border-radius: 3px;
	box-shadow: inset 0px 1px 0px #477bb0;
}

#gdzie #qr {
	text-align: center;
	width: 330px;
	margin-top: -20px;
	float: right;
}
#gdzie #qr h3 {
	background: url(../_img/qr-exp.png) no-repeat center bottom;
	padding: 5px 10px 10px;
	text-align: center;
	color: #fff;
	text-shadow: none;
	display: inline-block;
	margin: 0 auto;
	clear: both;
	font-size: 17px;
}
#gdzie #qr img {
	display: block;
	margin: 10px auto;
}
#gdzie #qr p {
	font-size: 14px;
}

#gdzie .kontakt {
	margin-bottom: 1em;
}

#gdzie .kontakt label {
	display: block;
	color: #9ea3a6;
	font: 20px "Helvetica67", Arial, sans-serif;
}
#gdzie .kontakt strong {
	font: 30px "Helvetica67", Arial, sans-serif;

}
#gdzie .kontakt small {
	display: block;
	font-size: 14px;
}

#gdzie #formularz {
	width: 1080px;
	float: left;
	padding: 0px;
	position: relative;
	padding: 20px 20px 60px;
	margin: 30px 40px 0;
	background: #fff;
}
#gdzie #formularz h3 {
	margin-top: 0em;
	margin-bottom: 1em;
}
#gdzie #formularz h2 {
	margin-top: 0 !important;
}

#formularz #wpisz-poprawny-email {
	text-align:center; 
	background: #a5001c; 
	padding: 5px; 
	color: #fff; 
	font-size: 18px;
	text-shadow: none !important;
	width: 920px;
}




#gdzie div.wstep {
	padding: 0;
	height: auto;
	margin: 1em 0;
	position: static;
	width: 1200px;
	line-height: 1.3em;
}

#gdzie div.wstep small {
	margin-top: 1em;
	display: block;
}

#gdzie div.wstep small span {
	font-size: 16px;
	font-family: Helvetica57;
}


#gdzie #formularz form {
}
#gdzie #formularz.success {
	font-size: 20px;
	line-height: 24px;
	color: #444751;
	text-shadow: #fff 0 1px 0;
}
#gdzie #formularz.success h2,
#gdzie #formularz.success h3,
#gdzie #formularz.success p,
#gdzie #formularz.success form {
	display: none;
}
#gdzie #formularz.success h5 {
	font-size: 30px;
	margin: 0 0 20px;
	color: #5e7c26;
}

#gdzie #formularz h4 {
	font-size: 18px;
	margin: 0 0 15px;
	color: #737576;
}

#gdzie #formularz fieldset {
	padding: 0;
	margin: 0;
	border: none;
}
#gdzie #formularz fieldset.input {
	float: left;
	width: 400px;
	margin-right: 20px;
}
#gdzie #formularz fieldset.text {
	float: left;
	width: 660px;
}
#gdzie #formularz fieldset span {
	display: block;
	margin-bottom: 14px;
	min-height: 24px;
}
#gdzie #formularz fieldset.input label {
	display: inline-block;
	float: left;
	width: 110px;
	text-align: right;
	padding-right: 1ex;
	line-height: 25px;
	font-size: 14px;
	font-family: Helvetica67;
	color: #444751;
	text-transform: uppercase;
}
#gdzie #formularz fieldset input[type=text] {
	float: left;
	display: inline-block;
	width: 250px;
	padding: 3px 5px;
	margin: 0;
	border: none;
	height: 20px;
	box-shadow: inset 0 1px 1px #737576;
	vertical-align: baseline;
	outline: none;
	background-color: #e4e6e7;
	font: 14px/20px Arial, sans-serif;
}
#gdzie #formularz fieldset.submit {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#gdzie #formularz fieldset.input {

}
#gdzie #formularz fieldset.text label {
	text-align: left;
	display: block;
	font-family: Helvetica67;
	color: #444751;
	text-transform: uppercase;
	font-size: 14px;
}
#gdzie #formularz fieldset textarea {
	width: 640px;
	height: 240px;
	padding: 2px;
	margin: 5px 0 0;
	display: block;
	vertical-align: baseline;
	outline: none;
	background-color: #e4e6e7;
	font: 14px/20px Arial, sans-serif;
	border: none;
	box-shadow: inset 0 1px 1px #737576;
}

#gdzie #formularz fieldset label em {
	font-weight: strong;
	font-style: normal;
	font-size: 13px !important;
}
#gdzie #mapa #dane-4owe {
	width: 360px;
}
#gdzie #mapa div.wstep small span {
	font-weight: normal;
	font-size: 14px;
	display: block;
	color: #5c6774;
	line-height: 16px;
	margin-top: 5px;
	text-shadow: none;
}
#gdzie #mapa #dane-kontaktowe p {
	
}


/* @end */

/* @group ILE */

#ile #podstrona {
	background: url(../_img/cennik.png) no-repeat center 90px;
}

#ile #srodek {
}

#ile div.wstep {
	margin: 40px 0 0;
	text-align: center;
	font-size: 36px;
	line-height: 1.1em;
}

#ile #cennik {
	width: 1160px;
	margin: 0 auto;
}

#ile h1 { color: #0598cc }


#ile #cennik .obszar {
	width: 400px;
	float: left;
	width: 384px;
	height: 434px;
	margin-top: 30px;
}

#ile #cennik .obszar h3 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 170px;
}

#ile #cennik .obszar big {
	text-align: center;
	display: block;
	font-size: 120px;
	font-weight: 900;
}

#ile #cennik .obszar.mala {
	background: url(../_img/cennik_1490.png) no-repeat;
	margin-left: 110px;
}
#ile #cennik .obszar.all {
	background: url(../_img/cennik_5490.png) no-repeat;
}

#ile #cennik .obszar ul {
	margin-left: 40px;
}

#ile #cennik .obszar li span {
	display: inline;
	font-family: Helvetica67;
	color: #0095c8;
}

#ile #cennik .obszar div.but {
	margin-top: 20px;
	text-align: center;
}

#ile #cennik .obszar a.button {
	font-size: 24px !important;
	padding: 6px 14px;
}

#ile #cennik .posrodku {
	width: 170px;
	float: left;
	text-align: center;
	padding-top: 200px;
}

#ile #cennik .posrodku p {
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	color: #00a0c8;
	margin-bottom: 20px;
}

#ile #form {
	width: 700px;
	margin: 2320px auto 0;
	background-color: rgba(251, 251, 251, 0.75);
	border-radius: 10px;
	padding: 30px;
	box-shadow: 0 1px 3px rgba(107, 117, 118, 0.5);
}

#ile #form hr {
	margin-bottom: 10px;

}

#ile #form h2 {
	color: #0598cc;
	text-align: center;
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 20px;
}

#ile #form h4 {
	margin: 2ex 0 1ex;
}

#ile #form fieldset {
	padding: 0;
	margin: 0;
	border: none;
}

#ile #form fieldset.zainteresowany {
	text-align: center;
	margin-bottom: 1em;
}
#ile #form fieldset.zainteresowany label {
	display: block;
	font-size: 20px;
}
#ile #form fieldset.zainteresowany select {
	font-size: 16px;
	margin-top: 10px;
}

#ile #form div#logo-checkbox {
	text-align: center;
}

#ile #form div.checkbox input {
	vertical-align: middle;	
	margin-right: 1ex;
}

#ile #form div.checkbox label {
	vertical-align: middle;
}

#ile #form fieldset.dane label {
	display: inline-block;
	width: 110px;
	text-align: right;
	padding-right: 1ex;
	line-height: 25px;
	font-size: 16px;
}
#ile #form input[type=text] {
	width: 250px;
	padding: 3px 5px;
	margin: 0;
	height: 20px;
	box-shadow: inset -1px -1px 1px #e4e5e5;
	vertical-align: baseline;
	outline: none;
	background-color: #fff;
	font: 14px/20px Arial, sans-serif;
	border: 1px solid #a9aaab;
	border-top: 1px solid #c1c2c3;
}


#ile #form textarea {
	width: 690px;
	height: 240px;
	padding: 5px;
	margin: 5px 0 0;
	display: block;
	box-shadow: inset -1px -1px 1px #e4e5e5;
	vertical-align: baseline;
	outline: none;
	background-color: #fff;
	font: 14px/20px Arial, sans-serif;
	border: 1px solid #a9aaab;
	border-top: 1px solid #c1c2c3;
}

#ile #form .submit {
	text-align: center;
	padding-top: 20px;
}




/* @end */

/* @group SKLEPY INTERNETOWE */



/* @end */




/* @group #KONTAKTOWNIE */

#kontaktowanie {
	clear: both;
	background: rgba(255,255,255,0.9);
	margin: 30px 10px;
	padding: 20px;
}

#kontaktowanie h2 {
	color: #3c444b;
	font-family: "Helvetica67", Arial, sans-serif;
	font-size: 24px;
	text-transform: ;
	display: block;
	letter-spacing: 0px;
	text-shadow: #eaeced 0 1px 0;
	margin: 0;
	margin-bottom: 1ex;
}

#kontaktowanie label {
	font-family: "Helvetica67", Arial, sans-serif;
	text-shadow: #eaeced 0 1px 0;
	font-size: 16px;
	display: block;
	margin-bottom: 0.6ex;
	color: #5c6566;
}

#kontaktowanie big {
	color: #3c444b;
	text-shadow: #eaeced 0 1px 0;
	font-family: "Helvetica67", Arial, sans-serif;
	font-size:24px;
	display: block;
	letter-spacing: -1px;
	margin-bottom: 0;
}

#kontaktowanie big a {
	text-decoration: none;
}

#kontaktowanie big span.lub {
	font-size: 16px;
	color: #5c6566;
	
}
#kontaktowanie small {
	color: #5c6566;
	display: block;
	font-family: "Helvetica67", Arial, sans-serif;
}
#kontaktowanie .kolumna {
	padding: 0;
	height: 60px;
}

#kontaktowanie .kolumna.telefon {
	width: 400px;
	padding-right: 0px;
}
#kontaktowanie .kolumna.poczta {
	width: 200px;
}
#kontaktowanie .kolumna.odwiedziny {
	width: 370px;
}
#kontaktowanie .kolumna.social {
	width: 140px;
}

/* @end */

/* @group JAK */

#jak #centrum h1 {
	color: #94b808;
}


#jak #pierwsze.tlo {
	background: url(../_img/labirynt.png) repeat-x center 480px;
}

#jak.projektowanie.stron.internetowych.harmonogram #podstrona {
	background: none;
}

#jak #proces {
	margin-top: 50px;
	height: 1700px;
}
#jak div.wstep span {
	color: #94b808;
}
#jak #srodek {
}

#jak.harmonogram #srodek {
	height: auto;
}
#jak #proces #proces-img {
	position: absolute;
	top: 200px;
	left: 0;
}
#jak #proces h2 {
	font-size: 24px;
	color: #899198;
	text-transform: uppercase;
	position: absolute;
	left: 10px;
	margin: 0;
}
#jak #proces h2#po-stronie-klienta {
	top: 60px;
}
#jak #proces h2#po-naszej-stronie {
	top:  540px;
}

/* @group ETAPY W PROCESIE */

#jak .etap {
	position: absolute;
	width: 250px;
	left: 1500px;
	background: #444751 url(../_img/zielona_kulka.png) no-repeat center;
	background: none;	
	text-align: left;
}
#jak .etap h3 {
	font-size: 36px;
	line-height: 30px;
	margin: 0 0 5px;
	text-shadow: none;
	font-family: Helvetica77, Arial, sans-serif;
}
#jak .etap p {
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 0;
	font-family: Helvetica67, Arial, sans-serif;
}
#jak .etap p span {
	display: block;
	color: #444751;
}
#jak .etap a.button {
	padding: 1px 4px;
	margin-top: 5px;
}
#jak #pomysl {
	top: 460px !important;
	left: 425px;
	background-position: center top;
}
#jak #wycena {
	top: 664px !important;
	left: 775px;
	width: 150px;
}
#jak #przygotowanie {
	top: 905px !important;
	left: 715px;
	width: 300px;
}

#jak #wstepne {
	top: 1420px !important;
	left: 715px;
	width: 330px;
}
#jak #akceptacja {
	top: 910px !important;
	left: 175px;
	width: 320px;
}
#jak #akceptacja a {
	margin-left: 180px;
	margin-top: 5px;
}
#jak #kodowanie {
	top: 1420px !important;
	left: 233px;
	width: 250px;
}
#jak #aktualizacja {
	top: 1720px !important;
	left: 110px;
}

/* @end */

#jak #harmonogram {
	height: auto;
}

#jak #harmonogram .harmonogram {
	margin-top: 50px;
	background: url(../_img/harmonogram.png) no-repeat center 160px;
}

#jak #harmonogram .kolumna {
	background: url(../_img/dotline.png) repeat-y 10px top;
	height: 180px;
	padding: 0;
}

#jak #harmonogram .kolumna ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: -7px;	
}
#jak #harmonogram .kolumna ul li {
	padding-left: 25px;
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 5px;
}

#jak #harmonogram .top .kolumna1 {
	width: 200px;
}

#jak #harmonogram .top .kolumna2 {
	margin-top: 60px;
	margin-left: -125px;
	height: 120px;
	width: 200px;
}

#jak #harmonogram .top .kolumna3 {
	margin-top: 60px;
	margin-left: 80px;
	height: 120px;
	width: 200px;
}

#jak #harmonogram .top .kolumna4 {
	margin-top: 60px;
	margin-left: 130px;
	height: 120px;
	width: 120px;
}
#jak #harmonogram .top .kolumna5 {
	margin-top: 60px;
	height: 120px;
	width: 120px;
	text-align: right;
	background-position: 100px 0;
}

#jak #harmonogram .top .kolumna5 ul {
	padding-left: 0;
	padding-right: 30px;	
}

#jak #harmonogram .top {
	width: 960px;
	height: 190px;
}

#jak #harmonogram .bottom {
	width: 960px;
	height: 150px;
}

#jak #harmonogram .bottom .kolumna {
	height: 130px;
}

#jak #harmonogram .bottom .kolumna1 {
	margin-left: 120px;
	width: 200px;
}


#jak #harmonogram .bottom .kolumna1 ul {
	margin-top: 67px;
}

#jak #harmonogram .bottom .kolumna2 {
	margin-left: 130px;	
	width: 230px;
}

#jak #harmonogram .bottom .kolumna2 ul {
	margin-top: 63px;
}

#jak #harmonogram .bottom .kolumna3 {
	margin-left: 100px;	
	width: 140px;
}

#jak #harmonogram .bottom .kolumna3 ul {
	margin-top: 37px;
}


/* @end */



/* @end */

/* @group CO IDENTYFIKACJA */

.identyfikacja #pierwsze.tlo {

}

/* @end */


/* @group CO SKLEP */

.sklep #grupa_logo {

}
.sklep #pierwsze.tlo {
}
/* @end */