﻿* {margin: 0; padding: 0;}
body {background: url(../images/background.gif) #2C2C2C; text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
#container {padding: 1em; margin: 0 auto; text-align: left; width: 950px; position: relative}
#top {margin-left: 167px; text-align: center; position: relative; width: 767px;}
#top #left {float: left; width: 120px; text-align: left;
	margin: 35px 0 0 12px;}	
#top #right {float: right; width: 120px; text-align: right;
	margin: 35px 12px 0 0; color: #FFD300;}
#top a {text-decoration: none; color: #FFFFFF;}
#top a:hover {color: #FFD300;}
#leftnav {position: absolute; left: 9px; top: 62px; width: 167px;
	text-align: right;}
#leftnav ul {list-style: none; padding: 1em;
	font: 22px "Arial Narrow", Arial;}
#leftnav li {padding: .3em 0 .5em 0}
#leftnav a {color: #b5b5b5; text-decoration: none}
#leftnav a:hover {color: #999999;}

#racing_teams {display: none;}
#racing_teams ul {padding: 0; margin: 0;}
#racing_teams ul a {color: #ddd;}

#center {width: 275px; height: 51px;}
#main {margin-left: 167px; position: relative;}
#main h1 {font: 22px "Arial Narrow", Arial; color: #b5b5b5;
	margin: 0 0 .25em 0}
#main h1 img {padding: 0; margin: 0; border: 0}

#contentContainer {width: 767px;}
#roundContentTop {width: 767px; height: 14px; background: url(../images/main_01.jpg) no-repeat top left;}
#roundContentBot {width: 767px; height: 14px; background: url(../images/main_03.jpg) no-repeat top left;}
div.topSmall {width: 767px; height: 14px; background: url(../images/main_01.jpg) no-repeat top left; margin: 0; padding: 0;}
div.topHome {width: 767px; height: 308px; margin: 0; padding: 0;}
.content {padding: 1em; overflow: auto; background: url(../images/home_02.jpg) repeat-y;}
.content p {font: 9px; line-height: 1.3;}
.content img {margin: .5em; border: 1px solid #CCCCCC;}
.content a {display: block; text-decoration: none; color: #999999; text-align: right; padding: 0 .5em}
.content a:hover {color: #FFD300;}
.content em {font: bold 9px verdana; color: red}

#frontNews {float: left; width: 32%; border-right: 1px solid white;}
#frontGallery {float: right; width: 32%;}
#frontMod {width: 32%; margin: 0 auto;
	border-right: 1px solid white}
#newsGallery {float: right; width: 33%; overflow: auto}
#newsGallery img {float: left}
#newsGallery h1 img {float: none}
#news {margin-right: 35%}
#news h1 {clear: left;}
#news div {text-align: justify; font: 11px; margin-bottom: 2em; overflow: auto}
#news p {padding: 0 0 .5em 0; line-height: 1.5}
#news a {display: inline; color: #999999; text-decoration: none; 
	border-bottom: 1px dotted #CCCCCC; padding: 0;}
#news a:hover {color: #FFD300; border-bottom-style: solid;}
.content ul, .content ol {padding: .5em 2.5em}
.content li {margin: .5em}

#gallery {text-align: left; padding: 0 2em; min-height: 400px}
#gallery p img{float: left;}

#stronicowanie {clear: both; text-align: center;}
#stronicowanie a {display: inline;}

/*#about p {padding: 0 0 1em 0; line-height: 1.8; font-size: 13px; text-align: justify}*/
#about {padding: 1em}

#fotos {float: left; width: 175px;}
#fotos img {margin: 0 0 .5em 0; border: 0; float: left; clear: left}
#list {float: right; width: 195px; text-align: right}
#list img {border: 0}
#list ul {font: 9px Verdana, Arial, Helvetica, sans-serif; list-style: none;
	margin: 0; padding: 0}
#list li {margin: .5em 0; padding: 0; float: right; clear: right}
#list a {color: #FFFFFF; width: 120px;}
#list a:hover {background-color: #333333;}
#list strong {font-weight: normal; color: #999999}
#text {margin: 0 200px 0 195px; position: relative; z-index: 100}
#text h1 strong {font-weight: normal; color: #FFFFFF;}
#text p {font: 10px Verdana, Arial, Helvetica, serif; text-align: justify}
#text p strong {font-weight: normal; color: #999999;}
#text div {padding: .5em 0 .5em 0}
#racerGallery {clear: both; margin: 1em 0; padding: 1em; position: relative; z-index: 100}
#racerGallery p img {float: left; border: 0; margin: .25em}

#contact {padding: 0 1.5em; font-size: 14px; min-height: 400px}
#contact h1 {margin-bottom: 2em;}
#contact label {display: block;	width: 100px; float: left; color:#999999}
#contact div div {margin-left: 100px}
#contact div {margin: 1em 0}
#contact a {display: inline; padding: 0; border-bottom: 1px solid #CCCCCC}

#offer {margin-right: 195px;}
#categoryList {width: 135px; float: right; text-align: right}
#categoryList ul {font: 9px Verdana, Arial, Helvetica, serif; list-style: none;
	margin: 0; padding: 0}
#productList {margin-right: 135px;}
.product {padding: 10px 0; min-height: 140px;}
.product a {display: inline; margin: 0; padding: 0; font: bold 12px Verdana, sans-serif; color: #fff}
.productDescription {float: right; width: 440px;}
.productDescription h1 {margin-left: 0; padding-bottom: 2px; border-bottom: 1px solid #ffd300;
			background: url(../images/bullet.jpg) no-repeat bottom right;}
.thumbnail {width: 145px; padding: 0 10px 10px 10px;}
.thumbnail img {padding: 0; margin: 0; border: none;}
.thumbnail a {text-align: center; display: inline; padding: 0;}
.price {text-align: center; font: 9px Verdana, sans-serif; color: #999;}
a.selected {color: #ffd300;}

#productDetails {margin-right: 135px;}
#productDetails .thumbnail {float: left;}
#productDetails h1 {padding-bottom: 2px; border-bottom: 1px solid #ffd300;
			background: url(../images/product_back.gif) repeat-y bottom right; margin-left: 165px}
#productDetails p {line-height: 18px; clear: both; font-size: 12px; margin: 10px 0}
#productDetails p.shortText {font: bold 14px 'Trebuchet MS',Tahoma,sans-serif; margin: 10px 0; color: #e0e0e0; clear: none; line-height: 18px}
#footer {clear: both; text-align: center; color: #666666; margin-left: 167px; position: relative}
#footer #author {position: absolute; bottom: 0; right: 20px; font-size: 10px}
#footer #author a {color: #777; text-decoration: none}
#footer #author a:hover {color: #ccc;}