@import url("reset.css");



body {

 /* background: url(../gfx/bg.jpg) repeat-x; */

 background: #868686 url(../gfx/bg2.jpg) top center no-repeat;

}



div#container {

 width: 999px;

 margin: 0 auto;

}



div#top-menu {

 width: 985px;

 height: 33px;

}



span.left {

 float: left;

}



span.right {

 float: right;

 color: #fff;

 font: normal 11px/32px Arial, Verdana;

}



div#top-menu span.left a {

 color: #fff;

 font: bold 11px/32px Arial, Verdana;

 background: url(../gfx/arrow.gif) center left no-repeat;

 padding-left: 10px;

 margin: 0 3px;

}



div#top, div.info {

 width: 985px;

 height: 124px;

 background: url(../gfx/top-bg.png) no-repeat;

 clear: both;

 position: relative;

}

div.info p {
 padding: 20px;
 color: #222222;
 font: normal 12px Arial;
}


div#top a.logo {

 position: absolute;

 left: 20px;

 top: 20px;

}



div#top div#lang {

 width: 555px;

 height: 50px;

 text-align: right;

 position: absolute;

 right: 20px;

 top: 18px;

}



div#top div#form {

 position: absolute;

 top: 40px;

 left: 350px;

}



div#top div#form input.txt, div#top div#form select {
 border: solid #B33C12 1px;
 border-bottom: solid #B33C12 3px;
 font: normal 11px Arial;
 color: #777;
}



div#top div#form input.query {
 color: #777;
 width: 333px;

}

div#contact-area {
height: 567px;
width: 985px;
background: url(../gfx/contact-area.png) top left no-repeat;
position: relative;
font: normal 12px Arial;
color: #222222;
}

div#top div#form input.submit {

 width: 80px;

 height: 27px;

 border: none;
 vertical-align: middle;
 background: url(../gfx/szukaj.png);
 

 cursor: pointer;

 margin: 5px 0 0 5px;

 font: normal 11px Arial;

 color: #fff;

}



div#top div#form select {

 margin-top: 16px;

 margin-right: 20px;

}



div#view-opt {

 text-align: right;

 width: 985px;

 margin: 5px 0;

 height: 20px;

}



div#view-opt span {

 color: #fff;

 font: normal 12px Arial;

}



div#view-opt select {

 color: #222222;

 font: normal 12px Arial;

 margin: 0 5px;

}



div#category-list, div#category-items {

 width: 100%;

 margin-top: 15px;

}



div#category-list a.category, ul#catbar a.category {

 display: block;

 float: left;

 width: 191px;

 height: 125px;

 background: url(../gfx/category_bg.png) 0 0;

 text-align: center;

 position: relative;

 margin: 0px 7px 15px 0px;

}




div#category-list a.category:hover, ul#catbar a.category:hover {

 background: url(../gfx/category_bg.png) 0 126px;

}



div#category-list a.category span, ul#catbar a.category span {
 display: inline;
 position: absolute;

 bottom: 15px;

 left: 0px;

 width: 100%;

 font: normal 12px Arial;

 color: #222222;

}



div#category-list a.category img, ul#catbar a.category img {

 position: absolute;

 bottom: 33px;

 left:25%;

 font: normal 12px Arial;

 color: #222222;

}



div#category-items a.item {

 display: inline-block;

 float: left;

 width: 486px;

 height: 256px;

 background: url(../gfx/cat-items.png) 0px 0px;

 text-align: left;

 position: relative;

 margin: 0px 11px 15px 0px;

}



div#category-items a.item:hover {

 background: url(../gfx/cat-items.png) 0 256px;

}



div#category-items a.item span, div#category-items a.item span.details {

 font: normal 12px Arial;
 position: absolute;
 left: 230px;
 top: 30px;
 color: #222222;

}



div#category-items a.item span.cat {

 position: absolute;

 top: 13px;

 left: 13px;

}



div#category-items a.item span.desc {

 position: absolute;

 top: 185px;

 left: 13px;
 padding-right: 10px;
 text-align: justify;
}



div#category-items a.item b.more {
 display: block;
 position: absolute;
 width:80px;height:15px;
 bottom: 7px;
 right: 6px;
  font: normal 12px Arial;
 color: #222222;
}



div#category-items a.item img.item {

 position: absolute;

 top: 45px;

 left: 13px;

}



div#category-items a.item span.details {

 position: absolute;

 top: 35px;

 left: 225px;

}


div#category-items a.item span.details b.label {

 display: inline-block;

 width: 55px;

 font-weight: bold;

 line-height: 21px;

}



div#page-nav {

 width: 985px;

 text-align: center;

 clear: both;

 margin: 15px 0;

}



div#page-nav a {

 display: inline-block;

 width: 34px;

 height: 34px;

 background: url(../gfx/nav.gif);

 margin: 0 3px;

 font: bold 14px/34px Arial;

 color: #403524;

}



div#page-nav a:hover {

 color: #B33C12;

}



div#item-desc {
min-height: 567px;
width: 985px;
background: url(../gfx/item-bg.png) bottom left no-repeat;
font: normal 12px Arial;
color: #222222;
margin-bottom:4px;	
float: left;
}

div#item-desc div.itemcat {
 position: relative;
 width: 985px;
 height: 33px;
 background: url(../gfx/itemcategory.png)
}

div#item-desc div.itemcat span.cat a {
 color: #222222;
}


div#item-desc div#photo {
background: #fff url(../gfx/photo-bg.png) top left repeat-x;
width: 503px;
height: 379px;
border: solid #d9dad7 1px;
float: left;
margin-left:20px;
}

div#item-desc span.cat {
 position: absolute;
 top: 14px;
 left: 22px;
}

div#item-desc span.desc-label {
 width: 105px;
 height: 32px;
 display: block;
 border: solid #d9dad7 1px;
 text-align: right;
 line-height: 32px;
 padding-right: 8px;
 background: none;
}

div#page-nav a.desc-label {
 width: 105px;
 height: 32px;
 display: inline-block;
 border: solid #d9dad7 1px;
 background: #f6f6f6;
}

div#item-desc span.desc-value {
 width: 200px;
 text-align: left;
 padding-left: 10px;
}

div#item-desc span.year-label {
 background: #f6f6f6;
 float: left;

}

div#item-desc span.year {
 background: #f6f6f6;
 float: left;
 margin-left: 8px;
}


div#item-desc span.brand-label {
 background: #f6f6f6;
 float: left;
 }

div#item-desc span.brand {
 background: #f6f6f6;
 float: left;
 margin-left: 8px;
}

div#item-desc span.type-label {
 background: #f6f6f6;
 float: left;
 }

div#item-desc span.type {
 background: #f6f6f6;
 float: left;
 margin-left: 8px;
}

div#item-desc span.price-label {
 background: #d5d5d4;
 border: solid #e3e6de 1px;
 float: left;
}

div#item-desc span.price {
 background: #f6f6f6;
 float: left;
 margin-left: 8px;
}


div#item-desc span.id {
 width: 74px;
 height: 74px;
 background: #f6f6f6;
 text-align: center;
}

div#item-desc span.status {
 width: 74px;
 height: 74px;
 text-align: center;
 background: #f6f6f6;
 margin-top: 8px;
}

div#item-desc span.desc {
 display: block;
 width: 435px;
 float: left;
 line-height: 1.5em;
 text-align: justify;
}

div#item-desc div.right-desc {
 float: right;
 margin-right:16px;;
 width: 435px;
}

div#item-desc div.right-desc div.boxes {
 width: 435px;
}

div#item-desc div.right-desc div.boxes div.bleft {
 float: left;
}

div#item-desc div.right-desc div.boxes div.bright {
 float: right;
}


div#item-desc div#photo img {

padding: 9px;

}



div#item-desc div#item-photos {

 width: 800px;

}



ul#item-photos li a.lbox img {

 background: #fff;

 border: solid #bebebe 1px;

 padding: 8px;

}





div.image_border img.item,  a.item img.item {

 background: #fff;

 border: solid #bebebe 1px;

 padding: 6px;margin: -5px 0 0 0;

}





div#view-opt span.prev-next  {

 float: left;

}



div#view-opt span.prev-next a, div#view-opt a {

 color: #fff;

 font: bold 12px Arial, Verdana;

 margin-right: 12px;

}



a.print {

 background: url(../gfx/print.png) left center no-repeat;

 padding-left: 20px;

}



a.ask {

 background: url(../gfx/ask.png) left center no-repeat;

 padding-left: 20px;

}


a.pdf {

 background: url(../gfx/pdf.png) left center no-repeat;

 padding-left: 20px;

}



div#footer {

 width: 100%;

 height: 121px;

 background: url(../gfx/footer.jpg) top left no-repeat;

 clear: both;

 margin: 15px auto;

 position: relative;

}



div.box {

 float: left;

 width: 190px;

 height: 89px;

 padding-left: 45px;

 margin-top: 13px;

}



div.box p {

 font: normal 12px Arial;

 color: #fff;

 padding-left: 10px;

 line-height: 20px;

}



div.box p a {

 color: #fff;

}



img.arrow {

 vertical-align: middle;

 margin-right:10px;

}



div.sales {

 background: url(../gfx/sales.png) top left no-repeat;

 margin-left: 45px;

}



div.office {

 background: url(../gfx/office.png) top left no-repeat;

}



div.mail {

 background: url(../gfx/mail.png) top left no-repeat;

}



div.skype {

 background: url(../gfx/skype.png) top left no-repeat;

}



div#footer div.adress {

 width: 100%;

 position: absolute;

 left: 0;

 top: 85px;

 text-align: center;

 font: normal 12px Arial;

 color: #fff;

}



div#footer div.stat {

 position: absolute;

 right: 25px;

 bottom: 10px;

}





img.convert {

 cursor: pointer;

 vertical-align: middle;

 margin-left: 6px;

}





#tooltip {

	position:absolute;

	z-index:30000;

	padding:3px;

	background:#363636;

	color:#FFF!important;

	font: normal 12px Arial;

}



#tooltip div {

	margin:0;

	background:#808080;

	padding:5px;

	font-size:0.9em;

}



#tooltip h3 {

	color:#fff;

	font-weight:bold;

	padding:5px;

	margin:0;

	background:#222222;

}

div#gmap {
 position: absolute;
 border: solid #cfcfcf 1px;
 background: #fff;
 padding: 7px;
 top: 17px;
 right: 30px;
}

div#contact_data {
 position: absolute;
 top: 17px;
 left: 20px;
}


div#item-desc h2.catheader {
 width: 940px;
 margin-left: 22px;
 font: normal 20px Arial;
 border-bottom: solid #9f9f9f 2px;
 clear:both;
 padding-top: 15px;
}

div#item-desc table.spis {
 margin-left: 22px;
 margin-bottom: 22px;
}

div#item-desc table.spis tr.head th {
 background: #F6F6F6;
 border-bottom: solid #9f9f9f 2px;
}

div#item-desc table.spis tr td {

  line-height:20px;
	padding-left: 10px;
}

div#item-desc table.spis tr td a {
 color: #222222;
 line-height:30px;
}

div#item-desc table.spis tr td a:hover {
 color: #9f9f9f;
}

td.nrid, td.rok, td.cena, th.nrid, th.rok, th.cena {
 width: 100px; text-align: left;
}

td.cena {
text-align: right;
}

td.marka, th.marka {
 width: 280px;text-align: left;
}
td.typ, th.typ {
 width: 290px;text-align: left;
}

/* tables */

table.spis thead tr.head th, table.spis tfoot tr th {
	background-color: #e6EEEE;

	font-size: 8pt;
	padding: 4px;
}
table.spis thead tr.head th.header {
	background-image: url(../gfx/bg.gif)!important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	cursor: pointer !important;
}
table.spis tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.spis tbody tr.odd td {
	background-color:#F0F0F6 !important;
}
table.spis thead tr.head th.headerSortUp {
	background-image: url(../gfx/asc.gif) !important;
}
table.spis thead tr.head th.headerSortDown {
	background-image: url(../gfx/desc.gif) !important;
}
table.spis thead tr.head th.headerSortDown, table.spis thead tr.head th.headerSortUp {
background-color: #939393 !important;

}
tr.wiersz {
border-bottom: solid #d4d4d4 1px;
}
.spis tbody tr.wiersz:hover td, .spis tbody tr.wiersz:hover th, .spis tbody tr.even:hover td, .spis tbody tr.even:hover th {

	background-color:#FFCFCF;

}

table.spis tr.odd:hover td {
background-color:#FFCFCF !important;
}