ÿþ/* OBECNE STYLY */
body{font-size: 10px; font-family: verdana; letter-spacing: 1px; color: #000000; background: #d0cfcb url(../images/background-repair.gif) no-repeat top center}
strong{color: black}

body #right_main strong{color: #000000} 
 
span,body,table,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
p{margin-bottom: 12px; margin-top: 0px}
ul{list-style: none}
a{text-decoration: none; color: #000000}
a:hover{text-decoration: underline}
fieldset,a img{border: 0px none}

label{display: block; float: left; width: 90px}
#form_1 input, #form_1 textarea{padding:0; margin:0; border: 1px solid #abaaab; margin: 1px 0 1px 0}
#form_1 textarea{width: 250px; margin-bottom: 2px}
#form_1 .form_submit_cz{left: 290px; position: relative; width: 103px; height: 30px; background: url(../images/button.jpg) no-repeat; border: 0px none}
#form_1 .form_submit_cz:hover{background: url(../images/button_hover.jpg) no-repeat 0px 0px}
#form_1 .form_submit_cz:active{background: url(../images/button_hover.jpg) no-repeat 1px 1px}

#form_1 .form_submit_en{left: 290px; position: relative; width: 103px; height: 30px; background: url(../images/button-en.gif) no-repeat; border: 0px none}
#form_1 .form_submit_en:hover{background: url(../images/button-en_hover.gif) no-repeat 0px 0px}
#form_1 .form_submit_en:active{background: url(../images/button-en_hover.gif) no-repeat 1px 1px}


#form_1 .form_item_error{border-color: red}
#form_1 .form_message_error{display: none}
#form_1 .form_item_required input,#form_1  .form_item_required textarea{background: url(../images/required.gif) no-repeat right top}
.form_report{color: red; height: 20px; display: block}

#navigation{position: absolute; margin-top: -40px; color: #9d9d9d; text-transform: uppercase;}
#navigation a{text-transform: uppercase; color: #9d9d9d}

.form_submit{margin-left: 98px !important}

.actual{color: #bed600}

.menu_content{position: absolute; margin-top: 70px}
.mmtb{margin-left: 20px; &margin-left: -370px;}
.mcross{margin-left: 230px; &margin-left: -170px;}
.mcross_lady{margin-left:430px; &margin-left: 30px;}



.menu_content {height: 240px; padding-top: 90px; margin-top: -20px;}
.menu_content div{height: 30px; width: 167px; background: url(../../default/images/menu_content_background.gif) no-repeat; padding: 5px 0 0 13px}
.menu_content .menu_1{margin-left: 24px}
.menu_content .menu_2{margin-left: 18px}
.menu_content .menu_3{margin-left: 12px}
.menu_content .menu_4{margin-left: 6px}
.menu_content .menu_5{margin-left: 0px}



.detail_absolute{position: absolute; margin: -20px 0 0 180px}
.detail_name{position: absolute; width: 290px; margin-top: 145px; padding-left: 5px; z-index: 2}
.detail_cena{position: absolute; width: 175px; height: 42px; background: url(../images/cena.gif) no-repeat; margin: 346px 0 0 760px;z-index: 2}
#price{position: absolute; margin-top: 13px; width: 120px}
#moc{position: absolute; margin-top: 16px; width: 50px; margin-left: 110px}
.detail_number{position: absolute; width: 100px; margin-top: 100px; padding-left: 5px; border-bottom: 2px solid #bed600; }
.detail_category{position: absolute; width: 100px; padding-left: 5px; margin-top: 175px}
.detail_info{position: absolute; width: 500px; background: url(../images/info.gif) no-repeat left center; height: 52px; margin: 490px 0 0 300px; padding-left: 60px; color: black; padding-top: 7px}
.detail_info .name{color: #7f7f7f}
.detail_ram{width: 108px; height: 57px;  margin-top: 230px; position: absolute; line-height:17px; padding: 3px 0 0 20px; color: black; font-size: 12px}
.detail_gif_over{position: absolute; margin: -20px 0 0 180px; width: 750px; height: 500px; background: url(../images/bike.gif); opacity: 0.2; z-index: 2}


#rozcestnik{width: 950px; height: 345px; background: url(../images/rozcestnik-background.jpg) no-repeat; margin: 25px  0 15px -25px}

#sub-mtb--bg{position: absolute; width: 196px; height: 306px; background: url(../images/mtb-bg.gif) no-repeat; padding: 40px 0 0 80px}
#sub-trek-bg{position: absolute; width: 185px; height: 306px; background: url(../images/trek-bg.gif) no-repeat; margin-left: 234px; padding: 40px 0 0 80px}
#sub-cross-bg{position: absolute; width: 185px; height: 306px; background: url(../images/cross-bg.gif) no-repeat; margin-left: 457px; padding: 40px 0 0 80px}
#sub-city-bg{position: absolute; width: 190px; height: 306px; background: url(../images/city-bg.gif) no-repeat; margin-left: 680px; padding: 40px 0 0 80px}

.submenurozcestnik{display: block; width: 160px; background: url(../images/submenu-bg.gif) no-repeat bottom center; text-align: center; font-size: 14px; font-weight: normal; color: white; padding: 4px 0 0 0; height: 20px}

#menu a{display: block; float: left; height: 35px; background: url(../images/menu-bgs.gif); text-decoration: none}
#menu a span{visibility: hidden;}
#menu #m-uvod{width: 91px; background-position: 0 0}#menu #m-uvod.actual,#menu #m-uvod:hover{background-position: 0 -70px}
#menu #m-kolekce-2010{width: 210px; background-position: -91px 0}#menu #m-kolekce-2010.actual,#menu #m-kolekce-2010:hover{background-position: -91px -70px}
#menu #m-kolekce-2009{width: 215px; background-position: -301px 0}#menu #m-kolekce-2009.actual,#menu #m-kolekce-2009:hover{background-position: -301px -70px}
#menu #m-kontakt{width: 130px; background-position: -516px 0}#menu #m-kontakt.actual,#menu #m-kontakt:hover{background-position: -516px -70px}
#menu #m-main-page{width: 156px; background-position: 0 -132px}#menu #m-uvod.actual,#menu #m-uvod:hover{background-position: 0 -70px}
#menu #m-collection-2010{width: 192px; background-position: -156px -132px}#menu #m-kolekce-2010.actual,#menu #m-kolekce-2010:hover{background-position: -91px -70px}
#menu #m-collection-2009{width: 201px; background-position: -349px -132px}#menu #m-kolekce-2009.actual,#menu #m-kolekce-2009:hover{background-position: -301px -70px}
#menu #m-contact{width: 113px; background-position: -550px -132px}#menu #m-kontakt.actual,#menu #m-kontakt:hover{background-position: -516px -70px}

.submenu{position: absolute; margin: 40px 0 0 150px; &margin-left: -490px}
.submenu a span{visibility: hidden}
.submenu a{display: block; float: left; height: 25px; background: url(../images/menu-bgs.gif); text-decoration: none}
.submenu #sub-mtb-{width: 59px; background-position: -118px -36px}.submenu #sub-mtb-:hover,.submenu #sub-mtb-.act{background-position: -118px -106px}
.submenu #sub-cross{width: 83px; background-position: -177px -36px;}.submenu #sub-cross:hover,.submenu #sub-cross.act{background-position: -177px -106px}
.submenu #sub-cross-lady{width: 123px; background-position: -260px -36px;}.submenu #sub-cross-lady:hover,.submenu #sub-cross-lady.act{background-position: -260px -106px}
.submenu #sub-trek{width: 71px; background-position: -383px -36px;}.submenu #sub-trek:hover,.submenu #sub-trek.act{background-position: -383px -106px}
.submenu #sub-city{width: 55px; background-position: -454px -36px;}.submenu #sub-city:hover,.submenu #sub-city.act{background-position: -454px -106px}

.subsubmenu{position: absolute;margin:112px 0 0 0;width: 640px;overflow: hidden;&margin-left: -640px}
.subsubmenu a{background: none !important; color: black}

#localization{width: 200px;  height: 20px; position: absolute; margin: -25px 0 0 750px; text-align: right; z-index: 2}
#localization a{width: 25px}

/* DALSI STYLY */
.nadpis_h1{position: absolute; width: 400px; margin:-14px 0 0 535px; text-align: right}
 
.news_item{height: 130px; margin-top: 5px; &margin-top: 15px}
.news_img{float: left; margin-right: 15px} 
.news_header{font-size: 13px; font-weight: bold; text-transform: uppercase; margin-bottom: 4px}
.datum{margin-bottom: 2px;}
.logo_a{position: absolute; margin-top: 22px}
.mapa{margin: 30px 0 0 30px}

#info_text{position: absolute;  width: 400px; margin: 50px 0 0 20px}



/* OBECNE NASTAVENI PRVKU LAYOUTU (barva, vyska, border...) */
#main{padding-top: 35px; background: white}
#menu{width: 662px; margin: 20px 0 0 280px; position: absolute}
#index_menu_cz{height: 419px; background: url(../images/index_menu_background_cz.gif) no-repeat; margin-top: -8px}
#index_menu_en{height: 419px; background: url(../images/index_menu_background_en.gif) no-repeat; margin-top: -8px}
#menu_img{width: 619px; height: 308px; position: absolute; margin: 24px 0 0 331px}
#menu_img img{padding: 0px; margin: 0px; position: absolute;}

#menu_img .menu_mtb{}
#menu_img .menu_cross_lady{margin-left: 205px}
#menu_img .menu_cross{margin-left: 204px}

#arrows{position: absolute; margin: 0px 0 0 225px; &margin-right: 215px}
.arrow{float: left; &float: none}



#sipky_kolekce{width: 303px; height: 52px; position: absolute; margin: 358px 0 0 647px}
#header{ height: 195px; background: url(../images/content-header.gif) no-repeat;}
#maincontent{margin: 10px 10px 0 25px; display: block; }
#left_main,#right_main{position: relative; display: block;}
#left_main{float: left; width: 420px; margin-top: -80px; &margin-top: -50px}
#right_main{float: right;width: 480px; text-align: justify}
#footer{height: 83px; background: url(../images/footer.gif) no-repeat; margin-bottom: 40px; margin-top: 10px}
#footer{color: black}
#footerin{padding: 20px 0 0 25px; font-size: 9px}
#footerin a{color: black}
#footer_bottom{padding: 35px 0 0 25px; font-size: 9px; color: #000000; text-transform: uppercase}
#footer_bottom a{color: black}

/* MENU */



/* SIRKY PRVKU LAYOUTU !!!! obecne !!!! */
#footer,#index_menu,#header,#main,#content,#footerin{width: 950px;} /* hlavni velikost boxu */ 

/* KOREKTNI ZOBRAZENI  !!!! nemenit !!!! */
#content,#footer{position: relative} 
#main,#header,.cb,#footerin{margin: 0 auto; display: block}
#content,#footer,#footer_bottom{display: block}
#content #center{float: left; display: block}
.cb{clear:both; height: 0px; overflow: hidden; _clear: none;}