/* global ---------------- */
* {
	margin: 				0px;
	padding: 				0px;
	border: 				0px;

}
body{
background:					#000000 url("gfx/body-left.jpg") repeat-x;
behavior: url(ie6alert.htc);

}


#page {
	width:					960px;
	height:					auto;
	margin:					auto;
	background: 			#000000 url("gfx/page_bg.gif");
	background-position:	top;
	background-repeat:		repeat-x;

}

#left {
	width:					960px;
	height:					auto;
	background: 			#000000 url("gfx/left.jpg");
	background-position:	left top;
	background-repeat:		no-repeat;
}

#kontener_right{
	width:					859px;
	height:					auto;
	float:					right;
	background:				url("gfx/keta.jpg");
	background-position:	right top;
	background-repeat:		repeat-y;
}

#keta{
	width:					104px;
	height:					792px;
	background:				url("gfx/right.jpg");
	float:					right;
	z-index:				2;


}

#fill_right{
	width:					70%; 
	height:					792px;
	background: 			url("gfx/body-right.jpg") repeat-x;
	background-position:	right top;
	position:				absolute;
	top:					0px;
	right:					0px;
	z-index:				-1;
}
.fill_right_pasta{
	background: 			red url("");
	float:					right;
	height:					792px;
	width:					3px;	
}

#center {
	width:					755px;
	height:					auto;
	float:					left;
	background:				#000000; 
}
#top{
	width:					755px;
	height:					256px;
	float:					right;
	z-index:				-1;

}

#top_01{
	height:					256px;
	width:					428px;
	float:					left;
}

#top_01_up{
	height:					124px;
	width:					428px;
}

#top_01_up_left{
	height:					124px;
	width:					158px;
	float:					left;
	background:				url("gfx/left-control.jpg");
}
															/*  top  menu */
#top_01_up_menu{
	height:					124px;
	width:					118px;
	float:					left;
	position:				relative;
}

#top_01_up_menu ul{
	list-style:				none;
}

#top_01_up_menu ul li#menu_top_1{
	height:					32px;
	width:					118px;
	background:				url("gfx/menu_top_1.jpg");
}

#top_01_up_menu ul li#home_top a{
	height:					18px;
	width:					118px;
	background:				url("gfx/menu_top_home.jpg");
	display:				block;
}

#top_01_up_menu ul li#home_top a:hover{
	background-position:	0px -18px;
}

#top_01_up_menu ul li#home_top img{
	position:				absolute;
	top:					16px;
	right:					2900px; 
}

#top_01_up_menu ul li#home_top:hover img{
	right:					-63px; 
}

#top_01_up_menu ul li#mapa_top a{
	height:					18px;
	width:					118px;
	background:				url("gfx/menut_top_mapa.jpg");
	display:				block;
}

#top_01_up_menu ul li#mapa_top a:hover{
	background-position:	0px -18px;

}

#top_01_up_menu ul li#mapa_top img{
	position:				absolute;
	top:					16px;
	right:					2900px; 
}

#top_01_up_menu ul li#mapa_top:hover img{
	right:					149px; 
}

#top_01_up_menu ul li#menu_top_middle{
	height:					36px;
	width:					118px;
	background:				url("gfx/menut_top_middle.jpg");
}

#top_01_up_menu ul li#kontakt_top a{
	height:					20px;
	width:					118px;
	background:				url("gfx/menut_top_kontakt.jpg");
	display:				block;
	background-position:	0px 0px;
}

#top_01_up_menu ul li#kontakt_top a:hover{
	background-position:	0px -20px;

}

#top_01_up_menu ul li#kontakt_top img{
	position:				absolute;
	top:					47px;
	right:					2900px; 
}

#top_01_up_menu ul li#kontakt_top:hover img{
	right:					154px; 
}
															/* koniec top  menu */
#top_01_up_right{
	height:					124px;
	width:					152px;
	float:					right;
	background:				url("gfx/right_control.jpg");
}

#top_01_zegary{
	height:					132px;
	width:					428px;
	background:				url("gfx/zegary.jpg");
}

#top_02{
	height:					256px;
	width:					327px;
	background:				url("gfx/top_02.jpg");
	float:					right;

}

#kontener_bottom{
	height:					119px;
}

#bottom{
	width:					960px;
	height:					119px;
	background:				url("gfx/bottom.jpg");
	position:				relative;
	float:					left;
	z-index:				3;
}

#bottom p{
	position:				absolute;
	left:					140px;
	top:					78px;
	font-size:				12px;
	color:					#A2A2A2;
}

#bottom a{
	position:				absolute;
	left:					635px;
	top:					78px;
	font-size:				12px;
	color:					#A2A2A2;
	text-decoration:		none;
}

#bottom_right{
	width:					70%;
	height:					119px;
	background:				url("gfx/bottom_right.gif") right repeat-x;
	position:				absolute;
	bottom:					auto;
	right:					0px;
	z-index:				0;


}

#bottom_left{
	width:					2400px;
	height:					119px;
	position:				absolute;
	left:					-2400px;
	background:				url("gfx/bottom_left.gif") right repeat-x;	
}

.regulator{
clear:						both;
}

#c_left{
	width:					251px;
	height:					640px;
	background:				#000000;
	float:					left;
}

#strip_left{
	width:					27px;
	height:					536px;
	background:				url("gfx/left_strip.jpg");
	float:					left;
}

#kontener_menu{
	width:					224px; /*do poprawki*/
	height:					536px;
	float:					right;

}

#menu{
	width:					224px;
	height:					395px;
}

#strip_menu_left{
	width:					4px;
	height:					395px;
	float:					left;
	background:				url("gfx/strip_menu_left.jpg");
}
																	/* lewe menu */
#main_menu{
	width:					207px;
	height:					395px;
	float:					left;
}

#o_firmie a{
	width:					208px;
	height:					42px;
	background:				url("gfx/o_firmie.jpg");
	background-position:	0px 0px;
	display:				block;
}

#o_firmie a:hover{
	background-position:	0px -42px;
}
span.no_text{
	display:				none;
}

#sklep a{
	width:					208px;
	height:					40px;
	background:				url("gfx/sklep.jpg");
	background-position:	0px 0px;
	display:				block;
}

#sklep a:hover{
	background-position:	0px -40px;
}

#serwis a{
	width:					208px;
	height:					40px;
	background:				url("gfx/serwis.jpg");
	background-position:	0px 0px;
	display:				block;
}

#serwis a:hover{
	background-position:	0px -40px;
}

#naprawy a{
	width:					208px;
	height:					62px;
	background:				url("gfx/naprawy.jpg");
	background-position:	0px 0px;
	display:				block;
}

#naprawy a:hover{
	background-position:	0px -62px;
}

#naklejki a{
	width:					208px;
	height:					40px;
	background:				url("gfx/naklejki.jpg");
	background-position:	0px 0px;
	display:				block;
}

#naklejki a:hover{
	background-position:	0px -40px;
}

#aukcje a{
	width:					208px;
	height:					40px;
	background:				url("gfx/aukcje.jpg");
	background-position:	0px 0px;
	display:				block;
}

#aukcje a:hover{
	background-position:	0px -40px;
}

#mapa a{
	width:					208px;
	height:					40px;
	background:				url("gfx/mapa.jpg");
	background-position:	0px 0px;
	display:				block;
}

#mapa a:hover{
	background-position:	0px -40px;
}

#kontakt a{
	width:					208px;
	height:					40px;
	background:				url("gfx/kontakt.jpg");
	background-position:	0px 0px;
	display:				block;
}

#kontakt a:hover{
	background-position:	0px -40px;
}

#menu_bottom{
	width:					208px;
	height:					51px;
	background:				url("gfx/menu_bottom.jpg");
	background-position:	0px 0px;
}

#strip_menu_right{
	width:					12px;
	height:					395px;
	float:					right;
	background:				url("gfx/strip_menu_right.jpg");
}

#motor{
	width:					224px;
	height:					141px;
	background:				url("gfx/moto.jpg");
}

#cytat p{
	color:					#AAAAAA;
	font-family:			arial;
	font-style: 			italic;
	font-size:				14px;
	padding-bottom:			20px;
}

#cytat p span.minipodpis{
	color:					#AAAAAA;
	font-family:			arial;
	font-size:				10px;
	padding-left:			90px;
	text-align:				right;
}

#c_right{
	width:					504px;
	height:					auto;
	background:				#000000;
	float:					left;
}

#c_right_top{
	width:					504px;
	height:					190px;
	background:				url("gfx/center_top.jpg");
}

#c_right_center{
	width:					504px;
	height:					auto;
	background:				#000000 url("gfx/bg_center.gif");
	background-position:	top;
	background-repeat:		repeat-x;
	padding-bottom:			140px;
}

#c_right_center h1{
	color:					#ffffff;
	padding:				30px;
	font-size:				22px;
	text-align:				center;
	font-family:			arial black;
	text-decoration:			underline;
}

#c_right_center p{
	color:					#ffffff;
	padding:				30px;
	font-family:			arial;
	font-size:				14px;
	text-align:				justify;
}

#c_right_center ul.adresy, #c_right_center ul.adresy ul{
	color:					#ffffff;
	padding:				5px 0px 15px 30px;
	font-family:			arial;
	font-size:				14px;
	list-style:				none;

}

#c_right_center ul.adresy ul li{
	color:					#ffffff;
	padding:				5px;

}

#c_right_center ul.mapa_strony, #c_right_center ul.mapa_strony ul{
	color:					#ffffff;
	padding:				5px 0px 15px 80px;
	font-family:			arial;
	font-size:				14px;
	list-style:				none;

}

#c_right_center ul.mapa_strony ul{
	padding-left:			60px;
}

#c_right_center ul.mapa_strony ul li{
	color:					#ffffff;
	padding:				5px;
	text-decoration:		none;
}

ul.mapa_strony ul a{
	text-decoration:		none;
	color:					#D6D6D6;
}

ul.mapa_strony ul a:hover{
	text-decoration:		none;
	color:					#850303;
}


#sklep_left{
	float:					left;
}

#sklep_right{
	float:					left;
}
div.foto_sklep{
	width:					160px;
	height:					160px;
	background: 			url("gfx/bg_sklep-motocykl.gif");
	margin-top:				10px;
	margin-left:			10px;

}

div.foto_sklep img{
	width:					150px;
	height:					150px;
	padding:				5px 0px 0px 5px;
}

div.serwis{
	height:					170px;
	margin-left:			30px;}

div.foto_serwis {
	width:					160px;
	height:					160px;
	background: 			url("gfx/bg_sklep-motocykl.gif");
	margin-top:				40px;
	margin-left:			40px;
	float:					left;
}

div.foto_serwis img{
	width:					150px;
	height:					150px;
	padding:				5px 0px 0px 5px;
}

/*  ===========================================================Lightbox 2 ==============================================*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #9b9898; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #9b9898; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*  =========================================================== koniec Lightbox 2 ==============================================*/

div.nalepki{
	padding-left:			30px;
}

a.foto_nalepki{
	width:					90px;
	height:					90px;
	background: 			url("gfx/bg_sklep-motocykl_s.gif");
	margin-top:				40px;
	margin-left:			40px;
	float:					left;
}

.foto_nalepki img{
	width:					80px;
	height:					80px;
	padding:				5px 0px 0px 5px;
}

a.foto_naprawa{
	width:					160px;
	height:					160px;
	background: 			url("gfx/bg_sklep-motocykl.gif");
	margin-top:				40px;
	margin-left:			40px;

}

.foto_naprawa img{
	width:					150px;
	height:					150px;
	padding:				5px 0px 0px 5px;
}

#mapa_google{
padding-top:	10px;
	width:					290px;
	height:					280px;
	margin:					0px;
	border:					0px;
	
}

#ramka_google{
	background: 			url("gfx/bg_mapa.gif");
	width:					290px;
	height:					290px;
	margin-left:			80px;
	padding:				10px 10px 10px 10px;
}

#ramka_google a.google{

	color:					#A2A2A2;
	font-size:				12px;
	text-align:				center;
	padding-left:			100px;
}