@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:Verdana, Helvetica, Arial, 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; }

}
@media screen, projection {

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

#skipLinks, #menuLang h2, hr, #contact dt.postAddress, #contact dt.email, #menuMainL2 h2, #menuMainL1 h2, #footer h2 { position:absolute; top:0; left:-1000em; }

/* lay g */

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

html {
	background-color:#fff;
	font-size:100.01%;
	color:#000;
}

body {
	font-size:62.5%;
}

#main {
	width:77em;
	min-width:600px;
	max-width:100%;
	min-height:100%;
	background:url(gfx/bgdMenu.png) repeat-x 0 183px;
	position:relative;
	z-index:0;
	margin:0 auto;
}
#main::after {
	content:"";
	display:block;
	height:1px;
	clear:both;
}

* html #main {
	height:100%;
}

/* content */

#content {
	width:100%;
	padding-bottom:70px;
	float:right;
	margin-left:-34%;
	position:relative;
	z-index:10;
	font-size:1.2em;
}

/* common */

#content h2 {
	padding-left:20px;
}

#content h3 {
	clear:left;
	font-size:1.35em;
	color:#a3238e;
}

#content ul {
	list-style:none;
	margin:1em 0;
	line-height:1.6;
	zoom:1; /* IE fix */
}

	#content ul li {
		padding-left:24px;
		background:url(gfx/bulletOKPurple.png) no-repeat 7px 50%;
	}

		#content ul a {
			color:#000;
			text-decoration:none;
		}

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

#content div.text img {
	padding:9px;
	border:1px solid #e0e0e0;
	float:left;
	margin:0 18px 1em 0;
}

#content a.more,
#content a.back {
	padding-left:8px;
	background:url(gfx/arrRightBlue.png) no-repeat 0 50%;
	color:#234ea4;
	text-decoration:none;
}

/* homepage */

#boxServices h2,
#news h2,
#recommendation h2,
#contact h2 {
	position:absolute;
	top:20px;
	z-index:-1;
	font-size:1.65em;
	color:#888;
	font-weight:normal;
}

/* our services */

#boxServices {
	width:32%;
	padding:70px 0 0 1px;
	background:url(gfx/hNaszeUslugi.png) no-repeat 0 0;
	float:left;
}

	#boxServices ul.items {
		padding:0 20px;
		overflow:hidden;
	}

		#boxServices ul.items li {
			padding:.35em 0 .35em 24px;
			border-top:1px solid #f6e9f3;
			margin-top:-1px;
		}

	#boxServices p {
		margin:0 20px;
		line-height:1.6;
	}

/* news list @ homepage */

#news {
	width:32%;
	padding:70px 1px 0 0;
	background:url(gfx/hAktualnosci.png) no-repeat 0 0;
	float:right;
}

	#news ol.items {
		list-style:none;
		margin:0;
		position:relative;
		bottom:1px;
	}

		#news ol.items li {
			border-top:1px solid #f6e9f3;
			margin:0 20px 1em;
		}

			#news ol.items h3 {
				font-size:1.35em;
				color:#a3238e;
				font-weight:normal;
			}

				#news ol.items h3 a {
					color:#a3238e;
					text-decoration:none;
				}

				#news ol.items h3 a:focus,
				#news ol.items h3 a:hover {
					text-decoration:underline;
				}

					#news ol.items h3 span {
						display:block;
						background:url(gfx/icoDate.png) no-repeat 0 50%;
						margin-top:1ex;
						font-size:0.8em;
						color:#000;
						text-indent:15px;
					}

				#news ol.items h3 span:first-letter {
					font-size:1px;
					color:#fff;
				}

			#news ol.items p {
				line-height:1.6;
			}

			#news ol.items p.more {
				padding-left:8px;
				width:6.8em;
				overflow:hidden;
				background:url(gfx/arrRightBlue.png) no-repeat 0 50%;
				position:relative;
				color:#234ea4;
				text-transform:lowercase;
				zoom:1; /* IE fix */
			}

				#news ol.items p.more a {
					padding-left:10em;
					background:url(gfx/ie.sux) no-repeat 0 0;
					position:absolute;
					top:-3px;
					left:8px;
					white-space:nowrap;
				}

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

/* recommendation */

#recommendation {
	padding-top:70px;
	background:url(gfx/hPolecamy.png) no-repeat 0 0;
	border:solid #f6e9f3;
	border-width:0 1px;
	margin:0 32%;
}

	#recommendation h3 {
		clear:none;
		font-size:1.35em;
		color:#a3238e;
		font-weight:normal;
	}

	#recommendation div {
		padding:0 20px;
	}

		#recommendation h3 {
			font-weight:normal;
		}

		#recommendation p {
			line-height:1.6;
		}

		#content #recommendation img {
			display:block;
			margin:0 auto 1em;
		}

/* about, portfolio and services page */

#about,
#portfolioFull,
#services {
	padding:70px 20px 0 33%;
}

#about {
	background:url(gfx/hOFirmie.png) no-repeat 0 0;
}

#portfolioFull {
	background:url(gfx/hPortfolio.png) no-repeat 0 0;
}

#services {
	background:url(gfx/hUslugiIProdukty.png) no-repeat 0 0;
}

	#about h2,
	#portfolioFull h2,
	#services h2 {
		padding:1em 0 1em 20px;
		border-left:1px solid #f6e9f3;
		font-size:1.35em;
		color:#a3238e;
	}

	#about div.text,
	#portfolioFull div.text,
	#services div.text {
		padding-left:20px;
		overflow:hidden;
		border-left:1px solid #f6e9f3;
		line-height:1.6;
		zoom:1; /* IE fix */
	}

/* portfolio full page */

#portfolioFull span.image {
	width:280px;
	float:left;
	margin-bottom:1em;
	text-align:center;
}

	#portfolioFull span.image img {
		display:block;
		float:none;
		margin-right:0;
	}

#portfolioFull dl {
	margin-left:298px;
}

	#portfolioFull dt {
		padding-right:.5ex;
		float:left;
		font-weight:bold;
	}

	#portfolioFull dd {
		padding-bottom:1em;
		border-bottom:1px solid #f6e9f3;
		margin:0 0 1em;
	}

		#portfolioFull dd ul {
			padding-top:1.8em;
			margin:0;
		}

#portfolioFull p {
	clear:left;
	float:left;
	margin-bottom:0;
}

	#portfolioFull p a {
		clear:left;
	}

/* contact page */

#contact {
	background:url(gfx/hKontakt.png) no-repeat 0 0;
}

	#contact div.left {
		width:50%;
		padding-top:70px;
		float:left;
		margin-right:-40px;
		text-align:center;
	}

		#contact div h3,
		#contact div dl,
		#contact div p {
			clear:none;
			position:relative;
			z-index:10;
			zoom:1; /* IE fix */
		}

	#contact div.right {
		padding:70px 0 0 50%;
		background:url(gfx/hKontakt.png) no-repeat 0 0;
		float:none;
		position:relative;
		text-align:center;
	}

		#contact div h3 {
			padding:1em 0;
			margin:0;
		}

		#contact dt.telephone {
			float:left;
		}

		#contact dd {
			margin:0 0 1em 0;
		}


/* header */

#header {
	width:100%;
	padding:15px 0 26px;
	background:url(gfx/bgdPageTop.png) no-repeat 50% 0;
}

	#header h1 {
		height:168px;
		background:#fff url(gfx/bgdHeader1.jpg) no-repeat 0 1px;
	}

		#header a {
			position:absolute;
			top:81px;
			right:11px;
		}

/* footer */

#footer {
	width:100%;
	height:1.8em;
	background:#000 url(gfx/bgdPageTop.png) no-repeat 50% 0;
	border-top:10px solid #fff;
	border-bottom:3em solid #fff;
	position:absolute;
	bottom:0;
	left:0;
	z-index:20;
	line-height:1.8em;
	color:#fff;
}

	#fMadeBy {
		padding-right:53px;
		background:url(gfx/bgdFooterRight.png) no-repeat 100% 0;
		float:right;
	}

		#fMadeBy a {
			width:50px;
			height:28px;
			background:url(gfx/bgdLogoArtscape.png) no-repeat 0 0;
			position:absolute;
			right:0;
			bottom:-10px;
		}

			#fMadeBy a img {
				display:block;
				margin-left:15px;
			}

	#fCopyrights {
		padding-left:9px;
		background:url(gfx/cornerWhiteTopLeft.png) no-repeat 0 0;
	}

/* seo */

#catalogues {
	width:100%;
	height:1.8em;
	position:absolute;
	bottom:0;
	left:0;
	z-index:20;
	line-height:1.8em;
	color:#fff;
}

	#catalogues ul {
		list-style:none;
		margin:0;
	}

		#catalogues li {
			display:inline;
			padding-left:0.4em;
			border-left:1px solid #b00404;
			-ie-ssie:expression(this.done?0:(this.done=this.previousSibling?0:this.className+=' '+'first-child'));
		}

		#catalogues li:first-child {
			border:0;
		}
		
		#catalogues li.first-child {
			border:0;
		}

			#catalogues li a {
				text-decoration:none;
			}

/* menu */

#menuMainL1 {
	position:absolute;
	top:183px;
	left:0;
	z-index:50;
	font-size:1.2em;
}

	#menuMainL1 ul {
		width:595px;
		height:25px;
		overflow:hidden;
		background-color:#a3238e;
		margin:0;
		position:relative;
		z-index:0;
	}

		#menuMainL1 li {
			height:25px;
			background-image:url(gfx/menu.png);
			line-height:25px;
			float:left;
			list-style:none;
			text-align:center;
		}

			#menuMainL1 li a,
			#menuMainL1 em {
				display:block;
				height:25px;
				width:100%;
				background-image:url(gfx/menu.png);
				background-repeat:no-repeat;
				font-style:normal;
				color:#fff;
			}

			* html #menuMainL1 li a {
				overflow:hidden;
			}

			#menuMainL1 a:hover,
			#menuMainL1 a:focus,
			#menuMainL1 em {
				background-position:200px 0;
				text-decoration:none;
			}

			#menuMainL1 b,
			#menuMainL1 em {
				display:block;
				width:100%;
				height:100%;
				overflow:hidden;
				position:relative;
				z-index:-1;
				line-height:25px;
				font-weight:normal;
			}

			#MML1-strona-glowna { width:138px; background-position:0 -25px; }
			#MML1-strona-glowna a { background-position:0 0; }
			#MML1-o-firmie { width:98px; background-position:-138px -25px; }
			#MML1-o-firmie a { background-position:-138px 0; }
			#MML1-uslugi-i-produkty { width:161px; background-position:-236px -25px; }
			#MML1-uslugi-i-produkty a { background-position:-236px 0; }
			#MML1-portfolio { width:103px; background-position:-397px -25px; }
			#MML1-portfolio a { background-position:-397px 0; }
			#MML1-kontakt { width:95px; background-position:-500px -25px; }
			#MML1-kontakt a { background-position:-500px 0; }

		#menuMainL1 #MML1BackToTop {
			position:absolute;
			left:-100em;
		}

/* page menu */

#menuMainL2 {
	width:33%;
	padding:80px 0;
	float:left;
	font-size:1.2em;
}

	#menuMainL2 ul {
		overflow:hidden;
		margin:0 20px 1em;
		position:relative;
		z-index:20;
		zoom:1; /* IE fix */
	}

		#menuMainL2 li {
			padding:1ex 0;
			border-top:1px solid #f6e9f3;
			margin-top:-1px;
			list-style:none;
			zoom:1; /* IE fix */
		}

		#menuMainL2 li em {
			color:#a3238e;
			font-style:normal;
		}

		#menuMainL2 li a {
			color:#888;
			text-decoration:none;
		}

		#menuMainL2 li a:hover,
		#menuMainL2 li a:focus {
			color:#a3238e;
			text-decoration:underline;
		}

			#menuMainL2 li ul {
				position:static;
				margin:1ex 10px 0;
			}

				#menuMainL2 li li {
					border:0;
					font-size:1em;
				}

/* language menu */

#menuLang {
	width:2px;
	height:1.8em;
	background:url(gfx/cornerWhiteBottomLeft.png) no-repeat 0 100%;
	position:absolute;
	bottom:3em;
	left:0;
	z-index:30;
}

	#menuLang ul {
		width:10em;
		padding-top:6px;
		position:absolute;
		top:1.8em;
		left:8px;
		margin-left:0;
	}

		#menuLang li {
			height:1em;
			overflow:hidden;
			position:relative;
			float:left;
			list-style:none;
		}

		#mL-PL {
			border-right:1px solid #535353;
		}

			#menuLang li a,
			#menuLang li em {
				height:1%; /* IE5.0 fix */
				padding:0 2px;
				position:relative;
				bottom:.2em;
				color:#535353;
				font-style:normal;
				text-decoration:none;
			}

			#menuLang li a:hover,
			#menuLang li a:focus {
				background-color:#535353;
				color:#fff;
			}

}
