/* Created by Michal Kulinski! 
/* II. Grid CSS */
/* DESC: Main grid */

/* --- 1. Top design --- */
#top{
	width			: 961px;
	height			: 110px;
	background		: #ffffff;
	margin			: 0px auto;	
	background		: url(../gfx/design/top.png);
}

#top #logo{
	float			: left;
	width			: 268px;
	height			: 106px;
	background		: url(../gfx/design/logo.png);
}

#top #pila{
	float			: left;
	overflow		: hidden;
	width			: 319px;
	height			: 108px;
	background		: url(../gfx/design/pila.png);
	margin-left		: 40px;
}

/* MENU */
#top #menu{
	float			: left;
	overflow		: hidden;
	margin-left		: 47px;
}

#top ul{
	list-style		: none;
	padding			: 0px;
	margin			: 0px;
}

#top li{
	display			: block;
	float			: left;
	overflow		: hidden;
	margin-right	: 14px;
}

/* strona główna  */
#top a#main_page{
	display			: block;
	width			: 104px;
	height			: 80px;
	background		: url(../gfx/buttons/menu/glowna.png);
}

#top a#main_page:hover{
	background		: url(../gfx/buttons/menu/hover/glowna.png);
}

/* oferta */
#top a#offer_page{
	display			: block;
	width			: 57px;
	height			: 80px;
	background		: url(../gfx/buttons/menu/oferta.png);
}

#top a#offer_page:hover{
	background		: url(../gfx/buttons/menu/hover/oferta.png);
}

/* kontakt */
#top a#contact_page{
	display			: block;
	width			: 68px;
	height			: 80px;
	background		: url(../gfx/buttons/menu/kontakt.png);
}

#top a#contact_page:hover{
	background		: url(../gfx/buttons/menu/hover/kontakt.png);
}

/* --- 2. INTRO --- */
#intro{
	width			: 961px;
	height			: 423px;
	background		: url(../gfx/design/info_background.png);
}

#intro #text{
	overflow		: hidden;
	position		: relative;
	top				: 180px;
	left			: 327px;
	width			: 580px;
}

/* --- 3. SUBPAGE INTRO --- */
#intro_subpage{
	width			: 961px;
	height			: 133px;
	background		: url(../gfx/design/intro_subpage_background.png);
}

#intro_subpage #text{
	overflow		: hidden;
	position		: relative;
	top				: 40px;
	left			: 133px;
	width			: 755px;
}

#outro_subpage{
	overflow		: hidden;
	position		: relative;
	
	left			: 158px;
	width			: 755px;
}

#intro_subpage #icon_home{
	float			: left;
	position		: relative;
	left			: 56px;
	top				: 55px;
	width			: 20px;
	height			: 16px;
	background		: url(../gfx/design/icon_offer.png); 
	overflow		: hidden;
}

#intro_kontakt{
	width			: 961px;
	height			: 311px;
	background		: url(../gfx/design/intro_kontakt_background.png);
}

#intro_kontakt #text{
	overflow		: hidden;
	position		: relative;
	top			: 40px;
	left			: 133px;
	width			: 755px;
}

#intro_kontakt #icon_contact{
	float			: left;
	position		: relative;
	left			: 56px;
	top				: 53px;
	width			: 20px;
	height			: 16px;
	background		: url(../gfx/design/icon_kom.png); 
	overflow		: hidden;
}

#intro_kontakt2{
	width			: 961px;
	height			: 600px;
	background		: url(../gfx/design/intro_kontakt_background2.png);
}

#intro_kontakt2 #text{
	overflow		: hidden;
	position		: relative;
	top			: 40px;
	left			: 133px;
	width			: 755px;
}

#intro_kontakt2 #icon_contact{
	float			: left;
	position		: relative;
	left			: 56px;
	top				: 53px;
	width			: 20px;
	height			: 16px;
	background		: url(../gfx/design/icon_kom.png); 
	overflow		: hidden;
}

/* --- 4. PROLOG --- */
#prolog{
	width			: 961px;
	height			: 288px;
	background		: url(../gfx/design/prolog_background.png);
	text-align		: left;	
}

/* LEFT COLUMN */
#prolog #column_left{
	display			: inline;
	overflow		: hidden;
	float			: left;
	height			: 240px;
	width			: 496px;
	margin-left		: 29px;
	margin-top		: 53px;
}



#prolog #column_left #image_align{
	overflow		: hidden;
	float			: left;
	margin-right	: 31px;
}

#prolog #column_left #description{
	overflow		: hidden;
	float			: left;
	width			: 250px; 
	margin-top		: 5px;
}

#prolog #column_left a#btn_more_blue{
	display			: block;
	float			: right;	
	width			: 96px;
	height			: 24px;
	background		: url(../gfx/buttons/content/btn_more_blue.png);
	margin-top		: 17px;
	margin-right	: 8px;
	overflow		: hidden;	
}

#prolog #column_left a#btn_more_blue:hover{
	background		: url(../gfx/buttons/content/hover/btn_more_blue.png);	
}




#prolog #column_left2{
	display			: inline;
	overflow		: hidden;
	float			: left;
	height			: 140px;
	width			: 496px;
	margin-left		: 29px;
	margin-top		: 13px;
}



#prolog #column_left2 #image_align{
	overflow		: hidden;
	float			: left;
	margin-right	: 31px;
}

#prolog #column_left2 #description{
	overflow		: hidden;
	float			: left;
	width			: 240px; 
	margin-top		: 5px;
}

#prolog #column_left2 a#btn_more_blue{
	display			: block;
	float			: right;	
	width			: 96px;
	height			: 24px;
	background		: url(../gfx/buttons/content/btn_more_blue.png);
	margin-top		: 17px;
	margin-right	: 8px;
	overflow		: hidden;	
}

#prolog #column_left2 a#btn_more_blue:hover{
	background		: url(../gfx/buttons/content/hover/btn_more_blue.png);	
}










/* RIGHT COLUMN */
#prolog #column_right{
	float			: left;
}

#prolog #column_right #clip_contact{
	display			: inline;
	float			: left;
	width			: 142px;
	height			: 130px;	
	background		: url(../gfx/design/clip_contact.png);
	margin-top		: 56px;
	margin-left		: 40px;
}

#prolog #column_right .description{
	float 			: left;
	position		: relative;
	top				: 96px;
}

#prolog #column_right a#btn_more_green{
	display			: block;
	float			: left;	
	width			: 96px;
	height			: 24px;
	background		: url(../gfx/buttons/content/btn_more_green.png);
	margin-top		: 15px;
	overflow		: hidden;	

}






/* ---- 5. CONTENT --- */
#content{
	width			: 961px;
	background		: url(../gfx/design/content_background.png);
	color			: #131a31;
	font-size		: 12px;
	overflow		: hidden;
}

#content .text{
	position		: relative;
	left			: 158px;
	width			: 803px;
}

#content_end{
	width			: 961px;
	height			: 78px;
	background		: url(../gfx/design/content_end.png);
}

#content ul#offer_list{
	list-style		: none;
	padding			: 0px;
	margin			: 0px;
}

#content ul#offer_list li{
	display			: block;
	padding			: 0px;
	margin			: 0px 0px 15px 0px;
	width			: 961px;	
}

#content ul#offer_list li span.spacer{
	margin-left		: 178px;
}

#content ul#offer_list li#nr_1{
	background		: url(../gfx/design/icon_1.png);
	height			: 40px;
}

#content ul#offer_list li#nr_2{
	background		: url(../gfx/design/icon_2.png);
	height			: 40px;
}

#content ul#offer_list li#nr_3{
	background		: url(../gfx/design/icon_3.png);
	height			: 40px;
}

#content ul#offer_list li#nr_4{
	background		: url(../gfx/design/icon_4.png);
	height			: 40px;
}

#content ul#offer_list li#nr_5{
	background		: url(../gfx/design/icon_5.png);
	height			: 40px;
}

/* --- 6. FOOTER --- */
#footer{	
	width			: 961px;
	height			: 41px;
	background		: url(../gfx/design/footer_back.png);
	margin-top		: 190px;
}