.fl { float: left; }
.fr { float: right; }
.block { display: block; }

:focus {
	outline: 0;
}

.clear {
	clear:both;
}

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

.input {
	width: 250px;
	padding: 3px;
	margin: 0px;
}

.searchInput {
	width: 100px;
}

.submit {
	padding: 3px 10px;
	cursor: pointer;
}

.pilot .submit, a.submit {
	width: auto;
	padding: 4px 8px;
}

.formRow {
	padding: 3px 0px;
	overflow: auto;
}

		.formLabel {
			width: 120px;
			float: left;
			padding-top: 1px;
		}
		
		.formInput {
			width: 260px;
			float: left;
		}
		
.validatorError { display: none; }

body {
	margin:0px;
}

#headerWrapper {
	/*height: 128px;*/
	overflow: auto;
	padding-bottom: 20px;
}

		#header {
			width: 960px;
			margin: auto;
			overflow: auto;
		}
		
				#mda {
					width:230px;
					padding-top:24px;
					float: left;
				}
				
				#search {
					margin-top: 60px;
					/*margin-top:34px;*/
					width:609px;
					float: right;
				}
				
						#search #searchImg {
							margin-top:4px;
							padding-right: 4px;
							width: 60px;
							float: right;
						}
						
						#search form {
							width: 195px;
							float: right;
						}
						
							#search .searchInputArea {
								float: right;
								width: 120px;
								height: 20px;
							}
							
							#search .searchIcos {
								width: 75px;
								float: right;
								height: 10px;
								margin-top: 5px;
							}
						
								#search a {
									display: block;
									float: right;
									height: 10px;
									width: 11px;
									padding-left: 14px;
									font-size: 4pt; 
								}
						
				#mainMenu {
					/*width:674x;*/
					height:18px;
					margin-top: 33px;
					float: right;
				}
				
						#mainMenu .menuElement {
							padding: 0px 8px;
							/*height: 16px;*/
							float: right;
						}
						
						#mainMenu .menuElement a {
							/*display: block;
							height: 16px;*/
						}

						#mainMenu #blog { width: 65px; float: right; padding: 3px 0px 2px 9px; }
								#mainMenu #blog a {	display: block;	height: 11px; width: 64px; }
						
						#mainMenu #kontakt { width: 58px; }
						#mainMenu #portfolio { width: 69px; }
						#mainMenu #klienci { width: 49px; }
						#mainMenu #naszaoferta { width: 90px; }
						#mainMenu #ofirmie { width: 55px; }
						#mainMenu #aktualnosci { width: 87px; }
						#mainMenu #stronaglowna { width: 111px; }
						
						#mainMenu .menuElement.last {
							padding-right: 0px;
						}
						
#flash {
	height: 275px;
}

#flash-alt {
	width: 960px;
	margin: 0px auto;
	padding-top:20px;
	text-align:center;
	color:#ef971a;
	font-family:"Century Gothic",Tahoma;
}
#flash-alt h1{
	font-weight:500;
}
#flash-alt a{
	color:#ef971a;
	font-family:"Century Gothic",Tahoma;
}

#mainSite {
	width: 960px;
	padding: 20px 0px;
	overflow: auto;
}

		#activities {
			width: 454px;
			padding-right: 27px;
			float: left;
		}
		
				#activities img, .activitiesSmall img {
					display: block;
				}
			
				.actRowFirst, .actRowSecond {
					height: 67px;
					overflow: auto;
				}
				
						.actCellLeft { 
							width: 142px;
							float: left;
							padding: 7px 4px 7px 0px;
						}
						
						.actCellMid { 
							width: 142px;
							float: left;
							padding: 7px 9px;
						}
						
						.actCellRight { 
							width: 142px;
							float: left;
							padding: 7px 0px 7px 4px;
						}
						
								.actTitle {
									float: right;
									width: 89px;
									padding-top: 10px;
								}
								
						.activitiesSmall .actCellRight {
							padding: 7px 0px 7px 10px;
							width: 136px;
						}
						
						.activitiesSmall .actCellRight .actTitle {
							width: 81px;
							padding-left: 2px;
						}
														
		#news {
			width:451px;
			float: right;
		}
		
				#news #title {
					padding:10px 0px 8px 0px;
				}
			
				#news #data {
					padding-bottom: 12px;
				}
			
				#news #newsText {
					padding-bottom: 12px;
				}
				
				#news .newsMore {
					padding: 0px;
				}
				
#content {
	width:960px;
	overflow: auto;
	margin: auto;
}

		.twoOnOne {
			overflow: auto;
			margin: 20px 0px;
		}
	
		.twoThird {
			width: 610px;
			overflow: auto;
			float: left;
			padding: 0px 0px 0px 0px;
		}
		
				.subpageNavigator {
					padding-bottom: 10px;
					margin-bottom: 15px;
				}
				
				.text {
					overflow: auto;
				}
				
					.submenu {
						width: 188px;
						float: right;
						overflow: auto;
						padding: 0px 0px 5px 10px;
					}
						
						.submenu .shadowUnderPictures {
							height: 18px;
							width: 176px;
							float: right;
						}
						
						.submenu .shadowLeft {
							float: right;
							width: 16px;
							height: 125px;
						}
				
						.childrenBox {
							float: right;
							width: 150px;
							padding: 10px 10px 8px;
						}
						
								.childrenBox .child {
									padding: 3px 0px 3px 10px;
								}
						
								.childrenBox ul {
									margin: 0px;
									padding-left: 20px;
								}
								
					.cytatLeft, .cytatRight {
						padding: 45px 20px 20px;
						width: 180px;
						float: left;
						margin: 10px 20px 10px 0px;
					}
					
					.cytatRight {
						float: right;
						margin: 10px 0px 10px 20px;
					}
						
					.cytatPhoto {
						width: 610px;
						overflow: auto;
						margin: 20px 0px;
					}
					
							.cytatPhoto.rightSide .citeText, .cytatPhoto.leftSide .citeBy {
								float: right;
							}
							
							.cytatPhoto.leftSide .citeText, .cytatPhoto.rightSide .citeBy {
								float: left;
							}
							
							.cytatPhoto .citeText {
								width: 358px;
								padding: 27px;
								min-height: 78px;
								height: auto !important;
								height: 78px;
							}
							
							.cytatPhoto .citeBy {
								width: 198px;
								min-height: 132px;
								height: auto !important;
								height: 132px;
							}
							
								.cytatPhoto .citeBy img {
									display: block;
								}
							
				
				.hiddenRef {
					padding-top: 10px;
				}
							
						.hiddenRef img {
							padding: 5px;
						}
				
				.kontaktLeft {
					float: left;
					width: 250px;
				}
				
				.kontaktRight {
					float: left;
					width: 360px;
					padding-top: 11px;
				}
				
				#offers {
					width: 960px; /*610*/
					overflow: auto; /**/
				}
				
						.offer {
							width: 319px; /*304*/
							height: 115px;
							padding: 15px 0px;
							float: left;
							overflow: auto;
						}
						
								.ludzik {
									width: 100px;
									height: 100px;
									padding: 15px 0px 0px 5px;
									float: left;
								}
								
								.ludzik.lleft {
									width: 80px;
									padding: 15px 10px 0px 15px;
								}
								
										.ludzik img {
											display: block;
										}
								
								.offerOpis {
									width: 200px;
									height: 100px;
									padding: 10px 0px 0px 0px;
									float: left;
								}
								
										.offerTitle {
											
										}
										
										.offerText {
											padding-top: 3px;
											padding-left: 2px;
										}
										
										.offerMore {
											padding: 6px 0px 0px 2px;
										}
										
				#commentAdder {
					padding: 20px 0px 0px;
					
				}
				
						
										
				#commentsModule {
					padding: 20px 0px 0px;
				}
				
						.comments {}
						
								.comment {
									padding: 15px 0px;
								}
								
										.commentHead {
											padding-bottom: 5px;
											overflow: auto;
										}
										
												.commentAuthor {
													float: left;
													width: 300px;
												}
												
														.commentHead span {
															position: relative;
															top: -3px;
														}
												
												.commentDate {
													float: right;
													width: 300px;
												}
										
										.commentContent {
											padding-top: 5px;
										}
										
												.commentContent p {
													margin: 0px;
												}
		
		.oneThird {
			width: 340px;
			overflow: auto;
			float: right;
		}
		
				.rightPanelModule {
					padding: 20px 15px 15px;
					/*margin-bottom: 30px;*/
					width: 285px;
					float: right;
				}
		
				.activitiesSmall {
					
				}
				
				.smallNewsTitle {
					padding-bottom: 3px !important;
				}
				
				.smallNews {
					padding: 10px 0px 13px;
				}
				
				.smallNews.last {
					padding: 10px 0px 0px;
				}
				
				.refMore {
					padding-top: 10px;
				}
				
				.oneThird .shadowUnderPictures {
					height: 18px;
					width: 340px;
					float: right;
					padding-bottom: 10px;
				}
				
				.oneThird .shadowLeft {
					float: right;
					width: 16px;
					height: 125px;
				}
				
				
#flashSmallWrapper {

}
						
	#flashSmall {
		height: 40px; 
		width: 960px; 
		padding: 20px 0px 16px;
		margin: auto;
		overflow: hidden;
	}

		.navigator {
			float: left;
			width: 600px;
			padding-top: 30px;
		}

		.flashText {
			float: right;
			width: 300px;
			height: 40px;
		}
		
		.flashTextLong {
			float: right;
			width: 960px;
			height: 40px;
		}		

#subpageBackground {
	width: 960px;
	overflow: auto;
}

		#leftColumn {
			float: left;
			width: 169px;
			padding: 57px 0px 30px 30px;
		}
		
				.title {
					padding-bottom: 10px;
				}
				
				.latestNews {
					padding-top: 15px;
				}
				
						.latestNewsDate {
							
						}
						
						.latestNewsTitle {
							padding-top: 2px;
						}
						
				#kontaktSection h3 {
					margin: 0px;
					padding-top: 10px;
				}
		
		#midColumn {
			float: left;
			width: 429px;
			padding: 44px;
			
		}
		
				.bigTitle {
					padding-bottom: 4px;
				}
				
				.news {
					padding: 15px 0px;
				}
				
						.newsTitle {
							padding: 0px 0px 5px;
						}
						
						.newsDate {
							padding-bottom: 10px;
						}
						
						.newsText {
							padding-bottom: 10px;
						}
						
				.pilot {
					padding-top: 10px;
					overflow: auto;
					clear: both;
				}
				
				#projectsModule .pilot {
					padding: 17px 10px 0px;
					width: 940px;
				}
				
				#projectsModule .pilotTop {
					padding: 0px 10px 17px;
				}
						
		#rightColumn {
			float: left;
			width: 244px;
		}
		
				.rightColumnModule {
					padding: 57px 30px 30px 30px;
				}
		
						.ref {
							padding: 15px 0px;
						}
						
						.checkThisOut {
							padding: 10px 0px 20px;
						}
						
						.rightColumnText img {
							padding: 5px 0px
						}

.wideHeader {
	padding: 20px 0px 0px;
	width: 960px;
	overflow: auto;
}

		.sectionTitle {
			float: left;
			width: 330px;
		}
		
		
		.sectionShortText {
			float: right;
			width: 630px;
		}
						
#clientsModule {
	width: 960px;
	overflow: auto;
	padding: 6px 0px 20px;
}

		.client {
			width: 160px;
			height: 78px;
			float: left;
			padding: 22px 0px 0px;
		}
		
#clientModule {
	width: 960px;
	overflow: auto;
	padding: 20px 0px;
}

		.clientLinks {
			width: 438px;
			/*height: 347px;*/
			float: left;
			
		}
		
				.clientLinks .bigTitle {
					padding: 0px 0px 2px 0px;
				}
				
				.clientSubtitle {
					padding-left: 1px;
				}
				
				/*height:77*/
				
				.txt {
					height: 47px;
					padding-top: 30px;
				}
		
				.clientWebsite {
					overflow: auto;
				}
				
				.clientWebsite div {
					padding: 3px 0px 4px;
				}
		
		.clientPictures {
			float: right;
			width: 430px;
			/*height: 298px;*/
			padding: 25px;
		}
		
				.clientPictures img {
					display: block;
				}
		
		.clientText {
			width: 960px;
			overflow: auto;
			padding-top: 2px;
		}
		
				.clientTextColLeft {
					width: 438px;
					
					float: left;
				}
				
						.clientTextColLeft h2 {
							padding-top: 3px;
							padding-bottom: 0px;
							margin-bottom: 0px;
						}
				
				.clientTextColRight {
					float: right;
					width: 480px;
					padding: 0px 0px 0px 0px;
					overflow: auto;
				}
				
#projectsModule {
	padding: 20px 0px;
}

		#projectsModule .bigTitle {
			padding: 3px 0px 14px;
		}

		#projectsContent {
			overflow: auto;
		}
		
				.realization {
					width: 300px;
					/*height: 180px;*/
					height: 261px;
					padding: 10px;
					float: left;
				}
				
						.realizationInner {
							width: 280px;
							/*height: 160px;*/
							height: 241px;
							padding: 10px;
						}
						
								.realizationImage {
									padding: 0px 0px 10px;
									line-height: 0;
								}
								
								.realizationTitle {
									padding: 0px !important;
								}
								
								.realizationSubtitle{ 
									padding: 0px 2px 3px;
								}
								
								.realizationLink {
									padding: 0px 2px;
								}
		
				
		#projectsModule .scroll-pane {
			width: 960px;
			height: 490px;
			float: left;
			padding: 0;
			overflow: hidden;
		}
		
		.clientTextColRight .scroll-pane {
			width: 480px;
			height: 335px;
			float: left;
			padding: 0;
			overflow: hidden;
		}
		
		#works {
			overflow: hidden;
		}
		
				.scrolled-pane {
					overflow-y: auto;
				}
		
				#works .scrolled-pane {
					padding-top: 10px;
					padding-bottom: 10px;
					overflow-y: auto;
				}
				
				.clientTextColRight .scrolled-pane {
					padding-top: 0px !important;
				}
				
								.workItem {
									width: 430px;
									border-left: 20px solid white;
									padding: 20px 20px 20px;
									height: 430px;
									float: left;
								}
								
								.clientTextColRight .workItem {
									border-right: 15px solid white;
									border-left: 15px solid white;
									height: 305px;
									padding: 10px;
								}
								
										.workItem img {
											display: block;
										}
										
										.workItem .workTitle {
											padding: 25px 10px 0px
										}
										
										.workItem h2 {
											padding: 0px 10px 10px;
											margin: 0px;
										}
										
										.workItem .desc {
											padding: 0px 10px;
											
										}
										
										.workItem .workMore {
											padding: 7px 10px 0px;
										}
										
										.workItem .realizCaption {
											padding: 14px 0px;
										}
		
		#worksPilot {
			padding-top: 20px;
			
		}

				#worksPilot a, .projectPicturesPilot a {
					padding: 5px 8px;
				}
				
		#worksPilot.wpRealizations {
			padding-top: 15px;
			overflow: auto;
			width: 960px;
		}

				#worksPilot.wpRealizations a {
					padding: 5px 8px 0px;
					height: 17px;
					float: left;
					display: block;
					margin: 5px 5px;
				}
				
		.clientTextColRight #worksPilot {
			padding: 5px 15px;
			overflow: auto;
			height: 23px;
		}
		
		.relatedRealiz {
			padding-top: 15px;
		}

				
#projectModule {
	width: 960px;
	overflow: auto;
	padding: 32px 0px;
}

		#projectLeft {
			width: 428px;
			float: left;
			/*padding-left: 30px;*/
			padding-top: 5px;
		}
		
				.projectTitle {}
				
				.projectSubtitle {}			
				
				.projectDesc {
					padding-top: 15px;
				}
				
						.projectDesc .first {
							padding-bottom: 20px;
						}
						
		#projectRightWrap {
			float: right;
			width: 498px;
		}
		
		#projectRight {
			float: right;
			width: 430px;
			padding: 23px 24px;
			
		}
		
				.projectPilot {
					float: right;
					width: 430px;
					margin-top: 40px;
					padding: 10px 25px 10px;
				}
		
				.projektPicturesWrapOuter {
					
					overflow: auto;
				}
				
				.projectPictures {
					overflow: hidden;
				}
				
				#projectModule .scroll-pane {
					width: 430px;
					height: 283px;
					float: left;
					padding: 0px 0px;
					overflow: hidden;					
				}
				
						.projectPicture {
							float: left;
							width: 430px;
							/*height: 370px;*/
						}
				
								.projectPictureDesc {
									padding: 20px 0px;
								}
								
				.projectPicturesPilot {
					padding-top: 10px;
				}
				
		#projectModule .shadowUnderPictures {
			height: 18px;
			width: 480px;
			padding-left: 18px;
			float: left;
		}
		
		#projectModule .shadowLeft {
			float: left;
			width: 16px;
			height: 125px;
		}
		
		#clientModule .shadowUnderPictures {
			height: 18px;
			width: 480px;
			padding-left: 18px;
			float: right;
		}
		
		#clientModule .shadowLeft {
			float: right;
			width: 16px;
			height: 125px;
		}
		
#recommendContent {
	padding: 20px;
}
		
#footerWrapper {
	overflow: auto;
}

	#footerInner {
		width: 960px;
		margin: auto;
	}

		#footer {
			width:960px;
			height:30px;
			padding-top:17px;
		}
		
				#footer #copy {
					width:420px;
					float: left;
				}
				
				#footer #footerMenu {
					width:420px;
					float: right;
				}
			
		#footerContact {
			height:50px;
			margin-top:17px;
		}
			
				#footerContact #contact {
					float: left;
				}
						
				#footerContact #products {
					float: right;
				}
				
						#footerContact #products img {
							margin-left:12px;
						}
		
		#work {
			overflow: auto;
			width: 960px;
		}
			
				#work #drogowskazyLogo {
					width:90px;
					float: left;
				}
				
				#work #workText {
					width:400px;
					height:80px;
					float: left;
				}
				
						#work #workText p {
							margin:7px 0px 0px 0px;
						}
						
				/*#work #social {
					width: 470px;
					padding-top: 12px;
					float: right;
					
				}
				
						#work #social div {
							margin: 8px 0px;							
						}*/
						
#floatingLabel {
	position: fixed;
	left: 0px;
	bottom: 30px;
	border: solid #e8e8e8;
	border-width: 1px 1px 1px 0px;
	/*background: url(../images/szukajnastutaj.gif) 8px center no-repeat #fff;*/
	padding: 5px 8px 5px 8px;
	float: right;
	
}

		#floatingLabel img {
			display: block;
			margin: 5px 0px;
		}
						
/* nieużywane juz na stronie głównej.. moze sie przydac (moduł klientów i referencji)
#content #ref, #content #clients,  #content #ref .header {
float:left;
}

 #content #ref #more {
float:right;
}
	
	
		#content #clients {
		width:265px;
		height:207px;
		}
		
			.header {
			width:120px;
			margin-top:44px;
			padding-left:33px;
			}
		
			#content #clients #logotypes {
			width:200px;
			height:100px;
			margin-left:31px;
			padding-top:17px;
			}
		
		#content #ref {
		width:374px;
		height:207px;
		}
		
			#content #ref #more {
			padding-top:47px;
			padding-right:31px;
			width:150px;
			}
			
			#content #ref #refText {
			width:300px;
			padding-left:33px;
			padding-top:30px;
			}
			
			#content #ref #signature {
			width:300px;
			padding-left:33px;
			padding-top:10px;
			}
*/