/*  
Author: Piotr Znajmiecki
Author URI: http://www.znajmiecki.pl
*/

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/bg01.jpg) repeat left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #797979;
}



h1, h2, h3 {
	margin-top: 0px;
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

p, ul, ol {
	margin-top: 5px;
	line-height: 160%;
}

ul, ol {
}

a {
	color: #797979;
}

a:hover {
	text-decoration: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 0px auto;
}

img.alignleft {
	margin-right: 20px;
}

img.alignright {
	margin-left: 20px;
}

a img {
	border: none;
}

/* Wrapper */

#wrapper {
	background: url(images/bg02.jpg) repeat-x left top;
}

/* Header */

#header {
	width: 1000px;
	height: 200px;
	margin: 0px auto;
	background: url(images/naddglowek.jpg) no-repeat left top;
}

#logo {
	clear: both;
	top: 70px;
	margin-left: 70px;
	position: absolute;
}

#menu {
	float: right;
}

#menu ul {
	margin: 0px;
	padding: 170px 30px 0px 0px;
	list-style: none;
}

#menu li {
	float: left;
}

#menu a {
	padding: 0px 20px 0px 22px;
	background: url(images/img02.gif) no-repeat left center;
	text-decoration: none;
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	/*color: #7B7B7B;*/
	color: #696969;
}

#menu a:hover {
	text-decoration: underline;
	color: #0098A4;
}

#menu .first a {
	background: none;
}

/* Page */

#glowna {
	width: 1000px;
	height: 700px;
	margin: 0px auto;
	background: url(images/tlo1.jpg) no-repeat left top;
}


#kontakt {
	width: 1000px;
	height: 700px;
	margin: 0px auto;
	background: url(images/kontakt1.jpg) no-repeat left top;
}

#kontakt_tekst {
	text-align: center;
	line-height: 1.5;
	padding: 320px 15px 15px 150px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#formularz {
	
	text-align: left;
	line-height: 2.5;
	padding: 10px 15px 15px 170px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#przezroczysty {
	background: transparent;
	border: 0px;
	opacity: 1;
}

#bgtop {
	background: url(images/bg05.jpg) no-repeat left top;
}

#bgbottom {
	background: url(images/bg06.jpg) no-repeat left bottom;
}

#info {
	width: 1000px;
	height: 700px;
	margin: 0px auto;
	background: url(images/info.jpg) no-repeat left top;
}

#info_tekst {
	width: 480px;
	text-align: center;
	line-height: 1.5;
	padding: 40px 15px 15px 85px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


#portfolio {
	width: 1000px;
	height: 700px;
	margin: 0px auto;
	background: url(images/portfolio.jpg) no-repeat left top;
	}
	
#folio {
	width: 1000px;
	height: 620px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	background: url(images/folio.jpg) no-repeat left top;
}	


#folio1 {
	width: 1000px;
	height: 820px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	background: transparent;
        text-align: center;
}
	
#port {
	padding: 3px 0px 0px 3px;
}
	
	
#port1 {
	margin: 0px auto;
	--float: left;
	display:block;
  	position:absolute;
	--left:135px;
	--top:203px;
	width:994px;
	height:122px;
	background-image:url(images/port3.jpg);
	background-repeat:no-repeat;
}

#port1:hover {
	background-image:url(images/port3BW.jpg);
}
	
#port2 {
	float: left;
	display:block;
	position:absolute;
	--left:135px;
	top:327px;
	width:994px;
	height:122px;
	background-image:url(images/port1.jpg);
	background-repeat:no-repeat;
}

#port2:hover {
	background-image:url(images/port1BW.jpg);
}
	
#port3 {
	float: left;
	display:block;
	position:absolute;
	--left:135px;
	top:451px;
	width:994px;
	height:122px;
	background-image:url(images/port4.jpg);
	background-repeat:no-repeat;
}

#port3:hover {
	background-image:url(images/port4BW.jpg);
}

#port4 {
	float: left;
	display:block;
	position:absolute;
	--left:135px;
	top:575px;
	width:994px;
	height:122px;
	background-image:url(images/port2.jpg);
	background-repeat:no-repeat;
}

#port4:hover {
	background-image:url(images/port2BW.jpg);
}
	
#port5 {
	float: left;
	display:block;
	position:absolute;
	--left:135px;
	--top:575px;
	width:994px;
	height:123px;
	background-image:url(images/port5.jpg);
	background-repeat:no-repeat;
}

#port5:hover {
	background-image:url(images/port5BW.jpg);
}


#port6 {
	float: left;
	display:block;
	position:absolute;
	--left:135px;
	top:327px;
	width:994px;
	height:123px;
	background-image:url(images/port6.jpg);
	background-repeat:no-repeat;
}

#port6:hover {
	background-image:url(images/port6BW.jpg);
}
	
#port7 {
	float: left;
	display:block;
	position:absolute;
	--left:135px;
	top:451px;
	width:994px;
	height:123px;
	background-image:url(images/port7.jpg);
	background-repeat:no-repeat;
}

#port7:hover {
	background-image:url(images/port7BW.jpg);
}


#port8 {
	float: left;
	display:block;
	position:absolute;
	--left:135px;
	top:575px;
	width:994px;
	height:123px;
	background-image:url(images/port8.jpg);
	background-repeat:no-repeat;
}

#port8:hover {
	background-image:url(images/port8BW.jpg);
}

	
#content {
	float: left;
	width: 1000px;
	padding: 50px 0px 0px 20px;
}

#slideshow {
	--float: left;
   --display:block;
	position:relative;
	--left:315px;
	--top:475px;
	--width:500px;
   --height:400px;
 	--padding: 270px 30px 0px 110px;
}

#slideshow IMG {
    position:absolute;
	 --float: center;
    top:50px;
    left:50px;
    z-index:4;
}

#slideshow IMG.active {
    z-index:6;
}

#slideshow IMG.last-active {
    z-index:5;
}

#copyright {
		width: 1000px;
		--position:absolute;
		font-size:12px;
		--font-family:Verdana, Arial, Helvetica, sans-serif;
		--font-weight: 500;
		color: #696969;
		text-align: center;
		padding-top: 510px;
}


.style1 {
	font-family: "Times New Roman";
}
.style2 {
	text-align: center;
}


#copyright1 {
		width: 1000px;
		height: 150px;
		--position:absolute;
		font-size:12px;
		--font-family:Verdana, Arial, Helvetica, sans-serif;
		--font-weight: 500;
		color: #696969;
		text-align: center;
		padding-top: 20px;
}