/*

	http://www.vwuzytkowe.pl
	Volkswagen - Samochody u�ytkowe

*/

html, body {
	height: 100%;
}


/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl,
	dt, dd, li, address, form, fieldset, hr, blockquote, object, param {
		margin: 0;
		padding: 0;
		border: 0; 
		z-index:1;
	}
	
	img, fieldset { border: none; }
	a { text-decoration: none; }
	li { list-style: none; }
	a img { border: 0;}
	label { cursor: pointer; }
	abbr{cursor: help;border-bottom:1px dotted #000000}
	table{ border-collapse: collapse;}



/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

	
h1{font-size: 18px;}
h2{font-size: 12px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.clear{
	clear:both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}
address { 
 	display:inline;
 	font-style:normal;
}
hr{
	font-size:0px;
	color:#ffffff;
	margin-bottom:20px;
}

/* =main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body{
    color:#000000;
	font-family: "Arial",Verdana,Arial,sans-serif;
	font-size: 11px;
}
#bg{
	background: url(site.jpg) #ffffff repeat-x;
	min-height:93%;
	margin-bottom:5px;
	height:auto;
	position: relative;
}
#bg-mapa{
	background: url(site-2.jpg) #ffffff repeat-x;
	min-height:93%;
	margin-bottom:5px;
	height:auto;
	position: relative;
}
* html  #bg{ height:93%;}
* html  #content{ height:650px;}
#wrapper, #footer-container{
	width: 781px;
	border-right:1px solid #ffffff; 
}
.clearfooter{
	clear:both;
	height:10px;
}

/* =header element`s
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header-container{
	height: 101px;
	overflow:hidden;
	position:relative;
}
#header-container ul{
	text-align:right;
	position:relative;
	top:5px;
	font-size:10px;
}
#header-container ul li, #footer-container ul li{
	display: inline;
	margin-right:2px;
	margin-left:2px;
	color:#9999A3;
}
#header-container p a{
	margin-left:33px;
}
#header-container ul#menu{
	position:absolute;
	right:0px;
	top:85px;
	font-weight:bold;
	font-size:11px;
}
#header-container ul#menu li{
	margin:0px 10px 0px 11px;
}
#header-container ul#menu li img{
	vertical-align: bottom;
}
/* =intro element`s
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#intro-container{
	background:url(body.jpg) repeat-y #F6F5F4;
	height:350px;
	overflow:hidden;
	position:relative;
}
.mapa #intro-container{
	height:159px;
}
#intro-container h1{
	padding-top:40px;
	margin-left:15px;
	margin-bottom:7px;
	
}
#intro-container p, #intro-container ul{
	margin-left:1px;
}
.about #intro-container p, .about #intro-container ul{
	margin-left:0px;
}
#intro-container h1 img, #intro-container p img, #intro-container object{
	vertical-align: top;
}
#intro-container ul li{
	display:inline;
	border-left:1px solid #000000;
	height:40px;
	float:left;
}
.about #intro-container ul li{
	border-left:1px solid #14211B;
}
#intro-container ul.second-level{
	padding-top:3px;
	position:absolute;
	top:0px;
	display:none;
}
#intro-container ul.second-level li{
	border:none;
	font-weight:normal;
	display:block;
	float:none;
	height:auto;
	line-height:16px;
}
#intro-container ul.sitemenu_transporter{
	left:15px;
}
#intro-container ul.sitemenu_transporter-two{
	left:280px;
}
#intro-container ul.sitemenu_transporter-three, #intro-container ul.sitemenu_crafter-four, #intro-container ul.sitemenu_caddy{
	left:580px;
}
#intro-container ul.sitemenu_crafter{
	left:15px;
}
 #intro-container ul.sitemenu_crafter-two{
    left:240px;
}
 #intro-container ul.sitemenu_crafter-three{
    left:370px;
}
#intro-container ul li.first{
	border:none;
}
#intro-container ul{
	height:40px;
	font-weight:bold;
} 
#intro-container dl{
	float:left;
}
#intro-container dt{
	height:240px;
}
#intro-container dd{
	height:28px;
	text-align: center;
	font-weight:bold;
}
#intro-container dt img, dd img, #body-container dt img, #intro-container ul img,#body-container h2 img{
	vertical-align:bottom;
}
dl#Caddy{
	width:263px;
	margin-right:1px;
}
dl#Caddy dd{
	background:url(bar-candy.jpg) repeat-x #C46954;
}
dl#Transporter{
	width:257px;
	margin-right:1px;
}
dl#Transporter dd{
	background:url(bar-trans.jpg) repeat-x #5B9FCB;
}
dl#Crafter{
	width:259px;
}
ul#Caddy{
	background: url(bar-candy.jpg) repeat-x #945242;
}
ul#Transporter{
	background: url(bar-trans.jpg) repeat-x #4D7E9E;
}
ul#Crafter{
	background: url(bar-crafter-site.jpg) repeat-x #50826E;
}
dl#Crafter dd{
	background:url(bar-crafter.jpg) repeat-x #56BF92;
}
/* =body element`s
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#body-container{
	overflow:hidden;
	margin-bottom:20px;
}
#body-container dl{
	float:left;
	margin:20px 7px 7px 7px;
}
#body-container dd{
	padding-top:0px;
}
#body-container dd li{
	margin: 5px 5px 5px 0px;
}
#body-container dt{
	color:#646464;
	font-size: 11px;
	font-weight:bold;
}
#body-container ul#submenu{
	width:180px;
	border-top:1px solid #ccc;
	margin-right:1px;
	padding-top:4px;
	margin-top:50px;
	float:right;
	bottom:0px;
	right:0px;
}
#body-container #left-bar{
	position: relative;
	height:610px;
	overflow:hidden;
}
.about #body-container #left-bar{
	position: relative;
	height:600px;
}
.mapa #body-container #left-bar{
	position: relative;
	height:140px;
}
#body-container #left-bar ul#submenu{
	width:180px;
	border-top:1px solid #ccc;
	margin-left:12px;
	padding-top:4px;
	float:none;
	position:absolute;
	bottom:0px;
	left:0px;
}
.mapa #body-container #left-bar ul#submenu{
	border-top:none;
}
#body-container ul#submenu li{
	margin:3px 0px 3px 0px;
	list-style-image: none;
	list-style-position: outside;
	background: url(li.jpg) no-repeat 0px 3px;
	padding-left:10px;
}
#body-container ul li{
	margin:3px 0px 3px 0px;
	list-style-image: none;
	list-style-position: outside;
	background: url(li_blue.jpg) no-repeat 0px 3px;
	padding-left:10px;
}
#body-container #left-bar{
	width:199px;
	float:left;
	padding-right:1px;
}

/* site menu */
#body-container #left-bar #sitemenu{
	margin-left:12px;
	margin-top:20px;
	width:174px;
}
#sitemenu ul{
	margin-left:8px;
}
#body-container .blue ul li{
	margin:3px 0px 3px 0px;
	list-style-image: none;
	list-style-position: outside;
	background: url(site-menu-marker.gif) no-repeat 0px 3px;
	padding-left:20px;
}
#body-container .blue ul li#zabudowy-caddy, 
#body-container .blue ul li#zabudowy-transporter, 
#body-container .blue ul li#zabudowy-crafter,
#body-container .green ul li#zabudowy-caddy, 
#body-container .green ul li#zabudowy-transporter, 
#body-container .green ul li#zabudowy-crafter{
	margin:3px 0px 3px 0px;
	list-style-image: none;
	list-style-position: outside;
	background: none;
	padding-left:20px;
}
#body-container .blue ul li ul, #body-container .green ul li ul{
	margin-left:0px;
}
#body-container .blue ul li ul li, #body-container .green ul li ul li{
	list-style-position: outside;
	padding-left:15px;
	
}
#body-container .green ul li{
	margin:3px 0px 3px 0px;
	list-style-image: none;
	list-style-position: outside;
	background: url(site-menu-marker-green.gif) no-repeat 0px 3px;
	padding-left:20px;
}
.blue{
	border: 1px solid #B2BCC5;
	background: #CDD9E5;
	color:#616B75;
}
.green{
	border: 1px solid #B2BCC5;
	background: #D3DDDD;
	color:#6F7A74;
}
/* -- site menu */

#body-container #content{
	width: 579px;
	float: left;
}
#body-container #content .left{
	width:280px;
	float:left;
	margin-right:10px;
}
#body-container #content .right{
	width:280px;
	float:left;
}
#body-container #content ul{
	padding-top:15px;
}
#body-container #content ul li{
	list-style-image: none;
	list-style-position:outside;
	height:30px;/*to delete*/
	margin-bottom:20px;
	background:none;
}
#body-container #content ul li span{
	position:relative;
	bottom:15px;
	margin-left:10px;
}
#body-container #content div.maps-block{
	background:#F0F0F5;
	width:283px;
	margin-top:10px;
	padding-bottom:7px;
}
#body-container #content div.maps-block p{
	background:#D7D7D7;
	padding:4px;
}
#body-container #content div.maps-block ul{
	padding-top:0px;
}
#body-container #content div.maps-block ul li{
	padding-top:0px;
	margin-bottom:0px;
	height:auto;
}
.maps-block li{
	background:#D7D7D7;
	padding:0px;
	margin:0px;
	height:auto;
}
#body-container h2{
	border-bottom:1px solid #A6A6AA;
	padding:28px 0px 24px 10px;
	color:#656565;
}
.about #body-container h2{
	border-bottom:1px solid #ACB0A1;
	padding:28px 0px 24px 10px;
	color:#6C705A;
	margin-bottom:20px;
}
#body-container h4{
	font-size: 11px;
	font-weight:bold;
	color:#5E9B81;
	margin-bottom:10px;
	padding-top:10px;
}
.about #content .box {
	margin-top:20px;
	display:block;
}
.about #content .box h4,.about #content .box p{
	padding-left:2px;
}
.box img{
	margin-right:20px;
}

/* =footer element`s
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-container{
	color:#9999A3;
	font-size:10px;
	position:relative;
	padding-bottom:18px;
	clear:both;
	height:10px;
}
#footer-container ul{
	margin-left:12px;
	display: inline;
}
#footer-container ul.go-to{
	position: absolute;
	right:0px;
	
}

/* =links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a{
	text-decoration: none;
	color:#000000;
	outline:none;
}

a:active, a:hover{ text-decoration:underline;}
a:link { text-decoration:none; }
a:visited { text-decoration:none;}

#header-container ul li a, #footer-container ul li a{
	color:#9999A3;
}
#header-container ul li a:hover, #footer-container ul li a:hover, #body-container ul a:hover{
	text-decoration:underline;
}
#body-container #content ul a:hover{
	text-decoration:none;
}
#body-container ul li a{
	color:#000000;
}
#body-container ul#submenu li a, #body-container #content ul a{
	color:#45658C;
}
dd a, li a{
	color:#ffffff;
}
#sitemenu.blue a.main{
	background:#AEBBCC;
}
#sitemenu.green a.main{
	background:#B4C2C2;
}
.blue p a{
	font-weight:bold;
	display: block;
	padding:5px;
	background: #BECAD8;
	padding-left:8px;
}
.green p a{
	font-weight:bold;
	display: block;
	padding:5px;
	background: #C4D0D0;
	padding-left:8px;
}
#body-container .blue ul li a{
	color:#666C72;
}
#body-container .blue ul li a:avtice{
	color:#000000;
}
#body-container .green ul li a{
	color:#6E7766;
}
#body-container .green ul li a:active{
	color:#000000;
}
#intro-container ul.second-level li a{
	color:#878791;
}
#intro-container ul.second-level li a:hover{
	color:#000000;
}
#body-container #content  ul.nav li a:hover{
	text-decoration:underline;
}
li#zabudowy-list li.active a{
	color:#000000;
}
li#modele-list li.active a, li.active a, li#zabudowy-caddy li.active a, li#zabudowy-transporter li.active a, li#zabudowy-crafter li.active a{
	color:#000000;
}
ul#modele-list li{
	cursor:pointer;
}
#body-container #content  ul.nav a{color:#000000}

/* =404 page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#error{
   width: 300px; 
   margin: auto;
   position:relative;
   top:160px;
   overflow:hidden;
   color:#000000;
   font-family: "Verdana",Arial,sans-serif;
   font-size: 10px;
   text-align: center; 
   line-height:16px;
}
#error small{line-height:25px;color:#bbbbbb;}


/* =Download page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table#download{
	width:100%;
	margin-top:20px;
	border-spacing:1px;
	border-collapse: separate;
}
table#download th{
	background:#C1D1E0;
	width:50%;
	text-align:left;
	padding:4px;
}
table#download td{
	width:50%;
	background:#E7E8EA;
	padding:4px;
}
table#download td a:hover{
	text-decoration:underline;
}
.subsite-title{
	margin:20px 0px 10px 0px
}
table#download td img{
	vertical-align: bottom;
	margin-right:7px;
}

/* =Equipment page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.equi{
	border-top:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
	margin:0px;
	border-collapse: collapse;
}
table.equi th{
	font-weight:normal;
}
table.equi thead th{
	background:#F0F0F5;
}
table.equi td, table.equi th{
	border-right:1px solid #D4D4D4;
}
table.equi th.first{
	width:202px;
	text-align:left;
}
table.equi tr.bg{
	background:#F0F0F5;
}
table.equi tbody td, table.equi tbody th{
	padding:8px;
}
table.equi tbody th{
	width:202px;
	text-align:left;
}
table.equi tbody td{
	text-align:center;
}
.table-head{
	margin:0px;
	background:#D4D4D4;
	padding:5px 0px 5px 0px;
	text-align:right;
	clear:both;
}
.table-head span{
	margin:0px 7px 0px 10px;
}
#body-container #content ul.tab-menu li {overflow:hidden;}
#body-container #content ul.tab-menu li{
	list-style-image: none;
	list-style-position:outside;
	height:10px;
	margin-bottom:0px;
	background:#F0F0F5;
	display:block;
	float:left;
	padding:5px 5px 10px 0px;
	width:100px;
	margin:0px 1px 1px 0px;
	text-align:center;
}
#body-container #content ul.tab-menu li.w{
	width:144px;
	cursor:pointer;
}
#body-container #content ul.tab-menu li.z{
	width:127px;
	cursor:pointer;
}
#body-container #content ul.tab-menu li.f{
	width:132px;
	cursor:pointer;
}
#body-container #content ul.tab-menu li.b{
	width:153px;
	cursor:pointer;
	margin:0px 0px 1px 0px;
}
table#zewnetrze, table#wnetrze, table#bezpieczenstwo{display:none;}