html, body {
 height:100%;
 width:100%;
}

body {
 margin:0;
 padding:0;
 background-color:#fdfdfe;
 color:#233441;
}

h1 {
 text-transform:uppercase;
 font-size:18pt;
 border-bottom:1px solid #cfd9df;
}

h1.s {
 margin-bottom:2px;
}

h2 {
 margin:20px 10px;
 border-bottom:1px solid #eff0f1;
 font-size:15pt;
 font-weight:normal;
}

h3 {
 font-size:13pt;
 font-weight:normal;
 text-transform:uppercase;
}

h4 a strong {
  color:#233441;
}

p {
 margin:5px;
 padding:5px;
 text-align:justify;
 text-indent:1cm;
 font-size:10pt !important;
}

p.noindent {
 text-indent:0;
}

address {
 border-left:5px solid #a5b8c3;
 background-color:#fbfcfd;
 margin:10px;
 text-indent:0;
 padding:10px 10px 10px 25px;
 font-style:normal;
}

address a {
 margin-top:20px;
 border:0 !important;
 font-weight:bold;
}

address a, address span {
 display:block;
 margin-left:25px;
 padding:5px;
}

address span b {
 color:#506778;
}

address span a {
 display:inline;
 margin:0;padding:0;
 font-weight:normal;
}

/*

label {
 display:block;
 position:relative;
 top:4px;width:200px;
 float:left;clear:left;
 text-align:right;
 margin:5px;
 font-size:8pt;
 text-transform:uppercase;
 color:#5a656e;
}

input, textarea {
 position:relative;
 display:block;
 width:400px;
 float:left;
 margin:5px;
 font-family:verdana,tahoma,geneva,sans-serif;
 font-size:10pt;
}

textarea {
 height:75px;
}

input.submit {
 float:none;
 margin:10px auto 5px 215px;
 padding:1px 10px 1px 5px;
 width:auto;
 border:0;
 border-left:5px solid #a5b8c3;
 background-image:url(../i/bg-submenu.png);
 background-color:#fbfcfd;
 background-repeat:repeat-x;
 text-align:left;
 font-size:8pt;
 font-weight:bold;
 color:#5a656e;
}

* html input.submit {
 margin-left:220px;
}

*/

.label, .arg {
  width:22% !important;
}

div.in, .value {
	width:66% !important;
}

div.f br {
 clear:both;
}

div.f input.submit {
 left:22% !important;
}

div.f div.error {
 position:relative;
/* width:100px;
 float:left;
 */
 font-size:8px;
 text-transform:uppercase;
 margin:5px;
}

div.mid-p {
 position:absolute;
 left:0;top:0;
 width:100%;height:338px;
 background-image:url(../i/bg-mid-p.png);
 background-repeat:repeat-x;
 z-index:1;
}

div.mid-a {
 position:absolute;
 left:50%;top:15px;
 margin-left:-385px;
 width:770px;height:220px;
 background-image:url(../i/bg-mid-a.png);
 background-repeat:repeat-x;
 z-index:3;
}

div.mid-a div.kontakt {
 position:absolute;
 right:10px;top:25px;
 font-size:8pt;
 color:#bdcbd3;
}

div.mid-a div.kontakt a, div.mid-a div.kontakt span {
 display:block;
 margin:3px 0;
}

div.mid-a div.kontakt span {
 cursor:default;
}

div.mid-a div.kontakt a {
 color:#bdcbd3;
 text-decoration:none;
}

div.mid-a div.kontakt a:hover, div.mid-a div.kontakt span:hover {
 color:#819bab;
}

div.mid-r-1px {
 position:absolute;
 right:0;top:0;
 width:1px;
 height:220px;
 z-index:4;
}

div.mid-a > div.mid-r-1px {
 background-image:url(../i/mid-r-1px.png);
 background-repeat:no-repeat;
}

div.mid-arc {
 position:absolute;
 top:-12px;left:0;
 width:184px;height:243px;
 z-index:4;
}

div.mid-a > div.mid-arc {
 background-image:url(../i/mid-arc.png);
 background-repeat:no-repeat;
}

div.down-shadow {
 position:absolute;
 top:235px;left:50%;
 margin-left:-385px;
 width:770px;height:13px;
 z-index:3;
}

body > div.down-shadow {
 background-image:url(../i/down-shadow.png);
 background-repeat:no-repeat;
}

div.up-shadow {
 position:absolute;
 top:8px;left:50%;
 margin-left:-385px;
 width:770px;height:7px;
 z-index:3;
}

body > div.up-shadow {
 background-image:url(../i/up-shadow.png);
 background-repeat:no-repeat;
}

div.itstudio {
 position:absolute;
 top:94px;left:60px;
 z-index:5;
 cursor:pointer;
 width:242px;height:98px;
}

div.mid-a > div.itstudio {
 background-image:url(../i/itstudio.png);
 background-repeat:no-repeat;
}

div.menu {
 position:absolute;
 bottom:2px;right:0;
 width:438px;height:35px;
 z-index:7;
}

div.menubg {
 position:absolute;
 bottom:1px;right:7px;
 width:438px;height:35px;
 z-index:6;
}

div.mid-a > div.menubg {
 background-image:url(../i/menu.png);
 background-repeat:no-repeat;
}

div.mid-a h1 {
 display:none;
}

div.mid-a div.lang {
 position:absolute;
 right:8px;top:7px;
}

div.mid-a div.lang img {
 margin:1px;padding:0;
 border:1px solid #e0e0e0;
}

div.menu a {
 font-family:tahoma,verdana,geneva,sans-serif;
 font-size:11px;
 text-transform:uppercase;
 font-weight:bold;
 text-decoration:none;
 display:block;
 width:100%;
 color:#e1e7eb;
 padding:10px 0;
}

div.menu a:hover {
 color:white;
}

div.menu ul {
 margin:0 0 0 1px;
 padding:0;
 width:397px;
 list-style:none;
 text-transform:lowercase;
}
  
div.menu li {
 float:left;
 padding:0;
 width:25%;
 line-height:normal;
 text-indent:0;
 text-align:center;
}

/* IE Mac fix */
div.menu a {
  float:left;
}

div.contajner {
 position:relative;
 top:0;left:50%;
 width:770px;
 height:auto !important;
 height:100%;
 min-height:100%;
 margin-left:-385px;
 z-index:2;
 background-image:url(../i/content-bg.png);
 background-repeat:repeat-y;
}

div.content {
 position:relative;
 padding:0 15px 43px;
}

div.content a, div.footer a {
 border-bottom:1px solid #b4bcbe;
 text-decoration:none;
}

div.content a:hover, div.footer a:hover {
 border-bottom:1px solid #233441;
}

div.content span.s {
 display:block;
 height:247px;
}

div.footer {
 position:absolute;
 height:28px;
 left:50%;bottom:0;
 width:720px;
 margin-left:-360px;
 margin-top:15px;
 font-size:8pt;
 color:#819bab;
 border-top:1px solid #e6e6e6;
}

div.footer ul {
 margin:2px 0;
 padding:0;
 list-style:none;
 width:100%;
}

div.footer li {
 float:left;
 margin:5px 10px 0 5px;
}

div.footer li.f1 {
 margin:2px 0 0 0;
}

div.footer li.f1 a.its {
 border:0;
}

div.footer li.f3 {
 float:right;
 margin-right:0;
}

div.footer li.f3 b {
 color:#506778;
}

ul.submenu {
 margin:1px 8px 10px;
 padding:0;
 list-style:none;
 float:right;
}
  
ul.submenu li {
 float:left;
 margin:0 2px;padding:0;
 line-height:normal;
 text-indent:0;
 text-align:center;
}

ul.submenu li a {
 display:block;
 padding:2px 7px;
 text-transform:uppercase;
 text-decoration:none;
 font-size:8pt;
 font-weight:bold;
 border:0;
 border-left:5px solid #eff0f1;
 background-image:url(../i/bg-submenu.png);
 background-color:#fbfcfd;
 background-repeat:repeat-x;
}

ul.submenu li a:hover, ul.submenu li a.c {
 color:#506778;
 border:0;
 border-left:5px solid #a5b8c3;
}

/* IE fix */
* html ul.submenu {margin-right:3px;}
ul.submenu a {float:left;}

dl {
 margin:0 10px;
 padding:0 0 15px;
}

dt {
 font-size:13pt;
 border-bottom:1px solid #e4e7e8;
 color:#5a656e;
 margin:25px 0 0 0;
 padding:5px 0;
 clear:both;
}

dt a {
 border:0 !important;
}

dt a:hover {
 border:0;
 color:#5a656e;
}

dd {
 position:relative;
 margin:0 0 10px 0;
 padding:0;
 border:1px solid #eff0f1;
 background-image:url(../i/bg-portfolio.png);
 background-repeat:repeat-x;
 background-color:#fbfcfd;
}

dd ul {
 margin:0;
 padding:0 0 0 205px;
 list-style:none;
}

dd ul li {
 margin:5px 0 5px 5px;
 padding:5px;
 border-bottom:1px solid #eff0f1;
 font-size:9pt;
}

dd ul li.opis {
 border:0;
 line-height:13pt;
}

dd ul li.opis p.more {
 margin-right:0;
 margin-bottom:0;
 padding-bottom:0;
}

dd ul li strong {
 font-size:8pt;
 text-transform:uppercase;
 color:#5a656e;
}

dd ul li i {
 color:#9d9d9d;
}

dd div {
 position:absolute;
 top:0;left:0;
 padding:0;
 border:0;
}

dd > div {
 margin:10px 5px;
}

* html dd div {
 margin:5px;
}

dd img {
 border:1px solid #eff0f1;
}

img.right {
 float:right;
 padding:2px 0 2px 15px;
 margin:0 10px 10px 10px;
 border-left:1px solid #e4e7e8;
}

img.left {
 float:left;
 padding:2px 15px 2px 0;
 margin:0 10px 10px 10px;
 border-right:1px solid #e4e7e8;
}

p.more {
 font-weight:bold;
 text-align:right;
 margin:8px;
}

p.more a {
 font-size:7pt !important;
 text-decoration:none;
 border:0;
}

p.more a:hover {
 border:0;
}

p.lead {
 clear:both;
 border-left:5px solid #a5b8c3;
 background-color:#fbfcfd;
 margin:10px;
 text-indent:0;
 padding:10px 10px 10px 25px;
}

* html p.lead {
 padding-top:5px;
}

ul.oferta, ol.proces, ul.demo {
 margin:0;
 padding:0;
 list-style:none;
 width:100%;
 clear:right;
}

ul.oferta li, ol.proces li {
 float:left;
 padding:0;
 text-indent:0;
 width:33%;
 background-position:100% 100%;
 background-repeat:no-repeat;
}

ul.demo li p {
 padding:15px;
}

ul.demo li {
 width:50%;
 float:left;
 padding:0;
 text-indent:0;
}

ol.proces li {
 background-position:95% 20px;
 background-repeat:no-repeat;
}

ol.proces li.l1 {
 background-image:url(../i/1.gif);
}

ol.proces li.l2 {
 background-image:url(../i/2.gif);
}

ol.proces li.l3 {
 background-image:url(../i/3.gif);
}

ol.proces li.l4 {
 background-image:url(../i/4.gif);
}

ol.proces li.l5 {
 background-image:url(../i/5.gif);
}

ol.proces li.l6 {
 background-image:url(../i/6.gif);
}

ul.oferta li h2, ol.proces li h2 {
 margin-bottom:5px;
}

ul.oferta li h2 span {
 color:#166eb2;
}

ul.oferta li img {
 position:relative;
 float:right;
 padding:2px;
 margin:0 10px 2px 2px;
 border:1px solid #e4e7e8;
 top:-16px;
}

ul.oferta li p, ol.proces li p {
 text-align:left;
 font-size:10pt;
 line-height:14pt;
 text-indent:0;
 margin:2px 5px;
 padding:2px 5px;
}

ul.oferta li p.more {
 font-size:8pt;
 font-weight:bold;
 text-align:right;
 margin:8px;
}

ul.oferta li.more, ol.proces li.more {
 clear:both;
 float:none;
 width:100%;
 padding:5px 0 10px 0;
}

ul.oferta li.more p {
 text-align:justify;
}