*{
	margin:0px;
	padding:0px;
	border:0px;
	outline: none;
}
a{
	color:black;/*#cf151e;*/
	text-decoration: underline;
}
html, body {
    padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: Arial, Arial CE, sans-serif;
	font-weight: normal;
	background: url(../img/kia_bg1.jpg) black;
	background-repeat: repeat-x;
	color:#313131;
}
#KIA_TOP{
	width:996px;
	height:111px;
	background: url(../img/kia_top.gif);
}
#KIA_HEADER{
	width:980px;
	height:307px;
	background: url(../img/kia_header.jpg);
	overflow:hidden;
	position:relative;
}
#KIA_NEWS{
	position:absolute;
	top:18px;
	left:684px;
	
}
#KIA_L1{
	position: relative;
	margin: 0 auto;
	width:996px;
	background: url(../img/kia_bg2.jpg) black;
	background-repeat: repeat-x;
	padding-bottom:8px;
}
#KIA_L2{
	position: relative;
	margin: 0 auto;
	width:980px;
	background: url(../img/kia_bg3.gif);
	background-repeat: repeat-y;
}
#KIA_LEFT{
	width:316px;
	float:left;
	margin-left:2px;
}
#KIA_RIGHT2{
	position:relative;
	width:650px;
	margin-right:2px;
	float:right;
	display: inline;
	/*background:url(../img/kia_art2.gif);*/
}
#KIA_RIGHT{
	padding-top:140px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	width:630px;/*650*/
	float:right;
	background:url(../img/kia_art1.gif) no-repeat;
	display: inline;
}
#KIA_MENU{
	width:980px;
	height:51px;
	background: url(../img/kia_menu.gif);
}

/**/
#KIA_RIGHT img{
	padding: 1px 1px 8px 1px;
	background: #3b3b3b;
	margin:5px;
	
}
#KIA_RIGHT .mod_article{
	margin-left:5px;
	margin-right:5px;
	float:left;
	line-height:18pt;
	display:inline;
}
h1{
	position:absolute;
	top:45px;
	left:42px;
	font-size:28px;
	color:#484848;
}
.mod_breadcrumb{
	position:absolute;
	top:72px;
	left:45px;
	z-index:5;
	font-size:8pt;
	color:gray;
}
#KIA_RIGHT .mod_article ul{
	margin-left:20px;
}
.mod_breadcrumb a{
	color:#808080;
}

/* menu */
#nav, #nav ul { /* all lists */
	font-size:0px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a{
	color:#cfcfcf;
}
#nav .level_2{
	opacity:0.8;
	filter:alpha(opacity=80);
	font-size:10pt;
	line-height:18pt;
	z-index:6;
	color:white;
	background:black;
}
.level_2 a, .level_2  span {
	padding-left:10px;
	text-decoration:none;
}
.level_2 a:hover{
	font-weight:bold;
}
#nav a, #nav span{
	display: block;
	width: 200px;
}

#nav li { /* all list items */
	float: left;
	/*width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* elementy menu*/
#nav li .menu_kia{
	background:url(../img/kia_menu_1.gif);
	height:49px;
	width:212px;
}
#nav li .menu_uzywane, #nav li .menu_uzywane span {
	background:url(../img/kia_menu_5.gif);
	height:49px;
	width:208px;
}
#nav li .menu_uslugi{
	background:url(../img/kia_menu_2.gif);
	height:49px;
	width:216px;
}
#nav li .menu_naprawy{
	background:url(../img/kia_menu_3.gif);
	height:49px;
	width:224px;
}
#nav li .menu_ofirmie{
	background:url(../img/kia_menu_4.gif);
	height:49px;
	width:120px;
}
#nav li .menu_kia:hover, #nav li .menu_naprawy:hover, #nav li .menu_uslugi:hover, #nav li .menu_ofirmie:hover, #nav li .menu_uzywane:hover{
	background-position: 0px 2px;
}
/* Menu male gorne */
.kia_t_menu{
	float:right;
	display:inline;
	margin-right:8px;
	width:455px; 
	height:30px; 
	overflow:hidden
}
.kia_t_menu a:hover{
	background-position: 0px -2px;
}
.t_menu_1{
	width:88px;
	height:30px; 
	float:left;
	background:url(../img/kia_t_menu_1.gif) #e3e3e3 no-repeat;
}
.t_menu_2{
	width:94px;
	height:30px; 
	background:url(../img/kia_t_menu_2.gif) #e3e3e3 no-repeat;
	float:left;
}
.t_menu_3{
	width:105px;
	height:30px; 
	background:url(../img/kia_t_menu_3.gif) #e3e3e3 no-repeat;
	float:left;
}
.t_menu_4{
	width:79px;
	height:30px; 
	background:url(../img/kia_t_menu_4.gif) #e3e3e3 no-repeat;
	float:left;
}
.t_menu_5{
	width:89px;
	height:30px; 
	background:url(../img/kia_t_menu_5.gif) #e3e3e3 no-repeat;
	float:left;
}

/* Lista wszystkich uzywanych */
.layout_simpletable{
	width: 620px;
	margin: auto;
}
.layout_simpletable img{
	margin: 5px;
	padding:1px 1px 1px 6px;
	background:#252525;
}
.layout_simpletable .even{
}
.layout_simpletable .odd{
	background: #f2f2f2;	
}
.layout_simpletable .header{
	background:#252525;
	color:#e1e1e1;
	padding:5px 0 5px 0;
}
.layout_simpletable  .field{
	padding:5px;
	text-align:center;
} 	
.layout_simpletable  .marka, .layout_simpletable  .model{
	font-weight: bold;
}
.layout_simpletable  .cena{
	color: #af0000;
	font-weight: bold;
}
.layout_simpletable a{
	color:#000000;
}
.layout_simpletable a:hover{
	background:#e9e9e9;
}

/* pojedynczy*/
.foto2 .label, .foto3 .label{
	position:absolute;
	left:-2000px;
}
.foto2{
	float:right;
	/*
	position:relative;
	left:400px;
	margin:8px;*/
}
.foto3{
	float:right;
/*
	position:relative;
	left:400px;
	margin-top:12px;
*/
}
.mod_catalogreader .marka, .mod_catalogreader .model , .mod_catalogreader .silnik, .mod_catalogreader .rok, .mod_catalogreader .cena, .mod_catalogreader .przebieg{
	/*position:relative;
	top:-400px;*/
	padding: 1px 1px 8px 1px;
	background: #eeeeee;
	border: solid #cccccc 1px;
	border-bottom: solid #cccccc 8px;
	margin:8px;
	width:600px;/*620*/
}
.foto2 img, .foto3 img{
	padding: 1px 1px 8px 1px;
	background: #cccccc;
}
.label{
	font-weight:bold;
}
.label, .value{
	padding-left:15px;
}

/* aktualnosci */
.layout_full h1, h2{
	font-size:14px;
	color:#484848;
}
.layout_full a{
	color:#484848;
	text-decoration:none;
}
.layout_full .more a{
	text-decoration: underline;
}
.mod_newslist h1{
	position:relative;
	top:55px;
	left:172px;
}
.mod_newslist .teaser, .more{
	position:relative;
	top:30px;
}
.mod_newslist .info{
	position:relative;
	left:11px;
}
.mod_newsreader h1{
	font-size:30px;
}
.mod_newsreader .info{
	font-weight:bold;
}
.layout_full{
	width:100%;
	/*border: 1px solid black;*/
	clear:both;
}
.mod_newslist .layout_full{
	margin-top:-20px;
}
.layout_full img{
	padding: 1px 1px 8px 1px;
	background: #bebebe;
}

/* Easy Slider */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:273px;
		height:273px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		position:relative;
		top:-42px;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#f7f5f8;
		color:#434343;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#dedcdf;
		color:#434343;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */

/* TABS */
.tabs{
	position:relative;
	top:-35px;
}
.panes{
	position:relative;
	top:-25px;
}
ul.tabs { 
	list-style:none; 
	margin:0; 
	padding:0;	
	/*border-bottom:1px solid #666;*/	
	height:30px;
}
/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin-right:23px;
	list-style-image:none !important; 
}
/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/tools/img/tabs/blue.png) no-repeat -420px 0;
	font-size:14px;
	font-weight:bold;
	display:inline;
	height: 30px;  
	line-height:30px;
	margin:10px;
	text-align:center;	
	text-decoration:none;
	color:#484848;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}
ul.tabs a:active {
	outline:none;		
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#585858;
	top:-2px;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }
/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }
/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
.panes div{
	width:620px;
}

/* Galleria */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

