@charset "utf-8";
/* CSS Document */

body						{ background:#222; color:#ccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:8px; }
table						{ font-size:12px; width:600px; }
table table					{ width:auto; }
img							{ border:0; }

h2							{ font-size:13px; border-bottom:1px solid #ddd; margin-right:24px; color:#fff; }
h2 em						{ font-weight:normal; }
h3							{ font-size:12px; }
h3 sup						{ color:#fff; padding-left:6px; }

ul							{ margin:0; padding:8px 0 8px 16px; }
li							{ list-style:none; background:url('images/bullet.gif') 0 3px no-repeat; margin-bottom:4px; padding-left:12px; }
a							{ color:#eee; }
a:hover						{ text-decoration:none; color:#f00; }
p, li						{ line-height:130%; }

.img-right, .div-right		{ float:right; margin-left:16px; margin-bottom:6px; }
.div-right                  { text-align:center; padding:4px; background:#333; border:1px solid #555; }
.div-right img              { margin-bottom:4px; }
.div-left                  { width:130px; float:left; margin-right:16px; margin-bottom:6px; text-align:center; padding:4px; background:#333; border:1px solid #555; }
.div-left img              { margin-bottom:4px; }
.img-left					{ float:left; margin-right:16px; margin-bottom:6px; }
.cleaner					{ clear:both; }
.lcleaner					{ clear:left; }
.no-border					{ border:none !important; }
.more						{ text-align:right; }
.c							{ text-align:center; }
.pointer					{ cursor:hand; cursor:pointer; }
.smaller					{ font-size:11px; }
.white						{ color:#fff; }

.bottom-line				{ border-bottom:1px solid #aaa; margin-right:24px; }

#aspirit					{ width:959px; position:relative; }

#supertop					{ position:relative; height:90px; }
#supernav					{ position:absolute; right:-4px; bottom:1px; border:1px solid #FF4242; background:url('images/bg-header-red.png'); padding:4px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
#supernav a					{ color:#fff; text-decoration:none; }
#supernav a:hover			{ text-decoration:underline; }
#supernav ul				{ margin:0; padding:0; }
#supernav li				{ display:inline; margin:0; padding:0 6px 0 2px; border-right:1px solid #ff9999; list-style:none; background:none; }
#supernav li.last			{ padding-right:0; border-right:none; }

#top						{ position:relative; border:1px solid #666; padding:1px; width:959px; height:86px; _height:90px;  }
#logo						{ position:absolute; left:1px; top:1px; }

#nav						{ position:absolute; left:148px; top:1px; width:813px;}
#nav span					{ display:none; }

#nav .divider				{ clear:left; height:1px; background:#222; _display:none; }
#nav h1						{ clear:left; float:left; border:1px solid #FF4242; background:url('images/bg-header-red.png') repeat-x; width:130px; margin:0 1px 0 0; padding:0; }

#nav h3						{ clear:left; float:left; border:1px solid #FF4242; background:url('images/bg-header-red.png') repeat-x; width:130px; margin:0 1px 0 0; padding:0; }
#nav ul						{ margin:0; padding:0; _margin-bottom:1px; }
#nav li						{ float:left; border:1px solid #666; background:url('images/bg-header-gray.png') repeat-x; width:96px; _width: 90px;margin:0 1px 0 0; padding:0; list-style:none; }
#nav a						{ cursor:hand; }

.nav1						{ height:28px; }
.nav1 div					{ height:28px; background-position:center 5px; background-repeat:no-repeat; }
.nav1 li.blank				{ width:380px !important; _width:376px !important; margin-right:0; height:28px; _height:28px; }

.nav2						{ height:26px; }
.nav2 div					{ height:26px; background-position:center 5px; background-repeat:no-repeat; }
.nav2 li.blank				{ width:281px !important; _width:276px !important; margin-right:0; height:26px; _height:26px; }

.nav3						{ height:24px; }
.nav3 div					{ height:24px; background-position:center 4px; background-repeat:no-repeat; }


#title-motocykly div		{ background-image:url('images/title-motocykly.png'); }
#title-prislusenstvi div	{ background-image:url('images/title-prislusenstvi.png'); }
#title-obleceni-doplnky div	{ background-image:url('images/title-obleceni-doplnky.png'); }

#title-aprilia div			{ background-image:url('images/title-aprilia.png'); }
#title-aprilia:hover div	{ background-image:url('images/title-aprilia_f2.png'); }
#title-moto-guzzi div		{ background-image:url('images/title-moto-guzzi.png'); }
#title-moto-guzzi:hover div		{ background-image:url('images/title-moto-guzzi_f2.png'); }
#title-motobazar div		{ background-image:url('images/title-motobazar.png'); }
#title-motobazar:hover div		{ background-image:url('images/title-motobazar_f2.png'); }
#title-arrow div			{ background-image:url('images/title-arrow.png'); }
#title-arrow:hover div			{ background-image:url('images/title-arrow_f2.png'); }
#title-metzeler div			{ background-image:url('images/title-metzeler.png'); }
#title-metzeler:hover div			{ background-image:url('images/title-metzeler_f2.png'); }
#title-cardo div			{ background-image:url('images/title-cardo.png'); }
#title-cardo:hover div			{ background-image:url('images/title-cardo_f2.png'); }
#title-pirelli div			{ background-image:url('images/title-pirelli.png'); }
#title-pirelli:hover div			{ background-image:url('images/title-pirelli_f2.png'); }
#title-highway-hawk div		{ background-image:url('images/title-highway-hawk.png'); background-position:center 0px; }
#title-highway-hawk:hover div		{ background-image:url('images/title-highway-hawk_f2.png'); background-position:center 0px; }

#title-arai div				{ background-image:url('images/title-arai.png'); }
#title-arai:hover div				{ background-image:url('images/title-arai_f2.png'); }
#title-alpinestars div		{ background-image:url('images/title-alpinestars.png'); }
#title-alpinestars:hover div		{ background-image:url('images/title-alpinestars_f2.png'); }
#title-bikers div			{ background-image:url('images/title-bikers.png'); }
#title-bikers:hover div			{ background-image:url('images/title-bikers_f2.png'); }
#title-dainese div			{ background-image:url('images/title-dainese.png'); }
#title-dainese:hover div			{ background-image:url('images/title-dainese_f2.png'); }
#title-held div				{ background-image:url('images/title-held.png'); }
#title-held:hover div				{ background-image:url('images/title-held_f2.png'); }
#title-ixs					{  }
#title-ixs div				{ background-image:url('images/title-ixs.png'); }
#title-ixs:hover div				{ background-image:url('images/title-ixs_f2.png'); }
#title-motto-bike-wear		{ width:83px !important; _width:92px !important; }
#title-motto-bike-wear div	{ background-image:url('images/title-motto-bike-wear.png'); background-position:center 0px; }
#title-motto-bike-wear:hover div	{ background-image:url('images/title-motto-bike-wear_f2.png'); background-position:center 0px; }

#main						{ position:relative; width:962px; margin-top:4px; }
#categories					{ float:left; top:2px; width:200px;  }
#categories .logo			{ margin:12px 12px 0 12px; }
#categories ul				{ margin:0; padding:12px; }
#categories a				{ color:#fff; text-decoration:none; }
#categories a:hover			{ text-decoration:underline; color:#FFFF66; }
#categories li				{ margin:4px 0; list-style:none; background:none; font-weight:bold; }

#categories					{ background:#444; border:1px solid #666;  }
/*
#categories					{ border:1px solid #FF4242; background:#000 url('images/bg-menu-aprilia.png') repeat-x; }
div.moto-guzzi				{ border:1px solid #FF4242; background:#cc0000 url('images/bg-menu-moto-guzzi.png') repeat-x; }
div.arai					{ border:1px solid #fff; background:#cccccc url('images/bg-menu-arai.png') repeat-x; }
div.alpinestars				{ border:1px solid #ddd; background:#999999 url('images/bg-menu-alpinestars.png') repeat-x; }
div.bikers					{ border:1px solid #FF9F48; background:#cc0000 url('images/bg-menu-bikers.png') repeat-x; }
div.dainese					{ border:1px solid #666; background:#000000 url('images/bg-menu-dainese.png') repeat-x; }
div.held					{ border:1px solid #35678C; background:#183041 url('images/bg-menu-held.png') repeat-x; }
div.ixs						{ border:1px solid #FF4242; background:#ce6200 url('images/bg-menu-ixs.png') repeat-x; }
div.motto-bike-wear			{ border:1px solid #999; background:#333333 url('images/bg-menu-motto-bike-wear.png') repeat-x; }
div.arrow					{ border:1px solid #FEF25C; background:#cbbc01 url('images/bg-menu-arrow.png') repeat-x; }
div.metzeler				{ border:1px solid #565FC2; background:#012040 url('images/bg-menu-metzeler.png') repeat-x; }
div.pirelli					{ border:1px solid #fff; background:#f8e601 url('images/bg-menu-pirelli.png') repeat-x; }
div.highway-hawk			{ border:1px solid #666; background:#000000 url('images/bg-menu-highway-hawk.png') repeat-x; }
*/

#content					{ float:right; width:750px; }
#content a, .home-news a	{ color:#fff; text-decoration:underline; }
#content a:hover, .home-news a:hover
							{ color:#f00; text-decoration:none; }
#content h2					{ font-size:14px; font-weight:bold; border-bottom:1px solid #c00; }

.content-header				{ background:#FE0000 url('images/bg-header-red.png') bottom repeat-x; border:1px solid #FF4242; height:30px; margin-bottom:1px;  }
.content-header-price		{float:right;position:relative;padding:8px 8px 0px 0px;}
.content-header a			{ text-decoration:none !important; }
.content-header a:hover		{ text-decoration:underline !important; color:#ffff66 !important; }
.content-header-gray		{ background:#FE0000 url('images/bg-header-gray.png') bottom repeat-x; border:1px solid #666; height:30px; margin-bottom:1px;  }
.content-header-gray a		{ text-decoration:none !important; }
.content-header-gray a:hover
							{ text-decoration:underline !important; color:#ffff66 !important; }
.content-header-inside		{ padding:8px 12px; color:#fff; font-weight:bold; margin:0; font-size:12px !important; border:none !important; }
.content-header-product-menu{ position: relative; width:730px; display:block; height: 26px; text-align: right; padding-top:10px}
/*
.content-frame				{ background:#A6B1B3 url('images/bg-frame.png') bottom repeat-x; border:1px solid #CAD1D2; padding:12px; margin-bottom:1px; }
*/
.content-frame, .content-frame-home
							{ background:#222222 url('images/bg-frame-home.png') bottom repeat-x; border:1px solid #666; padding:12px; margin-bottom:1px; }
.content-frame p span, .content-frame p { color:#ccc !important; }

#home-photo					{ margin-left:0; border:1px solid #666; text-align:center; }
#home-photo img				{ margin:1px; }

.catalogue-item img			{ border:1px solid black; }
.catalogue-item h2			{ font-size:15px; font-weight:normal; }


/* novinky */

.news						{ font-size:11px; }
.news-big					{ font-size:12px !important; }
.news h3					{ font-size:11px; margin:0; }
.news .date					{ color:#fd9; font-weight:bold; margin-bottom:8px;  }
.news p						{ margin:0 0 6px 0; }
.news .link					{ text-align:right; }
.news img					{ float:left;  margin-bottom:6px; border:1px solid black; cursor:hand; cursor:pointer;}
.news-big img				{ margin-bottom:6px; border:1px solid black; cursor:hand; cursor:pointer;float: none;}
.news ul					{ margin:6px 0 12px 0; padding:0; }
.news li					{ margin:0px 0px 4px 10px; padding:0px 0px 0px 0px; list-style:disc; background:none; }

.brand-news-product			{ float:left; width:425px; }
.brand-news-other			{ float:left; width:320px; margin-left:5px;  }
.brand-news-content			{ float:left; width:200px; margin-left:5px;  }

.home-news					{ margin-top:4px; }
.home-news-product			{ float:left; width:400px; }
.home-news-other			{ float:left; margin-left:5px; width:302px; }
.home-news-content			{ float:left; margin-left:5px; width:249px; }
.home-news-content li		{ margin:0px 0px 4px 0px; padding:0px; list-style:none; background:none; }

.news h3					{ color:#fff; }
.news .date					{ color:#f00; }
p							{ color:#ccc; }

/* galerie */
.gallery					{ #position:relative; #width:700px;  }
.gallery .border			{ display:table; float:left; display:table; width:130px;  height:130px; #position:relative; margin-right:10px; margin-bottom:10px; background:#A6B1B3 url('images/bg-frame.png') bottom repeat-x; border:1px solid #8b999b; }
.gallery .image				{ #top:50%; #position:absolute; display:table-cell; text-align:center; vertical-align:middle; #left:50%; }
.gallery .inner				{ #position:relative; #top:-50%; #left:-50%;  }
.gallery img				{ cursor:hand; cursor:pointer; }

.gallery-dealers			{ width:auto !important; }
.gallery-dealers .border	{ width:44px; height:44px; margin-right:4px; margin-bottom:4px; }

/* sloupce obsahu */
.col2, .col3, .col32, .col1	{ float:left; }
.col1						{ width:100%; }
.col2						{ width:50%; }
.col3						{ width:33%; }
.col32						{ width:67%; }

.table-simple td			{ padding:5px 16px 5px 0; }
.table-kontakt 				{ width: 400px; text-align: center;}
.table-kontakt td 			{ padding: 5px;}
.table-adresy				{ width: 450px; }
.table-adresy td			{ width: 150px;}

#top-banner1				{ position:absolute; left:0; top:0; }
#top-banner2				{ position:absolute; left:250px; top:0; }
#top-banner3				{ position:absolute; left:730px; top:0; }

.price						{ font-size:13px; color:#900; }
.price strike				{ color:#666; }
.price-action				{ font-weight:bold; color:#c00; }

#footer						{ margin-top:5px; clear:both; width:963px; height:30px; position:relative; background:#666 url('images/bg-footer.png'); }
#footer span				{ position:absolute; right:8px; top:6px; color:#fff; }

.brand-banner				{ margin-bottom:5px; border:1px solid #666; }

.product-submenu			{ margin:8px 0 0 12px; padding:0; }
.product-submenu li			{ list-style:none; display:block; margin:0 0 4px 0; padding:0; background:none; }
.product-submenu li.gap		{ margin-bottom:12px; }
.product-submenu a			{ display:block; width:96px; height:26px; }
.product-submenu span		{ display:none; }

.product-submenu .predstaveni	{ background:url(images/button-predstaveni-gray.png); }
.product-submenu .barvy			{ background:url(images/button-barvy-gray.png); }
.product-submenu .fotogalerie	{ background:url(images/button-fotogalerie-gray.png); }
.product-submenu .video			{ background:url(images/button-video-gray.png); }
.product-submenu .technicke		{ background:url(images/button-technicke-gray.png); }
.product-submenu .katalog		{ background:url(images/button-katalog-gray.png); }
.product-submenu .specifikace	{ background:url(images/button-specifikace-gray.png); }
.product-submenu .financovani	{ background:url(images/button-financovani-gray.png); }
.product-submenu .servisni		{ background:url(images/button-servisni-gray.png); }
.product-submenu .predstaveni-s	{ background:url(images/button-predstaveni.png); }
.product-submenu .barvy-s			{ background:url(images/button-barvy.png); }
.product-submenu .fotogalerie-s	{ background:url(images/button-fotogalerie.png); }
.product-submenu .video-s			{ background:url(images/button-video.png); }
.product-submenu .technicke-s		{ background:url(images/button-technicke.png); }
.product-submenu .katalog-s		{ background:url(images/button-katalog.png); }
.product-submenu .specifikace-s	{ background:url(images/button-specifikace.png); }
.product-submenu .financovani-s	{ background:url(images/button-financovani.png); }
.product-submenu .servisni-s		{ background:url(images/button-servisni.png); }
#content-content				{ margin-right:120px; }