body { margin:0;padding:0;height:100%;font-family: Arial, Helvetica, sans-serif;color: #414141; font-size:12px;color: Black;background: White url(img/body1.png) repeat-x top; overflow-x: hidden} body.all-pages { background: transparent url(img/body.png) repeat fixed center; } div.top-white { width: 100%; background-color: white; height: 120px } a { text-decoration: none; color: Black;} a:hover { text-decoration: none; color: #f58220;} .clr { clear: both;margin: 0;padding: 0;height: 0;} img, a { border: none; outline: none} div { position: relative;} div.Logowanie { height: 27px; width: 840px; margin: auto; line-height: 27px;text-align: right; padding-top: 3px} div.Logowanie input[type="text"], div.Logowanie input[type="password"] { border: 1px solid silver; margin-right:5px; width: 150px; color: gray; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 17px} div.Logowanie input[type="submit"] { width: 19px; height: 19px; background-image: url(img/send.png); background-position: 50% 50%; border: 1px solid silver; outline: none; cursor: pointer; vertical-align: middle;} div.Logowanie span { margin-right: 10px; font-size: 11px; font-weight: bold; color: gray; padding-left: 20px; background: url(img/lg.png) no-repeat left 50%;} div#header { width: 100%;height: 550px;position: relative; margin: 0 auto;padding: 0; border: transparent; background: transparent url(img/top.png) no-repeat center;} div.logo { width:900px; height: 100px; margin: auto; background: transparent url(img/logo.png) no-repeat top; } div.menu { position: relative; float: right; margin-top: 50px; margin-right: 20px } div.logo img { width: 220px; height: 100px; float: left;} div.menu ul { margin: 0; padding: 0} div.menu li { margin: 0; padding: 0;float: left; list-style: none; font: normal normal bold 18px Arial, Helvetica, sans-serif; width: 100px; text-align: center; color: #939598;} div.menu a { color: #939598;} div.menu a:hover { color: #4c4d50;} div.BigFoto { width: 656px; height: 332px; margin: auto;margin-top: 72px;} div.BigFoto img { width: 656px; height: 332px;} div.slider-nav {width: 300px; text-align:center; margin:auto;padding:auto;} /*div.slider-nav ul { margin: 0; padding:0; width: 320px; margin: auto; height: 40px} div.slider-nav ul li { float: left; width: 30px; height: 30px; list-style: none; margin-top:5px; background:url(img/f.png);} div.slider-nav ul li:hover {background:url(img/f_.png);} div.slider-nav ul li.a {background:url(img/fa.png);} div.slider-nav ul li.a:hover {background:url(img/fa_.png);} div.slider-nav ul li.z {background:url(img/fz.png);} div.slider-nav ul li.z:hover {background:url(img/fz_.png);} */ div.slider-nav a {display:block;float:left; text-decoration: none; width:30px; height:30px; background: transparent url(img/fsprite.png) 0 0 no-repeat; } div.slider-nav a:hover {} div.slider-nav a.activeSlide {background: transparent url(img/fsprite.png) 0 -30px no-repeat; } div.slider-nav a.first {background: transparent url(img/fsprite.png) 0 -60px no-repeat;} div.slider-nav a.first.activeSlide {background: transparent url(img/fsprite.png) 0 -90px no-repeat;} div.slider-nav a.last {background: transparent url(img/fsprite.png) 0 -150px no-repeat;} div.slider-nav a.last.activeSlide {background: transparent url(img/fsprite.png) 0 -180px no-repeat;} .hidden {display: none} div.all { width: 930px;margin: auto; margin-top:0px} div.all-ps { margin: 0; width: 100%; padding:0} div.title { width: 100%; height: 39px; background-color: #3e3e3e; margin-top: -20px; margin-bottom:30px } div.title h1, div.title h2 { width: 830px; margin: auto; line-height: 39px; color: #989898; font-family: Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; } div.apla { width: 830px; margin: auto; margin-bottom:40px; min-height:300px} div.apla p { text-align: justify; line-height: 150%} div.apla p.nasi-ludzie { line-height: 30px; border-top:2px solid gray;border-bottom:2px solid gray; color: gray; font-weight: bold; font-size: 16px} div.apla ul li {list-style-image: url(img/li.png);line-height: 150% } div.apla ol {line-height: 150% } div.apla ul.ludzie, div.apla ul.ludzie li{margin: 0; padding: 0; list-style: none; list-style-image: none;} img.firma { float: right; margin-left: 50px} div.th { width: 280px;margin:10px;color: #414141; text-align: left;} div.th p {margin: 10px 0; line-height: 150%} div.th p.t {font-weight: bold;font-size: 16px } div.th a {font-family: "Georgia","Times New Roman", Times, serif;font-style: italic; font-size: 11px;font-weight: bold;color: #f58220; background: transparent url(img/l.png) no-repeat right 50%;padding-right: 10px} div.th a:hover {color: black;} div.left {float: left} div.th.linki ul { list-style: none; margin: 0; padding: 0; margin-top:30px; margin-left: 30px} div.th.linki a { font-family: Arial, Helvetica, sans-serif; color: gray; _font-style: normal; font-weight:normal; font-size: 12px; line-height: 150%; background-position: left 50%; padding-left: 15px} div.th.linki a:hover { color: black; } div#footer {text-align: center;width: 100%; background-image: url(img/foot.png);min-height:100px} div.dol {width: 930px; margin: auto;} div.dol .th {color: white; font-size: 11px; line-height: 150%; width: 200px; } div.dol .th img { margin: 0} div.dol .th img.infocity { margin-bottom: 8px} div.dol .th img.ttt {margin-top: 46px} div.dol .th img.mmm {margin: 5px 0 0 0} div.dol div.marg {margin-left: 200px; width: 160px;} .th a.cookies {font-family: Arial,Helvetica,sans-serif;background:none; color:White;font-weight:normal;font-style: normal; font-size: 11px; line-height: 150%;} .th a.cookies:hover {color:White; text-decoration:underline;} ul.ludzie li { margin-bottom: 20px} ul.ludzie span {line-height: 150%} ul.ludzie span.in, p.in, h3, div.apla h2.in {display: block; padding-left: 20px; background: url(img/kulki.png) no-repeat left 50%; font-weight: bold; font-size: 14px; margin-top:40px} ul.ludzie span.st {display: block; margin-bottom: 10px; font-style: italic; padding-left: 20px; font-family: "Georgia","Times New Roman", Times, serif; font-size: 11px} div.apla form { width: 500px; margin-left: 300px; color: #414141;} div.apla form input[type="text"], div.apla form textarea { width: 100%; margin: 3px 0} div.apla form textarea { min-height: 200PX; MARGIN-BOTTOM:6PX; font-family: Arial, Helvetica, sans-serif;} div.oferta-img {width: 100%; text-align: center; background-image: url(img/www_oferta_no_txt.png); background-repeat: no-repeat; background-position: 50% 50%; height: 393px;} div.oferta-poz {width: 820px; margin:auto; border: 1px solid transparent; height: 390px} div.oferta-poz div {position:absolute;font-family: "Georgia","Times New Roman", Times, serif; font-weight: bold; font-style: italic; color: #4b4b4b; text-transform: uppercase; font-size: 11px; text-align: left; padding:3px; background-color: #fafafa;} div.oferta-poz div a {color: #4b4b4b;} div.oferta-poz div a:hover {color: #ff6300;} div.oferta-poz div.projekty {margin-top: 45px; margin-left:230px; width: 80px; } div.oferta-poz div.serwisy {margin-top: 45px; margin-left:422px; width: 72px} div.oferta-poz div.sklepy {margin-top: 45px; margin-left:614px; width: 110px} div.oferta-poz div.poczta {margin-top: 134px; margin-left:61px; width: 130px} div.oferta-poz div.doradztwo {margin-top: 134px; margin-left:730px; _width: 100px} div.oferta-poz div.pomoc {margin-top: 291px; margin-left:140px; width: 90px} div.oferta-poz div.aplikacje {margin-top: 310px; margin-left:327px; width: 100px} div.oferta-poz div.domena {margin-top: 312px; margin-left:497px; width: 100px} div.oferta-poz div.hosting {margin-top: 293px; margin-left:694px; width: 75px} div.oferta-poz div.infocity {margin-top: 178px; margin-left:345px; width: 110px; height: 31px; background: url(img/mlogo.png); background-position: 50% 50%; background-repeat: no-repeat; } div.oferta-poz div.infocity span {color: transparent; display: none;} div.validation-summary-errors {color: red;} div.contact-success {width: 500px; margin-left: 300px; text-align: center; line-height: 40px} div.contact-info {width: 500px; margin-left: 300px; text-align: center;} div.kontakt-info {position: absolute; margin-top: 0; margin-left: 0; width: 200px; line-height: 200%; color: #414141; } .hoga { background: url("img/l.png") no-repeat scroll right 50% transparent; color: #F58220;font-family: "Georgia","Times New Roman",Times,serif; font-size: 11px; font-style: italic;font-weight: bold; padding-right: 10px; cursor:pointer;} div.portfolio-menu {width:830px; top:-30px; margin:auto; text-align: right;} div.portfolio-menu a { color: silver; font-size: 14px; margin-left:30px} div.portfolio-menu a:hover {color: #f58220;} body.portfolio_bytrade span.trade a, body.portfolio_byclient span.client a, body.portfolio_index span.last a {color: #f58220;} div.portfolio {position:relative; margin-bottom: 20px; width: 860px} div.portfolio_details {position:relative; margin-bottom: 20px; width: 830px} /* div.portfolio div.item {float:left; width:230px; height:159px;position: relative; margin:20px; background-color:#3e3e3e;} div.portfolio div.item-visible-description {margin-bottom:50px;} div.portfolio div.item div.item-inner {border:solid 1px #3e3e3e;position:relative; background-color: #3e3e3e;width:230px; height:159px;overflow:hidden; } div.portfolio div.item-visible-description div.item-inner {height:190px;margin-bottom:20px;} div.portfolio div.item div.item-inner img {} div.portfolio div.item:hover div.item-inner {position:absolute; background-color: #3e3e3e;} div.portfolio div.item div.picture { background-color: #3e3e3e;} body.portfolio_index div.portfolio div.item div.picture { background-color: transparent; } div.portfolio div.item div.picture img {width:100%; -ms-interpolation-mode: bicubic; } div.portfolio div.hover {background-color:#3e3e3e;} div.portfolio div.hover div.description {display:block;} div.item-inner div.description { padding: 0 10px; height:25px; line-height: 25px; background: #3e3e3e url(img/prtf.png) no-repeat right 50%;} div.item-inner div.description a { color: silver; font-size: 14px; padding-left:10px; background: url(img/pfli.png) no-repeat left 50%;} */ div.portfolio div.item { width:256px; height:183px; margin:15px; overflow:hidden; position:relative; float:left; } div.portfolio div.item div.description { width:256px; height:20px; font-size: 14px; padding-left:10px; background: #3e3e3e url(img/prtf.png) no-repeat right 50%; background-color: #3e3e3e; color:silver; /* fix it at the bottom */ position:absolute; bottom:-1px; /* fix IE issue */ left:0; /* hide it by default */ display:none; /* opacity setting */ filter:alpha(opacity=90); /* ie */ -moz-opacity:0.9; /* old mozilla browser like netscape */ -khtml-opacity: 0.9; /* for really really old safari */ opacity: 0.9; /* css standard, currently it works in most modern browsers like firefox, */ } div.portfolio div.item-visible-description div.description {display:block;} div.portfolio div.item img {width:256px; height:183px;border:0;position:absolute;} div.portfolio div.item div.description a {text-decoration:none;display:block;color: silver; font-size: 14px; padding-left:10px;background: url(img/pfli.png) no-repeat left 50%;} div.letterfilter {width: 830px; margin: auto;} div.letterfilter span {margin-right:5px; padding:3px; border:solid 1px silver;color:Silver; width: 13px; display: inline-table; text-align: center;} div.letterfilter span a {color:black;} div.letterfilter span a.current {font-weight:bold;} div.loga {width: 100%; background-image: url(img/logaBg.png); border-top: 1px solid #e6e6e6; height: 70px;padding:10px;} div.lg {width: 930px; margin: auto; color: #8d8d8d;font-weight: bold;font-size: 14px; text-align: left } div.lg ul {margin:10px ; padding:0;width: 910px; overflow: hidden; white-space: nowrap; height: 70px } div.lg li {float: left; text-align: left; list-style: none; margin: 0; padding: 0; margin-right:10px} div.lg li img {margin: 7px 20px} div.partnerzy-tytul { width:110px; float:left;font-size:14px;font-weight:bold;} div#partners-container {float:left;width:820px;position:relative;} div#partners { position: absolute; width: 800px; margin: 0 10px; z-index: 0; } div#partners img { height: 55px; width: auto; margin: 0 5px } div#partners ul { margin: 0; padding: 0; list-style: none;} div#partners li { float: left; margin: 0 10px 0 0;} div#partners li a { display: block;height: 55px; background-position: top; margin:0 20px; background-repeat: no-repeat;} div#partners li a:hover { background-position: bottom;} div#partners li span { display: none; } div#partners-container div.part-left-off { text-align: center; width: 40px; z-index: 100; position: absolute; background: url(img/sh-l.png) repeat-y left; height: 85px } div#partners-container div.part-right-off { position: absolute; text-align: center; width: 40px; margin: 0 643px; z-index: 100; background: url(img/sh-r.png) repeat-y right; height: 85px }