@font-face {
	font-family:'VariableBlack';
	src:url('variable_black-webfont.eot');
	src:url('variable_black-webfont.eot?#iefix') format('embedded-opentype'),
	    url('variable_black-webfont.woff') format('woff'),
	    url('variable_black-webfont.ttf') format('truetype'),
	    url('variable_black-webfont.svg#VariableBlack') format('svg');
	font-weight:normal;
	font-style:normal;
}
@media all {

* { padding:0; margin:0; }
fieldset, img { border:0; }
label, a { cursor:pointer; }
body, textarea, input, table, select, h1, h2 { font-size:100%; font-family:Arial, Helvetica, sans-serif; }
option { padding-right:0.5em; }

#content ul, #content ol, #content dd { margin-left:2em; }
h3, h4, h5, h6 { font-size:1em; margin:1em 0; }
p { margin-bottom:1em; }
p.image { text-align: center; }

ul.sitemap, ul.sitemap li, ul.sitemap ul { list-style-type: circle; }
ol.a, ul.a { list-style-type: lower-alpha; }

span.important {	background-color:#ffffaa; padding-left: 3px; padding-right: 3px; color: #1c331c;}
span.search-title {	font-size: 1.2em;  padding-top: 3px; padding-bottom: 3px; color: #465f79; color: #8091a3;color: #3c5995;}
span.search-title-highlight {	font-weight: bold; }
span.search-address-highlight {	font-weight: bold; }
span.search-highlight {	font-weight: bold; background-color: #eeffff;}
span.search-address {	padding-top: 3px; padding-bottom: 3px; color: green;}

}
@media screen, projection {

a { color: #fbb46d; color: #ff0000; text-decoration:none; }
a:focus, a:hover { text-decoration:underline; }

#skipLinks, hr, #breadcrumbs h2, #news h2, #services h2, #boxLatestProject h2, #boxSearch h2, #formSearch label, #menuLevel1M h2, #menuLevel1M #ML1MBackToTop, #menuLevel1F h2, #footer h2 { position:absolute; top:0; left:-1000em; margin:0; }

/* lay */

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

html {
	background-color:#f3f3f3;
	font-size:100.01%;
	color:#656565;
}

body {
	font-size:62.5%;
}
	
#searchable {
	padding:0 31px 0 23px;
	position:relative;
	margin:0 auto;
}

.results-row {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	position:relative;
	margin:0 auto;
	padding-bottom: 5px;
}
	
#main {
	width:943px;
	min-height:100%;
	padding:0 31px 0 23px;
	background:#fff url(gfx/boxPageMiddle.png) repeat-y 0 0;
	position:relative;
	z-index:0;
	margin:0 auto;
}

#main::after {
	content:"";
	display:block;
	height:1px;
	clear:both;
}

* html #main {
	height:100%;
}

/* content */

#content, #gallery-content {
	width:943px;
	float:left;
	margin-right:-500px;
	position:relative;
	z-index:10;
}

#content.wide {
	width:945px !important;
	margin-right:-20px !important;
}

#navigationGallery {
  margin: 0 auto;
}

#farmapromWindowGallery {
  margin: 0 auto;
}

#logoWindowGallery {
  margin: 0 auto;
}

#clientsWindowGallery {
  margin: 0 auto;
}

#mobiWindowGallery {
  margin: 0 auto;
}

#androidWindowGallery {
  margin: 0 auto;
}

#contentWindowGallery {
  margin: 0 auto;
}

#weconnectWindowGallery {
  margin: 0 auto;
}

#gallery-content {
	text-align:center;
}

.imageRight {
	float:right;
}

.imageLeft {
	float:left;
}

.imageCenter {
	text-align:center;
}

/* page */

#page, #news {
	width:612px;
}

#content.wide #page {
	width: 100% !important;
}


	#page h1
	{
		margin-bottom:0.5em;
		font-family:"Bookman Old Style";
		font-family:'VariableBlack', sans-serif;
		font-size:2.53em;
		font-weight:normal;
	}

	#page.incart h1
	{	text-align: center;
		margin-bottom:0.5em;
		margin-top:1em;
		font-family: "Century Gothic";
		font-family:'VariableBlack', sans-serif;
		font-size:3.53em;
		font-weight:normal;
	}

	#pagewide.subtitle
	{	text-align: center;
		margin-bottom:0.5em;
		font-family: "Century Gothic";
		font-family:'VariableBlack', sans-serif;
		font-size:1.53em;
		font-weight:normal;
	}

	#page h2, #pagewide h2 {
		font-family: "Century Gothic";
		font-family:'VariableBlack', sans-serif;
		font-size:	18px;
		font-weight:	400;
		font-style:	normal;
		color:	#656565;
		color: #354b60;
		text-transform	: none;
		text-decoration:	none;
		letter-spacing:	normal;
		word-spacing:	normal;
		line-height:	15px;
		text-align:	start;
		vertical-align:	baseline;
		margin-bottom: 10px;
		padding: 10px;
	}

	#page h3, #pagewide h3 {
		margin-bottom:0.5em;
		font-family: "Century Gothic";
		font-family:'VariableBlack', sans-serif;
		font-size:1.73em;
		font-weight:normal;
		color: #354b60;
	}

		#page div.text h3, #pagewide div.text h3 {
			margin-bottom:0.5em;
			font-family:'VariableBlack', sans-serif;
			font-size: 1.53em;
			font-weight:normal;
		}

		#page div.text a, #page div.text a {
			color:#fbb46d;
			color:#fab71f;
		}

	#page div.text, #pagewide div.text {
		overflow:hidden;
		border-bottom:1px solid #d9d9d9;
		font-size:1.2em;
		zoom:1; /* IE fix */
	}

	/* LINKI W TEKSTACH */
	#page div.text a, #pagewide div.text a {
		color:#fbb46d;
		color: green;
		font-size: 1.2em;
	}

	#page div.text a.anchor, #pagewide div.text a.anchor {
		color: #656565;
		cursor: text;
	}

	/* boxes */
	#page div.box-border-out, #pagewide div.box-border-out { 
      border:4px solid #ebebeb;
      margin-bottom:25px;
      -moz-border-radius: 13px;
    }
	
    #page div.box-border-in, #pagewide div.box-border-in { 
      border:1px solid #c3c2c2; 
      padding:10px 14px;
      -moz-border-radius: 9px; 
    }
    		
	#page div.grey_notice, #pagewide div.grey_notice {
      margin-bottom:10px; 
      padding:10px 13px; 
      border:1px solid #DADADA; 
      background: #FAFAFA;
      -moz-border-radius: 9px;    
    }
		
	#page div.grey_notice h3, #pagewide div.grey_notice h3 {
      margin-top:0px; 
    }
		
		#page div.text p.box1,
		#page div.text p.box2 {
			display:inline;
			background-color:#edf2f8;
			margin:23px 23px 1em 0;
		}
		
		#page div.text p.box1_yellow,
		#page div.text p.box2_yellow {
			display:inline;
			background-color:#fffdd5;
			margin:23px 23px 1em 0;
		}

		#page div.text p.box1,
    #page div.text p.box1_yellow {
			width:215px;
			float:right;
			margin-left:18px;
		}

		#page div.text p.box2,
    #page div.text p.box2_yellow {
			width:200px;
			float:left;
			margin-right:45px;
			margin-left:15px;
			/* font-weight:bold; */
		}

			#page div.text p.box1 em,
			#page div.text p.box2 em {
				display:block;
				padding:7px 10px 21px;
				background-color:#dcdfda;
				border:solid #e9e7d9;
				border-width:23px 23px 0 0;
				position:relative;
				bottom:23px;
				left:23px;
				line-height:1.5;
				color:#1f497d;
				font-style:italic;
				text-align:center;
			}
			
			#page div.text p.box1_yellow em,
			#page div.text p.box2_yellow em {
				display:block;
				padding:7px 10px 21px;
				background-color:#eeecad;
				border:solid #e9e7d9;
				border-width:23px 23px 0 0;
				position:relative;
				bottom:23px;
				left:23px;
				line-height:1.5;
				color:#760000;
				font-style:italic;
				text-align:center;
			}

/* Column set */

/* IMPORTANT!!!: Add <div style="clear: both;"></div> after last floating div. 
This prevents following content from floating. */ 

      /* two columns */
      #page div.col2-set div.col-1, div.col2-set div.col-2 {
      	width:48%;
      	padding-bottom: 15px;
    	}

      #page div.col2-set div.col-1 {
      	float:left;
    	}
      
      #page div.col2-set div.col-2 {
      	float:right;
    	}
    	
    	/* three columns */
    	#page div.col3-set div.col-1, div.col3-set div.col-2, div.col3-set div.col-3 {
      	float:left;
      	width:33%;
      	padding-bottom: 15px;
    	}

      #page div.col3-set div.col-1, div.col3-set div.col-2 {
      	margin-right:2%;
    	}

      /* four columns */
      #page div.col4-set div.col-1, div.col4-set div.col-2, div.col4-set div.col-3, div.col4-set div.col-4 {
      	float:left;
      	width:22%;
      	padding-bottom: 15px;
    	}

      #page div.col4-set div.col-1, div.col4-set div.col-2, div.col4-set div.col-3 {
      	margin-right:4%;
    	}
/* End of column set */

	#page div.categories,
	#page div.details {
		padding:7px 0 5px 22px;
		background:url(gfx/icon-tag.png) no-repeat 0 50%;
		clear:both;
		font-size:1.06em;
	}

	#page div.details {
		height:1.2em;
		background-image:url(gfx/icoAuthor2.gif);
	}

		#page div.details p.author {
			float:left;
			margin-bottom:0;
			font-style:italic;
		}

		#page div.details p.tags {
			padding-left:22px;
			background:url(gfx/icon-tag.png) no-repeat 0 50%;
			float:right;
			margin-bottom:0;
		}

		#page div.categories a,
		#page div.details a,
		#news div.categories a {
			color:#fbb46d;
			text-decoration:none;
		}

		#page div.categories a:focus,
		#page div.categories a:hover,
		#page div.details a:focus,
		#page div.details a:hover,
		#news div.categories a:focus,
		#news div.categories a:hover {
			text-decoration:underline;
		}
  
  /* tables */
	#page table.params {
		width:280px;
		border-collapse:separate;
		border-spacing:0;
		border:0;
		border-bottom:2px solid #4f81bd;
		margin:0 auto 46px;
		position:relative;
		top:23px;
		color:#365f91;
	}

		#page table.params caption {
			padding-left:10px;
			border:solid #4f81bd;
			border-width:2px 0;
			margin:0 auto;
			font-size:1.3em;
			font-style:italic;
			font-weight:bold;
			text-align:left;
		}

		#page table.params tbody th,
		#page table.params tbody td {
			background-color:#d3dfee;
			border:0;
		}

		#page table.params tr.even th,
		#page table.params tr.even td {
			background-color:#fff;
		}

		#page table.params tbody th {
			padding-left:10px;
			font-weight:bold;
			font-size:0.9em;
			text-align:left;
		}
		
		#page table.params tbody td {
			font-size:0.9em;
			text-align:center;
		}

	#page div.text p.price {
		clear:both;
		margin-top:0.8em;
		font-size:1.2em;
		color:#4f81bd;
		font-weight:bold;
		text-align:center;
	}

		#page div.text p.price strong {
			background-color:#fff;
			font-size:1.7em;
			color:#4f81bd;
			font-weight:bold;
		}
		
	#page div.text p.price b {
			background-color:#fff;
			font-size:0.8em;
			color:#4f81bd;
			font-weight:bold;
	}

	#page div.text h3 a {
		color: #354b60;
	}

	#page div.text h3 a.hover {
		color: #354b60;
		text-decoration: underline;
	}

	#page table.params_2 {
		width:450px;
		border-collapse:separate;
		border-spacing:0;
		border:0;
		border-bottom:2px solid #c0504d;
		margin:0 auto 46px;
		position:relative;
		top:23px;
		color:#760000;
	}

		#page table.params_2 caption {
			padding-left:10px;
			border:solid #760000;
			border-width:2px 0;
			margin:0 auto;
			font-size:1.3em;
			font-style:italic;
			font-weight:bold;
			text-align:left;
		}

		#page table.params_2 tbody th,
		#page table.params_2 tbody td {
			background-color:#fffdd5;
			border:0;
		}

		#page table.params_2 tr.even th,
		#page table.params_2 tr.even td {
			background-color:#fff;
		}

		#page table.params_2 tbody th {
			padding-left:10px;
			font-weight:bold;
			font-size:0.9em;
			text-align:left;
		}
		
		#page table.params_2 tbody td {
			font-size:0.9em;
			text-align:center;
		}

	#page div.text p.price_2 {
		clear:both;
	/*	margin-top:0.8em; */
		font-size:1.2em;
		color:#760000;
		font-weight:bold;
		text-align:center;
	}

		#page div.text p.price_2 strong {
			background-color:#fff;
			font-size:1.7em;
			color:#760000;
			font-weight:bold;
		}
		
		#page div.text p.price_2 b {
			background-color:#fff;
			font-size:0.8em;
			color:#760000;
			font-weight:bold;
		}

	#page div.text p strong {
		background-color:#ffffaa;
		padding-left:3px;
		padding-right:3px;
		color:#1c331c;
		font-style:normal;
		font-weight:normal;
	}
	
/* news */

#news ol.items {
	list-style:none;
	margin:25px 0 0;
}

.home #news ol.items {
	margin:-225px 0 0 !important;
}

	#news ol.items li {
		min-height:78px;
		padding:0 0 50px 84px;
		margin-bottom:20px;
		position:relative;
		clear:left;
		zoom:1; /* IE fix */
	}

	* html #news ol.items li {
		height:78px;
	}

	#news ol.items h3 {
		padding:2px 0 0 16px;
		margin:0 0 13px;
		position:relative;
		font-size:2.4em;
		font-weight:normal;
		zoom:1; /* IE fix */
		font-family:'VariableBlack', sans-serif;
	}
	
	#news ol.items h3 a {
		color:#354b60;
		text-decoration:none;
	}
	
		#news ol.items h3 span {
			width:65px;
			height:50px;
			padding-right:15px;
			background:url(gfx/boxNewsDate.png) no-repeat 0 0;
			position:absolute;
			left:-84px;
			font-size:0.45em;
			line-height:25px;
			color:#354b60;
			text-align:right;
		}
	
		html:lang(pl) #news ol.items h3 span {
			line-height:15px;
		}
	
		#news ol.items h3 span:first-letter {
			font-size:1px;
			line-height:26px;
			color:#b9cee1;
		}
	
		#news ol.items h3 span:first-line {
			font-size:1.75em;
			line-height:25px;
		}
	
	#news ol.items p {
		margin:0 0 0 16px;
		font-size:1.2em;
	}
	
		#news ol.items p img {
			position:absolute;
			top:55px;
			left:0;
		}
	
	#news ol.items p.more,
	#news ol.items p.author,
	#news ol.items div.categories {
		height:50px;
		overflow:hidden;
		position:absolute;
		bottom:0;
		line-height:50px;
		font-size:1.1em;
	}
	
	#news ol.items p.more {
		padding-right:16px;
		background:url(gfx/arrRightDoubleGrey.gif) no-repeat 100% 50%;
		right:16px;
		color:#fbb46d;
		text-align:right;
		text-transform:lowercase;
		white-space:nowrap;
		text-align:left;
	}

	#news ol.items p.author {
		padding-right:16px;
		background:url(gfx/icoAuthor.gif) no-repeat 100% 50%;
		right:16px;
		color:#fbb46d;
		text-transform:lowercase;
		white-space:nowrap;
		text-align:right;
	}

	#news ol.items p.blog-author {
		padding-right:16px;
		padding-left:16px;
		background:url(gfx/icoAuthor.gif) no-repeat 100% 50%;
		color: grey;
		white-space:nowrap;
		text-align:right;
		margin:0 0 16 16px;
	}

	#news ol.items p.more a {
		width:100%;
		height:1em;
		overflow:hidden;
		background:url(gfx/arrRightDoubleGrey.gif) no-repeat -10px -10px;
		position:absolute;
		right:18px;
		top:19px;
		z-index:10;
		text-align:left;
		text-indent:-100em;
	}

	#news ol.items p.author a {
		width:100%;
		height:1em;
		overflow:hidden;
		background:url(gfx/icoAuthor.gif) no-repeat -10px -10px;
		position:absolute;
		right:18px;
		top:19px;
		z-index:10;
		text-align:right;
		text-indent:-100em;
	}

	#news ol.items p.more a:focus,
	#news ol.items p.more a:hover {
		border-bottom:1px solid #fbb46d;
	}

	#news div.categories {
		padding-left:38px;
		background:url(gfx/icon-tag.png) no-repeat 19px 50%;
		left:85px;
	}

	#news ol.items li.even {
		background:#f3f3f3 url(gfx/boxNews.png) no-repeat 0 100%;
	}

	#news ol.items li.even h3 {
		background:url(gfx/boxNews.png) no-repeat 100% 0;
	}

/* services */

#services {
	width:612px;
	padding-bottom:2px;
	background:#f3f3f3 url(gfx/boxRounded612x500Grey.png) no-repeat 0 100%;
	clear:both;
}

	#services ul {
		list-style:none;
		overflow:hidden;
		background:url(gfx/boxRounded612x500Grey.png) no-repeat 0 0;
		margin:0;
	}

		#services li {
			width:303px;
			min-height:99px;
			padding-right:308px;
			clear:left;
			float:left;
			margin-right:-308px;
		}

		* html #services li {
			height:99px;
		}

		#services li.even {
			padding:0;
			border-left:2px solid #fff;
			clear:none;
			float:right;
			margin:0;
		}

		#services li.IE {
			height:auto;
			min-height:auto;
			margin-bottom:-1em;
			clear:both;
			float:none;
			line-height:1px;
		}


		#services li#applications {
			background:url(gfx/picApplications.jpg) no-repeat 205px 10px;
		}

		#services li#portals {
			background:url(gfx/picPortals.jpg) no-repeat 209px 13px;
		}

		#services li#hosting {
			background:url(gfx/picHosting.jpg) no-repeat 203px 8px;
			border-top:2px solid #fff;
		}

		#services li#ebiznes {
			background:url(gfx/picEbiznes.jpg) no-repeat 187px 9px;
		}

			#services li h3 {
				padding:11px 100px 8px 16px;
				margin:0;
				font-size:1.6em;
				color:#354b60;
				font-weight:normal;
			}
			
			#services li h3 a {
				color:#354b60;
			}
			
			#services li p {
				padding:0 110px 1em 16px;
			}

/* breadcrumbs */

#breadcrumbs {
	padding:1em 0;
	color:#fff;
}

	#breadcrumbs a,
	#breadcrumbs em {
		color:#a5a5a5;
		font-size:1.1em;
	}

	#breadcrumbs a {
		padding-right:21px;
		background:url(gfx/arrRightBrown.gif) no-repeat 100% 50%;
		margin-right:10px;
		text-decoration:none;
	}

	#breadcrumbs a:focus,
	#breadcrumbs a:hover {
		text-decoration:underline;
	}

/* box project */


#project {
	width:560px;
	height:155px;
	padding:15px 33px 43px;
	background:url(gfx/bgdBoxProject.png) no-repeat 0 100%;
	margin:-223px 0 233px;
	position:relative;
}


#project ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}

#project li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}


#project.hide {
	display:none;
}

	#project h1 {
		margin-bottom:15px;
		font-size:2.86em;
		font-family:'VariableBlack', sans-serif;
		color:#354b60;
		font-weight:normal;
	}

	#project h1 a {
		margin-bottom:15px;
		font-family:'VariableBlack', sans-serif;
		color:#354b60;
		font-weight:normal;

		font-size:1em;
		color:#354b60;
			text-decoration:none;
	
	}

	#project h2 {
		margin-bottom:15px;
		font-size:2.86em;
		font-family:'VariableBlack', sans-serif;
		color:#354b60;
		font-weight:normal;
	}

		#project h2 a {
			padding-right:13px;
			background:url(gfx/arrUp.gif) no-repeat 100% 50%;
			position:absolute;
			right:26px;
			bottom:10px;
			font-family:Arial, Helvetica, sans-serif;
			font-family:'VariableBlack', sans-serif;
			font-size:0.4em;
			color:#fbb46d;
			text-decoration:none;
		}

			#project h2 a:focus,
			#project h2 a:hover {
				text-decoration:underline;
			}
	/* tekst g�ównej planszy na stronie g�ównej */
	#project div.text {
		font-size:1.2em;
		width: 580px !important;
	}

		#project div.text img {
			float:right;
			margin:-36px 0 -10px 40px;
		}

	#project p.more,
	#project p.more a {
		width:83px;
		height:30px;
		overflow:hidden;
		margin:0;
		position:absolute;
		line-height:30px;
	}

	#project p.more {
		background-color:#d5e3f3;
		margin:0;
		bottom:13px;
		left:34px;
		color:#374c61;
		text-align:center;
		text-transform:uppercase;
	}

		#project p.more a {
			background:url(gfx/btnWiecej.png) no-repeat 0 0;
			top:0;
			left:0;
			text-indent:-100em;
		}

/* help boxes */

#boxHelp,
#boxHelpTag,
#boxOptions {
	width:312px;
	background:#f3f3f3 url(gfx/boxRounded312x500Grey.png) no-repeat 0 100%;
	clear:right;
	float:right;
	margin-bottom:14px;
	position:relative;
	z-index:20;
}

#boxHelp h2,
#boxHelpTag h2,
#boxOptions h2 {
	padding:6px 15px;
	background:#f7f7f7 url(gfx/boxRounded312x500Grey.png) no-repeat 0 0;
	font-size:1.4em;
	color:#354b60;
}

/* options box */

#boxOptions ul {
	list-style:none;
	margin:0;
	font-size:1.1em;
}

#boxOptions li {
	padding:6px 14px 5px;
	background:url(gfx/lineHorizontalDouble.png) repeat-x 0 0;
	margin:0 1px;
}

#boxOptions li h3,
#boxOptions li p {
	display:inline;
	color:#bebebe;
	vertical-align:bottom;
}

#boxOptions li p a {
	color:#bebebe;
}

#boxOptions li h3 a { 
/*	color:#354b60; */
	color:#9a9a9a;
}

#boxOptions li h3 a:hover { 
/*	color:#354b60; */
	color:#9a9a9a;
	text-decoration: none;
}

#boxOptions li h3 {
	padding-right:0.25em;
	font-size:1.25em;
	color:#9a9a9a;
}

/* box help */

#boxHelp {
	background-image:url(gfx/boxRounded312x500GreyWithPic.png);
}

#boxHelpTag {
	background-image:url(gfx/boxRounded312x500GreyWithTag.png);
}

#boxHelp div.text, 
#boxHelpTag div.text {
	min-height:70px;
	padding:6px 10px 70px 11px;
	background:url(gfx/dotsHorizontalDouble.png) repeat-x 0 0;
	margin:0 3px;
	font-size:1.1em;
}

#boxHelp a:hover,
#boxHelpTag a:hover {
	text-decoration: underline;
}


a.tag-1 {
	font-size: 60%;
}

a.tag-2 {
	font-size: 75%;
}

a.tag-3 {
	font-size: 90%;
}

a.tag-4 {
	font-size: 105%;
}

a.tag-5 {
	font-size: 120%;
}
	
a.tag-6 {
	font-size: 135%;
}
	
a.tag-7 {
	font-size: 150%;
}
	
a.tag-8 {
	font-size: 165%;
}

a.tag-9 {
	font-size: 180%;
}
	
a.tag-10 {
	font-size: 200%;
}

* html #boxHelp div.text {
	height:70px;
}

* html #boxHelpTag div.text {
	height:70px;
}

/* box latest project */

#boxLatestProject {
	clear:right;
	float:right;
	position:relative;
	z-index:20;
	height:182px
}

#boxLatestProject a {
	display:block;
	zoom:1; /* IE fix */
}

#boxLatestProject a img {
	display:block;
}

/* box search */

#boxSearch {
	width:227px;
	height:35px;
	padding-top:2px;
	background:#d5e3f3 url(gfx/bgdMenuLevel1M.png) no-repeat 100% 0;
	position:absolute;
	top:30px;
	left:741px;
	z-index:40;
	font-size:1.1em;
	line-height:33px;
}

/* wersja box search dla 5 elementow menu 

#boxSearch {
	width:197px;
	height:35px;
	padding-top:2px;
	background:#d5e3f3 url(gfx/bgdMenuLevel1M.png) no-repeat 100% 0;
	position:absolute;
	top:30px;
	left:771px;
	z-index:40;
	font-size:1.1em;
	line-height:33px;
}
*/

/* search form */

#formSearch fieldset {
	float:left;
}

	#formSearch div {
		background:url(gfx/bgdFormSearchInput.png) no-repeat 0 0;
		line-height:36px;
	}

	* html #formSearch div {
		padding-top:7px;
	}

		#formSearch fieldset input {
			width:124px;
			padding:0 5px;
			background:#b6c2d2 url(gfx/bgdFormSearchInput.png) no-repeat 0 50%;
			border:0;
		}

		*+html #formSearch fieldset input {
			position:relative;
			top:1px;
		}

	#formSearch div.submit input {
		border:0;
		background-color:transparent;
		font-size:1.1em;
		color:#354b60;
		font-style:normal;
		font-weight:bold;
		text-transform:uppercase;
	}

/* banners */

#bannerTech,
#bannerCustomer {
	width:314px;
	height:101px;
	background:#294760 url(gfx/boxTechnologyBanner.png) no-repeat 0 0;
	position:absolute;
	top:77px;
	right:31px;
	z-index:20;
	color:#fff;
}

	#bannerTech h2 {
		padding:10px 15px;
		font-size:1.8em;
		font-weight:normal;
	}

	#bannerTech h2 a {
		color: #ffffff;
	}

	#bannerTech p {
		padding:0 38px 0 15px;
		font-size:1.1em;
	}

		#bannerTech p img {
			float:right;
			margin-top:-19px;
		}

	/* customer banner */

	#bannerCustomer {
		height:108px;
		background:#ececec url(gfx/boxCustomerBanner.png) no-repeat 0 0;
		top:182px;
		color:#5d5d5d;
	}

	#bannerCustomer h2 {
		padding:6px 15px;
		font-size:1.8em;
		font-weight:normal;
		color:#354b60;
	}

	#bannerCustomer h2 a {
		font-weight:normal;
		color:#354b60;
	}

	#bannerCustomer p {
		padding:7px 27px 0 15px;
		font-size:1.1em;
	}

	#bannerCustomer p a {
		color:#656565;
	}

	#bannerCustomer p img {
		float:right;
		margin-top:-5px;
	}

	/* header */

	#header {
		width:100%;
		height:75px;
		position:relative;
	}

	body.home #header {
		height:300px;
	}

	#header img {
		position:absolute;
		top:26px;
		left:22px;
	}

/* footer */

#footer {
	width:997px;
	height:50px;
	padding-top:25px;
	background:#f3f3f3 url(gfx/boxPageBottom.png) no-repeat 0 0;
	position:absolute;
	bottom:-1px;
	left:0;
	z-index:20;
	color:#aaa;
}

	#fMadeBy {
		padding-right:20px;
		float:right;
	}

		#fMadeBy img {
			position:relative;
			top:2px;
		}

	#fLinks {
		list-style:none;
		padding:3px 0 0 13px;
		text-align:center;
		line-height:40px;
	}

		#fLinks li {
			display:inline;
		}

			#fLinks img {
				display:inline;
				float:left;
				margin-left:18px;
			}

	#fCopyrights {
		text-align:center;
	}

/* menu */

#menuLevel1M {
	height:75px;
	clear:both;
}

	#menuLevel1M > ul {
		width:755px;
		height:35px;
		padding:2px 0 0 5px;
		background:#d5e3f3 url(gfx/bgdMenuLevel1M.png) no-repeat 0 0;
		position:absolute;
		top:30px;
		left:208px;
		z-index:30;
		font-size:1.1em;

	}

/* wersja box search dla 5 elementow menu 

	#menuLevel1M li {
			list-style:none;
			width:104px;
			padding-right:7px;
			background:url(gfx/sepMenuLevel1M.png) no-repeat 100% 2px;
			float:left;
			position:relative;
			text-indent:7px;
			white-space:nowrap;
		}
*/
		#menuLevel1M > ul > li {
			list-style:none;
			width:95px;
			padding-right:7px;
			background:url(gfx/sepMenuLevel1M.png) no-repeat 100% 2px;
			float:left;
			position:relative;
			text-indent:7px;
			white-space:nowrap;
		}

			#menuLevel1M > ul > li > a,
			#menuLevel1M > ul > li > em {
				display:block;
				background:url(gfx/bgdMenu.png) no-repeat 50% 35px;
				color:#354b60;
				font-style:normal;
				font-weight:bold;
				line-height:33px;
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
			}

			#menuLevel1M > ul > li > a:focus,
			#menuLevel1M > ul > li > a:hover {
				background-position:50% -35px;
			}

			#menuLevel1M > ul > li:hover > a:first-child {
				background-position:50% -35px;
			}

			#menuLevel1M > ul > li > em {
				background-position:50% 0;
			}

		#menuLevel1M > ul > li strong {
			width:46px;
			height:13px;
			overflow:hidden;
			background:url(gfx/icoNew.png) no-repeat 0 0;
			position:absolute;
			top:-13px;
			right:4px;
		}
			
		#menuLevel1M li a.job{
			width:46px;
			height:13px;
			overflow:hidden;
			background:url(gfx/icoJob.png) no-repeat 0 0 !important;
			position:absolute;
			top:-13px;
			left:0px;
		}

 		 #menuLevel1M li strong.job {
			width:46px;
			height:13px;
			overflow:hidden;
			background:url(gfx/icoJob.png) no-repeat 0 0;
			position:absolute;
			top:-13px;
			left:0px;
		}

/* dropdown */

/* sub levels link hover */
#menuLevel1M ul ul li:hover a, #menuLevel1M ul li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#menuLevel1M ul ul a:hover {
	background: #0399d4 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */

	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#menuLevel1M ul ul {
	list-style:none;
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 33px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#menuLevel1M ul li:hover > ul {
	display: block;
}
#menuLevel1M ul ul li {
	float: none;
	margin: 0;
	padding: 0;
	position:relative;
}
#menuLevel1M ul ul a {
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
	color: #e7e5e5;
	text-decoration: none;
}
/* level 3+ list */
#menuLevel1M ul ul ul {
	left: 100%;
	top: -3px;
}
/* rounded corners for first and last child */
#menuLevel1M ul ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#menuLevel1M ul ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}



/* fast links */

#menuLevel1F {
	overflow:hidden;
	position:absolute;
	top:0;
	right:28px;
	z-index:30;
}

	#menuLevel1F ul {
		list-style:none;
		overflow:hidden;
	}

	#menuLevel1F li {
		padding:8px 13px 8px 23px;
		background:url(gfx/sepMenuLevel1F.png) no-repeat 0 50%;
		float:left;
		position:relative;
		right:7px;
		text-transform:lowercase;
	}

		#menuLevel1F li a {
			padding-left:17px;
			background-repeat:no-repeat;
			background-position:0 50%;
			color:#909090;
			text-decoration:none;
		}

		#menuLevel1F li a:focus,
		#menuLevel1F li a:hover {
			text-decoration:underline;
		}

		li#ML1F-start a { background-image:url(gfx/icoHome.png); }
		li#ML1F-mapa a { background-image:url(gfx/icoMap.png); }
		li#ML1F-kontakt a {
			padding-left:22px;
			background-image:url(gfx/icoContact.png);
		}

}
@media print {

/* printer styles */

div, hr, #content a.more { display:none; }

#main, #header, #content, #content div { display:block; }

#main {
	margin:5px 10px;
	position:relative;
	font-size:11px;
	color:#333;
}

#main * {
	margin:0;
	text-decoration:none;
}

a { color:#333; }

#content {
	line-height:2em;
	color:#333;
}

#content h2 {
	margin-bottom:1.5em;
	font-size:12px;
}

#content p {
	text-indent:2em;
}



/* Screenshots */

div.screenshot {
	width: 940px;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 48px 0;
	}

div.elpasa-bez-koszyka {height: 509px;}
div.elpasa-z-koszykiem {height: 509px;}
div.elpasa-koszyk {height: 509px;}

div.screenshot ul {
	margin: 0;
	}
div.screenshot ul li {
	position: absolute;
	padding-top: 6px;
	padding-right: 30px;
	border-top: #3399cc solid 3px;
	width: 110px;
	list-style: none;
	}
div.screenshot ul li.right {
	right: 0 !important;
	padding-left: 30px;
	padding-right: 0 !important;
	}

div.plan {
	width: 254px;
	float: left;
	padding: 20px;
	margin: 0 24px 12px 0;
	background: #f6f6f6;
	border: #ccc solid 1px;
	}
div.plan p {
	margin: 0;
	}
div.plan h3 {
	font-size: 20px;
	margin: 0 0 8px 0;
	}
div.plan h3 a {
	text-decoration: none;
	}
div.standard {
	font-size: 16px;
	border: #009933 solid 2px;
	background: #EBF5FA;
	}
div.standard h3 {
	font-size: 26px;
	}
div.plan ul {
	margin: 0 0 12px 0;
	}
div.plan ul li {
	border-bottom: #ddd solid 1px;
	list-style: none;
	}
p.price {
	font-size: 20px;
	color: #000;
	}
}


#page.incart {
  padding-left: 0 !important;
}

.incart .screenshot {
  text-align: center;
	position:relative;
}

.incart .screenshot img {
  margin: 0 auto;
}

.incart .screenshot div, .incart .screenshot p, .incart .screenshot li {
  text-align: left;
}

.screenshot ul {
  list-style-type: none; 
  margin: 0 !important;
  padding: 0 !important;
}

.screenshot ul li {
  position: absolute;
  left:0;
  width: 120px;
  color: #000;
  border-top: 2px solid #f88815;
  padding-top: 6px;
  list-style: none;
}

.screenshot ul li.right {
  right: 0 !important;
  left: auto !important;
  padding-right: 0 !important;
}

.screenshot ul li div {
  width: 120px
}

div.screenshot-green ul li {
	border-top: #6cb767 solid 2px;
	}