html, body {
	background: #ffffff url(img/projekt_strony_02.png) 50% 0 no-repeat;
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align:left;
	font-family: arial;
	font-size: 12px;
}

H1 {margin: 15px 0px 15px 0px; color: #3b2e26; font-family: Cambria, Times New Roman; font-size: 30px;font-weight:normal; text-align: center;}
H2 {margin: 5px 0px 3px 0px; font-size: 24px; font-family: Cambria, Times New Roman; color: #3b2e26; font-weight:normal}
H3 {margin: 20px 0px 10px 0px; font-size: 18px; font-family: Cambria, Times New Roman; color: #3b2e26; font-weight:normal; line-height: 1.1; text-align: left}
H4 {margin: 20px 0px 5px 0px; color: #78b1d4; font-family: Cambria, Times New Roman; font-size: 18px; text-align: left; margin-bottom: 10px; font-weight: normal;}
H5 {margin: 3px 0px 3px 0px; font-size: 12px; font-family: Tahoma; color: #808080; font-weight:normal; line-height: 1.2; text-align: center}
H6 {margin: 3px 0px 3px 0px; font-size: 10px; font-family: Tahoma; color: #000000; font-weight:normal; line-height: 1.2; text-align: left}


ul {}
li {}
li a{}
li a:hover{}

#container {
	position:relative;
	left: 50%;
    margin-left: -960px;
	width: 1920px;
	height: 1500px;
	clear: both;
	/*background: url(../img/1.png) 0 0 no-repeat;*/
}

#top {
	clear: both;
	width: 1920px;
	height: 1500px;
	background-color: #fff;
}
/*
#menu {
	clear: both;
	width: 910px;
	height: 33px;
	background: #000 url("../images/menu_bg_00.png") 0 0 no-repeat;
}

#menu ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0px 40px;
	overflow:hidden;
}
*/
/*#menu ul li {
	float: left;*/
	/*background: #000 url("../images/menu_sep_01.png") 0 0 no-repeat;*/
/*}

#menu ul a:link, ul a:visited {
	text-decoration: none;
	display: block;*/
	/*width:120px;*/
	/*font-weight: normal;
	text-align:center;
	background: #000 url("../images/menu_bg_01.png") 0 0 repeat-x;
	color: #fff;
	padding: 7px 20px;
}

#menu ul a:hover {
	background: #000 url("../images/menu_bg_02.png") 0 0 repeat-x;
	color: #000;
}

#menu li ul {
position: absolute;
height: 1px;
overflow:hidden
}
 
#menu li:hover ul {
height:200px
}*/

#header {
	width: 500px;
	height: 70px;
	float: left;
	overflow: hidden;
	text-align:right;
	background: url(../images/logo_bg_01.png) 0px 0px no-repeat;
	/*background-color: #fff;*/
}

#logo {
	position:relative;
	width: 500px;
	height: 70px;
	float: left;
	overflow: hidden;
	top:0px;
	background: url(../images/logo_bg_01.png) 0px 0px no-repeat;
}

p.logo {
	margin: 0px;
	/*padding-left: 20px;
    padding-right: 20px;*/
    padding-top: 15px;
    padding-bottom: 20px;
    
}

#banner {
	clear: both;
	position:relative;
	width: 1000px;
	height: 320px;
	background-color: #fff;
	text-align:left;
	top:0px;
	/*background: url(../images/banner_01.png) 0px 20px no-repeat;*/
}
#banner IMG {
    position:absolute;
    top:0px;
    left:50px;
    z-index:8;
    opacity:0.0;
    border: 0px solid #000;
}
#banner IMG.active {
    z-index:10;
    opacity:1.0;
}
#banner IMG.last-active {
    z-index:9;
}
#left {
	width: 360px;
	float: left;
	padding-top: 0px;
	overflow: hidden;
	/*background: url(../images/left_bg_01.png) 50px 0px repeat-y;*/
	background: #fff url(../images/menuleft_bg_01.png) 50px 0px no-repeat;
}
#left_top {
	width: 360px;
	height: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding: 0px 70px;
	color: #3b2e26;
	overflow: hidden;
}

#menu_left {
	width: 350px;
	height: 531px;
	float: left;
	padding: 0px 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*background: url(../images/menuleft_bg_01.png) 50px 0px no-repeat;*/
	overflow: hidden;
}
#menu_left ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#menu_left ul a:link, ul a:visited {
	display: block;
	width: 200px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	/*background: url(../images/lm_button_bg_01.png)  no-repeat left top;*/
	color: #3b2e26;
	padding: 4px 20px;
	border-bottom: 1px solid #fff;
}

#menu_left ul a:hover {
	background-color: #3b2e26;
	color: #fff;
	overflow: hidden;
}

#menu_left ul ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0px;
	overflow: hidden;
}
#menu_left ul ul a:link, ul ul a:visited {
	display: block;
	width: 180px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	color: #3b2e26;
	padding: 4px 30px;
	border-bottom: 1px solid #fff;
}

#menu_left ul ul a:hover {
	background-color: #3b2e26;
	color: #fff;
	overflow: hidden;
}

#menu_left ul ul ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0px;
	overflow: hidden;
}
#menu_left ul ul ul a:link, ul ul a:visited {
	display: block;
	width: 160px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	color: #3b2e26;
	padding: 4px 40px;
	border-bottom: 1px solid #fff;
}

#menu_left ul ul ul a:hover {
	background-color: #3b2e26;
	color: #fff;
	overflow: hidden;
}

#left_bottom {
	width: 350px;
	height: 250px;
	/*float: left;*/
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	background: url(../images/compass_left_01.png) 50px 0px no-repeat;
}

/* http://css.maxdesign.com.au/listamatic2/vertical02.htm */

/* ------------------------------------------------------------- */

#navcontainer { margin-left: 30px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #fff;
background-color: #036;
text-decoration: none;
}

#navcontainer a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #fff;
background-color: #369;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

/* ------------------------------------------------------------- */

#content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	float: left;
	width: 640px;
	/*height: 100%;*/
	background-color: #fff;
	text-align:left;
}

/*#bottom {
	clear: both;
	width: 1000px;
	height: 50px;
	background: url("../images/background_01.png") 0 0 repeat-y;
	text-align:right;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 4px 0px;
}*/

#copyright {
	position:relative;
	left: 50%;
    margin-left: -500px;
	clear: both;
	width: 1000px;
	height: 30px;
	text-align:right;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	/*padding: 4px 0px;*/
}
#copyright a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	color: #000;
	/*padding: 4px 0px; #989898 */
}

#copyright a:hover {
	color: #000;
}

#footer {
	clear: both;
	width: 1000px;
	height: 110px;
	background: url(../images/background_01.png) 0 0 no-repeat;
	background-color: #fff;
	/*position: fixed;
    bottom: 0px;*/
}

#footer_container {
	width: 1000px;
	/*clear: both;*/
}

#footer_content {
	width: 1000px;
	height: 20px;
	text-align:left;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #989898;
	padding: 4px 0px;
}

#footer_content a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	color: #989898;
	/*padding: 4px 0px;*/
}

#footer_content a:hover {
	color: #000;
}

#footer_logos {
	width: 1000px;
	height: 40px;
	clear: both;
	background: url(../images/logos_01.png) no-repeat center;
}
#footer_logos1 {
	width: 1000px;
	height: 50px;
	clear: both;
	/*background: url(../images/logos_01.png) no-repeat center;*/
}
#footer_bottom {
	width: 1000px;
	height: 20px;
	text-align:left;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #989898;
	padding: 4px 0px;
}
#footer_copyright {
	width: 1000px;
	height: 30px;
	text-align:right;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #989898;
	padding: 4px 0px;
}
#footer_copyright a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	color: #989898;
	/*padding: 4px 0px;*/
}

#footer_copyright a:hover {
	color: #000;
}

/*---------------Buttons----------------*/

#navlist {
	position:relative;
	left: 20px;
}
#navlist li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
}
#navlist li, #navlist a {
	height:220px;
	display:block;
}
#motorcycle, #motorcycle a:link, #motorcycle a:visited {
	left:0px;
	top:0px;
	width:455px;
	background:url(../images/motorcycle2012_01.png) 0px 0px no-repeat;
}
#motorcycle a:hover {
	background: url(../images/motorcycle2012_02.png) 0px 0px no-repeat;
}




#nav_buttons {
	position:relative;
	left: 10px;
	height: 2000px;
}
#nav_buttons li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
}
#nav_buttons li, #nav_buttons a {
	height:200px;
	display:block;
	border: 0px solid #fff;
}
#shad, #shad a:link, #shad a:visited {
	left:0px;
	top:0px;
	width:580px;
	background:url(../images/button_shad_01.png) 0px 0px no-repeat;
}
#shad a:hover {
	background: url(../images/button_shad_02.png) 0px 0px no-repeat;
}
#buffalo, #buffalo a:link, #buffalo a:visited {
	left:0px;
	top:220px;
	width:580px;
	background:url(../images/button_buffalo_01.png) 0px 0px no-repeat;
}
#buffalo a:hover {
	background: url(../images/button_buffalo_02.png) 0px 0px no-repeat;
}
/*#alpina, #alpina a:link, #alpina a:visited {
	left:634px;
	top:0px;
	width:242px;
	background:url(../images/button_03.png) 0px 0px no-repeat;
	border: 0px solid #fff;
}
#alpina a:hover {
	background: url(../images/button_03.png) 0px 0px no-repeat;
	border: 0px solid #ccc;
}*/
#canyon, #canyon a:link, #canyon a:visited {
	left:0px;
	top:440px;
	width:580px;
	background:url(../images/button_canyon_01.png) 0px 0px no-repeat;
}
#canyon a:hover {
	background: url(../images/button_canyon_02.png) 0px 0px no-repeat;
}
#ortlieb, #ortlieb a:link, #ortlieb a:visited {
	left:0px;
	top:660px;
	width:580px;
	background:url(../images/button_ortlieb_01.png) 0px 0px no-repeat;
}
#ortlieb a:hover {
	background: url(../images/button_ortlieb_02.png) 0px 0px no-repeat;
}
#drybag, #drybag a:link, #drybag a:visited {
	left:0px;
	top:880px;
	width:580px;
	background:url(../images/button_drybag_01.png) 0px 0px no-repeat;
}
#drybag a:hover {
	background: url(../images/button_drybag_02.png) 0px 0px no-repeat;
}
/*#kobi, #kobi a:link, #kobi a:visited {
	left:0px;
	top:604px;
	width:242px;
	background:url(../images/button_07.png) 0px 0px no-repeat;
}
#kobi a:hover {
	background: url(../images/button_07.png) 0px 0px no-repeat;
}
*/
#wolfman, #wolfman a:link, #wolfman a:visited {
	left:0px;
	top:1100px;
	width:580px;
	background:url(../images/button_wolfman_01.png) 0px 0px no-repeat;
}
#wolfman a:hover {
	background: url(../images/button_wolfman_02.png) 0px 0px no-repeat;
}
#weststar, #weststar a:link, #weststar a:visited {
	left:0px;
	top:1320px;
	width:580px;
	background:url(../images/button_weststar_01.png) 0px 0px no-repeat;
}
#weststar a:hover {
	background: url(../images/button_weststar_02.png) 0px 0px no-repeat;
}
#drp, #drp a:link, #drp a:visited {
	left:0px;
	top:1540px;
	width:580px;
	background:url(../images/button_drp_01.png) 0px 0px no-repeat;
}
#drp a:hover {
	background: url(../images/button_drp_02.png) 0px 0px no-repeat;
}
#ledrie, #ledrie a:link, #ledrie a:visited {
	left:0px;
	top:1760px;
	width:580px;
	background:url(../images/button_ledrie_01.png) 0px 0px no-repeat;
}
#ledrie a:hover {
	background: url(../images/button_ledrie_02.png) 0px 0px no-repeat;
}

/*------------------------*/

/*---------------LOGA----------------*/

/*.navigation {
list-style-type:none;
position:relative;
left:30px;
top:0px;
z-index:9000;
}
.navigation li {
float:left;
margin-left:10px;
}
.navigation a {
background:url("../images/logos_bottom.png") repeat scroll 0 0 transparent;
border:medium none;
display:block;
height:50px;
text-indent:-9999px;
}
a.nav_logo_01, a.nav_logo_01_selected {
width:100px;
}
a.nav_logo_02, a.nav_logo_02_selected {
width:100px;
}
a.nav_logo_03, a.nav_logo_03_selected {
width:100px;
}
a.nav_logo_04, a.nav_logo_04_selected {
width:100px;
}
a.nav_logo_05, a.nav_logo_05_selected {
width:100px;
}
a.nav_logo_06, a.nav_logo_06_selected {
width:100px;
}
a.nav_logo_07, a.nav_logo_07_selected {
width:100px;
}
a.nav_logo_08, a.nav_logo_08_selected {
width:100px;
}


.navigation a.nav_logo_01 {
	background-position:left 0px;
}
.navigation a.nav_logo_01:hover, .nav a.nav_logo_01_selected {
	background-position:left -50px;
}
.navigation a.nav_logo_02 {
	background-position:-100px 0px;
}
.navigation a.nav_logo_02:hover, .nav a.nav_logo_02_selected {
	background-position:-100px -50px;
}
.navigation a.nav_logo_03 {
	background-position:-200px 0px;
}
.navigation a.nav_logo_03:hover, .nav a.nav_logo_03_selected {
	background-position:-200px -50px;
}
.navigation a.nav_logo_04 {
	background-position:-300px 0px;
}
.navigation a.nav_logo_04:hover, .nav a.nav_logo_04_selected {
	background-position:-300px -50px;
}
.navigation a.nav_logo_05 {
	background-position:-400px 0px;
}
.navigation a.nav_logo_05:hover, .nav a.nav_logo_05_selected {
	background-position:-400px -50px;
}
.navigation a.nav_logo_06 {
	background-position:-500px 0px;
}
.navigation a.nav_logo_06:hover, .nav a.nav_logo_06_selected {
	background-position:-500px -50px;
}
.navigation a.nav_logo_07 {
	background-position:-600px 0px;
}
.navigation a.nav_logo_07:hover, .nav a.nav_logo_07_selected {
	background-position:-600px -50px;
}
.navigation a.nav_logo_08 {
	background-position:-700px 0px;
}
.navigation a.nav_logo_08:hover, .nav a.nav_logo_08_selected {
	background-position:-700px -50px;
}*/

/*------------------------*/

.menu_logo {
list-style-type:none;
position:relative;
left:30px;
top:0px;
z-index:9000;
}
.menu_logo li {
float:left;
margin-left:10px;
}
.menu_logo a {
background:url("../images/logos_bottom.png") repeat scroll 0 0 transparent;
border:medium none;
display:block;
height:50px;
text-indent:-9999px;
}
.item29 a {
width:100px;
}
.item30 a {
width:100px;
}
.item31 a {
width:100px;
}
.item32 a {
width:100px;
}
.item33 a {
width:100px;
}
.item34 a {
width:100px;
}
.item35 a {
width:100px;
}
.item36 a {
width:100px;
}


.item29 a {
	background-position:left 0px;
}
.item29 a:hover {
	background-position:left -50px;
}
.item30 a {
	background-position:-100px 0px;
}
.item30 a:hover {
	background-position:-100px -50px;
}
.item31 a {
	background-position:-200px 0px;
}
.item31 a:hover {
	background-position:-200px -50px;
}
.item32 a {
	background-position:-300px 0px;
}
.item32 a:hover {
	background-position:-300px -50px;
}
.item33 a {
	background-position:-400px 0px;
}
.item33 a:hover {
	background-position:-400px -50px;
}
.item34 a {
	background-position:-500px 0px;
}
.item34 a:hover {
	background-position:-500px -50px;
}
.item35 a {
	background-position:-600px 0px;
}
.item35 a:hover {
	background-position:-600px -50px;
}
.item36 a {
	background-position:-700px 0px;
}
.item36 a:hover {
	background-position:-700px -50px;
}



/*.products-grid {
	position:relative;
}
.products-grid ul {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.products-grid li.item {
	background-color:#e6e0d1;
	border:1px solid #D0D0D0;
	list-style: none;
	float:left;
	margin:0px 0px;
	padding:4px;
	width:170px;
}
.products-grid li.item:hover {
	background-color:#DB001B;
	border-color:#DB001B;
}
.products-grid .item .inner {
	background-color:#FFFFFF;
	height:170px;
	padding:5px;
	position:relative;
	text-align:center;
}
.products-grid .product-image {
	display:block;
	width:98px;
	height:98px;
	margin:0 auto 10px auto;
}
.products-grid .product-name {
	font-size:16px;
	font-weight:bold;
	height:20px;
	letter-spacing:-1px;
	margin:0 0 10px;
	overflow:hidden;
}
.products-grid .product-name a {}*/

#box {
	width: 180px;
	height: 200px;
	padding-right: 17px;
	background: url(../images/box_01.png) 0px 0px no-repeat;
}

#box :hover {
	background: url(../images/box_02.png) 0px 0px no-repeat;
}

#box p {
	text-align:center;
	padding: 23px 0px;
}

#content_box {
	width: 1000px;
	/*height: 180px;*/
}

#content_text {
	width: 600px;
	/*height: 180px;*/
	float: left;
	overflow: hidden;
	background-color: #fff;
}

#content_img {
	float: left;
	overflow: hidden;
	width: 400px;
	height: 550px;
	background-color: #fff;
}

#content_bottom {
	clear: both;
	width: 1000px;
}

#content_mini {
	float: left;
	overflow: hidden;
	width: 180px;
	height: 180px;
	background: url(../images/box_01.png) 0px 0px no-repeat;
}

table.content_tab {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border: 0;
  width: 590px;
}
table.content_tab1 {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border: 0;
  width: 610px;
}
td.content_text {
	width: 590px;
	/*height: 550px;*/
	text-align:left; 
	background-color: #fff;
}
td.content_name {
	width: 290px;
	height: 350px;
	text-align:left; 
	background-color: #fff;
}
td.content_img {
	width: 300px;
	height: 300px;
	text-align: right;
	rowspan: 2;
	border:1px solid #d0d0d0;
}
td.content_logos {
	width: 300px;
	height: 50px;
	text-align:right;
}
.content_product_text {
	margin: 15px 0px 15px 0px;
	color: #000;
	font-family: Arial, Tahoma;
	font-size: 12px;
	font-weight:normal;
	text-align: left;	
}
li.content_product_text {
	margin: 15px 0px 15px 0px;
	color: #000;
	font-family: Arial, Tahoma;
	font-size: 12px;
	font-weight:normal;
	text-align: left;
	list-style: square;
}
.content_price {
	margin: 15px 0px 15px 10px;
	color: #a8a8a8;
	font-family: Tahoma, Arial;
	font-size: 24px;
	font-weight:bold;
	text-align: left;	
}


td.content_info {
	width: 300px;
	height: 100px;
	text-align:left;
}
table.content_tab2 {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border: 0;
  width: 900px;
}
td.content_mini {
	width: 150px;
	height: 150px;
	text-align:center;
	background: url(../images/box_03.png) 0px 0px no-repeat;
}
td.content_mini1 {
	width: 150px;
	height: 150px;
	text-align:center;
}

#content_mini {
	text-align:center;
	padding: 12px 0px;
}

/* --------------------------------- */

.contentheading {
	text-align:left;
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	color: #ccc;
	padding: 15px 0px;
}

.componentheading {
	margin: 15px 0px 15px 0px;
	text-align:left;
	font-family: Cambria, Times New Roman;
	font-size: 30px;
	font-weight: normal;
	color: #3b2e26;
	padding: 0px 10px;
}

.contentpaneopen {
	color: #000;
	padding: 0px 0px;
}

/*.contentpaneopen li {
	list-style-type: square;
	color: #989898;
}

.contentpaneopen a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	color: #989898;
}

.contentpaneopen a:hover {
	color: #000;
}*/
