/* CSS: design*/
/* DLAZDICE U PRODUKTU - DOKUMENTY */
#prod .documents,#prod .documents.withimage{position:relative;width:240px !important;float:left;text-align:center;}
#prod .documents .annotation{width:100%!important;}
#prod .documents .image {width:100%;}
#prod .documents .image a{border:3px solid #ddd;padding:3px;margin:5px auto;width:140px;display:block;}
#prod .documents .image a img{border: 1px solid #ddd;margin: 3px;background:#fff;padding:6px;width:120px;}
#prod .documents .image a:hover img{border: 1px solid #333;}
#prod .documents h2{font-size: 110%;padding-left:45px;text-align:left;}
#prod .nofloat{display:block !important;}

#column_marker{
   width: 180px;
   float: left;
   clear: left;
   overflow: hidden;
}

/* CSS: design*/
* {margin:0;padding:0}
html, body {background:#fdfdfd}
body {
font-size: 0.8125em;
font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
text-align:center;background: #fff url(../img/body-bg.png) repeat-x left 40px;color:#000
}
body.gary-fisher{background: #b7b7b7 url(../img/gary-body-bg.gif) repeat-x 0 40px;}
body.bontrager{background: #b7b7b7 url(../img/bontrager-body-bg.png) repeat-x 0 40px;}

/* SKIPLINK PANEL */
#skiplink {position:absolute;right:0;top:-2em;width:15em;height:4em;z-index:20;}
#skiplink a {position:absolute;right:0;bottom:4em;white-space:nowrap;padding:2px;}
#skiplink a:hover, #skiplink a:focus, #skiplink a:active {position:absolute;right:0;bottom:0 !important;background:#fff;}

/* PAGE */
#page {width:990px;text-align:left;position:relative;margin:0 auto;background:none;color:#333;overflow:hidden;}

/* PAGE BOXY */
.cols-wrapper {width: 100%}
.cols-wrapper[class] {padding-bottom: 0.1px}
.float-wrapper {float: left;position: relative;z-index: 0}
.float-wrapper[class] {margin-right: -1px}

div#menu_aux{width: 180px;float:left;position:relative;z-index:10;}
body.bontrager #menu_aux{display:none;}

/* HLAVICKA */
#head {position:relative;z-index:10;width:990px;height:115px;/*background: #3D3E43;*/}
#head p {margin:0;padding:0}

/* LOGO TREK */
a#logo {position:absolute;left:0;top:40px;display:block;width:150px;height:74px;overflow:hidden;z-index:10;cursor:pointer}
a#logo img {border:0;cursor:pointer}
a#logo:hover {text-decoration:none;color:#000;background:none}
span#logo_text {position:absolute;top:40px;}

/* LOGO GARY */
body.gary-fisher a#logo {top:48px;width:175px;height:100px;overflow:hidden;z-index:10;cursor:pointer}
body.gary-fisher span#logo_text{position: relative; top: 50px;}

/* LOGO BONTRAGER */
body.bontrager a#logo {top:40;width:259px;height:115px;overflow:hidden;z-index:10;cursor:pointer}

/* KONSTRUKCE STRANKY - OBSAH */
#layout {padding: 42px 0 0 180px;background:#fff url(../img/column-bg2.jpg) repeat-y -120px;margin-bottom:0;}
body.gary-fisher #layout {background-image: url(../img/gary-column-bg.jpg);}
body.bontrager #layout{padding-left: 0;background:#fff;}

#home #layout,#prod #layout{padding:42px 0 0 0;}
#content {float: right;width: 810px;background:#fff url(../img/content-bg.gif) repeat-x 0 -1px;padding: 15px;min-height:500px;height:auto !important;height:500px;}
body.bontrager #content{width:990px;}
html>body #content{width: 779px;}
html>body.bontrager #content {width:960px;} 
#home #content,#prod #content{padding-top: 0; background:#ededed;padding: 0 0 0 0;width:100%;}
#content[id] {/*margin-left: -1px*/}

/* KONSTRUKCE STRANKY - SLOUPEC */
#column {float: left;margin-left: -180px;width: 180px;z-index: 0;position: relative;padding:0;}
#column[id] {margin-right: 1px}
body.bontrager #column{display:none;}

/* horni blok - na titulce flash, u produktu zoom */
#banner_title_flash,#product_block{background:#3D4045;width:990px;}

/*pozadi horniho bloku v garym */ 
body.gary-fisher #banner_title_flash,#product_block{background:#9c9c9c;border-right: 1px solid #fff;}

#banner_title_flash_inner,#product_block_inner{width:807px;min-height: 405px;height: auto !important;height:405px;background:#333;overflow:hidden;position:relative;}
#prod #banner_title_flash_inner{width: 777px;}
html>body #banner_title_flash_inner,html>body#prod #banner_title_flash_inner{width: auto;}



body.bontrager #banner_title_flash_inner,
body.bontrager #product_block_inner{margin-left: 0;background:#fff url(../img/bontrager-content-bg.png) repeat-x top;padding:25px 20px 0;min-height: 355px;height: auto !important;height:355px;}
body.bontrager #banner_title_flash .nofloat{display:none;}

/* gary, vnitrek vrchniho obsahu */
body.gary-fisher #banner_title_flash_inner,#product_block_inner{background:#b7b7b7;}
#banner_title_flash_inner div.nofloat{display:none;}
#banner_title_flash_inner #path{padding: 15px 0; background: #FFFFFF url(../img/content-bg.gif) 0 -1px;margin: 0;}

#product_block_inner{background: #fff url(../img/body-text-bg.jpg) repeat-x top;width: 790px;margin-left: 180px;padding-right:20px}

#product_frame td {text-align:center;padding:0}

#tech_param{padding:30px 10px 10px;background:#fff url(../img/tech-param-bg.png) no-repeat -1px top;margin-left:-1px}
#tech_param table{margin-bottom:0;}

#prod #banner_title_flash_inner{background: #fff url(../img/content-bg.gif) repeat-x top;padding: 0 15px}
#prod #banner_title_flash_inner #path{background: none;}

#banner_title_flash_inner p {margin:0;padding:0}
#banner_title_flash_inner img {display:block;margin:0;padding:0}

/* NADPIS VE SLOUPCI */
.col_header {display:block;margin:0;padding:8px 0 8px 10px;color:#ccc;text-align:left;font-size:100%;font-weight:bold;border-bottom:1px solid #666;text-decoration:underline;}

/* PATICKA */
#footer {width:990px;color:#fff;background: #333;font-size:90%;margin:0 0 10px 0;padding:10px;border-bottom: 10px solid #fff;}

body.gary-fisher #footer{background: #7d7d7d;}

html>body #footer{width:970px;position:relative;top:-1px;}
#footer a {color:#fff;text-decoration:underline}
#footer a:hover {color:#fff;background:none;text-decoration:none}

#f_copy {float:left;display:inline;padding:0 0 0 10px;margin:0;width:60%}
#f_ext {float:right;display:inline;padding:0 10px 0 0;;margin:0;width:35%}

a#f_print, a#f_print:hover {padding:0 5px 0 20px;background: url(../img/print.gif) no-repeat left center;}
a#f_up, a#f_up:hover {padding:0 8px 0 5px;background: url(../img/up.gif) no-repeat right center}
#f_ext a, #f_ext span {display:block;float:right;display:inline}


#footer2{background: #333 url(../img/footer2-bg.gif) repeat-y center;float: left;width:990px;margin-bottom:10px;border:15px solid #333;position:relative;border-width: 25px 15px;}
html>body #footer2{width: 960px;}
#fast_nav h3,#ofic_pages h3{color:#E17125;}
#footer2 h3{background: url(../img/arrow-little.gif) no-repeat left center; padding-left: 10px;font-size:100%;color:#55ABDA}
#footer2 ul{list-style-type:none;display: block; padding:0 15px 10px 0; margin:0 0 0 10px;}
#footer2 ul li{padding-bottom: 5px;}
#footer2 a{color:#999;text-decoration:none;}
#footer2 a:hover{text-decoration:underline;}

#footer2 #circle{display: block;width: 35px;height:35px;position:absolute;bottom:-10px;right:0;background:url(../img/footer2-circle.gif) no-repeat}

#fast_nav,#ofic_pages{float: left;padding:5px 15px;}
#fast_nav h3,#ofic_pages h3{color: #E17125;}
#fast_nav{width: 220px;}
#fast_nav ul{margin-left: 5px;}
html>body #fast_nav ul{margin-left: 10px;}
html>body #fast_nav{width:190px;}
  ul.left{float:left;}
  ul.right{}



  #footer2 div.left{float: left; padding: 5px 5px 5px 15px;}

#ofic_pages{width:190px;}
html>body #ofic_pages{width:170px;}

/* RYCHLE PREPINANI WEBU: CYKLISITKA */
#fast_nav_top {width:100%;text-align:center; position: absolute;background: #333;border-bottom: 1px solid #999;height:39px;z-index:20;top:0;left:0;}
#fast_nav_top_inner {color:#ddd;margin:0 auto;width:990px;position:relative;}
#fast_nav_note{font-weight:bold;color:#ddd;float:left;background:url(../img/circle.png) no-repeat scroll 5px 5px;line-height:40px;padding-left: 40px}
#fast_nav_top ul{list-style-type:none;position:absolute;top:12px;left:140px;}
#fast_nav_top li{float:left;margin-right:15px;font-weight:bold;font-size:110%}
#fast_nav_top li a{color:#ccc;text-decoration:none;}
#fast_nav_top li a:hover{text-decoration:underline;}

/* STRANKOVANI */
#p_navigation {margin:0 0 20px 0}

/* FORMULARE */

input, select, textarea {font-size: 100%;font-family:  "Arial CE", arial, sans-serif;margin: 0 0 5px 0;padding:2px}
select {padding:0}
input.form_submit, input#b_odeslat{border: 1px solid #dedede;background: #dedede;cursor: pointer;width:auto !important;overflow:visible;color:#333;border:0px solid #fff !important}
textarea {border: 1px solid #333;}
form {margin: 0 0 20px 0;padding:10px 0 0 0}
fieldset {padding: 0px 10px 10px 10px}
legend {font-weight:normal; background:#dedede;padding:2px;margin:0 0 10px 0;color:#333;border:1px solid #666;}
table input {margin:0 5px 0 0}

div.lbl {width: 140px; float: left; display: inline; margin: 0 0 5px 0; }
form br {clear: both; float: none; width: 1px; height: 1px; overflow: hidden; }
label {cursor:pointer}
.form_indend {padding: 10px 0 0 0}

/* KONEC FORMULARU */

/* VYHLEDAVANI */
#search {position:absolute;left: 725px;top:40px;height:72px;z-index:12;font-size:85%;background:url(../img/top-bg-space.jpg) no-repeat left center;}

body.gary-fisher #search, body.bontrager #search{background:none;} /* nechceme oddelovace, ktere jsou v treku */


#search h4, #search br {display:none}
#search .lbl {width:70px;color:#fff;margin:0 5px 0 0;position:relative;top:3px;text-align:right}
#search form {padding: 0; margin: 0; background:none;position:relative;top:25px;left: 20px;}
#search fieldset {border: 0; padding: 0; margin: 0; background:none}
#search input {float:none;margin:0 !important;float:left;border: 0;}
#ed_search_query, #b_search_advanced_trek_query2 {width:120px;padding:3px;height:20px}
html>body #ed_search_query, html>body #b_search_advanced_trek_query2 {height:auto}
#b_search_query2, #b_search_advanced_trek_query2 {background: none;padding:0 !important}

#b_search_advanced_gary_query2 {width:120px;padding:3px;height:20px}
html>body #b_search_advanced_gary_query2 {height:auto}
#b_search_advanced_gary_query2 {background: none;padding:0 !important}

/* rozsirene vyhledavani, login */
#search_advanced input, #login input {width:180px;border: 1px solid #333}
#search_advanced select, #login select {width:187px}
#search_advanced input.form_submit, #login input.form_submit {margin:0 0 0 140px}

/* vysledky hledani */
.search_result h2{font-size: 120%}
.search_result{margin-bottom: 10px;}

/* kombo s rychlou navigací */
#combo_fast_nav{position: absolute;height:72px;left:325px;top:40px;font-size:85%;z-index:20;background:url(../img/top-bg-space.jpg) no-repeat left center;width:400px !important}
body.gary-fisher #combo_fast_nav, body.bontrager #combo_fast_nav{background:none;}

#combo_fast_nav br{display:none;}
#combo_fast_nav .lbl {width:100px;color:#fff;margin:0;position:relative;top:5px;}
#combo_fast_nav form {padding:0;margin:0;top:22px;position:relative;left:20px;} 
#combo_fast_nav fieldset {border: 0; padding: 0; margin: 0; background:none;position:relative;}
#combo_fast_nav #combobox{position:relative;top:3px;}
#comboboxsubmit{display:none;}
#combo_fast_nav .header_menu{display:none;}
#combo_fast_nav h4{display: none;}


/* RYCHLA NAVIGACE */
#path {text-align: left; margin: 0 0 9px 0; padding: 0; color: #999;font-size:85%;padding:0}
#path a {color: #999; text-decoration: underline}
#path a:hover {color: #fff; background: #999; text-decoration: none}

#container{position:relative;padding: 25px 15px 0 15px;background: #ededed url(../img/submenu-bg.jpg) repeat-x top;float:left;width:960px;margin-bottom: -1px;margin-left:-1px;}
html>body #container{width:960px;}

body.bontrager #container{background:#fff;margin-left:0;}

/* VYPIS CLANKU */
.documents, .news_item {margin: 0;float:left;width:295px;padding: 3px 15px 3px 0;}
html>body .documents, .news_item {width:300px;}

/* bontrager ma novinky sirsi, neni padding obaloveho divu (zalozky) */
html>body.bontrager .news_item{width: 310px;}

.news_item.last{padding-right:0;}

.documents h3, .news_item h3 {font-size:105%;font-weight:bold}
.news_item h3 a, .short_news h3 a {color:#333;text-decoration: none;}
.news_item h3 a:hover, .short_news h3 a:hover{text-decoration: underline;color:#666;}
.news_item p a, .short_news p a{text-decoration: none; color: #333;}
.news_item p a:hover, .short_news p a:hover{text-decoration: underline; color:#666;}

.date {font-size: 75%; color: #999;font-style:normal}

body.bontrager .news_item h3 {font-size:95%;}
body.bontrager .news_item a{color:#4B5450}
body.bontrager .news_item a:hover{color:#333}
body.bontrager .date{display:none;}

.image {float: left;height: auto; text-align:center;}
.image a, div.image a:hover {background: none !important}
.image img {border: 0; margin:0 auto;display:block}
.annotation{margin-bottom:10px;}
.annotation h2{background:#efefef;padding:2px;font-size:110%;}
.annotation p {margin: 0}
.news_item img{float: left;margin-right:8px;}

.withimage .image {width:110px}
.withimage .annotation {float:left;display:inline;width:620px;}



#news_link{list-style-type: none;margin:0;}
#news_link li{float: left; width: 300px;padding-right:15px;}
#news_link li.last{padding-right: 0;}

#news_link li a{display:block;width:137px;height:30px;background:url(../img/button-11.jpg) no-repeat top left;text-decoration:none;}
#news_link li a:hover{background:url(../img/button-12.jpg) no-repeat top left;}
#news_link span{visibility: hidden;}

/* bontrager ma odkazy sirsi, neni padding obaloveho divu (zalozky) */
body.bontrager #news_link {margin-bottom: 50px;}
body.bontrager #news_link li{width: 310px;text-align:right;}
body.bontrager #news_link li a {display:inline;text-decoration:underline;background:none;width:auto;}
body.bontrager #news_link li a:hover{background: none;text-decoration:none;}
body.bontrager #news_link li a span{font-style:italic;visibility:visible;}

/* VYPIS NOVINEK - SEZNAM */
.documents{width: 760px !important;}
.documents.withimage .image{width: 140px;}

/* NOVINKY BONTRAGER */
body.bontrager .documents {width: 940px !important;}
body.bontrager .withimage .annotation{width:800px;padding-top:15px;}

.news_inner{background: url(../img/dots.gif) repeat-y 300px 0;}
html>body .news_inner{background:url(../img/dots.gif) repeat-y center;}


/* polozky v zalozkach */
.short_news{}
a.ann_image{float: left; margin-right: 15px;}

.full_length{display:block;width:137px;height:30px;float:left;background:url(../img/button-11.jpg) no-repeat top left;text-decoration:none;}
.full_length:hover{background:url(../img/button-12.jpg) no-repeat top left;text-decoration:none;}
.full_length span{visibility:hidden;}

/* tabulka s technickymi prametry produktu */
#tech-param{position:relative;color:#333;}

/* STRANKOVANI */
#paginate {margin: 0 0 20px 0}
.p_paginate_item {padding-left: 0.2em}
.p_paginate_item a {text-decoration: none}
.p_paginate_item a:hover {color: #fff; background: #666}
.p_paginate_item#p_paginate_previous a, .p_paginate_item#p_paginate_next a {color: #EE2C20}
.p_paginate_item#p_paginate_previous a:hover, .p_paginate_item#p_paginate_next a:hover {background: #EE2C20; color: #fff !important}


/* PRILOHY */
#attachments_header {padding:30px 0 0 0}
/* list */
ul#attachments {margin:0 0 20px 0;padding:0;list-style-type:none}
ul#attachments li {padding:0 0 8px 0}
ul#attachments li img {margin:0 8px -4px 0}

/* list */
table#attachments {margin:0 0 20px 0;border-collapse:collapse;color:#fff}
table#attachments td {padding:3px}

hr {display:none}
#content hr {width:100%;display:block;height:1px;overflow:hidden;clear:both;border:0;background:none;margin:0;color:#fff}

html>body #content hr {height:1em}

#toplist {width:1px;height:1px;overflow:hidden}
.banner img {margin-bottom:0 !important}

.nofloat {clear: both;float:none;width:1px;height:1px;overflow:hidden}

/* CHYBOVE HLASKY */

/* Text hlasky pokud byl prekorcen povoleny pocet odeslani formulare (pouze pokud je omezeni a text zadany)*/
/* Text chyb, ktere se zobrazi pokud formular nebyl korektne vyplneny */
p.mod_form_count_warning, p.mod_form_errs, p.warning {
  background:#eee none repeat scroll 0 0;
  border:5px solid #aaa;
  font-weight:bold;
  line-height:170%;
  padding:10px 15px;
}

/* */
/* Tabulka s overenim zadanych dat */
table.mod_form_ver_table {}

/* Td s popisem zadane hodnoty */
td.mod_form_ver_title {
  padding: 3px 6px;
  font-weight: bold;
}

/* Td se zadanou hodnotou */
td.mod_form_ver_value {
  padding-left: 15px;
}

/* formular s overenim zadanych dat */
form#mod_form_ver_form {} 
form#mod_form_ver_form fieldset {padding-bottom: 15px;}

/* container captcha nesmyslu */
div.mod_form_captcha {
  border: 1px solid #ccc;
  font-size: 85%;
  padding: 10px 10px 0;
}

/* input s kodem */
input.mod_form_captcha_text {padding: 2px;margin: 0 0 0 5px !important;}

/* tlacitko pro novy kod */
input.mod_form_captcha_regen {display: block;}

/* obrazek captcha */
img.captchapict {margin-bottom: 5px;}

/* tlacitko pro odeslani ke kontrole */
input.mod_form_ver_submit{margin-right: 10px;position:relative; top: 10px;}
input.mod_form_ver_back{position: relative; top: 10px;}

/* registrace */
.hv {left:5px;position:relative;top:0}
.hv_info {font-size:85%;position:relative;left:5px}
#registration_form fieldset {margin:0 0 20px 0}
/* CSS: content*/
#content_main_cs {font: 80%/1.5 Arial, lucida, sans-serif; background: #fff; color: #444; }
/* kvuli nahledu v adminovi */
.mceContentBody {font: 80%/1.5 Arial, lucida, sans-serif; background: #fff; color: #444; }
/* kvuli zobrazeni v editoru */
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB; border-collapse: separate}
a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(../admin/img/anchor.gif) no-repeat bottom left}
img.mceItemAnchor {width:12px;height:12px;background:url(../admin/img/anchor.gif) no-repeat}
img.mceItemMod {cursor: pointer !important;} /* obrazek s modulem */

abbr, acronym, span.abbr {cursor: help;border-bottom: 1px dashed #000}
cite {font-style:italic}

/* tridy pro odsazeni */
.content_class_pd_1 {padding-left: 10px}
.content_class_pd_2 {padding-left: 20px}
.content_class_pd_3 {padding-left: 30px}
.content_class_pd_4 {padding-left: 40px}
.content_class_pd_5 {padding-left: 50px}
.content_class_pd_6 {padding-left: 60px}


a {text-decoration:underline;color:#666;}
a:hover, a:active, a:focus {text-decoration:none;color:#666}
img {border: 0}

h1 {color:#EA2C20;font-size:165%;margin:0 0 15px 0;padding:0;font-weight:bold}
h1 a, h1 a:hover {color:#EA2C20}

h2 {color:#EA2C20;font-size:145%;margin:0 0 5px 0;padding:0;font-weight:bold}
h2 a, h2 a:hover {color: #EA2C20;background:none}

h3 {color:#EA2C20;font-size:120%;margin:0 0 5px 0;padding:0;font-weight:bold}
h3 a, h3 a:hover {color: #EA2C20}

/* oranzova */
h4 {color:#EA2C20;font-size:100%;margin:0 0 3px 0}
h4 a, h4 a:hover {color: #EA2C20}

/* svetle modra */
h5 {color:#55ABDA;font-size:100%;margin:0 0 3px 0;font-weight:bold}
h5 a, h5 a:hover {color: #55ABDA}

h6 {color:#55ABDA;font-size:100%;margin:0 0 3px 0}
h6 a, h6 a:hover {color: #55ABDA}

table, p {margin: 0 0 10px 0;}
table {color:#333;}

ul, ol {margin: 0 0 15px 30px; padding: 0}
ul {list-style-type: disc}                          
ul ul, ol ul {padding: 0 0 0 0; margin: 0 0 0 18px}
ul ol, ol ol {padding: 0 0 0 0; margin: 0 0 0 23px}  


hr {clear:both}

.content_class_left {text-align:left}
.content_class_right {text-align:right}
.content_class_justify {text-align:justify}
.content_class_center {text-align:center}
img.content_class_left {float:left;margin:0 5px 5px 0;display:inline}
img.content_class_right {float:right;margin:0 0 5px 5px;display:inline}

img.content_class10 {margin-top:20px !important}
img.content_class11 {margin-right:20px !important}
img.content_class12 {margin-bottom:20px !important}					
img.content_class13 {margin-left:20px !important}
img.content_class14 {border:2px solid #FFC000 !important}

.content_class0, .content_class0 a, .content_class0 a:hover {color: #EA2C20; background: none}
.content_class0 a:hover {color: #fff; background: #EA2C20}
.content_class1, .content_class1 a, .content_class1 a:hover {color: #69BEE5; background: none}
.content_class1 a:hover {color: #fff; background: #69BEE5}
.content_class2, .content_class2 a, .content_class2 a:hover {color: #B6D658; background: none}
.content_class2 a:hover {color: #fff; background: #B6D658}
.content_class3, .content_class3 a, .content_class3 a:hover {color: #666; background: none}
.content_class3 a:hover {color: #fff; background: #666}
.content_class4, .content_class4 a, .content_class4 a:hover {color: #333; background: none;font-size:120%;padding-left:12px;font-weight: bold;}
.content_class4 a:hover {color: #fff; background: #666}
.content_class5, .content_class5 a, .content_class5 a:hover {color: #000; background: none;}
.content_class5 a:hover {color: #fff; background: #333}

/* TABULKY ZAROVNANI */
/* vlevo */
.content_class25 {text-align:left;vertical-align:top}  	 	 	
.content_class26 {text-align:left;vertical-align:middle}
.content_class27 {text-align:left;vertical-align:bottom}  	 	 	 	
/* vpravo */
.content_class28 {text-align:right;vertical-align:top}
.content_class29 {text-align:right;vertical-align:middle}
.content_class30 {text-align:right;vertical-align:bottom}  	 	 	 	
/* na stred  */
.content_class31 {text-align:center;vertical-align:top}  	 	 	 	
.content_class32 {text-align:center;vertical-align:middle}
.content_class33 {text-align:center;vertical-align:bottom}


/* tabulky */
table {font-size: 100%;margin:0 0 20px 0;border-collapse:collapse}
table td {padding:5px}


table th {padding:5px;padding-left:20px;}

table img {margin:0 !important}

table.content_class15 {text-align: left;}
table.content_class15 td { border-right: 1px dashed #ccc}
table.content_class15 th {color: #333;font-weight:bold;text-align:left;}

table.content_class16 { border: 2px solid #333;font-size: 90%;}
table.content_class16 td { border: 1px solid #333}
table.content_class16 th { color: #fff;border-bottom: 1px solid #333;}

table.content_class17 {}
table.content_class17 td {}
table.content_class17 th {color: #fff; background:#EA2C20;text-align:left;}

table.content_class18 {border: 3px solid #333;border-width: 3px 0 3px 0;}
table.content_class18 td {}
table.content_class18 th {color: #333; background:#fff;text-align:left;border-bottom:2px solid #333;padding: 12px 5px 0 5px}

.content_class34 a {border:3px solid #ddd;padding:3px;margin:5px auto;width:140px;display:block;}
.content_class34 a img{border: 1px solid #ddd;margin: 3px;background:#fff;padding:6px}
.content_class34 a:hover img{border: 1px solid #333}
.content_class34 p {margin:0;padding:0}
.content_class34 {}

.content_class19 {border:0;text-align:center}
.content_class19 h2 {font-size:110%}

/* CSS: superfish*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
display:none;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			179px; /* match ul width */
	top:			-1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			179px; /* match ul width */
	top:			-1px;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		15px 12px 14px 12px;
	border-right:		1px solid #b2b2b2;
	text-decoration:	none;
	text-transform:		uppercase;
	font-size:		95%;
	font-weight:		bold;
}

body.gary-fisher .sf-menu a{border-right: 1px solid #4F4F4F;}

body.bontrager .sf-menu a{border-right: 1px solid #fff;}


.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#333;
}

body.gary-fisher .sf-menu a, body.gary-fisher .sf-menu a:visited{color:#fff;}
body.gary-fisher .sf-menu li li a, body.gary-fisher .sf-menu li li a:visited{color:#000;}
body.gary-fisher .sf-menu li li a:hover{color:#fff;}

body.bontrager .sf-menu a, body.bontrager .sf-menu a:visited{color:#fff;}
body.bontrager .sf-menu li li a, body.bontrager .sf-menu li li a:visited{color:#666;}
body.bontrager .sf-menu li li a:hover{color:#fff;}

.sf-menu ul{
	border-top: 		1px solid #b2b2b2;
}

.sf-menu li li{background:#fff;}

.sf-menu li li a {
	border:			1px solid #b2b2b2;
	border-top:		0;
	padding: 		10px;
	background:		#fff;
	font-size:		80%;
}

body.bontrager .sf-menu li li a {
	border:			1px solid #999;
	border-top:		0;
	padding: 		10px;
	background:		#ccc;
	font-size:		80%;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	background: 		#fff url(../img/top-menu-on.gif) repeat-x bottom;
  	color: 			#000;
	text-decoration: 	underline;
}

body.gary-fisher .sf-menu a:focus, body.gary-fisher .sf-menu a:hover, body.gary-fisher .sf-menu a:active {
  	color: 			#fff;
	text-decoration: 	underline;
	background: 		#fff url(../img/gary-top-menu-on.gif) repeat-x top;
}

body.bontrager .sf-menu a:focus, body.bontrager .sf-menu a:hover, body.bontrager .sf-menu a:active {
  	color: 			#fff;
	text-decoration: 	underline;
	background: 		#fff url(../img/bontrager-menu-on.png) repeat-x top;
}
body.bontrager .sf-menu li li a:focus, body.bontrager .sf-menu li li a:hover, body.bontrager .sf-menu li li a:active {
  	color: 			#fff;
	text-decoration: 	underline;
	background: 		#ee3224;
}
/* CSS: superfish-horizontal*/
/* Super-Fish horizontal */
#nav {position:absolute;left:0;top:115px;width:990px;height:41px;z-index:10;background:url(../img/top-menu-off.gif) repeat-x 0 -1px;border-bottom:1px solid #fff;}
#nav h4 {display:none}

body.gary-fisher #nav{background: url(../img/gary-top-menu-off.gif);}
body.bontrager #nav{background: url(../img/bontrager-menu-off.png);}
/* CSS: superfish-vertical*/
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/

.sf-vertical, .sf-vertical li {
	width:	180px;
}

body.gary-fisher .sf-vertical{padding-top: 10px;}

.sf-vertical li a{
	background: url(../img/left-menu-off.gif) repeat-x top;
	border-bottom: 1px solid #282C33;
	padding: 10px;
	font-size: 85%;
	text-decoration: none;
	border-right: 0;
	width:160px;
}
html>body .sf-vertical li a{width:180px;}

body.gary-fisher .sf-vertical li a{border-right: 0;}



.sf-vertical li a,.sf-vertical li a:visited{
	color:#fff;
}

.sf-vertical li a:hover{color:#333;}

/* polozka 1. level gary */
body.gary-fisher .sf-vertical li a{
	background:url(../img/gary-left-menu.gif) no-repeat;
	border-bottom: 0;
	padding: 12px 0 15px 20px;
}
/* 2. level gary */
body.gary-fisher .sf-vertical li li a{
	background:#fff;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	color: #000;
}
body.gary-fisher .sf-vertical li a:hover{background:url(../img/gary-left-menu.gif) no-repeat}
body.gary-fisher .sf-vertical li li a:hover{background:url(../img/gary-top-menu-on.gif) repeat-x top;color:#fff;}

html>body .sf-vertical li a {
 width:160px;
}



.sf-hover li a:hover{text-decoration: underline;}

.sf-vertical ul {
	border: 1px solid #666;
	border-bottom: 0;
	top: -2px;
}

body.gary-fisher .sf-vertical ul{border: 1px solid #b2b2b2;}

/* 2+ uroven menu */
.sf-vertical li li a,.sf-vertical li li a:visited {
	background: 	#333;
	border: 	0;
	border-bottom:  1px solid #666;
	color: 		#fff;
}

.sf-vertical li li a:hover{
	background: 	#DADCDC url(../img/left-menu-on.gif) repeat-x top; /* pridana barva pozadi */
	color: 		#000;
}

ul.sf-vertical li:hover ul,
ul.sf-vertical li.sfHover ul {
	left:	180px !important; /* match ul width */
	top:	-1px;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	180px; /* match ul width */
	top:	0;
}

/* CSS: MagicZoom*/
/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */
.withimagezoom h1 {position:absolute;left:195px;top:40px;}
.zoom_box {
 position:relative;
 width:100%;
 padding:30px 0 0 0;
 background:#fff;
 margin:0 0 20px 0
}

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #ccc;
	position:		absolute;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

/* CSS: mod_photo_main*/
.mod_photo_gallery {width:650px;_width:660px;}
.mod_photo_gallery a {color:#000;text-decoration:underline;background:none}
.mod_photo_gallery a:hover {color:#000;text-decoration:none;background:none}
.mod_photo_row {width:100%;padding:0 5px 5px 5px;position:relative;margin:0 0 10px 0;background:#ddd}
.mod_photo_cell {width:120px;float:left;display:inline;margin:0 5px;}
.mod_photo_img {margin: 0 !important;width:100%;text-align:center;padding:10px 0 10px}
.mod_photo_img a {border:0;}
.mod_photo_img img {border:0px solid #000;}
.mod_photo_text {margin: 0 !important;text-align:center;color:#000}
.mod_photo_text a {text-decoration:underline;color:#000;background:none;font-size:0.9em}
div.nofloat {width:1px;height:1px;clear:both;float:none;overflow:hidden;}

#prevnextbody {margin:0;padding:0;font-size: 0.8125em;font-family:  "Arial CE", arial, sans-serif}
#prevnextbody a {color:#000;background:none}
#prevnextbody a:hover {color:#000;background:none}
#prevnextbody img {border: 0px solid #fff}
#prevnextbody p {margin:0;padding:0}
#photos_control {background:#efefef;text-align:center;height:40px;line-height:40px;}
#photos_control a {padding:2px}
#photos_control a:hover, #photos_control a:focus, #photos_control a:active {color:#fff;background:#666}

/* CSS: lightbox*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	float: right;
	padding-bottom: 0.7em;	
}