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 }