body {	margin:0; padding:0; font-size:12px; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; background:#000000 url(../images/bg.jpg) repeat-x 0px 0px;}
	
h1, h2, h3, h4, h5, h6, p, ul, input, select, form { padding:0px; margin:0px; font-weight:normal;} 
ul {list-style:none;}
hr { color:#CCCCCC;}
select, input, textarea { border:1px solid #b5b09a; font-size:11px;}
.checkbox { border:none;}
a { outline:none;}

#main { width:900px; margin:0 auto; overflow:auto; }
.portfolio {background:url(../images/bg_main_porfolio.jpg) no-repeat 0px 0px;}
.index {background:url(../images/bg_main.jpg) no-repeat 0px 0px;}


	.top { overflow: auto; height:132px; position:relative;}
	.top h1{}
	.top h1 a{ display:block; width:257px; height:98px; text-indent:-9999px; position:absolute; top:30px; left:0px;}
	.top ul{ overflow:auto; float:right; position:relative; top:94px;}
	.top ul li{ display:inline; float:left;}
	.top ul li a{ display:block; text-indent:-9999px;}
	.top ul li#home a{ background:url(../images/nav/home.png) no-repeat 0px 8px; width:75px; height:38px; margin-right:3px;}
	.top ul li#home a:hover{ background:url(../images/nav/home_h.png) no-repeat 0px 8px;}
	.top ul li#firma a{ width:87px; height:38px; background:url(../images/nav/ofirmie.png) no-repeat 0px 12px;}
	.top ul li#firma a:hover{ background:url(../images/nav/ofirmie_h.png) no-repeat 0px 12px;}
	.top ul li#ksiegowosc a{ background:url(../images/nav/ksiegowosc.png) no-repeat 0px 12px; width:130px; height:38px;}
	.top ul li#ksiegowosc a:hover{ background:url(../images/nav/ksiegowosc_h.png) no-repeat 0px 12px;}
	.top ul li#kadry a{ background:url(../images/nav/kadry_h.png) no-repeat 0px 12px; width:130px; height:38px;}
	.top ul li#kadry a:hover{ background:url(../images/nav/kadry.png) no-repeat 0px 12px;}
	.top ul li#klienci a{ background:url(../images/nav/klienci.png) no-repeat 0px 12px; width:82px; height:38px;}
	.top ul li#klienci a:hover{ background:url(../images/nav/klienci_h.png) no-repeat 0px 11px;}
	.top ul li#kontakt a{ background:url(../images/nav/kontakt_h.png) no-repeat 0px 5px; width:96px; height:38px;}
	.top ul li#kontakt a:hover{ background:url(../images/nav/kontakt.png) no-repeat 0px 5px;}

.content {}
	.content .baner_main { width:573px; height:258px; border:1px solid #828c97; position: relative; left:310px; margin-top:20px;} 
	
	.content .baner_main #kadry{ width:573px; height:258px; background:url(../images/kadry_banner.jpg) no-repeat 0px 0px;}
	.content .baner_main #kadry h2 { color:#fff; font-size:24px; text-transform:uppercase; width:250px; position:relative; left:280px; top:20px;}
	.content .baner_main #kadry p {color:#fff; line-height:25px;text-transform:uppercase; width:250px; position:relative; left:280px; top:20px;}
	.content .baner_main #kadry a { color:#333333; text-decoration:none; display:block; position:absolute; left:380px; top:200px;}
	.content .baner_main #kadry a:hover { text-decoration:underline; color:#FFFFFF;}
	.content .baner_main #kadry a em{ display:block; float:left; background:url(../images/a_em.gif) no-repeat 0px 0px; width:4px; height:29px;}
	.content .baner_main #kadry a span{ display:block; float:left; height:29px; background:url(../images/a.gif) no-repeat right top; padding-right:4px; line-height:29px;} 

	.content #uslugi_uslugi {width:460px; position: relative; left:350px; top:120px; margin:0px 0px 180px 0px; padding:10px;}
	.content #uslugi_uslugi h2 { color:#2e5780; font-size:18px; text-transform:uppercase; }
	.content #uslugi_uslugi p {color:#2e5780; line-height:25px; margin:20px 0px;}
	.content #uslugi_uslugi ul { padding:0px 20px 0px 20px; margin-bottom:10px;}
	.content #uslugi_uslugi ul li { background:url(../images/ok.gif) no-repeat 0px 0px; line-height:20px; padding-left:40px; margin-bottom:8px;}
	
	.content #uslugi_uslugi ul.kontakt {padding:20px 20px 0px 0px;}
	.content #uslugi_uslugi ul.kontakt li { background:none; line-height:20px; padding:0px; margin-bottom:10px;}
	
	.content #uslugi_uslugi ul.mapa {padding:40px 20px 0px 0px;}
	.content #uslugi_uslugi ul.mapa li { background:none; line-height:20px; padding:0px; margin-bottom:10px;}
	.content #uslugi_uslugi ul.mapa li a { text-decoration:none; color:#666666;}
	.content #uslugi_uslugi ul.mapa li a:hover { text-decoration:underline;}
	.content #uslugi_uslugi ul.mapa li li {}
	.content #uslugi_uslugi ul.mapa li li a{}
	
	.content #uslugi_uslugi ul.formularz {padding:0px 0px 0px 0px;}
	.content #uslugi_uslugi ul.formularz li { background:none; line-height:20px; padding:0px; margin-bottom:10px; overflow:auto;}
	.content #uslugi_uslugi ul.formularz li label { display:block; width:120px; margin-right:10px; float:left;}
	.content #uslugi_uslugi ul.formularz li input { width:300px; padding:5px; float:left}
	.content #uslugi_uslugi ul.formularz li input.form {float:left; width:60px;}
	.content #uslugi_uslugi ul.formularz li input.wyslij {border:none; background:url(../images/form/button.gif) no-repeat 0px 0px; width:53px; float:left; margin-left:5px; height:22px; font-size:10px;}
	.content #uslugi_uslugi ul.formularz li textarea {width:300px; height:80px; padding:5px; float:left}
	.content #uslugi_uslugi ul.formularz li img { float:left; margin-right:10px;}
	
	
	.content #uslugi_klienci {  width:460px; position: relative; left:350px; top:120px; margin:0px 0px 310px 0px; padding:10px;}
	.content #uslugi_klienci h2 { color:#2e5780; font-size:18px; text-transform:uppercase; }
	.content #uslugi_klienci p {color:#2e5780; line-height:25px;}
	.content #uslugi_klienci ul { margin-top:20px;}
	.content #uslugi_klienci ul li { overflow:auto; width:440px; margin-bottom:10px; line-height:100px;}
	.content #uslugi_klienci ul li strong { float:left; display:block; margin-left:20px; font-weight:normal; width:250px; position:relative;}
	.content #uslugi_klienci ul li strong img { position:absolute; right:0px; top:40px;}
	.content #uslugi_klienci ul li span {display:block; float:left; width:155px; height:100px; background:#e0e0e0; text-align:center;}
	.content #uslugi_klienci ul li span img { max-height:77px; max-width:110px; margin-top:12px;}
	.content #uslugi_klienci ul li span img.sushi { margin-top:30px;}
	.content .content_main { overflow:auto; margin:50px 0px 120px 0px;}
	.content .content_main .klienci_rotacja { float:left; clear:both;background:#f3f6f7; clear:both; height:280px; width:170px; margin-left:80px; padding:15px;}
	.content .content_main .klienci_rotacja h3 { background:url(../images/h3.gif) no-repeat 0px 0px; text-indent:40px; color:#333333; line-height:30px; font-size:16px;}
	.content .content_main .klienci_rotacja ul{ margin-top:10px;}
	.content .content_main .klienci_rotacja ul li{ overflow:auto;}
	.content .content_main .klienci_rotacja ul li img{ position:relative; top:5px; float:left;}
	.content .content_main .klienci_rotacja ul li label { font-size:11px;}
	.content .content_main .klienci_rotacja ul li input { width:160px; padding:2px;}
	.content .content_main .klienci_rotacja ul li input.wyslij { border:none; background:url(../images/form/button.gif) no-repeat 0px 0px; width:53px; float:left; margin-left:5px; height:22px; font-size:10px;}
	.content .content_main .klienci_rotacja ul li input.form { width:50px; margin-left:5px; float:left;}
	.content .content_main .klienci_rotacja ul li textarea{ width:160px; height:60px; padding:2px; font-size:11px; border:1px solid #CCCCCC;}
	
	
		
	.content .content_main .witaj { background:#f3f6f7; width:385px; height:280px; float:left; margin-left:30px; padding:15px; position:relative;}
		.content .content_main .witaj h3 { background:url(../images/h3.gif) no-repeat 0px 0px; text-indent:40px; color:#333333; line-height:30px; font-size:16px;}
		.content .content_main .witaj p { line-height:22px; margin-top:20px;}
		
	
ul.stopka {width:800px; margin:0 auto;}	
ul.stopka li { display:inline; padding:0px 10px 0px 0px; color: #999999; font-size:12px;}
ul.stopka li a{ color:#999999; text-decoration:none; font-size:12px;}
ul.stopka li a:hover { text-decoration:underline;}
	
		
/*jquery */		

/* the overlayed element */

.apple_overlay {
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image:url(../images/jquery/white1.png);
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/jquery/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}