/*
 * author: studiofabryka.pl
 * theme: polanka
 *
 * cd: 2010/05/06
 */



/*
 * - - - - - - basic structure
 */

 
body {
	
	background: #85755e url(../main-images/bg_1.jpg) top repeat-x;
	}
	#bg {
		
		background: url(../main-images/bg_2.jpg) top no-repeat;
		width:100%;
		height:343px;
		position:relative;
	}
	p a {color:#85755E;}
	p a:hover {color:#2F261A;}

.pomiar {
	
	position:absolute;
	top:425px; right:25px;
	z-index:35;
}	
.pomiar:hover {opacity:.8; filter: alpha(opacity=80);}

#content {
	
	margin:0 auto;
	width:917px;
	height:auto;	
	}

	#repeater {
		
		height:100%;
		float:left;
		margin:20px 0 0 0;
		position:relative;
		background: url(../main-images/main-repeat.png) top repeat-y;
		}
		
		#slideshow {z-index:10; margin:-20px 0 0 0;}
		.main #slideshow, .main #slideshow img {
			
			position:absolute;
			width:898px; height:653px;
			top:0; left:10px;
		}
		
		.sub #slideshow, .sub #slideshow img {
			
			position:absolute;
			width:898px; height:325px;
			top:0; left:10px;
			background: #AFA697;
		}
		
		

/*
 * - - - - - - header
 */

#over_slideshow {
	
	position:relative;
	float:left;
	z-index:20;
	}
	header {
		
		float:left;
		z-index:30;
		margin:-15px 0 0 0;
		}
		
		#logo {
			
			float:left;
			margin:50px 0 0 45px;
		}
		#slogan {
			
			top:-22px; right:-10px;
			margin:0;
			position:absolute;
		}
		#para {
			
			float:left; clear:left;
			margin: 20px 0 0 -20px;
		}
		


/*
 * - - - - - - nav
 */	
 
.main nav {
	
	position:absolute;
	top:140px; right:78px;
	z-index:25;
	width:196px;
	}

.sub nav {
	
	position:absolute;
	top:70px; right:78px;
	z-index:25;
	width:196px;
	}
	
	nav ul {
		
		float:left;
		}
		nav li {
			
			float:left;
			width:188px; height:22px; 
			padding-left:5px;
			display:block;
			background: url(../main-images/main-menu-divider.png) bottom no-repeat;
		} 
		nav a {
			
			width:89%; height:100%; display:block;
			padding:0 5px;
			font:bold 14px "Trebuchet MS";
			color:#fff; text-decoration:none;
			background: url(../main-images/navahover.png) -222px 0 no-repeat;
			}
			nav a:hover,
			nav a.hit {color:#ffc000;}
		
		nav .last {background:none;}
		
		

/*
 * - - - - - - article (main)
 */

.main	
article {
	
	float:left;
	width:445px;
	margin:-15px 0 10px 40px;
	}
	
.sub	
article {
	
	float:left; clear:left;
	width:898px;
	margin:161px 0 10px 10px;
	background: url(../sub-images/main-bg.jpg) top repeat-x;
	}
	
	.sub h1 {
		
		float:left;
		width:350px;
		background: url(../sub-images/sub-h1-border.jpg) bottom no-repeat;
		font:22px "Trebuchet MS";
		color: #5b4f3f;
		padding-bottom:5px;
		margin:10px 0 10px 20px;
	}
	
	.main h1 {
		
		float:left;
		width:350px;
		background: url(../main-images/main-h1-border.jpg) bottom no-repeat;
		font:22px "Trebuchet MS";
		color: #5b4f3f;
		padding-bottom:5px;
		margin-bottom:10px;
	}
	
	.main article p,
	.main aside p {
		
		float:left; clear:left;
		font:11px Tahoma;
		color:#333;
		width:100%;
	}
	
	.sub article p,
	.sub article li {
		
		float:left; clear:left;
		font:11px Tahoma;
		color:#333;
		width:500px;
		margin: 0 0 10px 20px;
		line-height:16px;
	}
	.sub article h2 {
		
		float:left; clear:left;
		font:bold 14px Tahoma;
		color:#333;
		margin: 0 0 10px 20px;
	}
	.sub article ul {
		
		float:left;
		margin:5px 0 5px 5px;
	}
	.sub article li {
		
		background: url(../sub-images/li.png) 0 5px no-repeat;
		padding-left:10px;
		width:490px;
	}
	


/*
 * - - - - - - aside (news)
 */	
 
.main aside {
	
	float:left;
	width:338px;
	margin:-15px 0 10px 40px;
	}
	
	.main aside h2 {
		
		font:bold 14px tahoma;
		color:#cc0000;
	}
	
	.more {
		
		float:right;
		color:#CC0000;
		font:bold 12px tahoma;
		text-decoration:none;
		}
		.more:hover {text-decoration:underline;}



/*
 * - - - - - - aside (sub: form, more_projects, etc)
 */

.sub aside {
	
	float:right;
	width:315px;
	margin-right:20px;
	background: url(../sub-images/form-bg.jpg) top repeat-x;
}

.sub aside h1 {
	
	font-size:15px;
	font-weight:bold;
	margin:5px 10px;
	width:282px;
	background: url(../sub-images/form-h1-border.jpg) bottom no-repeat;
}



/*
 * - - - - - - form
 */

#zadzwon {
	
	margin:5px 0 0 10px;
	color:#5b4f3f;
	font:bold 11px "Trebuchet MS";
	}
	#zadzwon img {margin-right:5px;}
	#zadzwon span {
		
		color:#cc0000;
		font-size:17px;
	}

#kontakt {
	
	float:left; 
	margin:10px 0 0 10px;
}
#kontakt input {
	
	color:#333; 
	font-size:11px; 
	width:142px; margin:2px 0; 
	border:1px solid #a3a3a3; 
	padding:1px;
}

#kontakt textarea {
	
	width:292px; height:100px; 
	font:11px tahoma; 
	border:1px solid #a3a3a3;
}
#kontakt .button {
	
	float:right; 
	width:60px; 
	color:#fff; background:#5b4f3f; 
	border:0; 
	padding:5px; margin-right:10px;
}
.button:hover {cursor:pointer; opacity:.8;}

#kontakt #k_kod2 {width:90px;}
#kontakt img {
	
	float:right; 
	margin-right:10px; 
	height:20px; width:44px;
}


	
/*
 * WALIDACJA jquery
 */

.error {
	float:left;
	width:200px;
	padding:10px 0 0 0;
	color:#c00000;
	display:none;
	font-size:13px;
	text-align:right;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.error-input, .error-both, .error-same, .error-email, .error-string { background:#FFCFCF; }

/*
 * - - - - - - projects
 */

.sub aside ul {margin-left:10px;}
.sub aside li, .sub aside p {background:none; width:auto; float:left; clear:none; margin:0 5px 0 0; padding:0;}
.sub aside a:hover {opacity:.7;}

.more_projects {
	
	float:right;
	text-decoration:none;
	color:#5b4f3f;
	font:bold 12px "Trebuchet MS";
	margin:0 15px 0 0;
}
	


/*
 * - - - - - - footer
 */

footer {
	
	float:left;
	background: url(../main-images/main-bottom.jpg) top no-repeat;
	height:70px; width:100%;
	}
	
	address {
		
		float:left;
		color:#d2ccc4;
		font:bold normal 11px tahoma;
		margin:28px 0 0 18px;
	}
	
	#madeby {
		
		float:right;
		font:10px tahoma;
		text-decoration:none;
		color:#333;
		margin:30px 18px 0 0;
		}
		#madeby strong {text-transform:uppercase;}
	
	
	
	
/*
 * - - - - - - wycena online (formularz)
 */
	
#wycena-online {
	
	float:left;
	width: 530px;
	margin:0 0 0 20px;
	}
	#wycena-online fieldset {
		
		float:left;
		width:530px;
		margin:5px 0 15px 0;
		padding:5px 0 0 0;
	}
	#wycena-online legend {
		
		font:bold 12px Tahoma;
		color:#5B4F3F;
		padding:10px 0 5px 0;
	}
	#wycena-online span, #wycena-online input, #wycena-online textarea {
		
		float:left; clear:left;
		font:11px tahoma;
		margin:3px 0;
	}
	#wycena-online label {
		
		float:left;
		margin:0 5px 0 0;
	}
	
	.zabudowy {
		
		position:relative;
		float:left;
		width:46%;
		}
		.zabudowy img {
		
			float:left;
			margin:0 15px 10px 0;
		}
		.zabudowy input {position:absolute; top:8px; left:85px;}
		.zabudowy span {position:absolute; top:8px; left:105px;}

	#obramowania, #obramowania2 {
		
		position:relative;
		float:left;
		width:200px;
		}
		#obramowania input { position:absolute; left:0; }
		#obramowania2 input { position:absolute; left:100px; }
		#obramowania span { position:absolute; left:20px; }
		#obramowania2 span { position:absolute; left:120px; }
		
	#wycena-online textarea {
		
		float:left; clear:left;
		width:530px; height:110px;
		border:1px solid #a3a3a3;
		overflow:auto;
	}
	
	#wycena-online #k_email, #wycena-online #k_tel {width:200px;}
	#wycena-online input {width:155px; border:1px solid #a3a3a3;}
	#wycena-online .radiobutton {width:10px; border:0 none;}

	#wycena-online .button-wycena {
	
	float:left; 
	width:auto; 
	color:#fff; background:#5b4f3f; 
	border:0; 
	padding:5px;
}
.button-wycena:hover {cursor:pointer; opacity:.8;}

.very_short {
	
	float:left; clear:none !important;
	width:25px !important;
	margin:2px 15px 0 5px !important;
}

.short {width:55px !important; margin:2px 5px 0 0 !important;}

.error-wycena {
	float:left;
	width:200px;
	padding:10px 0 0 15px;
	color:#c00000;
	display:none;
	font-size:13px;
	text-align:left;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

#cboxCurrent {font:11px Tahoma; color:#efefef;}