body {

	margin:0;

	padding:0;

	background-color: #d8dbdf;

	}



p, a, ul, li, img {

	margin:0;

	padding:0;

}



b {

color:#77b337;

}



p {

	font:11px tahoma;

	line-height:18px;

	color:#666666;

}



img {

	border:none;

	

}



#page_top {
	background: url(images/bg_main1.jpg) no-repeat center top;
	background-size:1400px 842px;
}

#page_top_sulk {
	background: url(images/bg_main2.jpg) no-repeat center top;
	background-size:1920px 544px;
}

#page_top_starter {
	background: url(images/bg_starter.jpg) no-repeat center top;
	background-size:1920px
}

#wrapper {

	width:980px;

	margin:auto;

}



#header {

	height:400px;

	width:980px;

	position:relative;

}

#header_starter {
background:url(images/main_starter.png) no-repeat;
 width: 980px; 
 height:538px;
 }

#header_cooperation {

	height:167px;

	width:980px;

	position:relative;

}



#header .creative_all {

	position:absolute;

	top:107px;

	left:0;

	width:980px;

	height:300px;

	border:0px solid yellow;

	}



#strony_tlo{

background: url(images/top_image.jpg) center no-repeat;

z-index: -1;

width:1920px;

height:419px;





}

#header .logo_and, #header_cooperation .logo {
	background: url(images/logo_and.png) no-repeat;
	height:77px;
	width:182px;
	position:absolute;
	top:45px;
	left: 55px;
} 

                

#header .logo_sulk, #header_cooperation .logo {
	background: url(images/logo_sulk.png) no-repeat;
	height:150px;
	width:295px;
	position:absolute;
	top:85px;
}          



#header .background_menu, #header_cooperation .background_menu{
	height:47px;
	width:430px;
	position:absolute;
	top:47px;
	right:13px;

}     



#header .line, .line2, .line3, .line4, #header_cooperation .line, .line2, .line3, .line4{

	background: url(images/line.png) no-repeat;

	height:14px;

	width:9px;	

	position:absolute;

	top:30px;

}     



#header .line6 , .line7,  #header_cooperation .line6 , .line7{

	background: url(images/line.png) no-repeat;

	height:14px;

	width:9px;	

	position:absolute;

	top:63px;

} 



#header .line6, #header_cooperation .line6 {

	left:0px;

}



#header .line7,#header_cooperation .line7 {

	left:105px;

}





#header .line, #header_cooperation .line {

	margin-left:113px;	

}  



#header .line2, #header_cooperation .line2 {

	margin-left:130px;	

}  



#header .line3, #header_cooperation .line3 {

	margin-left:80px;	

}  



#header .line4, #header_cooperation .line4 {

	margin-left:127px;	

}  



#header .menu, #header_cooperation .menu {
	position:relative;
	right: 15px;
	width: 420px;

}



#header .menu ul,#header_cooperation .menu ul {

	list-style:none;	

}	



#header .menu ul li,#header_cooperation .menu ul li {

	float:left;
	margin-top:23px;

}




#header a.btn_start,#header_cooperation a.btn_start {

	background: url(images/start_btn.png) no-repeat;

	height:30px;

	width:128px;

	display:block;

}  



#header a.btn_start:hover, #header_cooperation a.btn_start:hover {

	background: url(images/start_btn_hover.png) no-repeat;

	}



#header a.btn_oferta,#header_cooperation a.btn_oferta {

	background: url(images/oferta_btn.png) no-repeat;

	height:30px;

	width:83px;

	display:block;

}  



#header a.btn_oferta:hover,#header_cooperation a.btn_oferta:hover {

	background: url(images/oferta_btn_hover.png) no-repeat;

	}



#header a.btn_galeria,#header_cooperation a.btn_galeria{

	background: url(images/galeria_btn.png) no-repeat;

	height:30px;

	width:83px;

	display:block;

	margin-left:15px;

}   



#header a.btn_galeria:hover, #header_cooperation a.btn_galeria:hover {

	background: url(images/galeria_btn_hover.png) no-repeat;

	}  



#header a.btn_contact, #header_cooperation a.btn_contact {

	background: url(images/kontakt_btn.png) no-repeat;
	height:30px;
	width:83px;
	display:block;
	margin-left:15px;

}   

#header_starter .menu ul {

	list-style:none;	

}	



#header_starter .menu ul li {

	float:left;
	margin-top:10px;

}



#header a.btn_contact:hover, #header_cooperation a.btn_contact:hover {

	background: url(images/kontakt_btn_hover.png) no-repeat;

	}   
	
	
/* koniec btn andrychow */

/* button oferta cennik galeria kontakt SULKOWICE */



#header a.btn_oferta_sulk,#header_cooperation a.btn_oferta {

	background: url(images/oferta_btn.png) no-repeat;

	height:30px;

	width:83px;

	display:block;

}  



#header a.btn_oferta_sulk:hover,#header_cooperation a.btn_oferta:hover {

	background: url(images/cennik_btn_hover.png) no-repeat;

	}
	


/* MENU STARTER */	

#header_starter .background_menu {
	height:47px;
	width:480px;
	position:relative;
	top:30px;
	left:13px;

}   

	
#header_starter a.btn_and_starter {

	background: url(images/btn_and_starter.png) no-repeat;

	height:229px;

	width:229px;

	display:block;
	
	margin-top:-70px;

	margin-left:75px;

}   


#header_starter a.btn_and_starter:hover {

	background: url(images/btn_and_starter_hover.png) no-repeat;

	} 
	
	
	
#header_starter a.btn_sulk_starter {

	background: url(images/btn_sulk_starter.png) no-repeat;

	height:229px;

	width:229px;

	display:block;
	
	margin-top:-70px;

	margin-left:310px;

}   



#header_starter a.btn_sulk_starter:hover {

	background: url(images/btn_sulk_starter_hover.png) no-repeat;

	} 
	
	
	
/* KONIEC STARTER*/
	
	
	
	
	
	
	
#header a.btn_cennik_sulk,#header_cooperation a.btn_oferta {

	background: url(images/cennik_btn.png) no-repeat;

	height:30px;

	width:83px;

	display:block;
	margin-left:8px;

}  



#header a.btn_cennik_sulk:hover,#header_cooperation a.btn_oferta:hover {

	background: url(images/cennik_btn_hover.png) no-repeat;

	}



#header a.btn_galeria_sulk,#header_cooperation a.btn_galeria{

	background: url(images/galeria_btn.png) no-repeat;

	height:30px;

	width:83px;

	display:block;
}   



#header a.btn_galeria_sulk:hover, #header_cooperation a.btn_galeria:hover {

	background: url(images/galeria_btn_hover.png) no-repeat;

	}  



#header a.btn_contact_sulk, #header_cooperation a.btn_contact {

	background: url(images/kontakt_btn.png) no-repeat;
	height:30px;
	width:83px;
	display:block;
	margin-left:7px;

}   



#header a.btn_contact_sulk:hover, #header_cooperation a.btn_contact:hover {

	background: url(images/kontakt_btn_hover.png) no-repeat;

	} 
	

/* KONIEC button oferta cennik galeria kontakt SULKOWICE */



#header a.btn_sulk, #header_cooperation a.btn_sulk {

	background: url(images/sulk_btn.png) no-repeat;

	height:142px;

	width:142px;

	display:block;
	
	margin-top:-70px;

	margin-left:375px;

}   



#header a.btn_sulk:hover, #header_cooperation a.btn_sulk:hover {

	background: url(images/sulk_btn_hover.png) no-repeat;

	}   
	
	
#header a.btn_and, #header_cooperation a.btn_sulk {

	background: url(images/and_btn.png) no-repeat;

	height:142px;

	width:142px;

	display:block;
	
	margin-top:-70px;

	margin-left:375px;

}   



#header a.btn_and:hover, #header_cooperation a.btn_sulk:hover {

	background: url(images/and_btn_hover.png) no-repeat;

	}   







#header .margin-right:5px {

	position:relative;

	top:107px;

	left:0;

	width:980px;

	height:365px;

	border:0px solid yellow;

	}

	

	#header_cooperation .margin-right:5px2 {

	position:absolute;

	top:107px;

	left:0;

	width:980px;

	height:60px;

	border:0px solid yellow;

	}

	

	#header_cooperation .cooperation_header {

	height:66px;

	width:980px;

	position:absolute;

	top:205px;

	left:0px;

}  



#header_cooperation .contact_header {

	background: url(images/contact_header.png) no-repeat;

	height:136px;

	width:254px;

	position:absolute;

	top:2ain15px;

	left:0px;

}  



#header_cooperation .projects_header {

	background: url(images/projects_header.png) no-repeat;

	height:44px;

	width:332px;

	position:absolute;

	top:115px;

	left:0px;

}  



#header_cooperation .our_offer_header {

	background: url(images/our_offer_header.png) no-repeat;

	height:44px;

	width:332px;

	position:absolute;

	top:115px;

	left:0px;

}  

	

#header .creative_approach {

	background: url(images/creative_approach.png) no-repeat;

	height:84px;

	width:452px;

	position:absolute;

	top:55px;

	left:0px;

}      



#header .creative_approach_content {

	height:80px;

	width:420px;

	position:absolute;

	top:140px;

	left:0px;

	overflow:hidden;

}   	



#header .creative_approach_content p {

	color:#FFF;

	line-height:20px;	

}



#header a.read_more {
	font:12px Tahoma;
	color:#FFF;
	font-weight:bolder;
	text-decoration:none;
	margin-left:10px;	
}



#header .image1 {

	background: url(images/image1.png) no-repeat;

	height:289px;

	width:403px;

	position:absolute;

	top:25px;

	left:480px;

}     



#header .image2 {

	background: url(images/image2.png) no-repeat;

	height:65px;

	width:133px;

	position:absolute;

	top:210px;

	left:350px;

}  



#header_cooperation .image1_cooperation {

	background: url(images/image1_cooperation.png) no-repeat;

	height:162px;

	width:180px;

	position:absolute;

	top:10px;

	left:750px;

}      



#header .circles {

	background: url(images/circles.png) no-repeat;

	height:23px;

	width:107px;

	position:absolute;

	top:250px;

	left:0;

}     



#main {

	width:980px;
}



#main .main_left {

	float:left;

	margin:0px 40px 20px 0px;

	width:258px;

}



#main .box_left {

	background-color:#FFFFFF;

	float:left;

	margin:0px 10px 10px 0px;

	width:320px;

	height:150px;

}



#main .box_center {

	background-color:#FFFFFF;

	float:left;

	margin:0px 10px 10px 0px;

	width:320px;

	height:30px;

}



#main .box_right {

	background-color:#FFFFFF;

	float:left;

	margin:0px 0px 10px 0px;

	width:320px;

	height:30px;

}



#main .main_left2 {

	float:left;

	margin-top:20px;

	width:258px;

}



#main .main_center {

	float:left;

	margin:0px 40px 20px 0px;

	width:300px;

}



#main .main_right {

	float:left;

	margin:0px 0px 20px 0px;

	width:320px;

}





#main .main_box {

	float:left;

	margin:20px 20px 10px 10px;

	width:300px;

}

#main .oferta_box {

	float:left;

	margin:0px 25px 10px 15px;

	width:290px;

}


#main .main_box_last {

	float:left;

	margin:20px 0px 0px 10px;

	width:300px;

}


#main .oferta_box_last {

	float:left;

	margin:0px 30px 0px 5px;

	width:285px;

}


#main .gifts {

	float:left;

	margin:0px 30px 0px 10px;

	width:605px;

}


#main .partners {

	float:left;

	margin:0px 0px 0px 0px;

	width:310px;

}



#main .oferta_item {

	float:left;

	margin:20px 0px 10px 30px;

	width:270px;

}



#main .oferta_item_last {

	float:left;

	margin:20px 0px 10px 0px;

	width:270px;

}


#main .main_text_box {

	float:left;

	margin:0px 0px 20px 0px;

	width:230px;

}





#main .main_right_header {

	float:left;

	width:720px;

	height:60px;

}





#main .main_right2 {

	float:left;

	position:relative;

	width:650px;

	padding-top:30px;

	padding-left:10px;



}



#main .menu_ul ul {

	list-style:none;

}



#main .menu_ul ul li a  {

	font:11px Tahoma;

	color:#766363;

	text-decoration:none;

	background: url(images/menu_btn.png) no-repeat;

	height:25px;

	width:258px;

	display:block;

	padding:8px 0 0 35px;

}



#main .menu_ul ul li a:hover  {

	background: url(images/menu_btn_hover.png) no-repeat;

	color:white;

}



#main .menu_header0 {

	background: url(images/menu_header0.png) no-repeat;

	height:66px;

	width:258px;

	margin-bottom:5px;



}





#main .menu_header1 {

	background: url(images/header_title_4.png) no-repeat;

	height:66px;

	width:258px;

	margin-bottom:5px;

	top:-2px;

}



#main .menu_header2 {

	background: url(images/header_title_2.png) no-repeat;

	height:66px;

	width:258px;

	margin-top:5px;

	margin-bottom:5px;

}



#main .menu_header3 {

	background: url(images/header_title_1.png) no-repeat;

	height:66px;

	width:258px;

	margin-top:5px;

	margin-bottom:5px;



}



#main .menu_header4 {

	background: url(images/header_title_3.png) no-repeat;

	height:66px;

	width:258px;

	margin-top:5px;

	margin-bottom:5px;



}



#main a.menu_header5 {

	background: url(images/menu_header5.png) no-repeat;

	height:117px;

	width:258px;

	display:block;

	margin-top:5px;



}



#main a.menu_header6 {

	background: url(images/menu_header6.png) no-repeat;

	height:117px;

	width:258px;

	display:block;

	margin-top:5px;

}



#main a.menu_header7 {

	background: url(images/cyfrowy_header.png) no-repeat;

	height:117px;

	width:258px;

	display:block;

	margin-top:5px;

}





#main .box1_background {

	height:auto;

	width:974px;	

	margin-left:-90px;

}   



#main .box1_background_cooperation0 {

	height:auto;
	width:980px;
	min-height:450px;
	margin-bottom:0px;

}   



#main .box1_background_cooperation {

	height:auto;

	width:980px;

}   



#main .contact_details2 {

	background: url(images/contact_details.png) no-repeat;

	height:51px;

	width:154px;

	float:left;

	margin-left:25px;

	margin-top:20px;

}



#main .contact_form {

	background: url(images/contact_form.png) no-repeat;

	height:49px;

	width:200px;

	float:left;

	margin-left:130px;

	margin-top:21px;

}



#main .contact_line {

	background: url(images/contact_line.png) no-repeat;

	height:18px;

	width:110%;

	margin-left:20px;

}



#main .left_column {

	float:left;

}



#main .center_column {

	

	float:left;

	margin-right:20px;

}



#main .inputtext {

	width:290px;

	margin-right:0px}



#main .center_column p{

	font:11px Tahoma;

	padding:3px;

	padding-bottom:10px;

	text-align:right;

	color:#FFF;

	}



#main .right_column {

	float:right;

	margin-right:30px;

}



#main .contact_home {

	background: url(images/contact_home.png) no-repeat;

	height:60px;

	width:39px;

	float:left;

	margin-left:20px;

}



#main .contact_home_text {

	width:255px;

	margin-bottom:15px;

	float:left;

}



#main .contact_home_text p {

	font:11px Tahoma;

	padding:3px;

	color:#666;

}



#main p.contact_home_header {

	font-weight:bold;color:#666666;

}



#main .contact_phone {

	background: url(images/contact_phone.png) no-repeat;

	height:59px;

	width:31px;

	float:left;

}



#main .contact_office {

	background: url(images/contact_office.png) no-repeat;

	height:56px;

	width:35px;

	float:left;

	margin-left:23px;

}



#main .send_message {

	background: url(images/send_message.png) no-repeat;

	height:22px;

	width:116px;

	display:block;

	margin-left:300px;

}



#main .map_picture {

	display:block;border:1px solid #8b8b8b;

	height:324px;

	width:228px;

	margin-left:-32px;

	margin-bottom:130px;

}





#main .contact_map {

	background: url(images/map.png) no-repeat;

	height:47px;

	width:207px;

	float:left;

	margin-left:153px;margin-top:24px;

}



#main .picture {

	height:109px;

	width:175px;

	margin:0px 0 16px 16px;

	float:left;

} 



#main .picture_space {

	height:70px;

	width:175px;

	margin:0px 0 16px 16px;

	float:left;

} 



#main .picture_promo {

	height:auto;

	width:300px;

	margin:0px 0 30px 16px;

	float:left;

	font:10px Tahoma;



} 



#main  a.picture2 {

	width:207px;

	float:left;

	margin:0px 30px 12px 5px;

	display:block;

}  





#main  a.picture2_last {

	width:207px;

	float:left;

	margin:0px 0px 12px 0px;

	display:block;

}  





#main  a.picture_oferta {

	height:167px;

	width:210px;

	float:left;

	margin:0px 0px 0px 0px;

	display:block;

} 



#main  a.contact_realization {

	height:167px;

	width:320px;

	float:left;

	margin:0px 0px 0px 18px;

	display:block;

} 



#main  a.picture_oferta_last {

	height:167px;

	width:210px;

	float:left;

	margin:0px 0px 0px 20px;

	display:block;

} 



#main .picture3 {

	height:151px;

	width:228px;

	float:left;

	margin:0px 10px 10px 10px;

}  



#main p.splash {

	margin:15px 0px 0 10px;

	display:block;

	width:680px;

}



#main p.splash_color {

 	color:#FFF;

 	}



#main p.header_main {

	font:12px Tahoma;

	color:#ec008c;

	font-weight:bold;

	padding:20px 0 0 20px;

}



#main p.content_main {

	font:12px Tahoma;

	color:#455869;

	line-height:18px;

	padding:0px 20px 10px 20px;

}



.content_text {

	font:11px Tahoma;

	color:#455869;

	line-height:15px;

}





#main .move {

	margin-left:20px;

}



#main .move2 {

	margin-left:27px;

}



#main .move3 {

	margin-left:-2px;

}



#main p.join1 {

position:relative;

	float:left;

	left:28px;

}



#main textarea.join2 {

	float:right;

	width:290px;

	margin-right:2px;

}



#main .box1_header {

	background: url(images/box1_header.png) no-repeat;

	height:51px;

	width:512px;

}     



#main .box2_header {

	background: url(images/box2_header.png) no-repeat;

	height:48px;

	width:437px;

}    



#main .box1_content {

	height:100%;

	width:500px;

	margin-left:20px;

	border:0px solid red;

}    



#main .box1_content p {

	height:100%;

	color:#FFF;

	line-height:20px;

	text-indent:20px;

} 



#main .box2_content {

	background: url(images/box2_content.png) no-repeat;

	height:108px;

	width:437px;

}     



#main .line5 {

	background: url(images/line2.png) no-repeat;

	height:8px;

	width:512px;

	margin-left:10px;

}       



#main .read_more2_all {

	margin-left:410px;

}



#main a.read_more2 {
	background:url(images/line2.png);

	color:#FFF;

	font-weight:bolder;

	text-decoration:none;

	margin-left:0px;

	display:block;

	float:left;	

}



#main .line8 , .line9 {

	background: url(images/line.png) no-repeat;

	height:14px;

	width:9px;	

	float:left;

} 



#header .line8 {

	margin-left:0px;

}



#header .line9 {

	margin-left:0px;

}   



#main .phone {

	background: url(images/phone.png) no-repeat;

	height:184px;

	width:437px;

	margin-left:1px;	

}  



#main a.contact_details {

	color:black;

	font:10px Tahoma;

	display:block;

	margin:-60px 0 60px 240px;

}



#main .advertisement {

	background: url(images/advertisement.png) no-repeat;

	height:142px;

	width:432px;

	margin-left:10px;

}     



#footer {

	width:980px;

	height:20px;

	width:980px;

	position:relative;

}



#footer .our_offer {

	height:28px;

	width:121px;

	position:absolute;

	top:-25px;

	left:100px;

}   



#footer .vertical_line, .vertical_line2, .vertical_line3, .vertical_line4 {

	background: url(images/vertical_line.png) no-repeat;

	height:151px;

	width:49px;

	position:absolute;

	top:20px;

	

}   



#footer .vertical_line {

	left:0px;

}



#main .graphic_projects {

	background: url(images/graphic_projects.png) no-repeat;

	height:40px;

	width:136px;

	position:relative;

	top:10px;



}   



#main .news {

	position:relative;

	width: 450px;

	top:15px;



}



#footer .menu3 img, .menu4 img,  .menu5 img, .menu6 img  {

	margin-right:5px;	

}	



#footer .menu3 ul, .menu4 ul, .menu5 ul, .menu6 ul {

	list-style:none;

}



#footer .menu3 ul li a, .menu4 ul li a, .menu5 ul li a, .menu6 ul li a {

	color:white;

	font:11px tahoma;

	text-decoration:none;

}	







#footer .vertical_line2 {

	left:250px;

}



#main .teaser_header_1 {

	height:145px;

	width:300px;

	margin-bottom:35px;

	position:relative;
}   

#main .oferta_header {

	height:121px;

	width:270px;

	margin-bottom:15px;

	position:relative;
}  

#main .teaser_header_2 {

	height:145px;

	width:300px;
	margin-top:40px;

	margin-bottom:10px;

	position:relative;
} 


#main .teaser_button_more {

	float:right;
	background: url(images/button_read_more.png) no-repeat;
	height:19px;
	width:89px;
	position:relative;
} 

#main .kontakt_button_more {

	float:right;
	background: url(images/kontakt_button_more.png) no-repeat;
	height:19px;
	width:123px;
	position:relative;
} 

#main .teaser_bg_more {
	background: url(images/line3.png) repeat-x;
	height:30px;
	width:270px;
	position:relative;

} 




#main .teaser {

	position:relative;

	width: 230px;

}





#main .teaser_1 {

	position:relative;

	width: 620px;

}



#footer .vertical_line3 {

	left:500px;

}



#main .teaser_header_2 {

	background: url(images/realizacje-header.png) no-repeat;
	height:19px;
	width:600px;
	position:relative;

}  

#main .teaser_header_3 {

	background: url(images/partnerzy-header.png) no-repeat;
	margin-bottom:15px;
	margin-top:40px;
	height:19px;
	width:295px;

	position:relative;

}  



#main .teaser_2 {

	position:relative;

	width:300px;

}



#footer .vertical_line4 {

	left:720px;

}



#main .indoor_outdoor {

	background: url(images/indoor_outdoor.png) no-repeat;

	height:38px;

	width:124px;

	position:absolute;

	top:20px;

	left:572px;

}   



#footer .menu6 {

	position:absolute;

	top:67px;

	left:572px;

}



#footer .house {

	background: url(images/house.png) no-repeat;

	height:53px;

	width:48px;

	position:absolute;

	left:0px;

}  



#footer p.house_text {

	color:#455869;

	font:11px tahoma;	

	line-height:15px;

	position:absolute;

	left:50px;

}	 



#footer .phone2 {

	background: url(images/phone2.png) no-repeat;

	height:49px;

	width:38px;

	position:absolute;

	left:200px;

}  



#footer p.phone2_text, p.clock_text   {

	color:#455869;

	font:11px Tahoma;	

	line-height:15px;

	position:absolute;

}	



#footer p.phone2_text {

	left:247px;

	

}



#footer .clock {

	background: url(images/clock.png) no-repeat;

	height:55px;

	width:52px;

	position:absolute;

	left:400px;

}  



#footer p.clock_text  {

	left:455px;

}



#footer a.map {

	background: url(images/map_footer.png) no-repeat;

	height:89px;

	width:272px;

	position:absolute;

	top:-15px;

	left:710px;

	display:block;

}  



#footer p.copyright  {

	color:#666;

	font:11px tahoma;	

	position:absolute;
	top:11px;
	left:20px;

}



#footer a.esko_logo {

	background: url(images/esko_logo.png) no-repeat;
	height:30px;
	width:169px;
	position:absolute;
	top:3px;
	left:785px;
}  

#footer a.esko_logo_starter {

	background: url(images/esko_logo.png) no-repeat;
	height:30px;
	width:169px;
	position:absolute;
	top:3px;
	left:745px;
}  



#footer .footer_center_bottom {
	background: url(images/footer_center_bottom.png) no-repeat;
	height:48px;
	width:107px;
	position:absolute;
	left:500px;
	bottom:0px;

}   





/*------------------- POP up -----------------------*/





#fade { /*--Przejrzyste warstwy tla--*/

	display: none; /*--domyslnie ukryte--*/

	background: #000;

	position: fixed; left: 0; top: 0;

	width: 100%; height: 100%;

	opacity: .80;

	z-index: 9999;

}

 

.popup_block{

	display: none; /*--domyslnie ukryte--*/

	background: #fff;

	background-image:url(images/preso_pop.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width:700px;

	height:300px;

	padding: 0px;

	border: 0px solid #ddd;

	float: left;

	font-size: 1.2em;

	position: fixed;

	top: 50%; left: 50%;

	z-index: 99999;

	/*--CSS3 Cien okna--*/

	-webkit-box-shadow: 0px 0px 20px #000;

	-moz-box-shadow: 0px 0px 20px #000;

	box-shadow: 0px 0px 20px #000;

	/*--CSS3 Zaokraglone narozniki--*/

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}

 

.popup_block p{

width:80%;

}

 

img.btn_close {

	float: right;

	margin: -20px -20px 0 0;

}

/*--Kod pozwalajacy na prawidlowe pozycjonowanie w  IE6--*/

*html #fade {

	position: absolute;

}

*html .popup_block {

	position: absolute;

}



	#fb

	{

	width: 222px;

	height: 383px;

	top: 20%;

	right: -205px;

	position: fixed;

	padding: 5px;

	background: url("images/fb.png") no-repeat;

	}



	#fb iframe

	{

	background-color:#FFFFFF;

	margin-top:5px;

	width: 195px;

	height: 383px;

	float: right;

	}











/* Filterable Portfolio Stylesheet */





/* Simple Reset

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

html, body, div, h1, h2, ul, li, dl, dd, dt, p { margin: 0; padding: 0; }

ul { list-style: none; }



/* Custom Classes

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

.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

* html .group { zoom: 1; } /* IE6 */

*:first-child+html .group { zoom: 1; } /* IE7 */





/* General Styles

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





a { color: #666; text-decoration: underline; -moz-transition: 0.4s all linear; -webkit-transition: 0.4s all linear; -o-transition: 0.4s all linear; transition: 0.4s all linear; outline-color: #aaa; }





/* Filter */



.filter li { float: left; }

.filter li:last-child:after { content: ""; }

.filter a { padding: 0 0px; color: #766363; text-decoration: none; }

.filter a:hover, .current a { color: #766363; }



/* Portfolio Items */

.portfolio li { float: left; margin-right: 2px; margin-bottom: 2px; }

.portfolio li:nth-child(4n) { margin-right: 0; }

.portfolio a { display: block;

background-image:url(images/gallery_bg.png);





text-decoration: none; }

.portfolio img { width: 176px; height: 110px; display: block; }