body {
  margin: 0px;
  background: url('images/motiv.jpg') right top no-repeat;
}
body,table,form {
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
}
td {vertical-align: top;}
td p {margin: 0;}
img {border: 0}
A {color: #111; text-decoration: underline; font-weight: bold;}
a.info {text-decoration: none;}
a.info span {text-decoration: underline;}
a.nobold {font-weight: normal;}
A:hover {color: #bbb;}
#page {
  width: 1198px;
  margin: 0px;
  padding: 0px;
  background: url('images/cele_pozadi.gif') left top repeat-y;
}
#pg-l {
  float: left;
  width: 938px; /* 938px by melo stacit.. */
  margin: 0px;
  padding: 0px;
  /*margin: 0 200px 0 0;*/
}
#pg-p {
  width: 250px;
  /*background-color: #ccc;*/
  margin: 0 0 0 945px;
  padding: 0px;
}
#pg-p-margin {
  margin-left: 10px;
  padding: 0px;
}
#pg-paticka {
  clear: both;
  margin-top: 10px;
  width: 1195px;
  height: 30px;
  background-color: #bbb; position: relative;
}
#pg-paticka p.cas { position: absolute; right: 10px; top: 0; font-size: 10px; color: #555;}

#top_banner {
  width: 938px;
  height: 156px;
  background: url('images/vrsek.jpg') left top no-repeat;
  position: relative;
}
#top_lista {
  width: 938px;
  height: 27px;
  position: absolute;
  left: 0px;
  top: 4px;
}
#top_flash {
  width: 340px;
  height: 95px;
  position: absolute;
  left: 353px;
  top: 40px;
}
#domu {
  background: url('images/domu.gif') left top no-repeat;
  position: absolute;
  display: block;
  width: 10px;
  height: 20px;
  left: 12px;
  top: 9px;
}
#mapa {
  background: url('images/map.gif') left top no-repeat;
  position: absolute;
  display: block;
  width: 12px;
  height: 20px;
  left: 30px;
  top: 9px;
}
#fifty {
  position: absolute;
  display: block;
  width: 100px;
  height: 20px;
  left: 52px;
  top: 4px;
}
#top_lista .fb_top {
  background: url('images/fb_20.png') left top no-repeat;
  position: absolute;
  display: block;
  width: 50px;
  height: 20px;
  left: 170px;
  top: 5px;
  padding: 2px 0 0 25px;
}

#content {
  text-align:left;
  width: 938px;
  min_height: 390px;
  _height: 390px;
  background: url('images/pod_menu.gif') left repeat-y;
  /*background-repeat: repeat-x;
  background-position: left bottom; */
  }
#sidebar {
  float: left;
  width: 200px;
  margin: 0px; padding: 0px;
  background-image: url('images/l_menu.jpg');
  background-repeat: no-repeat;
  background-position: top;
  background-color: #ddd;
  position: relative;
  }
  #sidebar #mena { position: absolute; top: -10px; left: 10px; margin: 0 0 0 25px; color: #fff; font-weight: bold; }
  #mena .kc { width: 25px; height: 17px; background: url(images/cs-25.gif) no-repeat; border: 0px; font-size: 0px; cursor: pointer; margin: 0 20px 0 0; vertical-align: middle; }
  #mena .eu { width: 25px; height: 17px; background: url(images/sk-25.gif) no-repeat; border: 0px; font-size: 0px; cursor: pointer; margin: 0 0 0 5px; vertical-align: middle; }
  
#sidebar-content {
  margin:0; padding: 0.3em;
  /*border-left: 5px solid #d21;
  border-bottom: 2px solid #d21;*/
  min-height: 350px;
  _height: 350px;
  }
/* menu vlevo */
#sidebar-menu {
  /*background: #d92219;*/
  padding-top: 30px;
  }
#sidebar-menu A {
  color: #000;
  padding-left: 7px;
  text-decoration: none;
  }
#sidebar-menu UL {
  margin: 0px;
  padding: 0px;
}
#sidebar-menu UL UL {
  margin-left: 10px;
  padding-left: 5px;
}
#sidebar-menu LI {
  padding: 0px;
  margin-top: 6px;
  list-style-type: none;
  font-size: 13px;
}
#sidebar-menu A {
  border-left: 3px solid #db241c;
}
#sidebar-menu A:hover {
  border-left: 3px solid #fff;
  color: #fff;
}
#sidebar-menu LI LI A {
  border-left: 1px dotted #fff;
}
#sidebar-menu LI LI {
  font-size: 12px;
  /*list-style-image: url("images/odrazka_velka.gif");*/
}

/* podmenu HOT-LINE */
#sidebar-menu UL.hotline { margin-left: 10px; padding-left: 5px;}
#sidebar-menu UL.hotline li { font-weight: bold;}
#sidebar-menu UL.hotline a { border: none; padding: 0; margin: 0;}

/*#sidebar-menu LI LI LI {
  list-style-image: url("images/odrazka_mala.gif");
}*/
/* konec menu vlevo */

/* Znacky */
#sidebar-zn {
  text-align: center;
  padding-right: 10px;
}
  #sidebar-zn A {
    padding-left: 7px;
    text-decoration: none;
    border-left: 1px solid #db241c;
  }
  #sidebar-zn A:hover {
    border-left: 1px solid #fff;
    color: #db241c;
  }

#main {
  position: relative;
  _left: -3px; /* kvuli IE */
  margin:0 0 0 200px;
  padding: 0px;
  background: url('images/stred.jpg') top no-repeat;
  min-height: 340px;
  _height: 340px;
  }

#main-filtr {
  height: 32px;
  width: 736px;
  _width: 733px; /* IE potrebuje mensi sirku */
  overflow: hidden;
  position: relative;
  /*border: 1px solid grey;*/
}
#form_filtr {
  position: absolute;
  top: 5px;
  left: 10px;
}
#kosik {
  position: absolute;
  top: 5px;
  /*left: 640px;*/
  right: 10px;
  /*width: 90px;*/
  height: 23px;
  /*background-color: #d92219;*/
  text-align: right;
}

.tl_kosik { color: #d21; margin-top: 15px; font-size: 15px; text-decoration: none;}
.tl_kosik:hover { color: #ccc;}

#kosik IMG {
  vertical-align: middle;
}
#main-content {
  /*margin:0; padding: 0.5em 1em;*/
  margin:0.5em 1em; padding: 0;
  font-size: 100%;
  }
  #main-content ul { margin: 7px 0 5px 20px; padding: 0;}
  #main-content #mena { margin: 7px 0 7px 0; background-color: #aaa; padding: 5px; font-weight: bold;} /* v kosiku volba meny */
      
hr.cleaner {
  clear:both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border:none;
  visibility: hidden;
  }
#cleaner-radek {
  clear: both;
  visibility: hidden;
}
#info_box {
  width: 680px;
  padding: 5px 10px;
  background-color: #ddd;
  margin: 0px;
  border: 1px solid #777;
}

.tlacitko {
  font-weight: bold;
  font-size:11px;
  background: red;
  padding: 0 3px;
  border: 2px;
  border-style: outset;
  color: white;
  cursor:pointer;
}
.tlacitko-big {
  padding: 0 3px;
  font-weight: bold;
  font-size: 15px;
  background: red;
  border: 2px;
  border-style: outset;
  color: white;
  cursor:pointer;
  text-decoration: none;
}
.tlacitko-big2 {
  padding: 0 3px;
  font-weight: bold;
  font-size: 15px;
  background: #e33;
  border: 2px;
  border-style: outset;
  color: white;
  cursor:pointer;
  text-decoration: none;
}
.svisle_menu UL {
  margin-left: 15px;
  list-style-image: url("images/odrazka_mala.gif");
}

/* vypis zbozi */
.radek {
  /*border: 1px solid #ccc;*/
}
.radek_kat { /* pouze ve vypisu zbozi po kategoriich */
  /* clear: left; /* posle pod leve menu */
  float: none;
}
.bunka_kat {
  border-top: 1px solid #ccc;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  min-height: 235px;
  _height: 235px;
}
.nadpis_kat {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  min-height: 35px;
  _height: 35px;
}

.bunka {
  border-top: 1px solid #ccc;
  float: left;
  width: 235px;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.b_vrsek {height: 50px; overflow: hidden; position: relative; text-align: center;}
.b_vrsek img {margin: 2px;}
/*.b_vrsek .akce {position: absolute; top: 0px; left: 0px;}
.b_vrsek .novinka {position: absolute; top: 25px; left: 0px;}
.b_vrsek .doporucujeme {position: absolute; top: 0px; left: 80px;}
.b_vrsek .doprava_zdarma {position: absolute; top: 25px; left: 80px;}*/
.b_img {
  height: 150px;
  min-height: 150px;
  _height: 150px;
}
.b_nazev { margin-bottom: 10px; min-height: 50px; _height: 50px; font-weight: bold;}
.b_nazev h2 {font-size: 14px; color: #000; margin: 0;}
.b_nazev h2 a {font-size: 14px; color: #000; line-height: 15px; }
.b_nazev a {font-size: 14px; color: #000;}
.b_ceny {
  margin: 5px;
  text-align: left;
  font-size: 120%;
  position: relative;
  height: 45px;
}
.b_ceny .cena_poznamka {position: absolute; font-size: 10px; top: 25px; text-align: right; width: 210px;}
.cena_poznamka .darek_zdarma {}
.cena {
  margin: 5px;
  text-align: right;
  font-weight: bold;
  position: absolute;
  left: 90px;
  width: 118px;
  height: 37px;
  top: -10px;
  padding-top: 13px;
  background: url('images/cenovka.jpg') left top no-repeat;
}
.skrt {
  text-decoration: line-through;
  position: absolute;
  left: 0px;
  top: 0px;
}
.b_var {
  font-size: 10px;
  text-align: left;
  min-height: 30px;
  _height: 30px;
}
/* pro spec vypisy */
.sp_bunka {
  width: 232px;
  margin: 15px 0px;
  padding: 0px;
  text-align: center;
}
.sp_cena {
  margin: 5px;
  text-align: right;
  font-weight: bold;
  position: absolute;
  left: 80px;
  width: 118px;
  height: 37px;
  top: -10px;
  padding-top: 13px;
  background: url('images/cenovka.jpg') left top no-repeat;
}

#motiv {
  position: absolute;
  left: 1200px;
  top: 0px;
  
}

div.podmenu {margin: 5px 15px 5px 0; padding: 3px;} /* border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; */

#cesta_webem {margin: 5px 15px 5px 0; padding: 3px; /* border-top: 1px solid #d92219;*/}
#cesta_webem a { }

div.filtr {margin: 5px 0 5px 0; padding: 7px; background: url("images/bk_filtr.jpg") top left repeat-x; min-height: 61px;}
div.filtr a, div.filtr label {color: #d92219; font-weight: bold;}
div.filtr label {margin-right: 7px;}
div.filtr p {color: #555;}
div.filtr p.sort {width: 210px; float: left;}
#filtrzn {margin: 8px 0px;}
#filtrrok {margin: 8px 0px;}
#filtrrok p {margin: 6px 0px; line-height: 15px;}

/* DETAIL ZBOZI */
H2.detail {
  margin: 5px 0px 15px 5px;
  border-left: 10px solid #000;
  padding-left: 7px;
}


/* cervena velosport: d92219 */
H1, H2, H3 {
  color: #d92219;
}
H1 {
  font-size: 1.8em;
}
H2 {
  font-size: 1.5em;
}
H3 {
  font-size: 14px;
}
.margin {
  margin: 10px;
}
.bg_white { background-color: #fff;}
.bg_grey, .bg_seda { background-color: #ccc;}
.nadtrhnout { border-top: 1px solid #aaa;}

#hledani_form .tl {width:23px; height: 21px; background: url("images/lupa.gif") center left no-repeat; border: none; cursor: pointer;}

.obj_tab {width: 620px;}
.obj_tab td {padding: 3px}

/* STYLY TEXTOVYCH MENU */
#text_lista {
  position: absolute;
  top: 135px;
  left: 200px;
}
#text_lista UL {
  margin: 0px;
  padding: 0px;
}
#text_lista LI {
  padding: 0px;
  display: inline;
}
#text_lista LI:hover {
  
}
#text_lista A {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  padding: 0 3px 0 5px;
  border-right: 1px solid #fff;
}
#text_lista A:hover {
  text-decoration: underline;
}
/* KOSIK */
TD.sprazene {
  color: #aaa;
}
.podtrhnout { border-bottom: 1px solid #aaa; }

#ensis {
  position: relative;
  top: 8px;
  left: 6px;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}

#pg-paticka .fb_bot {
  background: url('images/fb_20.png') left top no-repeat;
  position: relative;
  display: block;
  width: 60px;
  height: 20px;
  display: inline-block;
  top: 8px;
  margin: 0 0 0 25px;
  padding: 2px 0 0 25px;
}
#pg-paticka .fb_bot:hover { color: #fff;}

#pg-paticka .rss_bot {
  background: url('images/rss_20.png') left top no-repeat;
  position: relative;
  display: block;
  width: 75px;
  height: 20px;
  display: inline-block;
  top: 8px;
  margin: 0 0 0 25px;
  padding: 2px 0 0 25px;
}
#pg-paticka .rss_bot:hover { color: #fff;}

.aktuality-pol {
  border-bottom: 1px solid #aaa;
  padding-bottom: 5px;
  margin: 5px 0 10px 5px;
  position: relative;
  min-height: 35px;
  _height: 35px;
}
.aktuality-pol .text {
  top: 0px; left: 110px;
  position: absolute;
}
.aktuality-pol .obr {
  vertical-align: top;
  width: 110px;
}

.tb_udaje {width: 700px; border: 0; border-spacing: 0; border-collapse: collapse;}
.tb_udaje td {margin: 0; padding: 3px 2px;}

#login .trvale { margin: 3px 0 0 0;}
.w510 {width: 510px;}

a.tlac {
  font-weight: bold;
  font-size: 12px;
  background: red;
  padding: 0 3px;
  border: 2px;
  border-style: outset;
  color: white;
  text-decoration: none;
}

.porovn { color: #d21; font-weight: bold; font-size: 12px;}
.porovn_name { color: #d21; font-weight: bold;}
.porovn_dell { color: #d21; font-size: 11px; font-weight: normal; text-decoration: none;}
.porovn_zpet { color: #d21; font-weight: bold; font-size: 15px;}

.red {color: #d92219;}
.center {text-align: center;}
.bigger {font-size: 120%;}
.flright { float: right;}
.mr135 {margin: 0 135px 0 0;}
.fix {clear: both;}

.w50 {width:50px}
.w100 {width:100px}
.w120 {width:120px}
.w150 {width:150px}
.w200 {width:200px}
.w250 {width:250px}
.w300 {width:300px}
.w350 {width:350px}
.w390 {width:390px}
.w600 {width:600px}

.tb {border-collapse: collapse;}
.tb td {padding: 3px;}
.tb th {padding: 3px; background-color: #ddd;}
.tbk_0 {}
.tbk_1, .tbk_1 td {background-color: #eee;}

.red {color: #db241c !important;}
.bold {font-weight: bold;}
.nobold {font-weight: normal !important;}
span.sleva {color: #4cbe04;}

.green {color: #4cbe04;}

