/*------------------------------------------------------------------ 
# [Podstawowy arkusz stylów] 
#
# Autor:	Krystian Podemski
# Projekt:    4pixel
# Wersja:    0.1 
# Modyfikowany:    31/03/10
# -------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
ul li { list-style-type: none; }
a img { border: none; }
.clear { clear: both; }
.top25 { padding-top: 25px; }
.mtop25 { margin-top: 25px; }
p.center { text-align: center; }
div.spacer { background: url(images/spacer.jpg) no-repeat top center; width: 1000px; height: 56px; margin: 0 auto; }
/* --------------------------------------------------------------------*/
html, body {
	background: #060406;
}
div#header {
	background: url(images/projekt_01.jpg) no-repeat top center;
	width: 100%; height:191px;
	text-align:center;
	margin: 0 auto;
}
div#second_header {
	background: url(images/projekt_02.jpg) no-repeat top center;
	width: 100%; height:209px;
	margin: 0 auto;
}
div#second_header ul {
width:960px;
margin:0;
padding:70px 0 0 0;
}
div#second_header ul li {
width:960px;
margin:0;
padding:0;
text-align:center;
}
div#header div.wrapper, div#second_header div.wrapper {
	width: 960px; margin: 0 auto;
}
div#contactBar ul {
	width: 902px; height: 137px; 
	margin: 0 auto;
}
div#contactBar ul li {
	display: inline;
}
div#contactBar ul li a {
	float: left; display: block;
	text-indent: -10000px; height: 137px; 
}
	div#contactBar ul li.m1 a {
		width: 299px; background: url(images/projekt_04.jpg) no-repeat top center;
	}
	div#contactBar ul li.m1 a:hover {
		width: 299px; background: url(images/projekt_04.jpg) no-repeat bottom center;
	}
	div#contactBar ul li.m2 a {
		width: 300px; background: url(images/projekt_05.jpg) no-repeat top center;
	}
	div#contactBar ul li.m2 a:hover {
		width: 300px; background: url(images/projekt_05.jpg) no-repeat bottom center;
	}
	div#contactBar ul li.m3 a {
		width: 303px; background: url(images/projekt_06.jpg) no-repeat top center;
	}
	div#contactBar ul li.m3 a:hover {
		width: 303px; background: url(images/projekt_06.jpg) no-repeat bottom center;
	}
div#webpages {
	width: 100%; height: auto; overflow: hidden;
	padding-top:120px;
	background: url(images/projekt_09.jpg) no-repeat top center;
}
div#shops {
	width: 100%; height: 100%; overflow: hidden;
	padding-top:150px;
	background: url(images/projekt_15.jpg) no-repeat top center;
}
div#print {
	width: 100%; height: 100%; overflow: hidden;
	padding-top:150px;
	background: url(images/projekt_17.jpg) no-repeat top center;
}
div.featuredProject img {
	float: left; width: 580px;
	margin-right: 20px;
}
div.featuredProject div.info {
	width: 200px; height: auto;
	overflow: hidden;
}
div.featuredProject h2 {
	font-family: Impact, Arial, Verdana; font-size: 30px;
	color: #fff7ff; font-weight: lighter;
}
div.featuredProject span {
	color: #a29ca5; font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
div.featuredProject p {
	font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #705a70; margin: 30px 0 20px 0;
	text-align: left;
}
div.featuredProject a img {
	float: right; width: 68px; height: 38px;
}
div.wrapper {
	width: 800px;
	height:100%;
	overflow:hidden;
	margin: 150px auto 30px;
}
div.projects {
	width: 900px; margin: 0 auto;
}
div.projects ul {
	width: 290px; height: 210px;
	float: left; margin-right: 10px;
}
li.project {
	margin: 5px; display: inline;
	background: url(images/projectBG.png) no-repeat top center;
	float: left; 
	width: 290px; height: 200px;
}

li.project img {
	float:left; padding: 10px;
	width: 270px; height: 145px;
}

div.projectInfo {
	float:left;
	width: 270px; padding-left: 10px;
	font-size: 12px; text-transform:uppercase;
	color: #d9d3dc; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.projectInfo span{
	font-size: 10px;
	color: #584365;
}	
div#footer p {
	color: #896c86; text-align: center;
	font-family: Tahoma, Geneva, sans-serif; font-size: 11px;
}
div#footer p span {
	color: #ead2e8;
}
div#footer div.wrapper {
	margin: 0 auto; height: 50px;
}

#back-top{
 background:transparent url(images/backtotop.png) no-repeat scroll 0 0px;
 text-decoration:none; width: 68px; height: 53px; display:none;
 position:fixed; bottom:10px; right:10px;
 overflow:hidden; border:none; text-indent:-9999px;
}
#back-top:hover{
 background-position:0 -60px; overflow:hidden;
}
.logo img {
border:0;
width:300px;
height:65px;
margin-top:63px;
}
.l_en img { background:url(images/lang_01.png) no-repeat bottom center; width:40px; height:41px; margin:88px 0 0 515px; }
.l_en:hover img { background:url(images/lang_01.png) no-repeat top center; width:40px; height:41px; margin:88px 0 0 515px; }
.l_pl img { background:url(images/lang_02.png) no-repeat bottom center; width:40px; height:41px; margin:88px 0 0 5px; }
.l_pl:hover img { background:url(images/lang_02.png) no-repeat top center; width:40px; height:41px; margin:88px 0 0 5px; }

li.mp1 {
height:41px; text-align:center; margin:0; padding:0;
}
.m1_p1 img { height:25px; width:152px; background:url(images/menu_02.png) no-repeat top left; }
.m1_p1:hover img { height:25px; width:152px; background:url(images/menu_02.png) no-repeat bottom left; }
.m1_p2 img { height:25px; width:159px; background:url(images/menu_03.png) no-repeat top left; }
.m1_p2:hover img { height:25px; width:159px; background:url(images/menu_03.png) no-repeat bottom left; }
.m1_p3 img { height:25px; width:97px; background:url(images/menu_04.png) no-repeat top left; }
.m1_p3:hover img { height:25px; width:97px; background:url(images/menu_04.png) no-repeat bottom left; }
.m1_p4 img { height:25px; width:83px; background:url(images/menu_05.png) no-repeat top left; }
.m1_p4:hover img { height:25px; width:83px; background:url(images/menu_05.png) no-repeat bottom left; }
.m1_p5 img { height:25px; width:116px; background:url(images/menu_06.png) no-repeat top left; }
.m1_p5:hover img { height:25px; width:116px; background:url(images/menu_06.png) no-repeat bottom left; }
.m1_p6 img { height:25px; width:118px; background:url(images/menu_07.png) no-repeat top left; }
.m1_p6:hover img { height:25px; width:118px; background:url(images/menu_07.png) no-repeat bottom left; }
.m1_p7 img { height:25px; width:90px; background:url(images/menu_08.png) no-repeat top left; }
.m1_p7:hover img { height:25px; width:90px; background:url(images/menu_08.png) no-repeat bottom left; }

li.mp2 {
height:37px; text-align:center; margin:0; padding:0;
}
.m2_p1 img { height:22px; width:301px; background:url(images/menu_12.png) no-repeat top left; }
.m2_p1:hover img { height:22px; width:301px; background:url(images/menu_12.png) no-repeat bottom left; }
.m2_p2 img { height:22px; width:130px; background:url(images/menu_13.png) no-repeat top left; }
.m2_p2:hover img { height:22px; width:130px; background:url(images/menu_13.png) no-repeat bottom left; }
.m2_p3 img { height:22px; width:123px; background:url(images/menu_14.png) no-repeat top left; }
.m2_p3:hover img { height:22px; width:123px; background:url(images/menu_14.png) no-repeat bottom left; }
.m2_p4 img { height:22px; width:105px; background:url(images/menu_15.png) no-repeat top left; }
.m2_p4:hover img { height:22px; width:105px; background:url(images/menu_15.png) no-repeat bottom left; }

li.mp3 {
height:18px; text-align:center; margin:0; padding:0;
}
.m3_p1 img { height:18px; width:46px; background:url(images/menu_20.png) no-repeat top left; }
.m3_p1:hover img { height:18px; width:46px; background:url(images/menu_20.png) no-repeat bottom left; }
.m3_p2 img { height:18px; width:89px; background:url(images/menu_21.png) no-repeat top left; }
.m3_p2:hover img { height:18px; width:89px; background:url(images/menu_21.png) no-repeat bottom left; }
.m3_p3 img { height:18px; width:70px; background:url(images/menu_22.png) no-repeat top left; }
.m3_p3:hover img { height:18px; width:70px; background:url(images/menu_22.png) no-repeat bottom left; }
.m3_p4 img { height:18px; width:117px; background:url(images/menu_23.png) no-repeat top left; }
.m3_p4:hover img { height:18px; width:117px; background:url(images/menu_23.png) no-repeat bottom left; }

div#rzetelna_firma {
	text-align:center;
	padding-top:20px;
}