* { margin: 0; padding: 0; }

body { background: #000; font-family: Verdana; }

img { border:none; }

ul,p { margin-top:6px; }
ul li { margin-left:10px; }

ul li ul {list-style: disc}

.no-display { display:none; }


#city-flash {margin-top:10px;}
#client-flash {margin-top:10px;}
/* first page content */

#fpc-wrapper { position:relative; width: 1000px; height: 600px;  margin:0px auto; background: url('../images/brightness-main-tlo.jpg') no-repeat; 
	border: 8px solid #fff; color: #fff; }
#fpc-wrapper h1 { font-weight: normal; font-size:24px; color:#ccc; }
#fpc-wrapper h2 { font-weight: normal; font-size:12px; color: #F29419; }

#fpc-wrapper #menu { position: absolute; top: 70px; left: 352px; }
#fpc-wrapper #menu .menu-pos { margin-bottom: 25px; cursor: pointer; float: left; clear: both; width:550px; }
#fpc-wrapper #menu .menu-pos .image { float:left; margin-right:5px; width: 75px; height:50px;}
#fpc-wrapper #menu .menu-pos .text { float: left; }

#sitemap {color:#eee; position:relative; width: 1000px; margin:5px auto; font-size:9px;}
#sitemap a {color:#ddd;text-decoration:none;}
#sitemap a:hover {border-bottom:1px dotted #fff;}
#sitemap a.main {color:#fff;text-decoration:none;}

/* developers */
#developers-wrapper,
#developers-subpage-wrapper,
#developers-subpage-materials-wrapper { width: 1000px; height: 600px;  margin:0px auto; background: url('../images/deweloperka/deweloperka-tlo.jpg') no-repeat; 
	border: 8px solid #fff; color: #fff; position: relative; background-color:#3F3F3F;}
#production-subpage-wrapper { width: 1000px; height: 600px;  margin:0px auto; background: url('../images/produkcja/produkcja-tlo.jpg') no-repeat; 
	border: 8px solid #fff; color: #fff; position: relative; background-color:#3F3F3F;}	

#top-menu { width:400px; font-size:10px; position:absolute; bottom:547px; left: 200px; color:#aaa;}	
#top-menu a {color: #aaa; text-decoration:none; }
#top-menu a:hover {color: #fff; text-decoration:none; font-size:10px; }
#top-menu .selected {color: #fff; text-decoration:none; font-size:13px; }

#main-menu { position:absolute; bottom:470px; left:20px; color:#aaa; font-family: georgia, times, sans-serif; }
#main-menu a { color: #aaa; text-decoration:none; }
#main-menu a:hover { color: #fff; }
#main-menu a.selected {color: #fff; font-size:27px; }

#content { height:407px; width:100%; bottom:57px; position:absolute; background:#8a8a8a; }

/*********************/
#developers-wrapper #content #column-1 { width:259px; height: 407px; float:left; }
#developers-wrapper #content #column-1 .arrow{ margin-left: 40px; width:119px; height: 272px; }
#developers-wrapper #content #column-1 .text { width:169px; margin: 10px 40px; font-size:16px; font-weight:bold; color:#fff; text-align:left; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
#developers-wrapper #content #column-2 { width:181px; height: 407px; background:#f1f1f1;  float:left; }
#developers-wrapper #content #column-2 .menu { color: #4f4c4f; font-size:10px; margin:40px 0 0 0; }
#developers-wrapper #content #column-2 .menu .menu-pos { padding:7px 0 7px 10px; cursor:pointer; }
#developers-wrapper #content #column-2 .grey-box {margin-top:20px; bottom:0; width:181px; height: 243px; background:#ddd;}
#developers-wrapper #content #column-3 { width:560px; height: 407px; float:left;}
#developers-wrapper #content #image-mosaic {background:#000; width:223px; height:161px; position:absolute; left:219px; top:155px;}
#developers-wrapper #content #image-mosaic .row {margin-top:2px; margin-left:2px;}
#developers-wrapper #content #image-mosaic .row img {opacity: .5; filter: alpha(opacity=50); cursor:pointer;}

/*********************/
#developers-subpage-wrapper #content #column-1 { width:151px; height: 407px;  float:left; }
#developers-subpage-wrapper #content #column-1 .text {font-size:15px; text-align:right; width: 115px; margin:20px auto 0 auto; line-height:1.1em; }
#developers-subpage-wrapper #content #column-2 { width:288px; height: 407px; float:left; background:#f1f1f1;}
#developers-subpage-wrapper #content #column-3 { width:561px; height: 407px; float:left;}

#developers-subpage-wrapper #content #column-2 .text {color: #555; font-size:11px; width: 80%; margin:20px auto 0 auto;}
#developers-subpage-wrapper #content #column-2 .text h1 {font-size:13px; font-weight:normal; margin-bottom:3px;}

/*********************/
#production-subpage-wrapper #content #column-1 { width:182px; height: 407px;  float:left; background:#292A2F; }
#production-subpage-wrapper #content #column-1 .text {font-size:15px; text-align:right; width: 164px; margin:20px auto 0 auto; line-height:1.1em; }
#production-subpage-wrapper #content #column-2-1 { width:128px; height: 407px; float:left; background:#e4e4e6;}
#production-subpage-wrapper #content #column-2-2 { width:128px; height: 407px; float:left; background:#d4d5d8;}
#production-subpage-wrapper #content #column-3 { width:560px; height: 407px; float:left;}

#production-subpage-wrapper .first-text {line-height:25px;}
#production-subpage-wrapper .second-text {font-size:8px;}

#developers-subpage-wrapper #content #column-2 .text {color: #555; font-size:11px; width: 80%; margin:20px auto 0 auto;}
#developers-subpage-wrapper #content #column-2 .text h1 {font-size:13px; font-weight:normal; margin-bottom:3px;}


/*********************/
#developers-subpage-materials-wrapper #content #column-1 { width:171px; height: 407px;  float:left; background: #345671;}
#developers-subpage-materials-wrapper #content #column-1 .text {font-size:11px; text-align:right; width: 115px; margin:20px auto 0 auto; line-height:1.1em; }
#developers-subpage-materials-wrapper #content #column-1 .menu {margin-top:40px;}
#developers-subpage-materials-wrapper #content #column-1 .menu .menu-pos { margin-bottom:2px; padding-bottom:10px; margin-top:2px; padding-top:5px; text-align:right; padding-right:10px; cursor:pointer; }
#developers-subpage-materials-wrapper #content #column-2 { width:268px; height: 407px; float:left; background:#f1f1f1;}
#developers-subpage-materials-wrapper #content #column-3 { width:561px; height: 407px; float:left;  padding-top:41px; }
#developers-subpage-materials-wrapper #content #column-2 .text {color: #555; font-size:11px; width: 80%; margin:51px auto 0 auto; margin-top:115px;}
#developers-subpage-materials-wrapper #content #column-2 .text h1 {font-size:13px; font-weight:normal; margin-bottom:3px;}

#content-horizontal-banner { position:absolute; left:0; background: #273c4d; width:100%; height:41px; }
/*********************/
#sub-main-menu { position:absolute; bottom:523px; left:20px; font-family: georgia, times, sans-serif; font-size:15px; }
#sub-main-menu a { color: #aaa; text-decoration:none; }
#sub-main-menu a:hover { color: #fff; }
#sub-main-menu a.selected {color: #fff; font-size:19px; }

/*********************/
#subpage-menu { position:absolute; bottom:470px; left:20px; font-family: georgia, times, sans-serif; font-size:12px; }
#subpage-menu a { color: #aaa; text-decoration:none; }
#subpage-menu a:hover { color: #fff; }
#subpage-menu a.selected {color: #fff; font-size:18px; }

/*********************/
#bars {position:absolute; left:0; bottom:10px; width:439px; }
#bars .row {  float:left; cursor:pointer;}
#bars .row .image {width:151px; float:left;  }
#bars .row .text {width:288px; float:left; text-align:center; color:#555;}
#bars .row .text h1 {font-weight:normal;}
#bars .row .text h2 {font-weight:normal;}

/*********************/
#developers-subpage-wrapper .large .row { border-bottom:1px dotted #aaa; }
#developers-subpage-wrapper .large { background:#DEDEDE; }
#developers-subpage-wrapper .large .row .image { height: 60px; }
#developers-subpage-wrapper .large .row .text { height: 60px; }
#developers-subpage-wrapper .large .row .text h1 {font-size:12px;  margin-top:18px; }
#developers-subpage-wrapper .large .row .text h1.lower {font-size:12px;  margin-top:23px; text-transform:uppercase; } 
#developers-subpage-wrapper .large .row .text h2 {font-size:10px; } 


/*********************/
#developers-subpage-wrapper .small { background:#ddd; }
#developers-subpage-wrapper .small .row .image { height: 47px; }
#developers-subpage-wrapper .small .row .text { height: 47px; }
#developers-subpage-wrapper .small .row .text h1 {font-size:12px;  margin-top:16px; } 

#footer { position:absolute; bottom:17px; left:41px; font-size:8px; color: #979997; }
#footer .bigger {font-size:9px; color:#ccc;}

/************************/
#add-about-us-wrapper { width: 1000px; height: 600px;  margin:0px auto; background: url('../images/inne/o-nas-tlo.png') no-repeat; 
	border: 8px solid #fff; color: #fff; position: relative; background-color:#3F3F3F;}
	
#add-about-us-wrapper #content { height:407px; width:100%; bottom:57px; position:absolute; background:none; }	
#add-about-us-wrapper #column-1 { float:left;  width:156px; }
#add-about-us-wrapper #column-1 .text { color:#000; font-size:12px; width:130px; text-align:right; margin:60px auto 0 auto; }
#add-about-us-wrapper #column-1 .text h1 { font-size:14px; font-weight:normal; margin-bottom:10px;}
#add-about-us-wrapper #column-2 {float:left; width:836px; height:407px;}

/************************/

#add-mission-wrapper { width: 1000px; height: 600px;  margin:0px auto; background: url('../images/inne/misja-tlo.png') no-repeat; 
	border: 8px solid #fff; color: #fff; position: relative; background-color:#3F3F3F;}
	
#add-mission-wrapper #content { height:407px; width:100%; bottom:57px; position:absolute; background:none; }	
#add-mission-wrapper #column-1 { float:left;  width:250px; }
#add-mission-wrapper #column-1 .text { color:#000; font-size:12px; width:180px; text-align:right; margin:60px auto 0 auto; }
#add-mission-wrapper #column-1 .text h1 { font-size:14px; font-weight:normal; margin-bottom:10px;}
#add-mission-wrapper #column-2 {float:left; width:750px; height:370px;margin-top:11px;}
#add-mission-wrapper #column-1 ul li {margin-bottom:2px;}

/************************/
#add-clients-wrapper { width: 1000px; height: 600px;  margin:20px auto; background: url('../images/inne/o-nas-tlo.png') no-repeat; 
	border: 8px solid #fff; color: #fff; position: relative; background-color:#3F3F3F;}
	
#add-clients-wrapper #content { height:407px; width:100%; bottom:50px; position:absolute; background:none; }	

/************************/
#creation-wrapper { width: 1000px; height: 600px;  margin:20px auto; background: url('../images/kreacja/kreacja-tlo.jpg') no-repeat; 
	border: 8px solid #fff; color: #fff; position: relative; background-color:#3F3F3F;}
#creation-wrapper #content { height:407px; width:100%; bottom:57px; position:absolute; background:none; }	
#creation-wrapper #top-menu { width:400px; font-size:10px; position:absolute; bottom:547px; left: 20px; }	
#creation-wrapper #column-1 { float:left; width: 100px; font-size:11px; }
#creation-wrapper #column-2 { float:left; }
#creation-wrapper #column-1 .menu { margin-top: 10px; color:#000; }
#creation-wrapper #column-1 .menu .menu-pos { margin-bottom:3px; padding-bottom:12px; margin-top:2px; padding-top:12px; text-align:right; padding-right:10px; cursor:pointer; }
#creation-wrapper #column-1 .menu .menu-pos a {color: #000; text-decoration:none;}

/*************************/

#sections{
	overflow:hidden;
	width:258px;;
	height:210px;
	clear:left;
}

	.next-prev {
		width:80px;		
		margin-left:175px;
		margin-top:10px;
	}
	.next-prev img.next, .next-prev img.prev {
		cursor:pointer;
		vertical-align:middle;
	}
	
	#sections ul li ul {
		margin-left:10px;
		width:230px;
	}
	
	#sections ul.sections{
		width:3660px;
	}
	
		#sections li.section{
			list-style:none;
			margin-left:0;
			margin-right:10px;
			float:left;
		}
			#sections li.fallen{
				margin-top:369px;
			}
			
			#sections p{
				width:230px;
				margin:0px 20px 0 0;
			}
			
			#sections h2{
				color:#993333;
				margin:20px 0pt;
			}
			#sections a{
				color:#777;
				font-weight:bolder;
				text-decoration:none;
			}
			
			
#column-1 #sections{
	overflow:hidden;
	width:170px;
	height:350px;
	clear:left;
}

	#column-1 .next-prev {
		width:80px;		
		margin-left:205px;
		margin-top:10px;
	}
	#column-1 .next-prev img.next, #column-1 .next-prev img.prev {
		cursor:pointer;
	}
	
	#column-1#sections ul li ul {
		margin-left:10px;
		width:184px;
	}
	
	#column-1 #sections ul.sections{
		width:3660px;
	}
	
		#column-1 #sections li.section{
			list-style:none;
			margin-left:0;
			width:170px;			
			margin-right:10px;
			float:left;
		}			
		
		#column-1 #sections p{
			width:165px;
			margin:0px 20px 0 0;
		}	
		
		#column-1 .next-prev {
			width:80px;		
			font-size:10px;
			margin-left:82px;
		}			
		
		#column-1 .next-prev img {
			vertical-align:middle;
		}
			
			
	#gotohome-r {width:80px; height:100px; position:absolute; top:10px; right:50px; cursor:pointer;z-index:3}
	#gotohome-t {position:absolute; top:85px; right:71px; font-size:10px; color:#bbb; cursor:pointer;z-index:0;}
	
	#type-buttons {position:absolute; top:60px; left:295px;}
		#type-buttons .row {text-align:left; padding-top:3px; font-size:14px; padding-left:18px; background:#9aa4bb; width:140px; height:23px;margin-bottom:55px; cursor:pointer;}
		#type-buttons .row a {color:#fff; text-decoration:none;}
	#type-images {position:absolute; top:37px; left:198px;}
		#type-images .row {margin-bottom:12px;}
		#type-images .row img{cursor:pointer;}
		
		
	#langs {width:1000px; margin:10px auto 6px auto; text-align:right ;height:20px; font-size:11px;color:#ddd; font-weight:bold;}
		#langs img {margin-right:20px;}
		#langs div {float:right; width:30px; height:20px; text-align:center;}
		#langs a {color:#fff;text-decoration:none; color:#ddd;font-weight:normal;}
		#langs a.selected {font-weight:bold; color:#fff;}		
		
	#download-slide {position: absolute; font-size:10px; width:170px; bottom:60px; left:268px;}
		#download-slide a {color:#666; text-decoration:none;}
		#download-slide strong {color:#333; text-decoration:underline;}