/* DEBUG */
/* * { border: 1px solid blue !important } */

body { 
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  background-image: url(../pictures/body-bg.png);
  background-position: center top;
  background-repeat: repeat-y;
}

input, textarea { 
  border: 1px solid grey;
}

h4 { 
  color: red;
}

#layout #middle #middle-stred * span.star { 
  color: red;
  font-size: 10px;
}

#layout #middle #middle-stred * span.star2 { 
  color: green;
  font-size: 10px;
}

.player { 
  display: block;
  width: 320px;
  height: 280px;
  float: left;
  margin: 20px;
}

/* zpetneodkazy.com */
#i727 div a { 
  font-size: 8px;
}

#correct { 
  height: 1px;
  clear: left;
}

#layout { 
  width: 970px;
  margin: 12px auto 0 auto;
  padding: 0 10px;
  text-align: left;
/*  background-color: #EBF4FA; */
}

#logo { 
  height: 50px;
  border: 1px solid blue;
}

#top { 
  display: block;
  width: 955px;
/*  height: 270px; */
  height: 180px;
}

/* uvodni rec */
#logo_foto { 
  width: 955px;
  height: 180px;
  margin-left: 0px;
  color: grey;
  float: left;
}
#logo_foto img { 
  width: 955px;
  height: 180px;
  float: left;
}
#top .menu { 
  float: left; 
  width: 955px;
  _width: 954px;
  height: 23px;
  margin-top: 1px;
  border-bottom: 1px dotted #6291CA;
  border-top: 1px dotted #6291CA;
}
#top .menu a { 
  display: block;
  float: right;
  color: #FF9300;
  padding: 3px 15px;
  text-decoration: none;
  border-right: 1px solid white;
  font-weight: bold;
}
#top .menu a img { 
  float: left;
  border: 0;
  text-decoration: none;
  padding: 1px 4px;
  margin: 0;
}
#top .menu a:hover { 
  color: #6291CA;
}

#left { 
  float: left;
  clear: both;
  width: 170px;
}

#left_menu { 
  float: left;
  width: 170px;
  padding: 1px;
  margin: 10px 0;
}

.clear { clear: right; }

#middle { 
  padding: 0;
  width: 770px;
  margin: 10px 15px;
  float: right;
}

#foot { 
  border-top: 1px solid grey;
  padding: 10px;
  width: 800px;
  margin: 70px auto 5px auto;
  clear: both;
  color: black;
  font-size: 10px;
}
#foot span a { 
  color: black;
  font-weight: bold;
}

#middle h1 { 
  text-align: left;
  font-size: 1.7em;
  color: #6291CA;
  width: 700px;
}

/**
 * Menu a dalsi
 */

.left_menu { 
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
  background-color: #eaeaea;
}
.left_menu a { 
  display: block;
  color: white;
  color: darkgrey;
  color: black;
  font-weight: bold; 
  font-size: 9pt;
  text-decoration: none;
  padding: 5px 0;
  padding-left: 5px;
  border-bottom: 1px solid white;
  _height: 13px;
}
.left_menu a:hover { 
  background-color: white;
  color: #ff9300;
}
.left_menu a:hover img { 
  border: 3px solid #ec6800;
}
.left_menu a img { 
  border:none;
}

/**
 * Stredni cast krome nadpisu sekce
 */
#middle-stred { 
}

/**
 * Zobrazeni kol (brief)
 */
#middle-stred-kola { 
  margin-left: 30px;
}
.middle-stred-kola-item { 
  float: left;
  width: 180px;
  height: 170px;
  margin: 2px;
  text-align: center;
  font-size: 0.8em;

  background-image: url(../pictures/new/middle_kola.jpg);
  background-repeat: no-repeat;
}

#middle-stred-after #cenova-bomba #middle-stred-kola .middle-stred-kola-item { 
  float: left;
  width: 180px;
  height: 170px;
  margin: 2px;
  text-align: center;
  font-size: 0.8em;

  background-image: url(../pictures/new/cenova_bomba3.jpg);
  background-repeat: no-repeat;
}

.middle-stred-kola-item img {
  max-width: 120px;
  max-height: 120px;
  border: 0;
}
.middle-stred-kola-item-params { 
  text-align: left;
  margin-left: 12px;
}
.middle-stred-kola-item-params table { 
  border-spacing: 0;
}
.middle-stred-kola-item-params table a span { 
  text-decoration: underline;
}
.middle-stred-kola-item-params table a span:hover { 
  text-decoration: none;
}
.middle-stred-kola-item-params * span.param-value { 
  color: black;
}
.middle-stred-kola-item-params * span.param-value-cena { 
  font-size: 1.1em;
  color: black;
}
.middle-stred-kola-item-params * span.param-value-konecna-cena { 
  color: green;
  font-size: 1.2em;
}
.middle-stred-kola-item-params * span.param-value-line-through { 
  text-decoration: line-through;
  color: red;
}
.middle-stred-kola-item a.middle-stred-kola-item-href {
  color: white;
}
/* akce do kosiku */
.middle-stred-kola-item .middle-stred-kola-item-actions { 
  text-align: right;
  margin-right: 15px;
}
.middle-stred-kola-item .middle-stred-kola-item-actions a img { 
  border: 0px;
  width: 30px;
  height: 20px;
}


/**
 * Zobrazovani aktualit
 */
#news { 
  float: right; 
  padding: 0;
  margin-right: 1px;
  width: 343px;
  padding-left: 8px;
  background-color: #eeeeee;
  border: 1px solid grey;
}

#right-aktuality { 
  float: left;
  width: 165px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 6px;
  font-size: 0.9em;
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  border-top: 1px solid lightgrey;
}
#news span { 
  font-weight: bold;
}
/* datum */
#right-aktuality span a { 
  color: #FF9300; 
  color: black;
  font-size: 0.8em;
  text-decoration: underline;
}
#right-aktuality span a:hover { 
  text-decoration: none;
  color: blue;
}

/**
 * Zobrazeni detailu kola
 */
#middle-stred-kolo { 
  margin-left: 10px;
}
/* popis kola */
#middle-stred-kolo p { 
  float: left;
  clear: left;
}
#middle-stred-kolo table { 
  float: left;
}
#middle-stred-kolo table tr { 
  background-color: #f4f4f4;
}
#middle-stred-kolo table tr td span.param-name { 
  float: left;
  color: #285577;
  width: 140px;
}
#middle-stred-kolo table tr td span.param-name:after { 
  content: ": ";
}
#middle-stred-kolo table tr td span.param-value,
#middle-stred-kolo table tr td span.param-value-line-through { 
  display: block;
  width: 500px;
  text-align: left;
  color: #003263;
  font-weight: bold;
}
#middle-stred-kolo table tr td span.param-value-line-through { 
  text-decoration: line-through;
  color: red;
}
#middle-stred #middle-stred-kolo table tr td span.param-value-konecna-cena { 
  display: block;
  text-align: left;
  font-weight: bold;
  text-decoration: none;
  color: green;
}
#middle-stred-kolo h2 { 
  font-size: 16px;
  margin-left: 50px;
  text-decoration: underline;
  color: #003263;
  font-weight: bold;
}

#middle-stred-kolo img { 
  max-width: 400px;
  max-height: 400px;
}
#middle-stred-kolo-mainpicture { 
  float: right;
}
#middle-stred-kolo-mainpicture a { 
  text-decoration: none;
}
#middle-stred-kolo-mainpicture a img { 
  border: none;
}
#middle-stred-kolo-otherpictures { 
  float: right;
  width: 130px;
}
#middle-stred-kolo-otherpictures img { 
  border: 1px solid grey;
  padding: 4px;
  max-width: 120px;
  _width: expression(document.body.clientWidth > 120? "120px" : "auto"());
  max-height: 120px;
  _height: expression(document.body.clientHeight > 120? "120px" : "auto"());
  clear: left;
  margin-top: 5px;
}
#middle-stred-kolo-otherpictures img:hover { 
  border: 2px solid grey;
  cursor: pointer;
}

/**
 * Tlacitko zpet
 */
.back-button { 
  display: block;
  color: #003263;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 7px;
  margin-top: 10px;
  width: 80px;
  height: 20px;
  float: left;
  clear: left;
}
.back-button:hover { 
  text-decoration: underline;
}

/**
 * Filter kol
 */
.cfilterform { 
  width: 720px;
  margin: 0 auto 20px auto;
  border: 1px dotted grey;
  padding: 10px 5px;
  font-size: 0.8em;
}
.cfilterform input { 
  border: 1px solid grey;
}
.cfilterform select { 
  border: 1px solid grey;
}
#cfilterform-span-vyrobce { 
  margin-right: 5px;
}
/**
 * Razeni kol
 */
.csortform { 
}
.csortform input { 
  border: 1px solid grey;
}

/**
 * Navigacni menu (breadcrumbs)
 */
#middle-breadcrumbs {  
  text-decoration: none;
  color: #4682b4;
  padding-left: 5px;
}
#middle-breadcrumbs a { 
  text-decoration: inherit;
  color: inherit;
}
#middle-breadcrumbs img { 
}
#middle-breadcrumbs a:hover { 
  text-decoration: underline;
}

/**
 * Navigace mezi zobrazenymi strankami
 */
.navigation { 
  clear: left;
  font-size: 0.8em;
}
.navigation-list { 
  text-decoration: none;
  color: #FF9300;
  margin: 0 2px;
}
.navigation-list:hover { 
  text-decoration: none;
}
.navigation-list-highlighted { 
  text-decoration: none;
  color: #FF9300;
  font-size: 1.5em;
}
.navigation-next { 
  text-decoration: none;
  color: #FF9300;
  margin-left: 5px;
}
.navigation-back { 
  text-decoration: none;
  color: #FF9300;
  margin-right: 5px;
}
.navigation-info { 
  color: #6291CA;
}


#middle-stred-kolo-actions { 
  text-align: center;
}
#middle-stred-kolo-actions a { 
  text-decoration: none;
  font-weight: bold;
  color: #003263;
  display: inline;
  width: 140px;
  padding: 2px 0px;
  margin-left: 250px;
}
#duko_intobasket_count { 
  margin-bottom: 5px;
}
#middle-stred-kolo-actions a:hover { 
  text-decoration: underline;
}
#middle-stred-kolo-actions a img { 
  border: 0px;
  width: 30px;
  height: 20px;
}

/**
 * Kosik
 */

/* polozka menu */
#top #kosik-menu-item { 
  float: left;
  display: block;
  margin: 0;
  margin-top: 2px;
  padding: 2px 4px;
  color: black;
  text-decoration: none;
  background-color: #FF9300;
  background-color: white;
  font-size: 11px;
}
#top #kosik-menu-item:hover { 
  text-decoration: underline; 
}

#top .menu img { 
  margin-top: 4px;
  float: left;
}

#basket table td { 
  padding: 1px 10px;
}
#basket table th { 
  background-color: lightgrey;
  font-size: 11px;
  padding: 2px 5px;
}
.basket-item-row-suda { 
  background-color: #6291ca;
}
.basket-item-row-licha { 
  background-color: #ff9300; 
}
#basket-order-button { 
  text-decoration: none;
  color: black;
  display: block;
  width: 80px;
  padding: 0 8px;
  border: 1px solid grey;  
  background-color: lightgrey;
  margin-top: 20px;
}
.basket-action { 
  text-decoration: none;
  color: white;
}
.basket-action:hover { 
  text-decoration: underline;
}

/**
 * Objednavka
 */
.order-popis { 
  display: block;
  float: left;
  width: 250px;
  margin-top: 5px;
  clear: right;
}
#order * input { 
  border: 1px solid grey;
  margin-top: 5px;
}
#order fieldset legend { 
  font-weight: bold;
}
.order-star { 
  color: red;
}
#order table { 
  border: 1px dotted grey;
  margin-bottom: 5px;
}
#order table td { 
  padding: 1px 20px;
}
#order table th { 
  padding: 1px 20px;
}
#order table thead { 
  color: darkred;
  color: #FF9300;
}

/**
 * Odkazy na Vyrobce
 */
#left .odkazy a,
#left .odkazy a img { 
  text-decoration: none;
  border: none;
}

#left .odkazy a img { margin-top: 5px; }

.error { 
  background-color: red;
  color: white;
  font-weight: bold;
  font-size: 15px;
}

.info { 
  background-color: #6291CA;
  color: white;
  font-weight: bold;
  font-size: 15px;
}

/**
 * Zhava nabidka kol
 */
#left .hot-bikes { 
  margin: 10px 10px 0 -30px;
  padding: 0;
}

fieldset strong.cennova-akce { 
  font-size: 10px;
  color: red;
}

#poll-0 h3 { 
  color: #6291CA;
  font-size: 13px;
}
#poll-answers th { 
  color: black;
  font-size: 11px;
}

#poll-results th { 
  color: black;
  font-weight: normal;
}

#poll-status { 
  font-size: 12px;
}
#poll-status.bad { 
  color: red;
}
#poll-status.good { 
  color: green;
}

#articles .article-brief .datum
{ 
  font-size: 11px
  }

#articles .article-brief .title a
{ 
  font-size: 14px;
  text-decoration: underline;
/*  color: #FF9300; */
  color: black
  }

#articles .article-brief .perex,
.article .perex
{ 
  border: 1px solid gray;
  background-color: #F4F4F4;
  margin: 10px 20px;
  padding: 5px;
  }

.article h2 
{ 
  font-size: 22px;
  }
.article .text 
{ 
  margin: 5px 20px;
  }

#akce-kola { 
  font-size: 13px;
}
#akce-kola div a { 
  text-decoration: none;
  border: none;
}
#akce-kola div a img { 
  border: none;
  text-decoration: none;
}

.old { 
  text-decoration: line-through;
  color: red;
}
.new { 
  color: green;
}