body, html {
	font-family: "Lucida Grande", Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	margin: 0px; padding: 0px; height:100%; background: #fff url(../img/bg_body.jpg) no-repeat top center; 
	border: 0px none; 
	text-align: center;
}

img, div, p, span, h1 {margin-top:0px; margin-bottom: 0px;}
a { color: #dd0119; text-decoration: underline;}
a img { border: 0px;}
strong, p, h1, h2, h3, emph, div  { text-align: left;}


/* main block */
#container { position: relative; width: 962px; margin-left: auto; margin-right: auto;}


/* top menu */
#mainmenu { height: 24px; margin-left: 0px; margin-top: 0px; width: 962px;}
#mainmenu ul {	margin: 0px; padding: 0px;	list-style-type: none; }
#mainmenu ul li { position: relative; overflow: hidden; margin: 0px; padding: 0px; font-size: 100%; float: left; height: 24px; }
#mainmenu ul li a:hover span { background-position: 0px -24px; }
#mainmenu ul li a, #mainmenu ul li span { display: block; height: 58px;	background-position: 0px 0px; background-repeat: no-repeat; }
#mainmenu ul li span { position: absolute; 	left: 0px;	top: 0px; _cursor: hand; }
#mainmenu ul li#mm_wheeler a, #mainmenu ul li#mm_wheeler a span { 
   width: 284px; 
   background-image: url('../img/butt_image.jpg'); 
}
#mainmenu ul li#mm_proc_wheeler a, #mainmenu ul li#mm_proc_wheeler a span { 
   width: 108px; 
   background-image: url('../img/butt_proc_wheeler_2.gif'); 
}
#mainmenu ul li#mm_technologie a, #mainmenu ul li#mm_technologie a span { 
   width: 98px; 
   background-image: url('../img/butt_technologie_2.gif'); 
}
#mainmenu ul li#mm_modely a, #mainmenu ul li#mm_modely a span { 
   width: 94px; 
   background-image: url('../img/butt_modely_2.gif'); 
}
#mainmenu ul li#mm_kdekoupit a, #mainmenu ul li#mm_kdekoupit a span { 
   width: 85px; 
   background-image: url('../img/butt_kdekoupit_2.gif'); 
}
#mainmenu ul li#mm_eshop a, #mainmenu ul li#mm_eshop a span { 
   width: 56px; 
   background-image: url('../img/butt_eshop_2.gif'); 
}
#mainmenu ul li#mm_vylety a, #mainmenu ul li#mm_vylety a span { 
   width: 106px; 
   background-image: url('../img/butt_vylety_2.gif'); 
}
#mainmenu ul li#mm_lide a, #mainmenu ul li#mm_lide a span { 
   width: 46px; 
   background-image: url('../img/butt_lide_2.gif'); 
}
#mainmenu ul li#mm_kontakty a, #mainmenu ul li#mm_kontakty a span { 
   width: 85px; 
   background-image: url('../img/butt_kontakty.gif'); 
}


#flash { height: 157px; width:100%;}
#flash #flashimage { width:285px; float: left;}
#flash #animation { width:677px; float: right; overflow: hidden;}


/* Bloky */
#blocks { width: 962px; }
#blocks #katalog_menu { width: 194px; float:left; margin-top: -3px; }
#blocks #katalog_menu #model_menu { background: url(../img/bikemenubg.jpg) no-repeat; margin-top: 0px; padding: 25px 0px 15px 0px; height: 260px; }
#blocks #katalog_menu #model_menu a { display: block; padding: 3px 0px 4px 10px; color: #fff; text-decoration: none; height: 15px; font-size: 70%;   }
#blocks #katalog_menu #model_menu a:hover { color: black; }


#blocks #content { width: 517px; float: left; background: url(../img/spacer.gif) repeat-y right;}
#blocks #content h1 { font-size: 110%; color: #e97112; padding: 14px 0px 10px 10px;}
#blocks #content h1.h1 { }
#blocks #content h1.subH1 { font-size: 95%;}
#blocks #content h1.subH1 a { text-decoration: none;}
#blocks #content h1.subH1 a:hover { text-decoration: underline;}
#blocks #content h2 { margin-bottom: 0px; padding: 0px 0px 0px 10px; font-size: 95%; color: black; }
#blocks #content p { padding: 0px 10px 15px 10px; font-size: 80%; line-height: 135%; color: #383838; }
#blocks #content p.world {	background: url(../img/world.jpg) no-repeat; margin-top:-8px; margin-left: 5px; padding: 5px 25px 15px 10px; font-size: 75%; height: 110px; }
#blocks #content p.world strong { display: block; margin: 8px 0px 8px 0px;}
#blocks #content p.world img { float: left; padding: 10px 10px 0px 10px;}
#blocks #content p.infotetxt { margin-top: -5px; font-size: 75%;}
#blocks #content ul li { font-size: 75%; padding-bottom: 5px;}
#blocks #content hr { border-bottom: 0px; border-top: 1px solid silver; width: 95%;}
#blocks #content table.bikesize { margin: -8px 0px 0px 8px; width: 480px; border-top: 1px solid silver;}
#blocks #content table.bikesize td { font-size: 70%; padding: 3px 0px 3px 8px; border-bottom: 1px solid silver;}
#blocks #content .bikefinder, .technologie { margin: 0px 0px 0px 8px; width: 500px;}
#blocks #content .bikefinder td { font-size: 70%; vertical-align: top; text-align: left; width: 25%; background: url(../img/bikefinder-bg.gif) no-repeat; height: 80px; }
#blocks #content .technologie td { font-size: 75%; line-height: 140%; color: #454545; }
#blocks #content .technologie td strong { display: block; margin: 4px 0px 8px 0px;}
#blocks #content .subTitle { font-weight:  bold; display: block; border-bottom: 1px solid silver; margin-bottom:8px}

#blocks #hotbox {width: 240px; float: right; margin-top: 0px; margin-bottom: 60px;}
#blocks #hotbox table { margin-top: 15px;}
#blocks #hotbox table.akcni_nabidka { background: url(../img/akcni-nabidka.jpg) no-repeat top right;}
#blocks #hotbox table.vyprodej { background: url(../img/vyprodej.jpg) no-repeat top right;}
#blocks #hotbox table.skladem { background: url(../img/skladem.gif) no-repeat top right;}
#blocks #hotbox table th { height: 40px;}
#blocks #hotbox table td { font-size: 75%; padding: 5px; border-bottom: 1px dashed #ececec;}
#blocks #hotbox table div.box_txt { width: 100px; float: left;}
#blocks #hotbox table div.box_img { width: 120px; float: right;}
#blocks #hotbox a { text-decoration: none; color: black;}
#blocks #hotbox a:hover { color: #f6801e;}
#blocks #hotbox table div strong { display: block; padding-bottom: 5px;}
#blocks #hotbox table div strike { color: red;}
#blocks #hotbox table div small { display: block; padding-top: 5px; color: gray;}
#blocks #hotbox a.cyklotrasy { display: block; padding: 5px 0px 0px 10px; font-size: 75%; color: #f27b21;}
#blocks #hotbox a:hover.cyklotrasy { text-decoration: underline;}
#blocks #hotbox ul li { font-size: 75%; padding-bottom: 3px; text-align: left;}  
 
/* Pocasi */
#WeatherReport { font-size: 95%;}
#WeatherReport .WR_Box { width: 92px; height: 160px; float: left; overflow: hidden; font-size: 75%; text-align: center; margin: 0px 3px 0px 3px;}
 
 

/* Katalog page */
.InfoBox { width: 175px; margin:15px 0px 0px 5px; background: url(../img/katalog_bottom.jpg) no-repeat bottom; padding-bottom: 25px;}
.InfoBox td { font-size: 75%; padding:5px 0px 5px 0px; border-bottom: 1px solid #f1f1f1; vertical-align: top; padding-left: 5px; color: gray;} 
.InfoBox td.value { color: black; }

#TechBox { width: 490px; border-top: 3px solid gray; margin-top: 2px; margin-left: 10px;}
#TechBox td { color: gray; border-bottom: 1px dashed silver; font-size: 75%; padding: 3px;}
#TechBox .value { color: black; }

.HotBoxTitle { background: url(../img/HotBoxTitle.jpg) no-repeat top right; height: 50px}
.HotBoxSale { background: url(../img/HotBoxSale.jpg) no-repeat top right; height: 80px; margin-top: -6px;}
.HotBoxTitle, .HotBoxSale { width:235px; float: left; color: black; font-size: 90%;}
.HotBoxTitle strong, .HotBoxSale strong { display: block; text-align: right; font-size: 110%; color: gray; padding: 15px 15px 0px 30px;}
.HotBoxSale strong { padding: 15px 15px 0px 85px;}

#TypesList {width: 240px; float: right; margin-top: 15px; margin-bottom: 60px;}
#TypesList div.ModelsList {width: 118px; float: left; margin-top: 0px; margin-bottom: 15px; text-align: center; font-size: 75%; font-weight: bold;}
#TypesList div a { text-decoration: none; color: gray; }
#TypesList div a:hover { color: #d2821d}


/* modely - menu */
.srafo { display: none; height: 200px; font-size: 90%;}
.srafo p strong {display: block; margin-bottom: 5px; }
#modely { width: 966px; margin-left: -3px;}
#modely img {margin-left: 3px; margin-top: 5px;}
.stupnice {display: block; height: 40px;  background: url(../img/stupnice.gif); margin-bottom: 15px; padding-left: 146px;}


/* Dealeri */
.Dealer_Box { width: 30%; float: left; margin-left: 1%; font-size: 80%;}
.Dealer_Box a { display: block; text-decoration: none; padding: 2px 0px 2px 5px;}
.Dealer_Box a.selected { background: url(../img/selection.gif) no-repeat right top; }
.Dealer_Box span {padding: 0px 0px 25px 8px; font-size: 90%; display: block; }
.Dealer_Box span a { display: inline; text-decoration: underline; padding: 0px; margin: 0px; font-size: 110%;}

form .edimput { margin-bottom: 8px; border: 1px solid silver; font-size: 90%; padding: 3px; background: #c1c1c1;} 
form .long { width: 95%;}
form .half { width: 45%;}

.StockTable { width: 95%; font-size: 75%; border:none; margin-left: 10px;}
.StockTable td { white-space: nowrap; padding: 3px; border-bottom: 1px solid silver;}
.StockTable td strike { color: red;}
.StockTable td a { text-decoration: none; }
.StockTable td a:hover { text-decoration: underline;}
.StockTable .StockType { background: #faa419; font-weight: bold; font-size: 110%;}


/* Zapati */
#footer { background: url(../img/footer.gif); width: 962px; height: 137px; margin-top: -80px; }
#footer p { padding:117px 0px 0px 10px ; font-size: 70%; color: #999;}
#footer p a { color: gray;}
#footer p a:hover { color: red;}


/* Gallery */
.gallery { margin-bottom: 20px;}
.gallery a { display: block; width:auto; background: #fff; margin: 5px; text-align: center; padding: 5px; text-decoration: none;  border:1px solid #fff;}
.gallery a:hover { border:1px solid silver;}
.imageBox {margin: 0px 8px 10px 0px; display: block; float: left; height: 140px;}  

/* Gallery - Slides */
.gallery span { text-align: center; font-size: 75%; }
#Gallery { position:absolute; top:0px; left:0px; width:100%; height:100%; background:black; opacity:0.7; filter:alpha(opacity=70); padding:none; margin:none; cursor:pointer; text-align:center; display:none}
#GalleryBox #Preloader { width:100%; height:100% }
#GalleryBox #Preloader img {display: block; width:260px; height:30px; position:relative; top:50%; left:50%; margin:-15px 0 0 -130px; }   
#GalleryBox { position:absolute; overflow:hidden; text-align:center; background:#fff; padding:10px; display:none;}   
.GalleryBoxClass { width:200px; height:100px; margin-top:auto; margin-left:auto; background:#fff; }   
#GalleryComment { height:30px; border-top:10px solid #fff; width:inherit; text-align:center; background:#fff;}
#GalleryComment #MoveLeft { float:left; width:15%; text-align:left; position:relative; bottom:1px }
#GalleryComment #Title { float:left; width:60%; text-align:center; font-size: 80%; }
#GalleryComment #MoveRight { float:right; width:15%; text-align:right;}
#GalleryComment .mover { border:0px; cursor:pointer }

/* Downloads */
.attachments strong { display: block; border-bottom: 1px solid silver; margin:10px 0px 10px 0px;}
.attachments a {padding: 0px 0px 0px 25px; height: 16px; display: block; margin-bottom: 8px;}
.attachments a:hover {text-decoration: underline;}
.attachments a small {font-size: 75%; padding-left: 15px; color: gray;}
.attachments a.att_file {background: #fff url(../admin2/pic/files/file.png) no-repeat;}
.attachments a.att_jpg {background: #fff url(../admin2/pic/files/jpg.png) no-repeat;}
.attachments a.att_gif {background: #fff url(../admin2/pic/files/gif.png) no-repeat;}
.attachments a.att_png {background: #fff url(../admin2/pic/files/png.png) no-repeat;}
.attachments a.att_doc {background: #fff url(../admin2/pic/files/doc.png) no-repeat;}
.attachments a.att_xls {background: #fff url(../admin2/pic/files/xls.png) no-repeat;}
.attachments a.att_pdf {background: #fff url(../admin2/pic/files/pdf.png) no-repeat;}
.attachments a.att_ppt {background: #fff url(../admin2/pic/files/ppt.png) no-repeat;}
.attachments a.att_rtf {background: #fff url(../admin2/pic/files/rtf.png) no-repeat;}


.clear {clear:none; height: 1px; width: 100%;}
.clr {	clear: both; font-size: 1px;	height: 1px;	margin-top: -1px; }