
/* dodatki */

#header_container h1{
margin: 0;
padding: 20px 0 0 20px;
}

#header_container h1 a{
color: #FFF;
text-decoration: none;
font-size: 18pt;
}
#header_container h1 a span{
display: block;
padding-left: 50px;
}

#center_container h2#witamy{
background: url(../gfx/_h2_witamy.jpg) 0 0 no-repeat;
height: 40px;
}
#center_container h2#serwis{
background: url(../gfx/_h2_serwis.gif) 0 0 no-repeat;
height: 43px;
}
#center_container h2#oferta{
background: url(../gfx/_h2_oferta.gif) 0 0 no-repeat;
height: 46px;
}
#center_container h2#kontakt{
background: url(../gfx/_h2_kontakt.gif) 0 0 no-repeat;
height: 43px;
}
#center_container h2#rowery{
background: url(../gfx/_h2_rowery.gif) 0 0 no-repeat;
height: 43px;
}
#center_container h2#skutery{
background: url(../gfx/_h2_skutery.gif) 0 0 no-repeat;
height: 43px;
}

#center_container h2#quady{
background: url(../gfx/_h2_quady.gif) 0 0 no-repeat;
height: 43px;
}

#center_container h2 span{
display: none;
}
#center_container h1{
	font-size: 11pt;
	font-weight: bold;
}

img{
	border: none;
}



/* nie kasowac */

html, body{
padding: 0; margin: 0;
font: normal 9pt Tahoma, Verdana;
text-align: left;
height: 100%;
background: #000 url(../gfx/back.jpg) 50% 0 repeat-y;
color: #FFF;
}

#body_container{
position: relative;
margin: 0 auto;
height: auto;
width: 963px;
min-height: 100%;
}
#header_container{
height: 132px;
background: url(../gfx/header.jpg) 50% 0 no-repeat;
}
#header_container span.top{
padding: 3px 3px 0 0;
display: block;
float: right;
}
#header_container span.top a{
color: #FFF;
text-decoration: none;
}
#header_container span.top a:hover{
text-decoration: underline;
}
#top_container{
position: absolute;
top: 98px;
left: 12px;
}
#top_container ul{
margin: 0;
padding: 0;
list-style: none;
background: #000;
}
#top_container ul a{
display: block;
font: bold 11pt Tahoma;
width: 312px;
height: 38px;
line-height: 38px;
padding-left: 40px;
margin-bottom: 2px;
background-image: url(../gfx/menu.jpg);
background-repeat: no-repeat;
color: #FB0007;
text-decoration: none;
text-transform: uppercase;
outline: none;
}
#top_container ul a:hover{
color: #FFF;
background-image: url(../gfx/menu_hover.jpg);
}
#top_container ul #main a{
background-position: 0 0;
}
#top_container ul #offer a{
background-position: 0 -40px;
}
#top_container ul #service a{
background-position: 0 -80px;
}
#top_container ul #contact a{
background-position: 0 -120px;
margin-bottom: 0;
}

#left_container{
float: left;
width: 270px;
margin: 130px 0 0 14px;
padding-bottom: 65px;
}

#left_container ul{
margin: 0;
padding: 0;
list-style: none;
margin: 25px auto 0 auto;
width: 224px;
}
#left_container ul li{
margin-bottom: 25px;
}
#left_container ul li a{
display: block;
width: 224px;
padding: 110px 0 9px 0;
height: 30px;
text-decoration: none;
color: #FFF;
font: bold 11pt Tahoma;
text-transform: uppercase;
text-align: center;
line-height: 30px;
}
#left_container ul li#quad a{
background: url(../gfx/_quad.jpg) 0 0 no-repeat;
}
#left_container ul li#scuter a{
background: url(../gfx/_skuter.jpg) 0 0 no-repeat;
}
#left_container ul li#bike a{
background: url(../gfx/_rower.jpg) 0 0 no-repeat;
}

#left_container ul li a span{
display: block;
width: 224px;
height: 30px;
background: url(../gfx/left_stripe.png) 0 0 no-repeat;
}
#right_container, #right_container_quad, #right_container_rower{
position: absolute;
top: 22px;
right: 2px;
border: solid 3px #FFF;
width: 590px;
height: 318px;
background: url(../gfx/_top.jpg) 0 0 no-repeat;
}

#right_container_quad{
	background: url(../gfx/_top_quad.jpg) 0 0 no-repeat;
}
#right_container_rower{
	background: url(../gfx/_top_rower.jpg) 0 0 no-repeat;
}

#center_container{
margin: 215px 30px 0 290px;
padding: 20px 50px 100px 50px;
}

#center_container .pictures{
width: 120px;
float: right;
padding: 40px 0 80px 5px;
margin: 0 0 5px 10px;
}
.clearing{
clear: both;
}
#footer_container{
position: absolute;
left: 0;
bottom: 0;
width: 903px;
height: 38px;
padding: 42px 60px 0 0;
text-align: right;
background: url(../gfx/footer.jpg) 50% 0 no-repeat;
}

a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}


img.r1{
	border: 1px solid #fff;
	padding: 1px;
}

#lewy{
	line-height: 20px;
	float: left;
	width: 265px;
}

#prawy{
	float: left;
	line-height: 20px;
	width: 265px;
} 

p.dwleft{
	padding-left: 20px;
}

img.arr{
	margin-right: 10px;
}

img.lista_fotka {
	padding: 2px;
	border: 1px solid #9fa19f;	
	height: 55px;
	width: 65px;
	}

.lista_lokali{
	background-image: url(../gfx/lista_lokali_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 400px;
	border: 1px solid #9fa19f;
	height: 90px;
	margin-bottom: 5px;
}

.fotka {
	float: left;
	height: 45px;
	width: 70px;
	padding-top: 5px;
	padding-left: 10px;
}

.nazwa_knajpy{
	float: left;
	margin-left: 20px;
	height: 35px;
	width: 300px;
	padding-top: 25px;
}

/* skuer 50
*****************************************8 */
.box_przeglad{	width: 300px;	height: auto;	border: #C2D0D5 1px solid;	margin: 10px;	margin-left: 30px;	margin-bottom: 25px;}
.box_wypelnienie_podglad, .box_wypelnienie_ostatnie{ display: block; width: 400px;	margin:  2px;	height: 30px;	padding: 0px;	/*border: 1px solid #000;*/}
.pole1{	float: left;	width: 3px;	 height: 20px;	margin: 2px;	background: #C2D0D5;}
.pole2{	float: left;	width: 150px; 	height: 20px; 	margin: 2px; 	border: 1px solid #efefef; font-weight: bold; padding-left: 3px;}
.pole3{	float: left;	width: 220px;	height: 20px;	margin: 2px;	background: #efefef;	color: #000; padding-left: 3px;}
.pole4{	float: left;	width: 220px;	height: 220px;	margin: 2px;	background: #efefef;	color: #000; padding-left: 3px; margin-bottom: 5px;}
.box_wypelnienie_ostatnie{ height: auto;}


.box_wypelnienie{	width: auto;	margin: 10px 5px 2px 100px;	height: 30px;	/*border: 1px solid #000;*/}
.wypelnienie{	float: left;	width: 3px;	height: 20px;	margin: 3px;	background: #C2D0D5;}
.wypelnienie2{	float: left;	width: 90px;	height: 20px; 	margin: 3px; 	background: #fff;	border: 1px solid #efefef;}
.wypelnienie3{	float: left;	width: 60px;	height: 20px;	margin: 3px;	background: #efefef;	color: #000;}
.box_wypelnienie2{	width: auto;	margin: 5px 5px 2px 100 px;	height: 30px;	/*border: 1px solid #000;*/}
.wypelnienie4{	float: left;	width: 3px;	height: 20px;	margin: 3px;	background: #C2D0D5;}
.wypelnienie5{	float: left;	width: 90px; 	height: 20px; 	margin: 3px; 	background: #fff;	border: 1px solid #efefef;}
.wypelnienie6{	float: left;	width: 60px;	height: 20px;	margin: 3px;	background: #efefef;	color: #000;}
	
.przyciski, .przyciski a{	width: 15px;	height: 15px;	margin-left: 180px;}
.wstecz{	border: none;}
.box_skuter_oferta{	float: left;	width: 180px;	height: auto;	margin-left: 40px;	margin-top: 40px;}
.skuter_oferta{	margin-left: 10px;	margin-top: 10px;	padding: 10px;	border: 1px solid #C2D0D5;}
.skuter_oferta2{	margin-left: 10px;	margin-top:  10px;	padding: 10px;	border: 1px solid #C2D0D5;}
#box_model{	width: 400px;	height: auto;	/*border: #C2D0D5 1px solid;*/	margin: 30px;	margin-left: 280px;}
.foto_przeglad{	float: left;	margin: 10px;}
.text_przeglad{	margin-left: 105px;}
.zobacz_przeglad{	margin-left: 190px;	color: #ff0000;}
.zobacz_przeglad a{	color: #ff0000;	text-decoration: none;}
/*.foto_oferta_right{float: right; margin: 15px 10px 20px 270px; border: none;}


.font_oferta_left{margin-left: 40px; font-weight: bold;	font-size: 10pt;color: #314e59;	text-decoration: none;	line-height: 15pt;}
.font_oferta_left a{font-weight: bold;	font-size: 10pt; color: #314e59;	text-decoration: none;	line-height: 15pt;}
.font_oferta_right{	margin-left: 210px;	font-weight: bold;font-size: 10pt; color: #314e59;	text-decoration: none;	line-height: 15pt;}
.font_oferta_right a{font-weight: bold;	font-size: 10pt; color: #314e59;	text-decoration: none;	line-height: 15pt;} */


#skut_lewy, #skut_srodek, #skut_prawy, #quad_lewy, #quad_prawy{
	padding-top: 10px;
	text-align: center;
	float: left;
	width: 150px;
	height: 250px;
	margin: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
}

#quad_lewy, #quad_prawy{
	width: 250px;
	height: 200px;
}

#webdesign{
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	font-size: 7pt;
}
#red{
	color:#f00;
}

/*
#skut_prawy{
	background-image: url(../gfx/crossowe.jpg);
}

#skut_srodek{
	background-image: url(../gfx/chopery.jpg);
}
#skut_lewy{
	background-image: url(../gfx/szosowe.jpg);
}*/
