body {font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; font-size:0.72em; color:#FFFFFF;	margin: 0px auto; background: #222222 url(../images/body_bg.gif) repeat left top;}
.noCSS {display: none;}
.printOnly {display: none;}
.clearer {clear:both;}
div.clearer {height: 1px;overflow: hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.just {text-align:justify;}
.red {color: #dd0000;}
a:link, a:visited {color: #fa8500; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border: none;}
ul {margin-top:0.8em;  margin-bottom:0.8em;  margin-left:0.8em;  padding-left:1em;  line-height: 150%;}
ol {line-height: 140%;}
li {margin-bottom:0.3em;}
p {margin-top: 0em;  margin-bottom: 0.4em;  text-align: left;  line-height: 170%;  text-indent: 0px;}
.noIndent {text-indent: 0;}
span {line-height: 170%;}
h1 {font-size: 180%;  line-height: 115%;  font-weight: bold;  margin-top:10px;  margin-bottom: 15px;  color: #FFFFFF;  text-transform: uppercase;  border-bottom:1px solid #000000;}
h2 {font-size: 150%;  font-weight: bold;  margin-top:12px;  margin-bottom: 7px;  color: #FFFFFF;}
h3 {font-size: 130%;  margin-top: 0px;  margin-bottom: 5px;  margin-top: 7px;}
h3 em {font-size: 90%; font-weight: normal; }
label {font-weight: normal;}
.help {cursor: help;	border-bottom: 1px dashed #638EB5;}
img.fleft {float: left;    margin-right: 15px;  margin-bottom: 10px;}
img.fright {float: right;    margin-left: 15px;    margin-bottom: 10px;}
form {margin: 0; padding: 0;}
div.fleft {float: left;}
th {text-align: left;}
ol.alpha {list-style-type: lower-alpha;}
.orange { color: #fa850a }
/*-------------------------------------------------------------------------------------------------------
	layout
---------------------------------------------------------------------------------------------------------*/
div#page {width: 970px; margin: 0 auto; position:relative;}
div#header { background: url(../images/page_top_bg.jpg) no-repeat left top; width:970px; height:200px; }
div#headerLista { position: absolute; top:193px; left:0; background: url(../images/lista_bg.gif) repeat-x center top; width:100%; height:7px; }
div#flash {position:absolute; left:0; top:0;width:970px; height:193px;}
div#akce { position: relative; height: 428px; width: 289px; padding: 0; margin: 0; overflow: hidden;}
#flashAkce { display: block; width: 289px; height: 421px; position: absolute; z-index:1000; top: 0px; left:0; }
div#akce .text-box { position: relative; height: 361px; width: 259px; padding: 0; overflow: hidden;}
div#content {background: #040404 url(../images/content_bg.gif) left top repeat-y; padding: 0 5px; width: 960px;}
div#content-column {float: left; width: 620px; margin-right: 26px; padding: 0 0 25px 25px;}
div#right-column {float: left; margin: 0; width: 289px; overflow: hidden; }
div#footer {background: url(../images/footer_bg.gif) no-repeat left top; text-align: right; padding: 10px 20px 0 0; margin-bottom: 7px; }
div#content-column div.text-box { background: #2a2a2a url(../images/textBoxBg.gif) no-repeat bottom left; padding: 20px 20px 20px 25px; margin: 0 0 20px -25px; }

/*-------------------------------------------------------------------------------------------------------
	navigace
---------------------------------------------------------------------------------------------------------*/
div#navigace {width: 960px; height: 45px; background: #b80000 url(../images/navi_bg.jpg); margin:0 0  20px 0;}
div#navigace ul {height: 35px; width: 930px; padding: 3px 5px 0px 25px; margin: 0; list-style-type: none;}
div#navigace ul li {float: left; display: block; height: 35px; line-height: 35px; margin: 0 0 0 0;}
div#navigace ul li a:link, div#navigace ul li a:visited,div#navigace ul li a:hover { color: #FFFFFF; font-weight: bold; height:39px; float: left; display: block; }

div#navigace ul li a#home, div#navigace ul li a#home:visited, div#navigace ul li a#home-selected { background: url(../images/navi_home.jpg) top left no-repeat; width: 58px; }
div#navigace ul li a#home:hover, div#navigace ul li a#home-selected { background-position: bottom left; }
/*
div#navigace ul li a#katalog-motocykly, div#navigace ul li a#katalog-motocykly:visited, div#navigace ul li a#katalog-motocykly-selected { background: url(../images/navi_katalog-motocykly.jpg) top left no-repeat; width: 95px; }
div#navigace ul li a#katalog-motocykly:hover, div#navigace ul li a#katalog-motocykly-selected { background-position: bottom left; }
div#navigace ul li a#katalog-skutry, div#navigace ul li a#katalog-skutry:visited, div#navigace ul li a#katalog-skutry-selected { background: url(../images/navi_katalog-skutry.jpg) top left no-repeat; width: 68px; }
div#navigace ul li a#katalog-skutry:hover, div#navigace ul li a#katalog-skutry-selected { background-position: bottom left; }
div#navigace ul li a#katalog-ctyrkolky, div#navigace ul li a#katalog-ctyrkolky:visited, div#navigace ul li a#katalog-ctyrkolky-selected { background: url(../images/navi_katalog-ctyrkolky.jpg) top left no-repeat; width: 90px; }
div#navigace ul li a#katalog-ctyrkolky:hover, div#navigace ul li a#katalog-ctyrkolky-selected { background-position: bottom left; }
*/
div#navigace ul li a#doprava, div#navigace ul li a#doprava:visited, div#navigace ul li a#doprava-selected { background: url(../images/navi_doprava.jpg) top left no-repeat; width: 80px; }
div#navigace ul li a#doprava:hover, div#navigace ul li a#doprava-selected { background-position: bottom left; }
div#navigace ul li a#nahradni-dily, div#navigace ul li a#nahradni-dily:visited, div#navigace ul li a#nahradni-dily-selected { background: url(../images/navi_dily.jpg) top left no-repeat; width: 109px; }
div#navigace ul li a#nahradni-dily:hover, div#navigace ul li a#nahradni-dily-selected { background-position: bottom left; }
div#navigace ul li a#doplnky, div#navigace ul li a#doplnky:visited, div#navigace ul li a#doplnky-selected { background: url(../images/navi_doplnky.jpg) top left no-repeat; width: 77px; }
div#navigace ul li a#doplnky:hover, div#navigace ul li a#doplnky-selected { background-position: bottom left; }
div#navigace ul li a#servis, div#navigace ul li a#servis:visited, div#navigace ul li a#servis-selected { background: url(../images/navi_servis.jpg) top left no-repeat; width: 151px; }
div#navigace ul li a#servis:hover, div#navigace ul li a#servis-selected { background-position: bottom left; }
div#navigace ul li a#financovani, div#navigace ul li a#financovani:visited, div#navigace ul li a#financovani-selected { background: url(../images/navi_financovani.jpg) top left no-repeat; width: 104px; }
div#navigace ul li a#financovani:hover, div#navigace ul li a#financovani-selected { background-position: bottom left; }
div#navigace ul li a#vykup, div#navigace ul li a#vykup:visited, div#navigace ul li a#vykup-selected { background: url(../images/navi_vykup.jpg) top left no-repeat; width: 60px; }
div#navigace ul li a#vykup:hover, div#navigace ul li a#vykup-selected { background-position: bottom left; }
div#navigace ul li a#kontakty, div#navigace ul li a#kontakty:visited, div#navigace ul li a#kontakty-selected { background: url(../images/navi_kontakty.jpg) top left no-repeat; width: 85px; }
div#navigace ul li a#kontakty:hover, div#navigace ul li a#kontakty-selected { background-position: bottom left; }

/*-------------------------------------------------------------------------------------------------------
	pravy sloupec
---------------------------------------------------------------------------------------------------------*/
ul.rychla-navigace { margin: 0 0 15px 0; padding: 0; list-style-type: none; }
ul.rychla-navigace li {margin-bottom: 7px;}
ul.rychla-navigace li a { display: block; position: relative; width: 289px; height: 63px; line-height: 63px; background-color: #b80000; text-align: center; text-transform: uppercase; font-weight: bold; color: #FFFFFF;}
ul.rychla-navigace li a span {position: absolute; left:0; top:0; width: 289px; height: 63px;cursor: pointer;}
ul.rychla-navigace li#odkaz1 a span { background: url(../images/teaser-vykup.gif) no-repeat left top; }
ul.rychla-navigace li#odkaz1 a:hover span { background: url(../images/teaser-vykup.gif) no-repeat left bottom; }
ul.rychla-navigace li#odkaz2 a span {background: url(../images/teaser-protiucet.gif) no-repeat  left top; }
ul.rychla-navigace li#odkaz2 a:hover span {background: url(../images/teaser-protiucet.gif) no-repeat left bottom; }
ul.rychla-navigace li#odkaz3, ul.rychla-navigace li#odkaz3 a, ul.rychla-navigace li#odkaz3 a span { height: 78px; }
ul.rychla-navigace li#odkaz3 a span { height: 78px; background: url(../images/teaser_kymco.jpg) no-repeat left top; }
ul.rychla-navigace li#odkaz3 a:hover span {background-position: left bottom; }
ul.rychla-navigace li#odkaz4, ul.rychla-navigace li#odkaz4 a, ul.rychla-navigace li#odkaz4 a span { height: 78px; }
ul.rychla-navigace li#odkaz4 a span { height: 78px; background: url(../images/teaser_polaris.jpg) no-repeat left top; }
ul.rychla-navigace li#odkaz4 a:hover span { background-position: left bottom; }
ul.rychla-navigace li#odkaz5, ul.rychla-navigace li#odkaz5 a, ul.rychla-navigace li#odkaz5 a span { height: 78px; }
ul.rychla-navigace li#odkaz5 a span { height: 78px; background: url(../images/teaser_akumoto.jpg) no-repeat left top; }
ul.rychla-navigace li#odkaz5 a:hover span { background-position: left bottom; }
ul.rychla-navigace li#odkaz6, ul.rychla-navigace li#odkaz6 a, ul.rychla-navigace li#odkaz6 a span { height: 66px; }
ul.rychla-navigace li#odkaz6 a span { height: 66px; background: url(../images/teaser_moto.jpg) no-repeat left top; }
ul.rychla-navigace li#odkaz6 a:hover span {background-position: left bottom; }
ul.rychla-navigace li#odkaz7, ul.rychla-navigace li#odkaz7 a, ul.rychla-navigace li#odkaz7 a span { height: 66px; }
ul.rychla-navigace li#odkaz7 a span { height: 66px; background: url(../images/teaser_ctyrkolky.jpg) no-repeat left top; }
ul.rychla-navigace li#odkaz7 a:hover span { background-position: left bottom; }
ul.rychla-navigace li#odkaz8, ul.rychla-navigace li#odkaz8 a, ul.rychla-navigace li#odkaz8 a span { height: 66px; }
ul.rychla-navigace li#odkaz8 a span { height: 66px; background: url(../images/teaser_skutry.jpg) no-repeat left top; }
ul.rychla-navigace li#odkaz8 a:hover span { background-position: left bottom; }
div#right-column div.text-box { padding: 15px; margin-bottom: 15px; background: #2a2a2a url(../images/rightTextBoxBottom.gif) no-repeat left bottom; }
div#right-column div.text-box h3 { margin-top: 0; }
div#right-column #topBg { width: 289px; height: 4px; overflow: hidden; background: #2a2a2a url(../images/rightColumnTextTopBg.gif) no-repeat left top; }


/*-------------------------------------------------------------------------------------------------------
	stranky
---------------------------------------------------------------------------------------------------------*/
h2.page-main { display: block; width: 645px; height: 22px; display: block; clear: left; margin: 0 0 0 -25px; }
h2#title-proc-od-nas { background: url(../images/title_proc-od-nas.gif) top left no-repeat; }
h2#title-doplnky { background: url(../images/title_doplnky.gif) top left no-repeat; }
h2#title-dily { background: url(../images/title_dily.gif) top left no-repeat; }
h2#title-doprava { background: url(../images/title_doprava.gif) top left no-repeat; }
h2#title-servis { background: url(../images/title_servis.gif) top left no-repeat; }
h2#title-financovani { background: url(../images/title_financovani.gif) top left no-repeat; }
h2#title-kontakty { background: url(../images/title_kontakty.gif) top left no-repeat; }
h2#title-novinky { background: url(../images/title_novinky.gif) top left no-repeat; }

div.text-left, div.text-right {float: left; width: 280px;;}
div.text-left {margin-right: 30px;;}
img.financovani-r {float: right; margin-left: 15px; border: 10px solid #4c4c4c;padding:1px;}
img.financovani-l {float: left; margin-right: 15px; border: 10px solid #4c4c4c;padding:1px;}
img.doprava-r {float: right; margin: 0 0 5px 15px; border: 10px solid #4c4c4c;padding:1px; clear: right; }
img.nahradni-dily1 {float: left; margin-right: 15px; border: 10px solid #4c4c4c;padding:1px;}

img.kontakty { border: 10px solid #4c4c4c;padding:1px;}
p.servis {position: relative;}
/*-------------------------------------------------------------------------------------------------------
	homepage
---------------------------------------------------------------------------------------------------------*/
ul#home-nabidka { margin: 0; padding: 0; list-style-type: none;}
ul#home-nabidka li {float: left; width: 189px; height: 275px; }
a#home-nabidka1, a#home-nabidka1:visited { display: block;  width: 189px; height: 275px; background: url(../images/home_nabidka1.jpg) no-repeat left top; }
a#home-nabidka1:hover { background-position: left bottom; }
a#home-nabidka2, a#home-nabidka2:visited { display: block;  width: 189px; height: 275px; background: url(../images/home_nabidka2.jpg) no-repeat left top; }
a#home-nabidka2:hover { background-position: left bottom; }
a#home-nabidka3, a#home-nabidka3:visited { display: block;  width: 189px; height: 275px; background: url(../images/home_nabidka3.jpg) no-repeat left top; }
a#home-nabidka3:hover { background-position: left bottom; }

/*-------------------------------------------------------------------------------------------------------
    ostatni stranky
---------------------------------------------------------------------------------------------------------*/
table.doplnky td img {margin-right: 20px;}
table.doplnky td h3 {margin-top: 0;}
table.soupis td { padding: 3px 6px; background:#4C4C4C; }
/*-------------------------------------------------------------------------------------------------------
	akce
---------------------------------------------------------------------------------------------------------*/
div.akce-popis {width: 259px; float: left; padding-right: 20px; padding-top: 15px; padding-left: 20px;}
div.akce-popis p.cena {margin: 10px 0 0 2px; font-size: 130%;}
div.akce-velky-obrazek {float: left;width: 330px; height: 216px; overflow: hidden; position:relative;}
div.akce-velky-obrazek img {width: 288px; height: 216px;}
div.akce-velky-obrazek div.ramecek {position: absolute; width: 288px; height: 216px; left:0; top: 0; background: url(../images/akce_ramecek_velky.gif) no-repeat left top}
div.akce-thumb-cont {float: left; width: 80px; height: 60px; margin: 9px 9px 0 0; overflow: hidden; border: 1px solid #f41b15; font-size: 200%; font-weight: bold; background-color: #FDA900; text-align:center; line-height:60px; color: #f41b15;}
div.akce-thumb-cont img {width: 80px; height: 60px;}
/*-------------------------------------------------------------------------------------------------------
	katalog
---------------------------------------------------------------------------------------------------------*/
div.block-katalog-bily {background: #4c4c4c; border: none; color: #FFFFFF; padding: 15px 20px 7px 20px; margin-bottom: 15px;width: 580px;}
div.block-katalog-bily fieldset {border: 1px solid #FFFFFF; margin: 0 0 10px 0; padding: 0 20px 10px 20px; width: 538px;}
div.block-katalog-bily legend {color: #FFFFFF; font-size: 100%;}
ul#stav {margin: 0; padding: 0; list-style-type: none;  height: 27px; }
ul#stav li {display: block; float: left; margin-right: 4px; background: #2a2a2a; color: #FFFFFF; height: 27px; line-height: 27px; padding: 0 15px;}
ul#stav li a:link, ul#stav li a:visited {color: #FFFFFF; text-decoration: none; font-weight: normal;}
ul#stav li.selected {background: #4c4c4c; color: #FFFFFF;}
div.checkbox {float: left; margin-right: 13px; margin-top: 5px; margin-bottom: 5px;}
div.checkbox input {vertical-align: middle; margin-right: 5px;}

table.filtry {width: 400px; margin: 0 auto;}
table.filtry th {text-align: right;}
table.filtry td {vertical-align:middle;text-align:left; padding: 2px 0;}
table.filtry td.centered {text-align: center;}
table.filtry select {width: 115px; margin-right: 15px;}

div.block-katalog { background: #2a2a2a; color: #FFFFFF; padding: 15px; margin-bottom: 15px; position: relative; float: left; width: 590px; }
div.block-katalog h3 {font-size: 150%; color: #FFFFFF; margin-bottom: 15px;}
div.block-katalog img {	border: 10px solid #4c4c4c;	padding:1px; float: left; margin-right: 35px; width: 200px; }
div.block-katalog .sleva { position: absolute; top: 50px; left: 450px; padding: 30px 20px 0 20px; width: 130px; height: 54px; text-align: center; background: url(../images/akce-short-bg.gif) no-repeat bottom right; color: #ffffff; font-size: 170%; font-weight: bold; }
div.text-box .sleva { float: right; margin-left: 15px; padding: 30px 20px 0 20px; width: 130px; height: 54px; text-align: center; background: url(../images/akce-short-bg.gif) no-repeat bottom right; color: #ffffff; font-size: 300%; font-size: 170%; font-weight: bold; }

div.fotolarge-cont {width: 490px; height: 367px; overflow: hidden; float: left; margin-right: 7px;}
img.fotolarge { width: 600px; }
div.thumb-cont {float: left; width: 56px; overflow: hidden;margin-bottom: 4px; margin-right: 4px;}
div.thumb-cont img {width: 56px; display: block; cursor: pointer;}
table.cena { margin: 0px 0 20px 0px; font-size: 180%; width: 100%; }
table.cena th { padding: 10px; background:#4c4c4c; width: 50%; color: #ffffff; }
table.parametry { margin: 20px 0 10px 0px; width: 100%; }
table.parametry td { padding: 3px 5px; width: 25%; }
table.parametry td.right { font-weight: bold; }
table.parametry td strong {margin-right: 20px;}
.photogal { margin:5px 5px 5px 10px;}
.photogal img { display: block; z-index: 99; position: relative; }
.photogal a:link, .photogal a:visited { clear: both; display: block; position: relative; float:left; }
.photogal a:link .lupa-overlay, .photogal a:visited .lupa-overlay {  background: url(../images/lupa-overlay.png) no-repeat center; position: absolute; top:0; left:0; width: 100%; height: 100%; display: none; }
.photogal a:hover .lupa-overlay { display: block; z-index: 100;  }
h3.title-smenu, h3.moofx-toggler {  margin: 0; border: 1px solid #ccc; padding: 4px; background-color: #040404; margin-bottom: 10px; margin-top: 10px; font-size: 12px; color: #FFFFFF; cursor: pointer; width: 570px; }
h3.moofx-toggler      { background: #2a2a2a url(../images/j_arrow.png) 5px 50% no-repeat; text-indent: 15px; width: 570px;}
h3.moofx-toggler-down { background-image: url(../images/j_arrow_down.png); width: 570px;}

/*-------------------------------------------------------------------------------------------------------
    strankovani
---------------------------------------------------------------------------------------------------------*/
div#PagerId {margin: 10px auto}
div#PagerId span {color: #4c4c4c}
div#PagerId span.actual {padding: 2px 5px; background: #4c4c4c; font-weight: bold; color: #FFFFFF;}
div#PagerId a:link, div#PagerId a:visited {font-weight: bold;padding: 2px 5px; color: #FFFFFF;}
div#PagerId a.sipky, div#PagerId span.sipky {font-size: 130%; padding: 0;}
#bannerFlash { width: 468px; height:60px; margin: 0 0 15px 50px; border: 5px solid #1A1A1A; }
/*-------------------------------------------------------------------------------------------------------
    popup pro titulni stranu
---------------------------------------------------------------------------------------------------------*/
 #popupBackground{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/  height:100%;  width:100%;  top:0;  left:0;  background:#000000;  border:1px solid #cecece;  z-index:101;  }
 #popupPortfolio{  display:none;  position:fixed;  _position:absolute; /* hack for internet explorer 6*/  width:630px; height:324px; background: transparent url(../images/pf2010-web.jpg) no-repeat top left; z-index:102;  padding: 0;  font-size:13px; color: #ffffff; border: 2px solid #909090; }
 #popupPortfolio #portfolioPopupArea { margin: 180px 50px 0px 336px; text-align: center; }
 #popupPortfolioClose {  font-size:12px;  line-height:14px;  left:190px;  bottom:70px;  position:absolute;  text-decoration: none; font-weight:700;  display:block; cursor: pointer; }
 #popupPortfolioClose:hover { color: #F5B321; }