@charset "utf-8";
/* CSS Document */
body {
	background: url(img/main_bg.gif) repeat-x 0 0;
	margin: 0;
	padding: 0;
	text-align: center;
	}
img	{
	border: 0;
	}
#cala_zawartosc	{
	width: 830px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	}
#zawieracz	{
	position: relative;
	}
#logo	{
	width: 167px;
	float: left;
	padding-top: 40px;
	}
h1	{
	font: 32px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 1em 0;
	padding: 0 70px 0 0;
	}
h1 span.uslugi	{
	float: right;
	position: relative;
	top: -30px;
	left: 60px;
}
h1 span.portfolio	{
	float: right;
	position: relative;
	top: 10px;
	left: 60px;
}
h1 span.kontakt	{
	float: right;
	position: relative;
	top: 10px;
	left: 60px;
}
	
h2	{
	font: 26px Georgia, "Times New Roman", Times, serif;
	margin: 50px 0 1em 0;
	padding:0 70px 20px 0;
	}
p	{
	font: 14px Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
	}
dd	{
	Padding-left: 10px;
	}

#uslugi_1-3	{
	width: 830px;
	clear: both;
	}

#uslugi_1-3 dl	{
	float: left;
	width: 270px;
	height: 156px;
	border-top: 1px solid #d6d6d6;
	padding-top: 5px;
	}
#uslugi_1-3 dl dd	{
	padding-left: 30px;
	}

#uslugi_1-3 dl.big_1	{
	background: url(img/1_big.gif) no-repeat bottom right;
	}
#uslugi_1-3 dl.big_2	{
	background: url(img/2_big.gif) no-repeat bottom right;
	}
#uslugi_1-3 dl.big_3	{
	background: url(img/3_big.gif) no-repeat bottom right;
	}
#uslugi_3-6 dl.big_4	{
	background: url(img/4_big.gif) no-repeat bottom right;
	}
#uslugi_3-6 dl.big_5	{
	background: url(img/5_big.gif) no-repeat bottom right;
	}
#uslugi_3-6 dl.big_6	{
	background: url(img/6_big.gif) no-repeat bottom right;
	}
#uslugi_1-3 dd	{
	margin: 0;
	padding: 0;
	}
#uslugi_1-3 dt	{
	font: 18px Georgia, "Times New Roman", Times, serif;
	}
#uslugi_1-3 dd	{
	font: 11px Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	padding-right: 10px;
	}

#uslugi_3-6	{
	width: 810px;
	clear: both;
	}
#uslugi_3-6 dt	{
	font: 18px Georgia, "Times New Roman", Times, serif;
	}

#uslugi_3-6 dd	{
	font: 11px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding-top: 10px;
	padding-right: 10px;
	}
#uslugi_3-6	dl	{
	float: left;
	width: 270px;
	height: 156px;
	border-top: 1px solid #d6d6d6;
	padding-top: 5px;
	}
#uslugi ul	{
	padding:0;
	margin: 0;}
#uslugi ul li	{
	display: inline;
	list-style: none;
	padding: 0 10px 0 0 ;
	margin: 0;
	}
	
	
	
	
	
	
	
#go-up	{
	width: 100%;
	height: 20px;}
	

	
/* ---------------- MENU POCZĄTEK --------------------- */



#naglowek	{
	height: 300px;
	}

#ramka	{
	border: 1px solid #ccc;
	padding: 10px;
	background: #fff;
	}
#ramka-cien	{
	background:url(img/nowe-img/cien-dol.png) no-repeat bottom;
	margin-bottom: 200px;
	}
#menu {
	float: right;
	margin-top: 60px;
	}
#menu ul	{
	list-style: none;
	padding-right: 20px;
	}
#menu ul li	{
	float: left;
	display: block;
	/*
	font: 16px Georgia, "Times New Roman", Times, serif;
	*/
	
	}
#menu ul li a	{
	display: block;
	height: 47px; width: 111px;
	background: url(img/menu.png) no-repeat 0 0;
	text-indent: -9009px;
	}
ul li#menu_corobimy a	{
	width: 136px;
	background-position: -111px 0;
	}
ul li#menu_portfolio a	{
	width: 132px;
	background-position: -247px 0;
	}
ul li#menu_kontakt a	{
	width: 111px;
	background-position: -377px 0;
	}

#menu ul li a:hover	{
	background-position: 0px -47px;
	}
ul li#menu_corobimy a:hover	{
	background-position: -111px -47px;
	}
ul li#menu_portfolio a:hover	{
	background-position: -247px -47px;
	}
ul li#menu_kontakt a:hover	{
	background-position: -377px -47px;
	}


			/* SUB MENU ------ */
			
ol {
	margin-left: 280px;
	padding-top: 50px;
	}
ol li	{
	list-style: none;
	font: 14px italic Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	
	}

ol li a	{
	text-decoration: none;
	color: #000000;
	padding: 5px;
	}
ol li a.active	{
	background: #000;
	padding-left: 0;
	padding: 5px 5px 5px 5px;
	color: #fff;
	}
ol li a:hover	{
	background: #000;
	padding: 5px 5px 5px 5px;
	color: #fff;
	}

/* ---------------- MENU KONIEC --------------------- */


#wstep	{
	clear: both;
	height: 350px;
	padding-top: 50px;
	padding-left: 25px; 
	float: left;
	}
				#wstep p	{
				width: 600px;
				font: 14px Georgia, "Times New Roman", Times, serif;
				letter-spacing: 0.1em;
				line-height: 1.5em;
							}
							
#listaklientow	{
	clear:both;
	height:420px;
	width:810px;
	ackground:#333333;
	ackground: url(img/nowe-img/lista-klientow-bg.png) no-repeat 90% 50%;
	margin-bottom: 100px;
	}
	
	
#uslugi	{
	height: 600px;
	margin-bottom: 200px;
	}

#portfolio	{
	clear: both;
	eight: 450px;
	margin-bottom: 200px;
	}
#portfolio ol li 	{
display: inline;
padding: 0;
margin: 0;
}


#listaklientow ul	{
	width: 400px;
	height:100%;
	}
#listaklientow ul li	{
list-style: none;
}
.align-right { float:left; margin: 50% 0 15px 15px;
vertical-align: middle; }



#kontakt	{
	padding: 0;
	margin: 0 auto 0 auto;
	height: 650px;
	text-align: left;
	width: 810px;
	background:#000;
	}
			#kontakt_container	{
				background: #000000;
				padding-bottom: 200px;
				}
			#kontakt h1	{
				color: #FFFFFF;
				padding-top: 20px;
				}
	
	
#lampka	{

	position: relative;
	top: -100px;
	left: 304px;
	background: #666666;
	width: 130px;
	height: 0;
	}
/* ---- zastepujemy obrazki  */

#prevBtn, #nextBtn, #slider1prev, #slider1next, #slider2prev, #slider2next, #slider5prev, #slider5next	{
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
	}

/* ----------------- Konczymy zastepowac obrazki -------------------------- */
	
#slider ul, #slider li, #slider2 ul, #slider2 li	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

#slider li, #slider2 li	{
	width: 810px;
	height: 400px;
	overflow: hidden;
	padding-top: 10px;
	}

	
/* ////////////////////////////////////////////////////// Pierwszy slajd */

#prevBtn, #slider1prev,
#nextBtn, #slider1next {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -30px;
	top: 500px;
	}
#nextBtn, #slider1next	{
	left: 800px;
	}


/* KONIEC Pierwszy slajd */

/* ////////////////////////////////////////////////////// Drugi slajd */

#prevBtn, #slider2prev,
#nextBtn, #slider2next {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -30px;
	top: 1600px;

}
#nextBtn, #slider2next	{
	left: 800px;
}

/* ///////////////////// KONIEC 2 Slajd */

/* Slajd na pierwszej stronie */

/*

#prevBtn, #slider5prev,
#nextBtn, #slider5next	{
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -30px;
	top: 550px;
	}
#nextBtn, #slider5next	{
	left: 800px;
	}

#prevBtn a, #slider1prev a,
#nextBtn a, #slider1next a,
#slider2prev a, #slider2next a,
#slider5prev a, #slider5next a 	{
	display: block;
	position: relative;
	height: 30px;
	width: 30px;
	background:url(img/prev_btn.gif) no-repeat 0 0;
	}
#nextBtn a, #slider1next a,
#slider2next a, #slider5next a	{
	background: url(img/next_btn.gif) no-repeat 0 0;
	}


/*------------------------------------------ */


/* form 2 */

	#form2{
		margin:1em 0;
		color:#fff;
		width:320px; /* customize width, this form have fluid layout */
		}
	#form2 h3{
		margin:0;
		background:#57a700 url(../images/form2/form_heading.gif) repeat-x;		
		color:#fff;
		font-size:20px;
		border:1px solid #57a700;
		border-bottom:none;
		}		
	#form2 h3 span{
		display:block;
		padding:10px 20px;
		background:url(../images/form2/form_ico.gif) no-repeat 93% 50%;			
		}				
	#form2 fieldset{
		margin:0;
		padding:0;
		border:none;	
		border-top:3px solid #000;
		background:#000 url(../images/form2/form_top.gif) repeat-x;		
		padding-bottom:1em;
		}		
	#form2 legend{display:none;}	
	#form2 p{margin:.5em 20px;}	
	#form2 label{display:block;}	
	#form2 input, #form2 textarea{		
		width:272px;
		border:1px solid #111;
		background:#ebebeb url(../images/form2/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#000;
		}		
	#form2 textarea{
		height:125px;
		overflow:auto;
		}					
	#form2 p.submit{
		text-align:right;
		}	
	button{
		height: 25px;
		line-height: 13px;		
		border:1px solid #70ad2e;
		color: black;		
		font: 12px Georgia, "Times New Roman", Times, serif;
		}				

/* // form 2 */


/* KONTAKT -------------------------------- */

.kontakt_lewa_kol	{
	margin: 0;
	padding: 0;
	width: 400px;
	float: left;
	}
.kontakt_prawa_kol	{
	margin: 0;
	padding: 0;
	width: 400px;
	float: right;
	}
.kontakt_prawa_kol_zawartosc	{
	height: 250px;
	}
.dane_kontaktowe ol	{
	margin: 0;
	padding: 0;
	}
.dane_kontaktowe ol li	{
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	list-style: none;
	}

.dane_kontaktowe p	{
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: white;
	padding: .5em .5em 0 .5em;
	}
.dane_kontaktowe ol	{
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding: 0 .5em .5em .5em;
	}
.dane_kontaktowe ol li {
	display: block;
	}
.dane_kontaktowe ol li a {
	color: #FFFFFF;
	}
	
	
	
	
/* begin gallery styling */
#jgal { list-style: none; width: 240px; margin:0; padding: 0; height: 400px; }
#jgal li { opacity: .5; float: left; display: block; width: 35px; height: 35px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; }
#jgal li img { position: absolute; top: 380px; left: 220px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
 
/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }
#clear	{ clear: both;}



/* ---------------------------------------------- */

/* Galerie **************/
#portfolio a img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;cursor:pointer;}
#portfolio a img:hover {filter:alpha(opacity=100);-moz-opacity:100;opacity:100;}

.czarna-ramka	{
width: 792px; height: 150px;
background: #000000; color: #FFFFFF;}
.czarna-ramka h2, .czarna-ramka p	{
	padding: 10px;
	margin: 0;
	}
.czarna-ramka a h2 , .czarna-ramka a p 	{
	color: #fff;
	text-decoration: none;
	}
.czarna-ramka h2	{
	font: 28px bold Geneva, Arial, Helvetica, sans-serif;
	}
 .czarna-ramka p	{
 	font: 12px italic Verdana, Arial, Helvetica, sans-serif;
	} 
.czarna-ramka span	{
	float: left;
	}
.czarna-ramka a img	{
	width: 425px;
	float: right;
	}
a	{
text-decoration: none;
}