* { padding: 0; margin: 0; font-family:Tahoma; }
body { margin:0;padding:0;background-color:#f5f7f9;}
div.WIDE { width:100%; height:438px; position:relative; overflow:hidden; background: url('obr/tlo.png') no-repeat top; margin: 0 auto; padding:0; }
div.MAIN { width:1000px;position:relative;overflow:hidden;margin:0 auto;padding:0; }
#MENU_WIDE { width:100%;height:40px;background: url('obr/linia.png') repeat-x bottom;position:relative;overflow:visible;margin-top:102px; }
#MENU{ width:1000px; height:40px; background: url('obr/linia.png') repeat-x bottom; position:relative; overflow:visible; z-index:99;}
#LOGO { width:275px; height:300px; position:relative; overflow:hidden;float:left; }
#LOGO img { border:0; margin-top:20px; margin-left:10px; }
#SAMOCHOD { width:725px;height:300px;position:relative;overflow:hidden;float:left;background:url('obr/auto.png') no-repeat left top;background-position:20px 15px;  }
#SAMOCHOD img {border:0; margin-top:220px; margin-left:445px;}

#LEFT{width:350px;position:relative;overflow:hidden;float:left;}
#LEFT h2 { font-weight:bold; color:#373737; font-size:11px; background: url('obr/arrow.png') no-repeat left center; padding-left:18px; line-height:11px; margin-top:18px;
		margin: 18px 0 0 10px;}
#LEFT h2.aktual { font-weight:bold; padding:0; color:#373737; font-size:11px; background: url('');  line-height:12px; margin: 10px 10px 0px 10px;}		
 
#LEFT p{font-size:11px;line-height:16px;margin-top:13px; color:#537a8b; text-decoration:none;margin:10px 15px 0px 10px;}
#LEFT img {border:0;}
#LEFT img.head { margin:0 0 0 10px;}
#LEFT img.wizyta { margin-top:0px; border:0; }
#LEFT img.wiecej { margin: 5px 20px 0px 286px; border:0;}
#LEFT a {text-decoration:none; color:#cc0033;}
#LEFT a:hover {text-decoration:underline;}

#SRODEK{width:295px;position:relative;overflow:hidden;float:left;margin-left:20px;}
#SRODEK img.head { margin:44px 0px 20px 0px;}
#SRODEK a {border:0; margin:0; padding:0;}
#SRODEK img.oferta { border:0; }
#AKTUALNOSCI { width:310px; position:relative; overflow:hidden; float:left; margin-left:25px; }
#AKTUALNOSCI img {border:0;}
#AKTUALNOSCI h2 { font-weight:bold; color:#373737; font-size:11px;background: url('obr/arrow.png') no-repeat left center;padding-left:18px;line-height:11px;margin-top:18px; 
				margin: 18px 10px 0 0px; }

#AKTUALNOSCI p.glowna { color:#999999;font-size:11px;line-height:16px;margin:15px 10px 10px 0px;text-align:justify; }
#AKTUALNOSCI p.wiecej{ text-align:right; margin-right:30px; }
#AKTUALNOSCI img.linia{ margin:0; padding:0;text-align:left; float:left; }
#AKTUALNOSCI p.pozostale{font-size:11px;line-height:16px;color:#336666; margin-top:6px; margin-bottom:6px; }
#AKTUALNOSCI a.inne { color:#336666; text-decoration:none; }
#AKTUALNOSCI a.inne:hover { color:#373737; }
#AKTUALNOSCI table { border:0; padding:0; margin:0;}
#AKTUALNOSCI table td.dat { width:60px; color:#cccccc; font-size:10px; }
#AKTUALNOSCI table td.temat{ width:240px; }
#AKTUALNOSCI table td.arrow { width:10px; }


#L{width:50%;position:relative;overflow:hidden; float:left;}
#L p {font-size:11px; margin-top:20px; margin-left:2px; color:#999999; }
#L a{text-decoration:none; color:#999999;}
#L a:hover {color:#cc0033;}

#R{width:50%;position:relative;overflow:hidden; float:left;}
#R p {font-size:11px; margin-top:20px; color:#999999; text-align:right; }
#R a {color:#cc0033; text-decoration:none; letter-spacing: 1.05pt; font-weight:bold; } 
#R a:hover{text-decoration:underline;}

#STOPKA_WIDE { width:100%;background: url('obr/linia.png') repeat-x top;position:relative;overflow:visible;clear:both; height:80px; margin-top:30px;}
#STOPKA_WIDE span {color:#cc0033;}
#STOPKA_WIDE a.link {color:#cc0033; letter-spacing:1.05pt; font-weight:bold; text-decoration:none;}
#STOPKA_WIDE a.link:hover {text-decoration:underline;}
#STOPKA_WIDE p.srodek { font-size:11px; margin-top:0px; margin-left:2px; color:#999999;text-align:right; }
/*##############################################################################
ZAWARTOSC PODSTRON
################################################################################*/
#ZAWARTOSC {width:620px; position:relative; overflow:hidden; float:left; margin-left:30px;}
#ZAWARTOSC a {text-decoration:none; color:#cc0033;}
#ZAWARTOSC a:hover {text-decoration:underline;}
#ZAWARTOSC p {color:#999999;font-size:11px;line-height:16px; margin-right:10px;}
#ZAWARTOSC span {color:#cc0033;}


/*######################### KONTAKT #################################### */
#ZAWARTOSC form { margin-top:20px; }
#ZAWARTOSC input.pole { width:250px;}
#ZAWARTOSC input.przycisk { border:1px solid #537a8b; color:#686868; margin-top:10px; background-color: #fff; font-size:11px; width:100px; padding:5px; cursor:pointer; }
#ZAWARTOSC input.przycisk:hover { color:#cc0033; border: 1px solid #cc0033; }
#ZAWARTOSC p.blad {color:#cc0033;}

#ZAWARTOSC h2 { font-weight:bold; color:#373737; font-size:12px;   line-height:20px; margin: 15px 15 15 15px;}
#ZAWARTOSC h3 {font-size:12px; color:#373737; margin:10px 10px 10px 0px; }
#ZAWARTOSC ul.zaw { list-style:none; width:500px; font-size:11px; color:#999999; margin-left:30px; }
#ZAWARTOSC ul.zaw li { line-height:18px; background:url('obr/li.png') no-repeat left; padding-left:20px; font-weight:bold; }
#ZAWARTOSC img.cert {border:0; margin:10px; border:1px solid #999999; padding:5px;}
#ZAWARTOSC p.cert {text-align:center;}
#ZAWARTOSC img.cert:hover { border:1px solid #cc0033; }

#ZAWARTOSC img.galery {padding:5px; border:1px solid #999999; margin-right:10px; margin-top:10px; }
#ZAWARTOSC img.galery:hover {border:1px solid #cc0033;}

#ZAWARTOSC p.plik {line-height:40px; color:red; }
#ZAWARTOSC a.plika img {border:0px; margin:10px; vertical-align:middle;}
/*##############################################################################
ROZWIJANE MENU
################################################################################*/
#menu { position: absolute; list-style-type: none; margin-left:280px;}
#menu ul { list-style-type: none;  }
#menu li { float: left;  } /* główny przycisk menu */
#menu li li { float: none;  } /* zawartość menu rozwiniętego */


/* wygląd i zachowanie podpunktów w menu */
#menu li a {display: block;width: 150px;font-size:11px;line-height:17px;text-align: left;color: green;text-decoration: none;}
#menu li a:hover { color: #fff; text-decoration: underline;}
/* ROZWIJALNY UL */
#menu li ul { position: absolute;width:0px;height: 0px;overflow:hidden; }
#menu li:hover ul {height:223px;width:237px;background: url('obr/menubg.png') no-repeat top left;}
/* ############################################################# */
#menu li ul li{text-align:left;font-weight:bold;width:237px;background: url('obr/lista_line.png') no-repeat bottom center;}
#menu li ul li a{ color:#ffcccc; line-height:30px; padding-left:20px; background:url('obr/listabg.png') no-repeat left center; margin-left:30px; }
#MENU li ul li a:hover { text-decoration:none; }
#menu li ul li.odstep { line-height:17px; background: url('') no-repeat; }
/* GŁÓWNY PRZYCISK MENU - STYLE DODATKOWE */
#menu li a.maintyt {padding:0; width:120px; text-align:center; padding-top:10px; padding-bottom:10px; font-weight:bold; color:#000000; text-decoration:none; }
#menu li a.maintyt:hover { background:url(''); color:#666666; }
/* ############################################################# */

/*#########################################################
PRZEWIJANIE LOGOTYPÓW
###########################################################*/
.scrollable {
	/* wymagane */
	position:relative;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	width: 270px;
	height:100px;
	/* wygląd */
	margin-top:30px;
	margin-left:40px;
	margin-bottom:30px;
}
.scrollable .items { width:2000em; position:absolute; clear:both;}
.items img { border:0;}
