/*
  Kolocentrum MOTOSHOP | www.kolocentrum.cz/
  Webdesign: REINCARNA.net - http://www.reincarna.net/ & FCUK (Lubo¹ Betįk) - http://www.fcuk.cz/
  Copyright (c) Lubo¹ Betįk (http://www.fcuk.cz/) - All Rights Reserved! - XHTML, CSS, JS, ..
*/
/* --- KOLOCENTRUM MOTOSHOP ------------------------------ */
body {margin:0; padding:0; font-family:"Lucida Grande",Arial,Verdana,sans-serif; font-size:.7em; color:#444; background:#fff url(../img/bg-body.gif) top center repeat-x; cursor:default;}
p {margin:0; padding:1em 0 0; line-height:140%;}
hr {display:none;}
h1 strong {display:none;}
h2 {display:none;}
a img {border:none;}
a {outline:none;}
/* --- KOLOCENTRUM HEADER ------------------------------ */
#main {margin:0 auto; padding:0; width:858px; background:url(../img/bg.gif) no-repeat;}
#logo {position:relative; height:80px;}
#logo h1 {position:absolute; top:17px; left:5px; margin:0; width:210px; background:url(../img/kolocentrum-logo.gif) no-repeat;}
#logo h1 a {display: block; height:50px; background:url(../img/kolocentrum-logo.gif) no-repeat;}
#logo h1 a:hover {border-bottom:0;}
.info {margin-top:10px; margin-right:5px; float:right; width:580px; height:55px; text-indent:-3000px; display:block; background:url(../img/info.gif) no-repeat 0 0; }
/* --- KOLOCENTRUM NAVIGATION ------------------------------ */
#navbar{height:29px; margin:0; left:3px; position:relative; z-index:900; float:none; width:854px; font:bold 11px "Lucida Grande", Lucida, Verdana, sans-serif; background:none;}
#navbar ul {float:left; list-style:none; padding:0; margin:0;}
#navbar ul li {position:relative; margin:0;}
#navbar a {text-align:center; color:#444; text-decoration:none; display:block; cursor:pointer; height:29px; line-height:29px; padding:0 15px;}
#navbar li a:hover {height:29px;}
#navbar ul li:hover, #navbar ul li.sfhover {background:url(../img/nav-3.gif) no-repeat left top;}
#navbar li {float:left; text-align:center; width:120px; padding:0; background:url(../img/nav-2.gif) no-repeat left top;}
#navbar ul li {margin-right:2px;}
#navbar ul li ul li {text-align:left; margin-right:0; border-right:0px solid #869A9F;}
#navbar ul ul a {background:none; text-align:left;}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul, #navbar li li li li.sfhover ul {background:#ecebe7 url(../img/nav-4.gif) no-repeat left top;}
#navbar li:hover a, #navbar li.sfhover a {color:#555;}
#navbar ul li ul li a:link, #navbar ul li ul li a:visited {color:#000;}
#navbar ul li ul li a:hover, #navbar ul li.active ul li a:hover {color:#555;}
#navbar li li a {font-weight:normal; padding:0; height:26px; line-height:26px; text-indent:5px;}
#navbar ul ul a {display:block; text-decoration:none; width:170px; text-transform:none;}
#navbar li li {padding:0; background:none;}
#navbar li li {float:left; padding:0; width:173px;}
#navbar li ul ul {margin:-29px 0 0 173px;}
#navbar li:hover, #navbar li.sfhover {left:0;}
#navbar ul ul a:hover {background:none; height:26px; line-height:26px; padding:0; margin:0;}
#navbar li ul {top:29px; position:absolute; left:-999em; height:auto; width:173px; font-weight:normal; border-width:0; margin:0; padding:0;}
#navbar li.active a:link, #navbar li.active a:visited, #navbar li.active ul.sfhover {background:url(../img/nav-1.gif) no-repeat left top; color:#fefefe;}
#navbar li.active ul li a:link, #navbar li.active ul li a:visited, #navbar li.active li {color:#000; background-image:none;}
#navbar li.active li a:hover, #navbar li.active li.hover {color:#f1f1f1; background-image:none;}
#navbar li li:hover {background:#f2f2ef;}
#navbar ul li ul li a.child, #navbar ul li ul li a.child:hover {background:url(../img/arw.gif) 100% 50% no-repeat;}
#navbar ul li.active ul li a.child {background:url(../img/arw.gif) 100% 50% no-repeat;}
#navbar ul li ul li a:hover {background-image:none;}
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li:hover ul ul ul ul, #navbar li.sfhover ul ul, #navbar li.sfhover ul ul ul, #navbar li.sfhover ul ul ul ul {left:-999em;}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul, #navbar li li li li.sfhover ul {z-index:100; left:0;}
#navbar li.sfhover ul li.sfhover {background:#f2f2ef;}
#navbar li:hover li:hover a.child, #navbar li.sfhover li.sfhover a.child {color:#555;}
/* --- KOLOCENTRUM FX TEXT ------------------------------ */
#fx-text{width:852px; height:22px;margin:0 3px; background:url(../img/bg-fx.gif) no-repeat;}
#fx-text p{padding:4px 8px; color:#fdfdfd; font-size:.92em;}
#fx-text a{color:#fdfdfd;}
/* --- KOLOCENTRUM BANNER ------------------------------ */
#swf-movie{position:relative; top:7px; left:3px; width:852px; height:330px;}
html>body #swf-movie{position:relative; top:0; left:3px; width:852px; height:330px;}
#banner-1{margin:6px 0 0 9px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-1.gif) no-repeat 0 -79px;}
#banner-1 a{width:69px; height:79px; display:block; background:url(../img/banner-1.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-1 a:hover{background:none; text-decoration:none; border:none;}
#banner-2{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-2.gif) no-repeat 0 -79px;}
#banner-2 a{width:69px; height:79px; display:block; background:url(../img/banner-2.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-2 a:hover{background:none; text-decoration:none; border:none;}
#banner-3{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-3.gif) no-repeat 0 -79px;}
#banner-3 a{width:69px; height:79px; display:block; background:url(../img/banner-3.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-3 a:hover{background:none; text-decoration:none; border:none;}
#banner-4{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-4.gif) no-repeat 0 -79px;}
#banner-4 a{width:69px; height:79px; display:block; background:url(../img/banner-4.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-4 a:hover{background:none; text-decoration:none; border:none;}
#banner-5{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-5.gif) no-repeat 0 -79px;}
#banner-5 a{width:69px; height:79px; display:block; background:url(../img/banner-5.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-5 a:hover{background:none; text-decoration:none; border:none;}
#banner-6{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-6.gif) no-repeat 0 -79px;}
#banner-6 a{width:69px; height:79px; display:block; background:url(../img/banner-6.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-6 a:hover{background:none; text-decoration:none; border:none;}
#banner-7{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-7.gif) no-repeat 0 -79px;}
#banner-7 a{width:69px; height:79px; display:block; background:url(../img/banner-7.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-7 a:hover{background:none; text-decoration:none; border:none;}
#banner-8{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-8.gif) no-repeat 0 -79px;}
#banner-8 a{width:69px; height:79px; display:block; background:url(../img/banner-8.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-8 a:hover{background:none; text-decoration:none; border:none;}
#banner-9{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-9.gif) no-repeat 0 -79px;}
#banner-9 a{width:69px; height:79px; display:block; background:url(../img/banner-9.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-9 a:hover{background:none; text-decoration:none; border:none;}
#banner-10{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-10.gif) no-repeat 0 -79px;}
#banner-10 a{width:69px; height:79px; display:block; background:url(../img/banner-10.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-10 a:hover{background:none; text-decoration:none; border:none;}
#banner-11{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-11.gif) no-repeat 0 -79px;}
#banner-11 a{width:69px; height:79px; display:block; background:url(../img/banner-11.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-11 a:hover{background:none; text-decoration:none; border:none;}
#banner-12{margin:6px 0 0 1px; float:left; width:69px; height:79px; text-indent:-3000px; display:block; background:#f2f2f2 url(../img/banner-12.gif) no-repeat 0 -79px;}
#banner-12 a{width:69px; height:79px; display:block; background:url(../img/banner-12.gif) no-repeat 0 0; text-decoration:none; border:none;}
#banner-12 a:hover{background:none; text-decoration:none; border:none;}
/* --- KOLOCENTRUM BREADCRUMBS ------------------------------ */
#breadcrumbs{margin:0 0 0 20px; padding:0; color:#777; line-height:26px;}
#breadcrumbs a{color:#e82011; text-decoration:none;}
#breadcrumbs a:hover{color:#555;}
#breadcrumbs span{color:#333;}
/* --- KOLOCENTRUM CONTENT ------------------------------ */
#content-full {float:left; margin:0 0 20px 10px; width:830px;}
#content {float:left; margin:0 0 20px 10px; width:630px;}
#content-full a, #content a {color:#e82011; text-decoration:none;}
#content-full a:hover, #content a:hover {color:#444;}
#content-full .text, #content .text {padding:0 15px 0 10px; font-size:1.1em;}
#content-full h3, #content h3 {margin:0 0 0 0; padding:10px 10px 10px; font:normal 1.8em Georgia,serif; font-style:italic; color:#e82011;}
#content-full h4, #content h4 {margin:.8em 0 .2em; font:normal 1.4em Georgia,serif; font-style:italic; color:#e82011;}
#content-full p, #content p {padding-top:0;}
#content-full strong, #content strong {color:#444;}
.ext{border:none; float:left;margin:0 -7px;}
table {width:100%; margin:.5em 0; border-collapse:collapse; line-height:150%;}
table .first {width:151px;}
.big {font:normal 1.7em Georgia,serif; color:#e82011;}
.detail-tabulka {border:1px solid #dedede; border-collapse:collapse; margin-bottom:10px;}
.detail-tabulka td {border:1px solid #dedede; background:#fff;}
.radek-tabulka td {background:#fafafa;}
.detail-tabulka tr:hover td {background:#fafafa;}
/* --- KOLOCENTRUM LIGHTBOX ------------------------------ */
#lightbox {background-color:#eee; margin:-10px; padding:10px 10px 20px 10px;}
#lightboxDetails {font-size:1em; padding-top:0.4em;}
#lightboxDetails a{color:#555; text-decoration:none;}
#lightboxCaption {float:left; font-weight:bold;}
#keyboardMsg {float:right;}
#lightbox img {border:none; clear:both;}
#overlay img {border:none;}
#overlay {background-image:url(../img/overlay.png);}
* html #overlay {background-color:#000; back\ground-color:transparent; background-image:url(../img/blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");}
/* --- KOLOCENTRUM SIDEBAR ------------------------------ */	
#sidebar {position:relative; float:right; width:200px; margin-top:10px; margin-bottom:20px; padding:0; border-left:1px solid #e7e7e7;}
#sidebar p {margin:0 0 0 10px; padding:0;}
#sidebar a {color:#444; text-decoration:none; border-bottom:1px dotted #888;}
#sidebar a:hover {border-bottom:1px solid #BBB;}
#side-yamaha {margin:5px 0 20px 6px; position:relative; width:180px; height:60px; overflow:hidden;}
#side-yamaha span {display:block; position:absolute; left:0; top:0; z-index:1; width:180px; height:60px; margin:0; padding:0; background:url("../img/yamaha.gif") top left no-repeat;}
#side-kolocentrum {margin:-10px 0 10px 8px; position:relative; width:180px; height:22px; overflow:hidden;}
#side-kolocentrum span {display:block; position:absolute; left:0; top:0; z-index:1; width:180px; height:22px; margin:0; padding:0; background:url("../img/kolocentrum.gif") top left no-repeat;}
#side-mapa{margin:5px 0 0 8px; position:relative; width:180px; height:120px; display:block; border:1px solid #dfdfdf;}
#side-mapa a:hover{background:none; text-decoration:none; border:none;}
#side-aktuality {margin:20px 0 10px 8px; position:relative; width:180px; height:22px; overflow:hidden;}
#side-aktuality span {display:block; position:absolute; left:0; top:0; z-index:1; width:180px; height:22px; margin:0; padding:0; background:url("../img/aktuality.gif") top left no-repeat;}
#sidebar ul#sidenav-aktuality {margin:10px 10px 5px 5px; padding:0; list-style:none; border-top:1px solid #E7E7E7;}
#sidebar ul#sidenav-aktuality ul {margin:0 0 0; padding:0; list-style:none;}
#sidebar ul#sidenav-aktuality li {padding:0 5px 5px 5px; border-bottom:1px solid #E7E7E7;}
#sidebar ul#sidenav-aktuality ul li {border-bottom:0;}
#sidebar ul#sidenav-aktuality a {color:#555; text-decoration:none;}
#sidebar ul#sidenav-aktuality ul a {color:#666;}
/* --- KOLOCENTRUM FOOTER ------------------------------ */
#footer {clear:both; height:55px; background: url(../img/bg-footer.gif) no-repeat 50% 0;}
#footer p {font-size:.91em; color:#999; padding-top:14px; padding-left:44px; text-align:left;}
#footer a {color:#444; font-weight:bold; text-decoration:none;}
#footer a:hover {border-bottom:1px solid #BBB;}
/* --- KOLOCENTRUM MOTOSHOP ------------------------------ */