@import url("reset.css");
@import url("jScrollPane.css");



/*Global Settings 
--------------------------------------------------------------------------------------- */

* {overflow:hidden}

html {	height:100%;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.5em;
	color:#000;
	background-color:#f2f2f2;
	background-image:url(/images/body_bg.jpg);
	background-repeat:repeat-x;
	height:100%;
	}

#container {
	width:970px;
	margin: 0 auto;
	}
	
/* Links *****/
a 				{
	color:#000;
	text-decoration:underline;
}
a:link 			{text-decoration:underline;}
a:visited		{}
a:hover 		{
	color:#000;
	text-decoration:none;
}

sup, sub	{line-height: 80% }



/* Global Classes 
--------------------------------------------------------------------------------------- */
.clearer {clear:both;margin:0; padding:0; line-height:1px; font-size:1px;}


#tooltip, #tooltip2{
	
	
	
	display:none;
	background-color:#fff;	


	}	







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


#content {
	margin:107px 39px 0px 40px;
	position: relative;
	height: 333px;
	}
/*---------------------------------------------------------------*/
 #info_bar {
	margin:0px 3px;
	padding:0px;
	position: absolute;
	width: 886px;
	height: 25px;
	line-height: 12px;
	}
	
#info_bar h4, #info_bar h3 {
	margin:0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}




/*--------------------------------------------------------------- --------------------------------------------------------------- */
#main_content {
	height:303px;
	width: 891px;
	position: relative;
	}

/*---------------------------------------------------------------*/
#main_content .column {
	float:left;
	width:81px;
	height:243px;
	}

.thumb {
	width:81px;
	height:81px;
	}
	



.loading {
	background:url(../images/ajax-loader.gif) center center no-repeat; }	
	

.thumb a { border: 3px solid #FFFFFF; display:block; width:75px; height:75px;}

.thumb a:hover { border:3px solid  #000000;}

.thumb span  {
	border: 3px solid #FFFFFF;
	display:block;
	width:75px;
	height:75px;
	background-color:#CCC;
	}

.thumb span img {
	filter:alpha(opacity=10);	
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity:0.1;

	
	
	}
	
/*---------------------------------------------------------------*/

#main_content #project_photos .pr_photo img {
	margin:3px;
	}

.pr_photo .img_right {
	float:right;
	}

#left-right_scroll {
	width:75px;
	line-height: 12px;
	position:absolute;
	bottom:0;
	left:0;
}



/* --------------------------------------- Slideshow - PROJEKTY MINIATURKI */
#test {
		}

#slidesContainer {
	width:891px;
	height:243px;
	position:relative;
	
}

#slidesContainer_overlay	{
	width:891px;
	height:310px;
	position:absolute;	
	background-color:#fff;
	z-index:100;
}


.slide {
	width:891px;
	height:243px;
}


.control {
	cursor: pointer;
	position:absolute;
	display:block;
	z-index:2;   
	width:78px;
	height:78px;	
}

#leftControl {
	margin-top:162px;
}
#rightControl {
	margin:162px 0 0 810px;	 
}
/* --------------------------------------- Slideshow - PROJEKT */

.pr_control {
  cursor: pointer;
  }

#pr_leftControl {
	float:left;
	width:15px;
	}
	
#pr_rightControl {
	float:right;
	width:15px;
	}

#project_photos {
	height:303px; width:584px;
	float:left;
	}

#project_slidesContainer {
	height:303px; width:584px;
	position:relative;
	}
	
#project_image_bl {
	height:303px; width:584px;
	position:absolute;	
	background-image:url(/images/projects_image_bl.png);
	z-index:1;
	}	

.pr_photo {
	height:303px; width:584px;
	
	}
/* --------------------------------------- END Slideshow - PROJEKT */



 #project_notice {
	position:relative;
	width: 277px;
	height: 303px;
}






#project_notice #project-title {
	
	text-align:right;
	height:45px;
	margin:0;
	}

 #project-title h4 {
	 line-height:1.5em;
	 	font-size:11px;
		letter-spacing:0px;
		margin:0 0 0 0;
		font-weight:bold;
		}
		
#project-title h5 {
		line-height:1em;
		 font-size:10px;
		 letter-spacing:0px;
		 margin:0 0 0 0; 
		 font-weight:normal
		 }	
		 
#project-title h6 {
		line-height:1em;
		 font-size:10px;
		 letter-spacing:0px;
		 margin:0 0 0 0; 
		 font-weight:normal
		 }			 




 #project_notice .mover {
	 overflow:hidden;
	font-size:11px;
	line-height:1.5em;
	height: 243px;
	color:#7c7c7c;
	}

 #project_notice .mover p {
	}

#project_notice .mover p+p {
	text-indent:2em;}
	
	
	
	
	
	

.pusher{
	position:absolute;
	cursor:pointer;
	bottom:0;
	right:0;
	width:50px;
	line-height:14px;	
	height:14px;
	font-size:10px;	
	padding-top:2px;
	}



	

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



.text-box  {
	float:left;
	padding:0;
	font-size:10px;
	line-height:1.5em;
	text-align:justify;
	width: 277px;
	}


.text-box p  {
		margin:0 0 1em 0}

 .text-box p+p{
	text-indent:2em;
	}





.scroll-pane {
	overflow:auto;
	height:243px;
	padding-left: 0px;
	width: 277px;
	}

.scroll-pane ul {
	list-style:circle !important;
}


#pane1, #pane2, #pane2 {}




/* ------------------------------------------------------------------------------------------------------------------------------ */
#navigation {
	margin:0 27px 66px 43px;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	height: 20px;
	
}


#navigation a {
	 color:#999;}

#navigation ul {
		margin:0;
		padding:0;}

#navigation ul li {
	list-style:none}








#navigation #main_menu {
	float:left;
	height: 20px;
	line-height: 20px;
	width: 283px;
	background-image:url(/images/menu_main.jpg) no-repeat;
	}

#navigation #main_menu li {
	float:left;
	margin:0;
	padding:0;
	display:block;
	height:20px;
	}

#navigation #main_menu li a {
	display:block;
	text-indent:-9999px;}
	


#item-prace, #item-prace_active {
	width:105px;
	}
	
	
#item-prace a {	
	width:52px;
	height:20px;
	background:url(/images/menu_main.jpg) no-repeat;}
		
#item-prace a:hover, #item-prace_active a {	
	width:52px;
	height:20px;
	background:url(/images/menu_main.jpg) 0 -20px;
	}		
		
	
		
	
#item-biuro, #item-biuro_active {
	width:102px;
	}	
	
#item-biuro a {
	width:50px;
	height:20px;
	background:url(/images/menu_main.jpg) -105px 0;}
		
#item-biuro a:hover, #item-biuro_active a 	{
	width:50px;
	height:20px;
	background:url(/images/menu_main.jpg) -105px -20px;}
		



#item-kontakt , #item-kontakt_active {
	width:76px;}
		
	
#item-kontakt a {
	width:76px;
	height:20px;
	background:url(/images/menu_main.jpg) -207px 0;
	}
	
#item-kontakt a:hover, #item-kontakt_active a  {
	width:76px;
	height:20px;
	background:url(/images/menu_main.jpg) -207px -20px;
	}	






#navigation #context_menu-home {
	float:right;
	margin-right:15px;
	height: 20px;
	line-height: 20px;
	width: 88px;	
	background-image:url(/images/menu_context-home.jpg);}


#navigation #context_menu-home li{
	float:left;
	margin:0;
	padding:0;
	display:block;
	height:20px;
	}

#navigation #context_menu-home li a{
		display:block;
		text-indent:-9999px;}

#item-news, #item-news_active {
	width:88px;
	}
	
#item-news a {	
	width:88px;
	height:20px;
	background:url(/images/menu_context-home.jpg) 0px 0;}



#item-news a:hover, #item-news_active a  {	
	width:88px;
	height:20px;
	background:url(/images/menu_context-home.jpg) 0px -20px;}











#navigation #context_menu-biuro {
	float:right;
	margin-right:15px;
	height: 20px;
	line-height: 20px;
	width: 283px;
	background:url(/images/menu_context-biuro.jpg);
}

#navigation #context_menu-biuro li{
	float:left;
	margin:0;
	padding:0;
	display:block;
	height:20px;
	}

#navigation #context_menu-biuro li a{
		display:block;
		text-indent:-9999px;}



#item-firma, #item-firma_active {
	width:110px;
	}
	
#item-firma a {	
	width:40px;
	height:20px;
	background:url(/images/menu_context-biuro.jpg) 0 0;}



#item-firma a:hover, #item-firma_active a {	
	width:40px;
	height:20px;
	background:url(/images/menu_context-biuro.jpg) 0px -20px;}




#item-zespol, #item-zespol_active {
	width:130px;
	}
	
#item-zespol a {	
	width:50px;
	height:20px;
	background:url(/images/menu_context-biuro.jpg) -110px 0px;}



#item-zespol a:hover, #item-zespol_active a  {	
	width:50px;
	height:20px;
	background:url(/images/menu_context-biuro.jpg) -110px -20px;}
	
	

#item-praca, #item-praca_active {
	width:43px;
	}
	
#item-praca a {	
	width:43px;
	height:20px;
	background:url(/images/menu_context-biuro.jpg) -240 0;}



#item-praca a:hover, #item-praca_active a  {	
	width:43px;
	height:20px;
	background:url(/images/menu_context-biuro.jpg) -240px -20px;}













#navigation #context_menu-prace {
	float:right;
	height: 20px;
	line-height: 20px;
	width: 313px;
	background:url(/images/menu_context-prace.jpg);
}


#navigation #context_menu-prace li, #navigation #context_menu-prace li ul li{
	float:left;
	margin:0;
	padding:0;
	display:block;
	height:20px;
	}
	

#navigation #context_menu-prace li ul li a{
		display:block;
		text-indent:-9999px;}




#item-index, #item-index_active {
		width:40px;} 
	
#item-index a {
		width:40px;
		height:20px;
		background:url(/images/menu_context-prace.jpg) -14px 0px}	
		
#item-index a:hover, #item-index_active a  {
		width:40px;
		height:20px;
		background:url(/images/menu_context-prace.jpg) -14px -20px}			



#item-realizacje, #item-realizacje_active {
		width:70px;} 
	
#item-realizacje a {
		width:70px;
		height:20px;
		background:url(/images/menu_context-prace.jpg) -115px 0px}	
		
#item-realizacje a:hover, #item-realizacje_active a  {
		width:70px;
		height:20px;
		background:url(/images/menu_context-prace.jpg) -115px -20px}			
		


#item-projekty, #item-projekty_active {
		width:62px;} 
	
#item-projekty a {
		width:62px;
		height:20px;
		background:url(/images/menu_context-prace.jpg) -238px 0px}	
		
#item-projekty a:hover, #item-projekty_active a  {
		width:62px;
		height:20px;
		background:url(/images/menu_context-prace.jpg) -238px -20px}			
		
		





.item_next, .item_prev 
{
	width:15px;}
	
.item_next a, .item_prev a {
	height:15px; width:15px;}

.item_prev a {
		background:url(/images/menu_context-prace.jpg) no-repeat 0px 0px;}
		
.item_prev a:hover {
		background:url(/images/menu_context-prace.jpg) no-repeat 0px -20px;}		
		
.item_next a {
		background:url(/images/menu_context-prace.jpg) no-repeat -51px 0;}
		
.item_next a:hover {
		background:url(/images/menu_context-prace.jpg) no-repeat -51px -20px;}



.item_next span, .item_prev span 
{ display:block;
height:20px;
	width:15px;
	background:url(/images/menu_context-prace.jpg) no-repeat -80px 0px;}


#n1 {
	width:100px;}
#n2 {
	width:117px;}
#n3 {}



#prev-next_scroll {
	
	
	
}

#navigation .link_active a {
	color:#000;
	margin:0;
	padding:0;
}



/* Footer Layout
--------------------------------------------------------------------------------------- */
#footer {
	height: 20px;
	padding:0 47px 0 41px;
}

#footer a {
	color:#FFF;
}
		
#footer a:hover {
	color:#CCC;
}		

#footer #logo_link {
	float:left;
	font-size: 12px;
	letter-spacing: 0.2em;
	margin:0;
	display:block;
	width:82px; height:20px;
	background:url(../images/b2studio_name.jpg) no-repeat ;
}

#footer #logo_link a {
		display:block;
		width:82px; height:20px;		
		text-indent:-9999px;
		background:url(../images/b2studio_name.jpg) no-repeat 0px 0px}

#footer #logo_link a:hover {
		display:block;
		width:82px; height:20px;		
		text-indent:-9999px;
		background:url(../images/b2studio_name.jpg) no-repeat 0px -20px}


#footer #copy_link	{
	float:left;
	font-size: 12px;
	letter-spacing: 0.2em;
	margin:0;
	margin-left:5px;
	display:block;
	width:15px; height:20px;
	background:url(../images/copy_bg.jpg) no-repeat ;
}

#footer #copy_link a {
		display:block;
		width:15px; height:20px;		
		text-indent:-9999px;
		background:url(../images/copy_bg.jpg) no-repeat 0px 0px}

#footer #copy_link a:hover {
		display:block;
		width:15px; height:20px;		
		text-indent:-9999px;
		background:url(../images/copy_bg.jpg) no-repeat 0px -20px}



#footer #language-switch {
	float:right;
	font-size: 10px;
	margin:0px;
	margin-right:-5px;
	margin-left:10px;
	line-height: 20px;
	background:url(../images/btn_language_en.jpg) no-repeat 0 0;
	display:block;
	width:45px;
	height:20px;
}

#footer #language-switch a {
	text-indent:-9999px;
	background:url(../images/btn_language_en.jpg) no-repeat 0px 0px;
		display:block;
	width:45px;
	height:20px;}

#footer #language-switch a:hover {
	background:url(../images/btn_language_en.jpg) no-repeat 0px -20px;
	display:block;
	width:45px;
	height:20px;}


/* Startup Overlay Layout
--------------------------------------------------------------------------------------- */
#overlay {
	width:991px;
	margin:0 auto;
	}

 #overlay_logo {
	margin-left:368px;
	margin-top:176px;
	width:243px;
	height:81px;
	background-color: #CCC;
	}




 #overlay_logo h1 { text-align:center;
	margin:0;
	line-height:85px
	}

#overlay_logo h1 a {
		display:block;
		width:243px;
		height:81px;}
		
/*--------------------------------------------------------------------------------------- */		
		
.people_list {
	list-style:none;
	margin-bottom:0;
	margin-left:0;
	margin-top: 0px;
}


.people_list li {
	margin-left:0;
	clear:both;
	width:260px;
	text-align:right;
	

}
		
.people_list li span, .list li a  {
	float:left;}
	

	
	
.person_thumphoto {
	width:81px;
	height:81px;
	float:left;
}


.person_thumphoto span { border:3px solid #FFF; width:75px; height:75px; display:block;}

.person_thumphoto a{ border:3px solid #FFF; width:75px; height:75px; display:block;}
.person_thumphoto a:hover{ border:3px solid #000; width:75px; height:75px; display:block;}




.form {
	margin:0;
	padding: 0;
}
.form .form_row, .toolbar {
	padding: 4px 3px;;

}


.form .form_row label { float:left;}

.form .form_row label em { color:#F00}

.form .form_row input, .form .form_row textarea, .toolbar input, .form_row select  {
	border:1px solid #808080;
	float:right;
	width: 260px;
	color:#808080;	
}

.form_row select {
	border:1px solid #808080;
	width:263px;
	color:#808080;
}

#Attachment	{
	width:250px;
}

.form .form_row textarea {
	height:105px;
	overflow: auto;
}
.send_btn {}

.over{
	background: url(/images/bkg.gif) repeat;}

.form #contact_form_attachment	{position:absolute; z-index:2; right:3px;opacity:0;filter:alpha(opacity=0)}
.form #contact_form_vfile		{position:absolute; z-index:1; right:3px;}




#content_column-1 {
	position:absolute;
	margin:0;
	height:303px;
	width:277px;
	padding:0 3px;
/*	background:#0FF;*/
}


#content_column-2 {
	position:absolute;
	margin:0 0 0 304px;
	height:303px;
	width:277px;
	padding:0 3px;
}
#content_column-3 {
	position:absolute;
	margin:0 0 0 608px;
	height:303px;
	width:277px;
	padding:0 3px;
	/*background: #FCF;*/
}


#foto {
	width:891px;
	height:243px;
	position:absolute;
	margin:30px 0 0 0;
}



#content_column-1 h3, #content_column-2 h3, #content_column-3 h3 {
	height:30px; margin:0; font-size:12px; }
	
#content_project {position:absolute; margin:0; height:303px; width:584px; padding:0 0 0 3px;}

#projects_thumbs {position:absolute; margin-top:30px;}

#preloader	{
width:650px;
margin-top:150px;
margin-left:75px;
}

#pasek {background-image:url(/images/preloader.gif);width:650px;height:2px;background-repeat:no-repeat}

.preloader100procent	{
	height:2px;
	background-color:#ccc;
	margin-top:30px;
}

/* seo */
.gl_seo	{display:none}