/************************************
    *                                   *
    *             impa.sk               *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         Volkswagen layout         *
    *                                   *
    *  Last update: 08.10.2006, 15:15   *
    *                                   *
    ************************************/


* {margin:0px; padding: 0px; }
	ul {list-style-type:none;}
	.nav {background:transparent;width:163px;float:left;height:100%;margin-top:90px;}
	.nav ul {padding: 0;}
	.nav li {margin: 0 0 6px 0; padding: 6px 0 6px 8px; background:#eeeeee; border: 0px solid #EEE;width:140px;}
	.nav li a {position: relative; top: 2px; left: 2px; display: block; width: 131px;  text-transform: uppercase; color: #000; background: url(../images/nav_shd.png) right bottom no-repeat; text-decoration: none;font-weight:normal;}
	.nav li a span {text-align:left;position: relative; top: -2px; left: -2px; padding: 0 0 0 5px; font-size: 11px; display: block; border: 1px solid #d46c57; background-color: #FFF; line-height: 25px;width:124px;height:25px;}
	.nav-1 {margin: 0 0 20px 0;}
	.nav-1 li:last-child {margin-top: 22px;}
	.nav-2 li a {color: #fff;}
	.nav-2 li a span {background:#6D6F71;border:1px solid #000;}
		.nav-4 li:hover,.nav li:hover,.nav-4 li.act, .nav li.act,.nav-2 li.act,.nav-1 li.act {background:url(../images/nav_bcg_hover.png);}

* {margin:0px; padding: 0px; }

	body {
		text-align: center;
		background: url(../images_vw/body_background1.jpg) repeat-x;
		font: normal 0.8em/1.5 Arial, Helvetica, sans-serif;
		}
	.right {float:right;}	
	.button {
		margin: 8px 0 0 0;

		background-color: #345292;
		color: #FFF;
		font-size: 11px;
		width: 120px;
		padding: 1px 9px;
		}
	.nasklade {
		font-size: 0.95em;
		}
	.nasklade tr {
		margin-bottom: 2px;
		}
	.nasklade .pair {
		background-color: #DCDEE0;
		}	
	.nasklade .title {
		font-weight: bold;
		width: 120px;
		}	
	.nasklade th {
		text-align: left;
		}
		.nasklade td, .nasklade th {
			padding: 3px 6px;
			}
	a {
		color: #000;
		}	
	h3 {
		font-size: 1em;
		margin-bottom: 4px;
		}	
	h4 {
		font-size: 0.9em;
		}	
	form p {
		margin-bottom: 8px;
		}		
	.field, textarea {
		border: 1px solid #949494;
		width: 140px;
		}
	textarea {
		width: 240px;
		}	

	legend {
		font-size: 1em;
		font-weight: bold;
		_margin-bottom: 20px;
		padding: 0 10px;
		color: #000;
		}					
	label {
		display: block;
		width: 110px;
		}
	.cleaner {
		clear: both;
		}		 
	#filter-form fieldset {
		border:0px !important;
		padding:5px 0px;
	}
	#filter-form label {
		width: 130px;
		margin-left: 10px;
		}
	#filter-form select {			
		font-size: 12px;
		width: 100px;	
		}
	#filter-form .button, #filter-form label {	
		float:none;
		display:inline;
		}					
	.hidden {
		display: none;
		}
	a img {border:none;}	
	#page {
		margin: 0 auto;
		width: 780px;}
	#head {
		height: 118px;
		position: relative;
		float:left;
		width:780px;
		background: url(../images_vw/head_background.png) bottom repeat-x;
		}
	#head #logo_vw img {
		position: absolute;
		right: 2px; top: 40px;
		}
	#sidebar {
		width: 230px;
		padding-left: 8px;
		float: left;
		min-height: 100px; _height: 100px;
		}
		#sidebar h3, #sidebar h3 a {
			color: #b11a3b;
			margin-bottom: 5px;
			font-size: 0.95em;
			text-decoration: none;
			}
			#sidebar h3 a {
				font-size: 1em;
			}
		#sidebar p {
			font-size: 0.85em;
			margin-bottom: 10px;
			}
		#container {text-align:left;}
		.inc-menu {
		background: url(../images_vw/container_background.png) repeat-y;
		float:left
		}
	.inc-menu #sidebar {
		width: 121px;
		}
	.inc-menu #sidebar ul {
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 20px;
		}	
	.inc-menu #sidebar ul li {
		list-style: outside square;
		color: #1e3d76;
		margin-bottom: 4px;
		}
		.inc-menu #sidebar ul li.external a {
			padding-right: 17px;
			=display: inline-block;
			background: url(../images_vw/external.png) right 0px no-repeat;
			}
		.inc-menu #sidebar ul li ul {
			margin-bottom: 0px;
			padding: 2px 12px;
			}
		.inc-menu #sidebar ul li ul li {
			margin-bottom: 0px;
			}	
		.inc-menu #sidebar ul li a {
			color: #1e3d76;
			font-size: 0.85em;
			font-weight: bold;
			text-decoration: none;
			}
		.inc-menu #sidebar ul li a:hover, .inc-menu #sidebar ul li ul li a:hover, .inc-menu #sidebar ul li.active a {
			color: #000;
			}
		.inc-menu #sidebar ul li.active li a {
			color: #1e3d76;
			}
		.inc-menu #sidebar ul li.active li a.active {
			color: #000;
			}	
	.inc-menu .content {
		float: right;
		width: 640px;
		font-size: 0.9em;
		padding-top: 20px;
		}
	.content h2, h2 {
		margin-bottom: 10px;
		font-size: 1.2em;
		}
	.content p {
		margin-bottom: 8px;
		}
	.content.side	 {
		padding-left:10px;
	}
	.content.side ul {list-style-type: disc; list-style-position: inside}
	.img-right {
		float: right; 
		margin: 0px 0px 5px 15px; 
    max-height: 250px
		}
	.more {
		display: block;
		text-align: right;
		}
		.more a {
			font-weight: bold;
			color: #314a8c;
			}		
	#content {
		/* width: 537px; */
		float: right;
		min-height: 100px; _height: 100px;
		}
	#foot {
		height: 27px;
		background: url(../images_vw/foot_background.png) repeat-x;
		clear: both;
		}		
	#logo, #logo a, #logo a span {
		display: block;
		position: absolute;
		width: 63px; height: 14px;
		overflow: hidden;
		cursor: pointer;
		top: 65px;
		}	
		#logo a span, #logo a {
			left: 0px; top: 0px;
			background: url(../images_vw/impa_logo.png) no-repeat;
			}		
	#main-navigation {
		position: absolute;
		top: 1px; left: 0px;
		font-family: Arial, Helvetica, sans-serif !important;		
		}
		#main-navigation li, #navigation li {
			list-style: none;
			float: left;
			}
		#main-navigation li a {
			background: url(../images/main_navigation_background.png) top right no-repeat;
			padding: 2px 3px;
			display: block;
			height: 16px;
			float: left;
			margin-right: 8px; _margin-right: 3px;
			font-size: 11px;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
			border-left: 1px solid #cdcdcd;			
			font-weight: normal !important;
			font-family: Arial, Helvetica, sans-serif !important;
			
			}
		#navigation li a.off {
			cursor: default !important;
			}	
		#main-navigation li a:hover {
			background-position: right -21px;
			color: #FFF;
			}
		#main-navigation li a.active, #main-navigation li a.active:hover {
			background: url(../images_vw/active_vw.png) top right no-repeat;
			background-position: right -1px;
			color: #000;
			}			
	#navigation {
		position: absolute;
		left: 72px; top: 70px;
		}
		#navigation a, #navigation a span {
			position: relative;
			display: block;
			float: left;
			overflow: hidden;
			height: 10px;
			margin-right: 15px;
			cursor: pointer;
			background-position: left -10px;			
			}	
			#navigation a span {
				position: absolute;
				left: 0px; top: 0px;
				}
		#navigation .active #nove span, #navigation .active #jazdene span, #navigation .active #servis span, #navigation .active #kontakt span {
			background-position: left 0px !important;
			}		
		/*
		#nove, #nove span { width: 70px;}
			#nove span { background: url(../images_vw/nove_vozidla.png) no-repeat; }
		*/
		#nove, #nove span { width: 45px; height: 13px !important; background-position: left -13px !important;}
		#nove span { background: url(../images_vw/novinky.png) no-repeat; }

		#jazdene, #jazdene span { width: 86px;}
			#jazdene span { background: url(../images_vw/jazdene_vozidla.png) no-repeat; }
		#servis, #servis span { width: 31px;}
			#servis span { background: url(../images_vw/servis.png) no-repeat; }
		#kontakt, #kontakt span { width: 41px;}
			#kontakt span { background: url(../images_vw/kontakt.png) no-repeat; }
	#vozidla {
		height: 240px;
		width: 645px;
		background: url(../images_vw/vw_cnt_bcg.png) no-repeat;
		margin: 0 0 5px 5px;
		}	
	#vozidla h1 {height: 60px;padding-top: 10px;width: 333px;position: absolute;color: #fff;background: #cc0033;text-align: center;font-size: 24px;}
	#vozidla h1 small {display: block;font-size: 14px;}
	#head h1 {text-align:left;position:absolute;font-size:14px;left:150px;top:65px;}
	#servis-vw {
		height: 126px;
		background: url(../images_vw/servis.jpg) no-repeat;
		}	
	.links {
		position: relative;
		}
	.links ul {
		position: absolute;
		right: 0px; top: 70px;
		list-style: none;
		width: 312px;
		}	
	.links ul li {
		float: left;
		}	
	.links ul a {
		display: block;
		_display: inline;
		padding: 0 5px;
		width: 141px; height: 50px;
		background: url(../images_vw/link_background.png) no-repeat;
		float: left;
		margin-left: 5px; margin-top: 5px;
		text-align: center;
		position: relative;
		font-weight: bold;
		color: #1E3D76;
		text-decoration: none;
		font-size: 0.9em;
		}	
	.links ul a:hover {
		color: #b11a3b;
		}		
		.links ul a span {
			position: relative;
			top: 12px;
			}
		.pages {
			font: normal 1em Arial, Helvetica, sans-serif;
			display: block;
			text-align: right;				
			padding-top: 20px;
			font-size: 12px;
			
 			}
			.pages a,.pages span {				
				margin: 0px 4px; 
				color: #345292;
				}
			.pages span {
				color: #000;
				}				
			
	div.onecar	 {
		border:2px solid white;
		padding:3px 0px 3px 7px;
		margin:15px 0px;
		min-height: 200px; _height: 200px;
		position:relative;
		font-size: 0.9em;
		border-left: 5px solid #E8E8E8;
		}
	.onecar img {
		position: absolute;
		top: 0px;
		width: 175px;
		}
	.descript {
		margin-top: 168px;
		/*width: 73%; */
		}	
	.onecar h3 {
		margin: 0px;
		margin-top: -3px;
		position: absolute;
		width: 77%;
		left: 190px;
		padding-bottom: 7px;
		font:bold 1.3em Arial CE, Arial, sans-serif;
		background-color: #FFF;
		}
	.onecar .popis {
		position:absolute;
		padding:0px;
		left: 190px; top: 25px;
		}
	.onecar p span {
		padding:1px 0px;		
		display:block;					
		}
	.onecar p span.pair {
		background-color: #F6F6F6;
		width:377px;			
		}
	.onecar p span.unpair {
		background-color: #E8E8E8;	
		width:377px;
		}
	.onecar p span.subtitle {
		height:16px;font-size:11px; text-transform: uppercase;
		}
	.onecar p span.lover {
		text-transform:lowercase;		
		margin-top:3px;
		}
	.onecar p strong {
		display: block;
		float: left;
		width: 105px;
		padding-left:5px;
		
		}
	.onecar .price {
		position:absolute;
		top: 25px; right: 0px;
		font-size:18px;
		display: block;
		height: 106px;	width: 200px;
		background: url(../images_vw/car_back.png) right top repeat-y;	
		}
		.onecar .price span {
			position: absolute;
			top: 10px; left: 10px;

			}
	.onecar .price strong {
		display:inline;
		_display: inline-block;		
		float: none;
		font-size:16px;
		padding-right:5px;
	}
	.onecar .price small {
		
		font-size:11px;
		
	}	

		
	#contact-form {
		padding: 5px;
		}
	
	#contact-form textarea {
		width: 180px; _width: 170px;
		}	
	#contact-form label {
		width: 100px;
		margin-bottom: 2px;
		}
	#contact-form fieldset {
		border: 1px solid #EEEEEE ;
		padding: 15px;
		}
	.field, textarea {
		border: 1px solid #949494;
		width: 140px;
		}
	textarea {
		width: 240px;
		}	
	fieldset {
		border: 2px solid #EEEEEE;
		padding: 15px;
		}
	legend {
		font-size: 1em;
		font-weight: bold;
		_margin-bottom: 20px;
		padding: 0 10px;
		color: #000;
		}					
	label {
		display: block;
		float: left;
		width: 110px;
		
		}
		div.news {
			position:relative;
			min-height: 85px; _height: 85px;
			margin-bottom: 15px;
			clear: left;
		}
		div.news h3 {
			font-size: 0.8em !important;
			font-weight: normal;
			margin:10px 0px 2px 0px;
		}
		div.news p {						
			margin:2px 0px 7px 0px;
		}
		.news h3 a {
			font-size: 1.3em;
			font-weight: bold;
			color: #263671;
			}
			.news h3 a:hover, .show a:hover {
				color: #000;
				}
		.news img {
			float: left;
			margin: 0 10px 5px 0;
			}
		.show {
			display: block;
			text-align: right;			
			}
			.show a {
				font-size: 1em;
				font-weight: bold;
				margin-right: 8px; 
				font-family:Arial CE, Arial, sans-serif;
				color: #263671
				}
	#contentin {
		padding-top: 20px;
		}				
	.float-right {
		float: right;
		width: 250px;
		}				
		
	a.icon-pdf {
		background:url('../images_vw/icon-pdf.jpg') no-repeat transparent;
		display:block;		
		float:left;
		padding:4px 0px 0px 25px;		
		margin:4px 5px 0px 15px;
		width:140px;
		}
	small#foot {position:relative;float:left;top:10px;left:10px;padding:0;background:transparent;}
	#foot  a {color:#000;text-decoration:none;}
	#foot  a span {color:#b10808;}
	#foot  a b {font-weight:normal;color:#bfbfbf;}	
	.right-img {position: relative;float: right;}
	.text {width: 188px;float: left;padding: 0 9px;}
	.text p {padding-bottom: 5px;}
	.text font {font-size: 12px;}
	.text .more a {margin: 3px 0;}