* {	margin:0; padding:0;}

body,html {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #555;
	margin:0;
	padding:0;
    background: #000 url(../gfx/bg.jpg) repeat-x top;
}

ul {list-style: none}
h1 { font-size: 20px; padding: 10px 0 10px 0; margin-bottom: 15px; color: #01aef0; border-bottom: 1px solid #01aef0; }
h2 { font-size: 18px; margin: 20px 0 10px 0; color: #ce0123; text-align: center}
h2 + img {margin-top: 10px}

h3 { font-size: 16px; padding: 10px 0 10px 0; }
h3 em {font-style: italic; font-weight: normal; font-size: 14px}


td {vertical-align: top}
p { padding: 5px 0 5px 0; font-size: 12px; color: #555; line-height: 17px}
img { border: none}
.clear {clear: both}

a, a:link, a:visited { color: #ec0517; text-decoration: none; outline: none }
a:hover { color: #bbb}
#wrapper { width: 899px; margin: 0 auto; background: transparent url(../gfx/bg_content.jpg) repeat-y; }
#top { height: 332px; width: 899px; background-color: #ccc }
	  #spimat-print-logo { display: none}

#udm > li {border-left: 1px solid #777}
#udm > li:first-child {border-left: none}


.top_links { min-height: 12px}
#menu1 { height: 72px; background: transparent url(../gfx/menu1.jpg) no-repeat;}
	#menu1_in { padding-left: 87px; padding-top: 5px; }
#content {background: transparent url(../gfx/content.jpg) no-repeat; padding-left: 100px;}
	#content_in {padding: 30px 30px 0 0;}

#footer {position: relative; height: 135px; background: #000 url(../gfx/footer.jpg) no-repeat top;}
#footer small {position: absolute; color: #fff; bottom: 42px; left: 214px; font-size: 10px}

#menu2 { width: 290px; height: 38px; float:right; padding-top: 65px; font-family: arial, verdana, sans-serif}
	#menu2 ul { list-style: none; font-size: 14px; color: #fff}
	#menu2 li { display:inline;}
	#menu2 a, #menu2 a:link, #menu2 a:visited { color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 0 5px 0 5px;}
	#menu2 a:hover {color: #ccc}

ul.start {list-style: square; padding: 0 0 0 30px}
ul.start li { padding: 3px 0 3px 3px; font-size: 14px }
	ul.start li b {color: #01aef0}
	
#udm ul {box-shadow: rgba(0,0,0,0.6) 0 1px 8px;}
.hidden {display: none}


/* Zawartosc komorki glownej -----------------------------------------*/
#content_in {height: 200px;}
html>body #content_in {height: auto; min-height: 200px}
#content_in table.content {margin: 10px 0; width: 100%; padding-bottom: 20px}
#content_in table.content td {}

#content_in table.content td.right {text-align: left}
#content_in table.content table.content p { padding: 0 0 5px 0; font-weight: bold; }

#content_in table.content td.left {width: 370px; text-align: center}

#content_in table.content.reversed td.left {padding-right: 15px; text-align: left}
#content_in table.content.reversed td.right {padding-left: 15px; text-align: left}

#content_in table.data {font-size: 12px; width: 100%; margin-bottom: 20px}
#content_in table.data caption{color: #000; font-weight: bold; font-size: 13px; padding: 10px 0 5px 0; text-align: left; text-transform: uppercase}
#content_in table.data tr.odd td, #content_in table.data tr.odd th {background-color: #ddd}
#content_in table.data tr.even td, #content_in table.data tr.even th {background-color: #eee}
#content_in table.data th {vertical-align: top; padding: 3px 15px 3px 10px; font-weight: normal; text-align: center}
#content_in table.data td {padding: 3px 10px 3px 10px; font-weight: bold; text-align: center}
#content_in table.data td:first-child, #content_in table.data th:first-child {text-align: left}

#content_in table.data.small td, #content_in table.data.small th {padding: 2px; font-size: 11px}


table.parameters {border-collapse: collapse; width: 100%; margin-bottom: 15px}
.parameters td, .parameters th { padding: 3px 5px; text-align: center; font-weight: bold; vertical-align: middle}
.parameters td {border: 1px solid #ce0123;}
.parameters th {border-left: 1px solid #fff; background-color: #ce0123; color: #fff}
.parameters th:first-child {border-left-color: #ce0123}

.parameters td strong {color: #000}

.parameters thead tr + tr {border-top: 1px solid #fff}
.parameters.review {margin: 15px 0}
.parameters.review td:last-child {text-align: left}

table.car_icons {margin: 4px 0 4px 4px }

table.parts td {padding: 0 50px 10px 0; vertical-align: middle}

.listing, .listing2 {padding: 10px 0 0 0}
.listing li, .listing2 li { float: left; display: block; width: 192px; padding: 0 0 16px 0}
.listing2 {clear: both; border-top: 1px solid #01aef0; padding-top: 18px;}
.listing li a, .listing2 li a {background: transparent url(../gfx/list-point.jpg) no-repeat 0 5px; padding-left: 8px; font-weight: normal}
.listing li a:hover, .listing2 li a:hover {background: transparent url(../gfx/list-point-gray.jpg) no-repeat 0 5px}

.container702 {width: 702px; margin: 0 auto}
.container702 > img {padding: 10px 0 10px 0}

a[rel="pdf"] {display: block; padding: 0 0 0 20px; margin: 10px 0; background: transparent url(../gfx/pdf_ico_16x16.png) no-repeat top left}


.line {margin-top: 15px; padding-top: 15px; border-top: 1px solid #01aef0;}

#thumbnail {position: absolute; z-index: 100; background: transparent url(../gfx/shadow.png) repeat-y right; border: none !important; padding: 0 !important; height: auto !important}
#thumbnail img {border: 1px solid #000; margin: -4px 14px 3px -3px}

ul.values li {list-style-type: square; list-style-position: inside; padding-bottom: 5px}
ul.values2 li {padding: 5px 0}

ul.values3 {margin: 10px 0 10px 10px}
ul.values3 li {list-style-type: square; padding-bottom: 5px;}

.centering {text-align: center; padding: 10px 0}

.note {border: 1px solid #000; padding: 15px; width: 200px; margin: 15px auto; text-align: center}

/* ACCORDION ------------------------------------------------------*/

.accordion {margin: 10px 0 20px }
.accordion dt {cursor: pointer; position: relative; font-size: 14px; font-weight: bold; color: #EC0517; padding: 8px 25px 7px;
						 background: #f0f0f0 url(../gfx/plus.png) no-repeat 10px 12px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; margin: 8px 0;
						 }
.accordion dt.active {background-image: url(../gfx/minus.png);}
.accordion dt span {position: absolute; right: 20px; top: 9px; color: #989898; font-size: 12px; font-weight: normal;} 
.accordion dd .parameters {margin: 0;}
.accordion dd .parameters th {border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

/* FORMULARZ KONTAKTOWY --------------------------------------------- */
input, textarea {
	overflow: auto;
	border: 1px solid #aab3cb;
	margin-bottom: 3px;
}	
span.star {
	padding-left:3px;
	color:#ec0517;
	font-weight:bold;
	font-size:15px;
	vertical-align: top;
}
input[type="text"],textarea {
	background:#FBFBFB;
}
input[type="text"]:focus {
	background:#FFFFEC;
	color: Highlight;
}
input.focus,textarea:focus { background:#FFFFEC;
	color: Highlight; 
}
li.error {
	font-size:11px;
	margin: 0;
	margin-left:15px;
}
input#submitButton {
	color: #fff;
	background: transparent url(../gfx/button_bg.jpg) repeat-x top;
	border: none;
	height: 23px;
	width: 70px;
	font-weight: bold;
	margin-top: 6px;
}
.sukces {
	color: #ec0517;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	padding: 80px 0 0 70px;
}
label {display: block}
fieldset { padding: 20px 20px 10px 30px; background: transparent url(../gfx/field_bg.jpg) repeat-x center; border: none}