/*
 * author: studiofabryka.pl
 * theme: granitmar
 * 
 * cd: 7/04/2010
 */

body {background: #fff;}

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

header {
	
	float:left;
	width:100%;
	height:154px;
	background: url(../images/repeater.jpg) top repeat-x;
	}
	#top_outer {
	
		margin:0 auto;
		height:154px;
		background: url(../images/topbg.jpg) top no-repeat;
		}
		#slogan {
			
			position:absolute; 
			top:0; right:0;
			width:366px; height:31px; 
			background: url(../images/slogan.png) top no-repeat;
			}
			#slogan h1 {color:#fff; font: bold 14px "Trebuchet Ms"; margin:5px 0 0 11px;}
		#top {
			
			margin:0 auto;
			position:relative;
			width:860px;
			} 
			#logo {float:left; display:block; height:104px;}
			#logo img {float:left; margin-top:-120px; _margin-top:0px;}
			#top ul {
				
				position:relative;
				float:left;
				margin:77px 0 0 20px;
				}
				#top li {
					
					float:left;
					text-align:center;
					width:70px;
					margin:0 20px 0 0;
					overflow:hidden;
					}
					#top #list_item4 {margin:0 37px 0 10px;}
					#top #list_item5 {margin:0 30px 0 0;}
					#top li.last {margin: 0 -25px 0 0;}
					#top li.back {
		
            			background: #fff;
            			z-index: 8;
						height:5px;
            			position: absolute;
						top:27px;
						opacity:.7;
						filter:alpha(opacity=70);
        			}
					#top li a {
						
						color:#3f3f3f;
						font: bold 11px "Trebuchet Ms";
						text-decoration:none;
						display:block;
						padding:3px 0;
						z-index:10;
						position:relative;
						}
						#top li a:hover, #top a.hit {color:#0066CC;}
						
article {
	
	float:left;
	width:100%;
	min-height:200px;
	height:auto !important;
	height:200px;
	}
	#content {
		
		margin:0 auto;
		width:860px;
		}
		
		/*
		 * - - - - - - kolumna
		 */

		#col {
		
			float:left;
			width:270px;
			margin:0 20px 20px 0;
			}
			hgroup {
				margin:30px 0 0 10px;
				float:left;
			}
			#col h3 {
			
				float:left;
				font:18px "Trebuchet Ms";
				color:#4b4b4b;
				width:270px;
			}
			#col h4 {
			
				float:left;
				font:bold 16px "Trebuchet Ms";
				color:#b9b9b9;
			}
			#movie {
				
				float:left;
				margin:10px 0 0 10px;
				z-index:5;
				position:relative;
			}
			#waterjet {
				float:left;
				margin:20px 0 0 10px;
				font: 11px "Trebuchet Ms";
				color:#888;
			}
			
			/*
			 * - - - - - - main content
			 */
			
			#main {padding-bottom:15px;}
			#main, #main p {
		
			float:left;
			width:570px;
			_width:560px;
			}
			
			#main p a {
				
				text-decoration:none;
				color:#0066CC;
				font-weight:bold;
			}
			
			#main h1 {
				
				font:bold 24px "Trebuchet Ms";
				color:#4b4b4b;
			}
			#main h2 {
				
				font: bold 16px "Trebuchet Ms";
				color:#b9b9b9;
			}
			#main p {margin:10px 0 0 0; text-align:justify;}
			#main .more {
				
				float:right;
				color:#0066cc;
				text-decoration:none;
				width:560px;
				display:block;
				text-align:right;
				}
				#main .more:hover {text-decoration:underline;}
			
			blockquote, #main p{
		
				float:left; width:860px;
				font: 12px "Trebuchet MS";
				color:#333;
				width:560px;
			}
			
			#main li {
		
				float:left; clear:left; width:auto;
				font: 12px "Trebuchet MS";
				color:#333;
				width:560px;
			}
			#main ul {
				
				margin:15px 0 0 0;
				float:left;
				width:auto;
				}
				#main li span, #main p span {color:#0066CC; font-weight:bold; font-size:14px;}
			
			#main blockquote img {float:right; margin:5px 0 0 10px; padding:2px; border:1px solid #dadada;}
			
			#baners {
				
				float:left;
				margin:15px 0;
				}
				#baners a {
					
					float:left;
					margin:0 15px;
					}
					#baners a:hover {
						
						float:left;
						opacity:.6;
						filter: alpha(opacity=60);
					}
			

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

footer {
	
	position:relative;
	float:left;
	width:100%;
	height:348px;
	background: url(../images/repeater.jpg) bottom repeat-x;
	margin:0;
	}
	
	#foot_inner {
		position:relative;
		margin:0 auto;
		width:860px;
	}
	#fundusze {
		
		position:absolute;
		top:133px;
		width:860px; height:122px;
		background: url(../images/foot.jpg) top no-repeat;
	}
	
	/*
	 * - - - - - - news
	 */
	
	#news {
		
		margin:0 auto;
		width:860px;
		}
		#news h1 {
			
			float:left;
			margin:50px 25px 0 25px;
			color:#656161;
			font: bold 23px "Trebuchet Ms";
		}
		.item {position:relative; float:left; width:310px; margin:25px 0 0 10px;}
		.item h2 {font: bold 11px "Trebuchet Ms"; color:#333333;}
		.item a {color:#666; text-decoration:none; font: 11px/1em "Trebuchet Ms";}
		.item a:hover {color:#000;}
		.item img {float:left; margin-right:10px; z-index:5; margin-top:0 !important; margin-top:-4px;}
		.img_over_news {z-index:10; position:absolute; left:0;
		margin:0 !important; margin:0 0 -120px 0;}
	
#realizacja {
	
	position:absolute;
	top:260px; right:20px;
	font:10px Tahoma;
	color: #5F5F5F;
	text-decoration:none;
	}
	#realizacja strong {text-transform: uppercase;}
	#realizacja:hover {color: #8F8F8F;}