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;
}
IMG {
	border: 0
}
IMG.thickbox {
	cursor: pointer;
}
HR {
  border: 1px solid #ccc; /* d92219 */
}
A {
  color: #111;
  text-decoration: underline;
  font-weight: bold;
}
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;
}
#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;
}

#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;
}
#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: 0; padding: 0;
  background-image: url('images/l_menu.jpg');
  background-repeat: no-repeat;
  background-position: top;
  background-color: #ddd;
  }
/* menu vlevo */
#sidebar-menu {
  /*background: #d92219;*/
  margin:0; padding: 0.3em;
  min-height: 350px;
  _height: 350px;
  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 #ffe400;
}
#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");*/
}
/*#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: 0;
  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;*/
  padding: 5px 0 2px 15px;
}
  #main-filtr .nadpis {
    font-size: 15px;
    text-decoration: none;
    color: #d21;
  }

#form_filtr {
  position: absolute;
  top: 5px;
  left: 10px;
}
#kosik {
  position: absolute;
  top: 5px;
  left: 640px;
  width: 90px;
  height: 23px;
  /*background-color: #d92219;*/
  text-align: left;
}
#kosik A {
  color: #d21;
  margin-top: 15px;
  font-size: 15px;
  text-decoration: none;
}
#kosik A: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%;
  position: relative;
  }
  #main-content ul {
    /*margin:0; padding: 0.5em 1em;*/
    margin: 0 0 0 1em; padding: 0;
    }
      
hr.cleaner {
  clear:both;
  height:1px;
  width: 50%;
  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;
  border: 2px;
  border-style: outset;
  color: white;
  cursor:pointer;
}
.tlacitko-big {
  font-weight: bold;
  font-size: 15px;
  background: red;
  border: 2px;
  border-style: outset;
  color: white;
  cursor:pointer;
}
.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 {
  min-height: 35px;
  _height: 35px;
}
.b_img {
  height: 150px;
  min-height: 150px;
  _height: 150px;
}
.b_nazev {
  margin-bottom: 10px;
  min-height: 50px;
  _height: 50px;
}
.b_ceny {
  margin: 5px;
  text-align: left;
  font-size: 120%;
  position: relative;
  min-height: 35px;
  _height: 35px;
}
.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: 215px;
  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;
  
}

/* 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;
}
.nadtrhnout {
  border-top: 1px solid #aaa;
}

/* STYLY TEXTOVYCH MENU */
#text_lista {
  position: absolute;
  top: 135px;
  left: 210px;
}
#text_lista UL {
  margin: 0px;
  padding: 0px;
}
#text_lista LI {
  margin-right: 15px;
  padding: 0px;
  display: inline;
}
#text_lista LI:hover {
  
}
#text_lista A {
  color: #d21;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
}
#text_lista A:hover {
  text-decoration: underline;
}
/* KOSIK */
TD.sprazene {
  color: #aaa;
}

#ensis {
  position: relative;
  top: 8px;
  left: 6px;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}
.podtrhnout { border-bottom: 1px solid #aaa; }

.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;
}
/* obecne */
.red {color: #d92219;}
.bold {font-weight: bold;}
.center {text-align: center;}
.fl {float: left;}

/* vypisy spec. clanku */
.cl_radek { margin: 5px 0; padding: 5px 0; border-bottom: 1px dotted #ccc; width: 720px;}
.cl_radek .foto { float: left; width: 110px; text-align: left; min-height: 100px; }
.cl_radek .text { text-align: left; margin: 0 0 0 110px; width: 610px; min-height: 100px; }
.text h2 a {color: #d92219;}
/* .cl_radek hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden;} */
.cl_box {float:left; margin: 5px 10px 5px 0; padding: 5px; border: 1px dotted #ddd; width: 210px; min-height: 200px; }
.cl_box .foto { min-height: 120px; text-align: center;}
.cl_box img {padding: 3px;	background: #ddd;}
.cl_box .text { margin: 5px 0; text-align: center;}

.sp_det img {float: left; margin: 0 10px 10px 0; padding: 3px;background: #ddd;}

/* vypis fotogalerie */
div#content td.fotogalerie { vertical-align: top; text-align: center; font-size: 11px; width: 120px;}
div#content td.fotogalerie img { 	padding: 3px;	margin: 5px; background: #ddd; /* border: 1px solid #ddd; */}
div#content td.fotogalerie img:hover	{ border: 1px solid #d2d2d2; background: #aaa;}
div#content .oramovat { border: 1px solid #ccc; } /* obrazky s odkazem thickbox */ /* 98c700 */

/* filtr */
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;}
#filtrzn {margin: 8px 0px;}

/* kalendare */
.kal_3 {} /* velka tabulka */
.kal_td {}
.kal_td_l {padding: 10px 0 5px 10px;}
.kal_td_r {text-align: right; padding: 10px 8px 5px 10px;}

.kalendar {}
.kalendar td {text-align: right; border: 1px solid #aaa; padding: 0 5px 0 0; vertical-align: top; width: 25px; line-height: 17px;}
.kalendar td img { margin-top: 5px;}
.kalendar .nad td { background-color: #ffe400; color: #111; font-weight: bold;}
.kalendar .text td { background-color: #ffe400; color: #111; font-weight: bold;}
.kalendar td.center {text-align: center;}
.kalendar td a { font-weight: bold;}