/* { border: 1px solid black; }

/* basic elements */
body { background: white url("../graph/doc_bg.gif") repeat-y; font: 8pt tahoma, "arial ce", arial; margin: 0; padding: 0px; background-color: black; }
body form, body input, body select, body TEXTAREA { font-size: 10px; }
p { padding: 0px; font: 8pt tahoma, "arial ce", arial; text-align: justify; }
a:link { font-weight: bold; text-decoration: underline; color: black; }
a:visited { font-weight: bold; text-decoration: underline; color: #444; }
a:hover, a:active { text-decoration: underline; color: #444; }
input, select, textarea, button { border: 1px solid black; }

/* classes */
.clearboth { clear: both; }
.noborder { border: 0; }
.obligate { font-weight: bold; color: #900; }
.warning { background-color: #C00; color: yellow; font-weight: bold; padding: 2px 5px; }
.notice { background-color: #22C; color: white; font-weight: bold; padding: 2px 5px; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.bold { font-weight: bold; }
.short { width: 2em; }
.maxwidth { width: 100%; }
.float_left { float: left; }
.float_right { float: right; }
.red { color: red; font-weight: bold; }
.yellow { color: yellow; }
.orange { background: #FFD20F url("../graph/bg_button.gif") left -5px repeat-x; }
.button { display: inline-block; font-weight: bold; padding: 2px 4px; margin: 0; border: 1px solid black; text-decoration: none; }
a.button { color: black; text-decoration: none; }
.top { vertical-align: top; }
.strike { text-decoration: line-through; }
input.obligate { background: white url("../graph/bg_input_obligate.gif") bottom left repeat-x; color: black; font-weight: normal; }
.onlyprint { display: none; }
.separator { display: none; }
.core {padding: 10px; }

/* specific divs */
#container { position: relative; width: 1030px; margin: 0 auto 0 0; padding: 0; text-align: left; }
#pageHeader { background: black url("../graph/bg_top2.jpg") no-repeat right top; width: 802px; height: 116px; }

/* =Nav ----------------------------------------------- */
#navigation { width: 802px; background-color: black; height: 30px; }
#navigation ul { margin: 0 10px 0 0; padding: 0; list-style: none; height: 30px; float: right;
/*text-transform: lowercase; */
 }
#navigation li { float: left; display: block; height: 100%; margin: 0; padding: 0; line-height: normal; text-indent: 0; text-align: center; }
#navigation a { display: block; color: white; text-decoration: none; white-space: nowrap; }
/* following rule allows entire region of link to to be clickable in ie/win. holly hack explained here: http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navigation a { width: 1%; }

span.nodisplay { display: none }
#navigation a span { display: none }
#navigation a { width: auto; }
#navigation a.articles { background: url("../graph/mm_articles.gif") center -5px no-repeat; width: 99px; height: 30px; margin: 0; padding: 0; }
#navigation a.tracks { background: url("../graph/mm_tracks.gif") center -5px no-repeat; width: 88px; height: 30px; margin: 0; padding: 0; }
#navigation a.bikes { background: url("../graph/mm_bikes.gif") center -5px no-repeat; width: 88px; height: 30px; margin: 0; padding: 0; }
#navigation a.info { background: url("../graph/mm_info.gif") center -5px no-repeat; width: 74px; height: 30px; margin: 0; padding: 0; }
#navigation a.team { background: url("../graph/mm_team.gif") center -5px no-repeat; width: 88px; height: 30px; margin: 0; padding: 0; }
#navigation a.galerie { background: url("../graph/mm_galerie.gif") center -5px no-repeat; width: 109px; height: 30px; margin: 0; padding: 0; }
#navigation a.shop { background: url("../graph/mm_shop.gif") center -5px no-repeat; width: 108px; height: 30px; margin: 0; padding: 0; }
#navigation a.bazar { background: url("../graph/mm_bazar.gif") center -5px no-repeat; width: 93px; height: 30px; margin: 0; padding: 0; }
#navigation a.forum { background: url("../graph/mm_forum.gif") center -5px no-repeat; width: 97px; height: 30px; margin: 0; padding: 0; }

#navigation a:hover.articles { background-position: center -42px; }
#navigation a:hover.tracks { background-position: center -42px; }
#navigation a:hover.bikes { background-position: center -42px; }
#navigation a:hover.info { background-position: center -42px; }
#navigation a:hover.team { background-position: center -42px; }
#navigation a:hover.galerie { background-position: center -42px; }
#navigation a:hover.shop { background-position: center -42px; }
#navigation a:hover.bazar { background-position: center -42px; }
#navigation a:hover.forum { background-position: center -42px; }

#rightColumn { position: absolute; top: 0; left: 802px; width: 228px; padding: 0; margin: 0; }
#rc2 { padding: 0 20px 20px 15px; }
#rightColumn h3 { font-size: 12px; color: black; padding: 5px 5px 10px 5px; margin: 0 0 5px 0; background: transparent url("../graph/right_h2_bg.gif") top left repeat-x; }
#rightColumn input, #rightColumn select, #rightColumn BUTTON { font-size: 10px; }

#panelUser { width: auto; padding: 0; margin: 0 0 10px 0; padding-bottom: 10px; }
#panelUser h3 { color: transparent; background: url("../graph/rm_zakaznik.gif") left -7px repeat-x; width: auto; height: 28px; margin: 0 -15px 5px -15px; padding: 0; }
#panelUser p { padding: 0 10px; }
#panelUser form { padding: 0 5px; }
#panelUser ul { padding: 0 10px; }
#panelUser li { list-style: square inside url(graph/rm_dot.gif); margin-bottom: 5px; }
#panelUser li a { color: black; text-decoration: none; }

#panelNews { width: auto; padding: 0; margin: 0 0 5px 0; padding-bottom: 10px; }
#panelNews h3 { background: url("../graph/rm_novinky.gif") left -7px repeat-x; width: auto; height: 28px; margin: 0 -15px 5px -15px; padding: 0; }
#panelNews dl { margin: 0 4px 0 10px; width: auto; padding: 0; }
#panelNews dt { float: left; margin: 0 0 0 -10px; _margin-left: -5px; color: black; font-size: 9px; font-weight: bold; padding: 0; margin-right: 0px;  }
#panelNews dt span { padding: 0 2px;  }
#panelNews dd { clear: both; border-top: 1px solid black; color: navy;  font-size: 10px;  margin: 0 0 0 -10px; padding: 0 0 4px 10px; }

#panelRandProduct { width: auto; padding: 0; margin: 0 0 10px 0; padding-bottom: 10px; }
#panelRandProduct h3 { font-size: 1.2em; }
#panelRandProduct h2 { font-size: 1em; }

#panelProdejna { width: auto; padding: 0; margin: 0 0 5px 0; padding-bottom: 10px; }
#panelProdejna h3 { background: url("../graph/rm_kamenna_prodejna.gif") left 0px repeat-x; width: auto; height: 35px; margin: 0 -15px 5px -15px; padding: 0; }

#panelLastphoto { width: auto; padding: 0; margin: 0 0 10px 0; padding-bottom: 10px; }
#panelLastphoto h3 { background: url("../graph/rm_poslednifoto.gif") left -7px repeat-x; width: auto; height: 28px; margin: 0 -15px 5px -15px; padding: 0; }
#panelLastphoto .preview_container { text-align: center; }
#panelLastphoto H4 { font-size: 10px; width: auto; margin: 0; padding: 0; }
#panelLastphoto img { margin: auto; border: 3px solid black; }

#panelBasket { width: auto; padding: 0; margin: 0 0 10px 0; padding-bottom: 10px; }
#panelBasket h3 { background: url("../graph/rm_kosik.gif") left -7px repeat-x; width: auto; height: 28px; margin: 0 -15px 5px -15px; padding: 0; }
#panelBasket table { border-collapse: collapse;  }
#panelBasket table td { margin: 0; padding: 0 0 1px 0; }
#panelBasket a { text-decoration: none; }
#panelBasket HR { border-bottom: 1px solid black; }

#panelCategories { width: auto;  padding: 0; margin: 0 0 10px 0; padding-bottom: 10px;  }
#panelCategories h3 { background: url("../graph/lm_kategorie.gif") 0 -1px no-repeat; width: auto; height: 25px; margin: 0; padding: 0; }

#panelInfo { width: auto;  padding: 0; margin: 0 0 10px 0; padding-bottom: 10px;  }
#panelInfo h3 { background: url("../graph/lm_informace.gif") 0 -1px no-repeat; width: auto; height: 25px; margin: 0; padding: 0; }
#panelInfo ul { padding: 0 10px; }
#panelInfo li { list-style: square inside url(graph/list_dot.gif); margin-bottom: 5px; }
#panelInfo li a { color: white; text-decoration: none; }

#panelAdvertisementMenu { width: auto;  padding: 0; margin: 0 0 10px 0; padding-bottom: 10px;  }
#panelAdvertisementMenu h3 { background: url("../graph/lm_search.gif") 0 -1px no-repeat; width: auto; height: 25px; margin: 0; padding: 0; }

#panelTeam { width: auto;  padding: 0; margin: 0 0 10px 0; padding-bottom: 10px;  }
#panelTeam h3 { background: url("../graph/lm_jezdci.gif") 0 -1px no-repeat; width: auto; height: 25px; margin: 0; padding: 0; }
#panelTeam ul { padding: 0 10px; }
#panelTeam li { list-style: square inside url(graph/list_dot.gif); margin-bottom: 5px; }
#panelTeam li a { color: white; text-decoration: none; }

#panelBikes { width: auto;  padding: 0; margin: 0 0 10px 0; padding-bottom: 10px;  }
#panelBikes h3 { background: url("../graph/lm_bikes.gif") 0 -1px no-repeat; width: auto; height: 25px; margin: 0; padding: 0; }
#panelBikes ul { padding: 0 10px; }
#panelBikes li { list-style: square inside url(graph/list_dot.gif); margin-bottom: 5px; }
#panelBikes li a { color: white; text-decoration: none; }

#panelTracks { width: auto;  padding: 0; margin: 0 0 10px 0; padding-bottom: 10px;  }
#panelTracks h3 { background: url("../graph/lm_jezdci.gif") 0 -1px no-repeat; width: auto; height: 25px; margin: 0; padding: 0; }
#panelTracks ul { padding: 0 10px; }
#panelTracks li { list-style: square inside url(graph/list_dot.gif); margin-bottom: 5px; }
#panelTracks li a { color: white; text-decoration: none; }

#panelGalery { width: auto;  padding: 0; margin: 0 0 10px 0; padding-bottom: 10px;  }
#panelGalery h3 { background: url("../graph/lm_special.gif") 0 -1px no-repeat; width: auto; height: 25px; margin: 0; padding: 0; }
#panelGalery ul { padding: 0 10px; }
#panelGalery li { list-style: square inside url(graph/list_dot.gif); margin-bottom: 5px; }
#panelGalery li a { color: white; text-decoration: none; }

#leftColumn { float: left; display: block; width: 200px; padding: 0; margin: 0; color: white; }
#lc2 { padding: 0 10px 20px 0; }
#container2 { position: relative; padding: 0; width: 802px; }

/* overcome stupid 3px margin bug in ie/win floats, which fixes a lot of things, including disapearing company nav, randomly appearing text, and wrappers pushed too wide. http://www.positioniseverything.net/explorer/threepxtest.html */
* html #content { margin-right: -3px; }

h3 { font-size: 12px; }
#mainColumn { float: right; width: 600px; display: block; padding: 0 0 0 0; margin: 0; overflow-x: hidden;}
#mc2 { padding: 5px 20px 20px 10px; }

div.item { font-size: 10px; float: left; display: block; width: 281px; background: url("../graph/bg_item2col_white.gif") top center repeat-y; }
div.it2 { margin: 5px 10px; }
div.item h3 { font-size: 11px; margin: 0; padding: 0 5px; color: black; border-bottom: #AAA 1px solid; }
div.item h3 a { color: black; text-decoration: none; }
div.item input { font-size: 10px; border-color: #AAA; text-align: right; }
div.item .preview_container { float: left; text-align: center; vertical-align: middle; width: 105px; height: 110px; overflow: hidden; }
div.item img.preview { margin: 5px 5px 5px 0; }
div.item table.item_pricelist { background-color: #FEE; clear: both; border-collapse: collapse; }
div.item table.item_pricelist td {border-bottom: 1px solid #ddd; padding: 1px 4px; }
div.item .color { display: block; width: 10px; height: 10px; border: 1px solid #555; float: left; margin: 1px; }

div.pagination { text-align: right; border-top: 1px solid #888; border-bottom: 1px solid #888; margin: 5px 0; }
div.pagination a { padding: 2px 3px; background-color: transparent; color: black; text-decoration: none; }
div.pagination a:hover { color: #FF0; }
div.pagination a.actual { color: black; background-color: #EEE; }

#bannerPanel { width: 190px; overflow:hidden;  border-top: 1px solid gray; padding: 0; margin: 0 0 10px 0; padding-bottom: 10px; text-align: center; }
#bannerPanel a { display: block; border: 0; margin: 10px 0; color: white; }
#bannerPanel img { display: block; border: 0; }

table.pricelist {border-collapse: collapse; background-color: white;}
table.pricelist th {background-color: black; color: white; }
table.pricelist td {border-bottom: 1px solid black; }
table.pricelist td.noborder {border: 0 }

#pageFooter { clear: both; width: auto; text-align: right; font: bold 10px tahoma; padding: 10px 30px; margin-top: 20px; }
#pageFooter a:link, #footer a:visited { margin-right: 20px; }

#user { padding: 10px; margin: 0px; width: auto; display: block; }
#user form { color: black; background: url("../graph/bg_1col_white.gif") top left repeat-y; margin: 0 -10px; padding: 10px 20px; }
#user form, #user input, #user select { font-size: 10px; }
#user input, #user select { font-size: 10px; border-color: #AAA}
#user th { background-color: #DDD; color: black; }
#user td, th { padding: 1px 4px; }
#user label { display: block; width: 200px; margin: 4px; }
#user input {  }

#article_list { margin: 0px; width: auto; display: block; }
#article_list h2 { font-size: 1.5em; margin: 0 0 5px 0; }
#article_list span.date { float: right; }
#article_list img { margin: 5px; }
#article_list .article { width: auto; margin: 15px 0 10px 0; padding: 0 0 5px 0; border: 0;  }
#article_list .content { display: block; }
#article_list .summary { display: block; }

#article img { margin : 5px; border: 5px solid white }
#article h2 { font-size: 1.5em; }

#product h2 { text-align: left; border-bottom: 1px solid black; }
#product img.preview { float: right; margin: 0 10px 10px 10px }

#forum { padding: 0px; margin: 0px; width: auto; display: block; }
#forum .author { color: blue; }
#forum img { border: 0; }
#forum form { width: auto; color: white; background: url("../graph/bg_form.gif") top left repeat-y; padding: 10px 20px; }
#forum form, #galery input, #galery select { font-size: 10px; }
#forum li { margin-bottom: 10px; }
#forum ul { list-style-type: none; padding: 0; margin: 10px 0 0 0; }
#forum ul ul {padding: 0 0 0 10px; }
#forum table { padding: 0px; margin: 0px; }
#forum table.message { width: 100%; border-collapse: collapse; }
#forum table.message th { font-weight: normal; font-size: 11px; background-color: #DDD; }
#forum table.message th.bold { font-weight: bold; }
#forum table.message th a { font-weight: normal; }
#forum table.message td { font-weight: normal; font-size: 11px; background-color: white; padding: 5px; }

#galery { margin: 0px; width: auto; display: block; }
#galery form { color: white; background: url("../graph/bg_form.gif") top center repeat-y; margin: 0 -10px; padding: 5px 20px; }
#galery form, #galery input, #galery select { font-size: 10px; }
.vote a { font-size: 8px; font-weight: normal; border: 1px solid #888; padding: 0px 4px; background-color: #555; color: #eee; margin: 0 0; text-decoration: none; }
.vote a:hover { background-color: #FF6; color: black; }
#galery div.item { font-size: 10px; float: left; display: block; width: 100%; background: url("../graph/bg_1col_white.gif") top left repeat-y; }
div.it2 { margin: 5px 20px; }
#galery div.item p { padding: 0; margin: 0; }
#galery div.item table.item_pricelist { background-color: #FEE; border-collapse: collapse; }
#galery div.item table.item_pricelist td { border-bottom: 1px solid #ddd; padding: 2px 4px; }
#galery div.item .preview_container { width: 150px; }
#galery div.item .preview_container img { border: 0; }

#order { background-color: white; padding: 10px; }
#order table { font-size: 11px; border-collapse: collapse; }
.o2 { margin: 0 auto; }
#order thead th { background-color: black; color: white; font-size: 14px; padding: 2px 10px; }
#order thead td { vertical-align: top; }
#order tbody th { background-color: #888; color: white; text-align: center; }
#order tbody td { vertical-align: middle; border-bottom: 1px solid #aaa; }
#order .summary td { background-color: #ddd; font-weight: bold; padding: 5px 0; }

#advertisement form { color: white; background: url("../graph/bg_form.gif") top center repeat-y; margin: 0 -10px; padding: 5px 20px; }
#advertisement div.item { font-size: 10px; float: left; display: block; width: 100%; background: url("../graph/bg_1col_white.gif") top left repeat-y; }
#advertisement div.item table.item_pricelist { background-color: #FEE; border-collapse: collapse; }
#advertisement div.item table.item_pricelist td { border-bottom: 1px solid #ddd; padding: 2px 4px; }
#advertisement div.item .preview { float: right; width: 100px; margin-left: 5px; }
#advertisement div.item .preview img { float: right; border: 0; }
#advertisement div.item p { margin: 0 0 5px 0; }
#advertisement div.item h3 { margin: 0 0 5px 0; }