body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Tahoma, "Trebuchet MS", Verdana;
	font-size: 11px;
	line-height: 15px;
	color: #7c7c7d;
	background: #3b4779 url('gfx/tlo.jpg') repeat-x fixed;
}
object, param, embed, div, h1, h2, h3 {
	background-color: transparent;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
h1 {
	font: normal 22px/25px Arial;
	color: #2A345F;
}
h2 {
	font: normal 17px/20px Arial;
	color: #8892bb;
}
h3 {
	font: normal 18px/18px Arial;
	color: #2A345F;
	margin: 0;
}
h4 {
	font: normal 13px/13px Arial;
	color: #2A345F;
	margin: 0 0 12px 0;
}
p {
	margin: 0 0 9px 0;
	padding: 0;
}
ul {
	margin-top: 0;
	margin-left: 0;
	padding-left: 17px;
}
li {
	margin-left: 0;
	padding-left: 0;
}
a {
	text-decoration: none;
	color: #737373;
}
a:hover {
	color: #b4002f;
}
img { border: none; }

#main {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	width: 880px;
	background-color: #e3e4ea;
	border-top: 8px solid #e3e4ea;
	border-left: 10px solid #e3e4ea;
	border-right: 10px solid #e3e4ea;
	border-bottom: 8px solid #e3e4ea;
}

.tl {
	height: 100%;
	background: transparent url('gfx/px.gif') no-repeat 0 0;
}
.tr {
	height: 100%;
	background: transparent url('gfx/px.gif') no-repeat 100% 0;
}
.bl {
	height: 100%;
	background: transparent url('gfx/px.gif') no-repeat 0 100%;
}
.br {
	height: 100%;
	background: transparent url('gfx/px.gif') no-repeat 100% 100%;
}

#logo {
	float: left;
	width: 244px;
	height: 82px;
	background: #2a345f url('gfx/logo-gsz.gif') no-repeat 50% 50%;
}
.glowna #logo {
	width: 290px;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#gora {
	float: left;
	width: 632px;
	height: 82px;
	margin: 0 0 0 4px;
	background: #2a345f url('gfx/menu-back.jpg') no-repeat;
}
.glowna #gora {
	width: 585px;
	margin: 0 0 0 5px;
}
#menu-top {
	position: absolute;
	height: 18px;
	margin: 56px 0 0 23px;
}
#menu-top ul, #menu-top li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu-top li {
	display: block;
	float: left;
	background: transparent url('gfx/menu-krecha.gif') no-repeat 100% 0;
}
#menu-top li#mt6 {
	background: none;
}
#menu-top a {
	display: block;
	float: left;
	width: 100%;
	height: 18px;
	text-indent: -9999px;
	background-position: 49% -1px;
	background-repeat: no-repeat;
	background-color: transparent;
}
#mt1 a {
	width: 140px;
	background-image: url('gfx/menu-glowna.gif');
}
#mt1 a:hover, .glowna #mt1 a {
	background-image: url('gfx/menu-glowna-h.gif');
}
#mt2 a {
	width: 70px;
	background-image: url('gfx/menu-grupa.gif');
}
#mt2 a:hover, .grupa #mt2 a {
	background-image: url('gfx/menu-grupa-h.gif');
}
#mt3 a {
	width: 85px;
	background-image: url('gfx/menu-creative.gif');
}
#mt3 a:hover, .creative #mt3 a {
	background-image: url('gfx/menu-creative-h.gif');
}
#mt4 a {
	width: 70px;
	background-image: url('gfx/menu-image.gif');
}
#mt4 a:hover, .image #mt4 a {
	background-image: url('gfx/menu-image-h.gif');
}
#mt5 a {
	width: 80px;
	background-image: url('gfx/menu-design.gif');
}
#mt5 a:hover, .design #mt5 a {
	background-image: url('gfx/menu-design-h.gif');
}
#mt6 a {
	width: 94px;
	background-image: url('gfx/menu-kontakt.gif');
}
#mt6 a:hover, .gsz-kontakt #mt6 a {
	background-image: url('gfx/menu-kontakt-h.gif');
}
#menu-top #mt7, .block {
	display: none;
}
#menu-head {
	position: absolute;
	width: 600px;
	height: 18px;
	margin: 8px 0 0 20px;
	text-align: right;
}
.glowna #menu-head {
	width: 553px;
}
#menu-head a {
	font-size: 10px;
	color: #fff;
	margin: 0 0 0 8px;
}
#menu-head a:hover {
	color: #b4002f;
}

#realizacje-creative {
	float: left;
	width: 290px;
	height: 253px;
	margin: 4px 0 0 0;
	background-color: #fff;
}
.imageElement {
	display: none;
}
#realizacje-image {
	float: left;
	width: 290px;
	height: 253px;
	margin: 4px 0 0 5px;
	background-color: #fff;
}
#realizacje-design {
	float: left;
	width: 290px;
	height: 253px;
	margin: 4px 0 0 5px;
	background-color: #fff;
}

#logotypy {
	width: 387px;
	height: 110px;
	background: #fff;
}
#logotypy .imageElement {
	width: 387px;
	height: 110px;
	background: #fff;
}
#logotypy .imageElement img {
	margin: 0 auto;
}
#logotypy.jdGallery .slideElement,
#logotypy.jdGallery .loadingElement {
	background-color: #fff;
}

#bloki1 {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	background-color: #fff;
	height: 150px;
}
#bloki1 h1 {
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 13px 0;
}
#bloki1 p {
	margin: 0 0 7px 8px;
	padding: 0;
	text-align: justify;
}
#bloki1 span {
	color: #2a345f;
	font-weight: bold;
}
#rozwiazania {
	float: left;
	width: 423px;
	padding: 14px 20px 0 15px;
}
#rozwiazania h1 {
	color: #8a97ca;
}
#zespol {
	float: left;
	width: 387px;
	padding: 14px 30px 0 5px;
}
#zespol h1 {
	color: #525a7d;
	margin-bottom: 0;
}

.logo {
	text-align: center;
	margin: 0 0 20px 0;
}

#grupa, #grupa-opis {
	float: left;
	width: 100%;
	margin: 8px 0 0 0;
}
#grupa-opis {
	height: 132px;
	background-color: #fff;
}
#grupa-inside {
	float: left;
	width: 820px;
	padding: 15px 30px;
}
#grupa-opis p {
	margin: 10px 0 0 0;
}

.kontakt {
	float: left;
	width: 437px;
	margin: 4px 6px 0 0;
	height: 165px;
	background-color: #fff;
	background-position: 100% 0;
}
.wp {
	background-image: url('gfx/k-wp.jpg');
}
/*.mf {
	background-image: url('gfx/k-mf.jpg');
}*/
.js {
	background-image: url('gfx/k-js.jpg');
}
.ml {
	background-image: url('gfx/k-ml.jpg');
}
.mp {
	background-image: url('gfx/k-mp.jpg');
}
.jz {
	background-image: url('gfx/k-jz.jpg');
}
.jar {
	background-image: url('gfx/k-jar.jpg');
}
.mz {
	background-image: url('gfx/k-mz.jpg');
}
.kontakt .br {
	float: left;
	width: 377px;
	height: 125px;
	padding: 20px 30px;
}
.kontakt.jar, .kontakt.mz {
	background-position: 0 0;
	height: 244px;
}
.kontakt.jar .br, .kontakt.mz .br {
	width: 137px;
	padding: 20px 0 0 260px;
	height: auto;
}
.kontakt-wide {
	float: left;
	width: 880px;
	height: 180px;
	margin: 4px 0 0 0;
	background-color: #fff;
}
#map.kontakt-wide {
	height: 300px;
}
.kontakt-wide .br {
	width: 600px;
	height: 150px;
	padding: 30px 0 0 280px;
}
.kontakt-wide-slim {
	float: left;
	width: 880px;
	height: 28px;
	margin: 4px 6px 0 0;
	background-color: #fff;
}
.kontakt-wide-slim .br {
	width: 854px;
	height: auto;
	padding: 2px 0 0 26px;
}
.kontakt-slim {
	float: left;
	width: 437px;
	height: 28px;
	margin: 4px 6px 0 0;
	background-color: #fff;
}
.kontakt-slim .br {
	width: 411px;
	padding: 2px 0 0 26px;
	height: 26px;
}

.kontakt-section {
	float: left;
	width: 880px;
	height: 28px;
	margin: 4px 6px 0 0;
	background-color: #c6c6c6;
}
.kontakt-section h1 {
	color: #fff;
	font: normal 18px/28px Arial;
	padding-left: 25px;
}
.kontakt2 {
	float: left;
	width: 438px;
	margin: 4px 4px 0 0;
	height: 166px;
	background-color: #fff;
	background-position: 0 0;
}
.kontakt2 .br {
	width: 198px;
	padding: 20px 0 0 240px;
	height: 146px;
}
.kontakt2.jar {
	background-image: url('gfx/kk-jar.jpg');
}
.kontakt2.mz {
	background-image: url('gfx/kk-mz.jpg');
}

.kontakt3 {
	float: left;
	width: 290px;
	margin: 4px 4px 0 0;
	height: 110px;
	background-color: #fff;
	background-position: 0 0;
}
.kontakt3 .br {
	width: 155px;
	padding: 10px 0 0 135px;
	height: 100px;
}
.kontakt3.wp {
	background-image: url('gfx/kk-wp.jpg');
}
.kontakt3.js {
	background-image: url('gfx/kk-js.jpg');
}
/*.kontakt3.mf {background-image: url('gfx/kk-mf.jpg');}*/
.kontakt3.ml {
	background-image: url('gfx/kk-ml.jpg');
}
.kontakt3.mp {
	background-image: url('gfx/kk-mp.jpg');
}
.kontakt3.jz {
	background-image: url('gfx/kk-jz.jpg');
}
/*.kontakt3.af {
	background-image: url('gfx/kk-af.jpg');
}*/
.kontakt3.so {
	background-image: url('gfx/kk-so.jpg');
}

.kontakt3 h2 {
	font-size: 16px;
}

.last {
	margin-right: 0;
}

#praca, .pracabl {
	float: left;
	width: 100%;
	margin: 8px 8px 0 0;
	height: auto;
	background-color: #fff;
}
.pracabl.head {
	height: 70px;
}
.pracabl.adone {
	width: 439px;
	height: 410px;
	margin: 4px 4px 0 0;
}
#praca-inside, .praca-inside {
	float: left;
	width: 820px;
	padding: 15px 30px;
}
.pracabl.adone .praca-inside {
	width: 377px;
}

#creative, #image, #design {
	float: left;
	width: 289px;
	height: 356px;
	margin: 5px 0 0 0;
	background-color: #fff;
}
#creative .br, #image .br, #design .br {
	padding: 17px 21px 0 22px;
}
#image, #design {
	margin: 5px 0 0 6px;
}
#design {
	width: 290px;
}

#intro-grafika {
	float: left;
	width: 244px;
	height: 244px;
	margin: 4px 0 0 0;
	background: url('gfx/intro-grafika.jpg') no-repeat;
}
.creative #intro-grafika {
	background-image: url('gfx/intro-creative.jpg');
}
.image #intro-grafika {
	background-image: url('gfx/intro-image.jpg');
}
.design #intro-grafika {
	background-image: url('gfx/intro-design.jpg');
}
#intro {
	float: left;
	width: 631px;
	height: 244px;
	margin: 4px 0 0 5px;
	background-color: #fff;
}
#intro .br {
	width: 587px;
	height: 208px;
	padding: 18px 22px;
}
#intro-logo {
	
}
#intro-text-left {
	float: left;
	width: 305px;
	margin: 22px 0 -5px 0;
}
#intro-text-right {
	float: right;
	width: 260px;
	margin: 22px 0 0 0; /* -10 */
}
#intro-text-right ul {
	margin-bottom: 0;
}

#portfolio-info {
	float: left;
	width: 244px;
	height: 26px;
	margin: 4px 0 0 0;
	background-color: #fff;
	color: #2a345f;
	font-size: 14px;
}
#portfolio-info .br {
	width: 231px;
	height: 20px;
	padding: 6px 0 0 13px;
}
#portfolio-linki {
	float: left;
	width: 631px;
	height: 26px;
	margin: 4px 0 0 5px;
	background-color: #fff;
}
#portfolio-linki a {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	color: #2a345f;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	border-right: 6px solid #e3e4ea;
}
#portfolio-linki a:hover,
#portfolio-linki a.current {
	color: #fff;
}
.creative #portfolio-linki a:hover,
.creative #portfolio-linki a.current {
	background-color: #f5a800;
}
.image #portfolio-linki a:hover,
.image #portfolio-linki a.current {
	background-color: #79b51c;
}
.design #portfolio-linki a:hover,
.design #portfolio-linki a.current {
	background-color: #C10F0D;
}
#portfolio-linki a:hover div {
	cursor: pointer;
	cursor: hand;
}

.portfolio-node {
	float: left;
	width: 437px;
	height: 167px;
	background-color: #f5f5f5;
	margin: 4px 5px 0 0;
}
#main.praca .portfolio-node {
	margin-right: 0;
	height: 203px;
}
.portfolio-node .br {
	width: 423px;
	height: 158px;
	padding: 9px 0 0 14px;
}
.portfolio-node .br .br {
	width: 187px;
	height: 167px;
	padding: 0;
}
.portfolio-node.odd {
	margin: 4px 6px 0 0;
}
.portfolio-node.even {
	margin: 4px 0 0 0;
}
.portfolio-node.less {
	background-color: #fff;
}
.portfolio-node h2 {
	margin: 0 0 8px 0;
	color: #8d8d8d;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
}
.portoflio-node-image {
	width: 187px;
	float: right;
	margin: -9px 0 -9px 5px;
}
.portoflio-node-image a {
	display: block;
	width: 100%;
	height: 100%;
}

#stopka {
	float: left;
	width: 100%;
	height: 21px;
	margin: 8px 0 0 0;
	background-color: #0d1843;
	color: #fff;
	text-align: center;
	line-height: 22px;
}
#stopka a {
	color: #fff;
}
#stopka a:hover {
	color: #b4002f;
}