html, body{
  padding: 0;
  margin: 0;
  font-weight: normal;
  height: 100%;
}

body {
  text-align: center;
  font-family: Arial CE, Arial;
  font-size: 12px;
  font-weight: normal;
  color: #555;
/*  background-color: #fff;*/
}

TABLE,TR,TD {
  font-weight: normal;
  font-size: 12px;
}

H1,H2,H3 {
	color: #b5001f;
  margin: 0 0 0px 0;
}

#stred-content H1 {
  font-size: 17px;
  margin: 0 0 10px 0;
}

#stred-content H2, #stred-content H3 {
  margin: 0 0 5px 0;
}

H2 {
  font-size: 16px;
}
  H2.detail {
    /* border-left: 5px solid #abf; */
    background: url("images/koralek_sv_modry.gif") top left no-repeat;
    padding-left: 25px;
    margin: 5px 0 5px 5px;
  }

p {
  text-align: justify;
  margin: 0 0 10px 0;
}

img {
	border: 0px;
}
img.thickbox {
	cursor: pointer;
}
input.maly {
	height:15px;
	font-size:10px;
}

#stranka{
  margin: auto;
  width: 1120px;
  height: 100%;
/*  min-height:100%;*/
  text-align: left;
  background: url(images2/bk.gif) repeat-y;
  background-color: #fff7e7;
  position: relative;
/*  border-right: solid #6C3F15 3px; */
}
body>#stranka {
  height:auto;
  min-height:100%;
}
/*
#l_okraj {
  background: url(images/l_okraj.gif) repeat-y;
  width: 14px;
}

#p_okraj {
  background: url(images/p_okraj.gif) repeat-y;
  width: 16px;
}
*/
#banner {
  padding: 0px;
  background: url(images2/top.jpg) no-repeat;
  width: 1120px;
  height: 509px;
  position: relative;
  z-index: 99;
}
  #koralky_nadpis {
    position: absolute;
    top: 30px; left: 50px;
    width: 300px;
    height: 100px;
  }
  #koralky_nadpis span {
    display: none;
  }
  #banner .lista {
    width: 500px;
    height: 23px;
    position: absolute;
    top: 5px;
    right: 82px;
    text-align: right;
  /*  overflow: hidden;*/
  }
  #banner .lista .url {
    /*  float: right;*/
      color: #b5001f;
      font-size: 11px;
      margin-right: 35px;
    }
  #banner .kosik { position: absolute; top: 73px; left: 710px;}

  #banner #flashtop { position: absolute; top: 162px; left: 48px; width: 1024px; height: 288px;}
  /* border: 1px solid red; */
  #banner #cesta_webem { position: absolute; bottom: 17px; left: 290px; width: 600px; height: 20px; padding: 5px; color: #bbb;}
  #banner #cesta_webem a { /*color: #edc00b;*/ font-size: 15px; font-weight: bold;}
#banner.noflash { height: 228px; background: url(images2/top-mensi.jpg) no-repeat;}

  /* vyhledavaci formular */
  #vyhled { position: absolute; top: 73px; left: 847px;}
    #vyhled_tl { height: 20px; width: 30px; background: none; border: none; _cursor: hand; cursor: pointer;}
    #vyhled_in { width: 170px; height: 15px; _height: 17px; font-size:13px; background: none; border: none;}
  
  #topmenu {
    width: 950px;
    text-align: left;
    position: absolute;
    left: 30px;
    top: 127px;
    color: #fff;
  }
/* Vysuvne menu */
    #topmenu LI A SPAN {
      /*text-decoration: underline;*/
    }
    #topmenu LI A {
      color: #fff;
      text-decoration: none;
    	padding: 0 12px;
    	/* background: url(images/sep.jpg) no-repeat 100% 100%; */
      font: bold 19px/22px "trebuchet MS", Arial, Tahoma, Sans-serif;
      border-right: 1px solid #fff;
    }
    #topmenu A:hover {
      color: #fed942;
      text-decoration: none;
    }
    #topmenu LI LI A {
    	/* color: #000; */
    	padding: 0px;
    	background: none;
      font: bold 13px/16px "trebuchet MS", Arial, Tahoma, Sans-serif;
      border: none;
    }
    #topmenu LI LI LI A {
      color: #eee;
    	margin-left: 7px;
    }
    #topmenu LI {
    	display: inline;
      margin: 0px;
    	padding: 0px;
    	/* border-right: 1px solid #FEFFFD; */
    }
    #topmenu LI LI {
    	display: block;
      margin: 3px 0px;
    	padding: 3px;
    }
    #topmenu LI LI LI {
    	padding-left: 0px;
    	background: url('images/odrazka_stredni.gif') 0px 7px no-repeat;
    }
    #topmenu UL {
      display: inline;
    	margin: 0px;
    	padding: 0px;
    	/*list-style-image: url('images/odrazka_velka.gif');*/
    	list-style-type: none;
    	position: relative;
    	left: 20px;
    }
    #topmenu UL UL {
      text-align: left;
    	margin: 0px; padding: 0px;
    	display: block;
      position: absolute;
      top: 16px;
      _top: 19px;
      padding-left: 10px;
      padding-bottom: 10px;
      left: 0px;
      visibility: hidden;
      background-color: #edc00b;
      width: 230px;
      border: 1px solid #feeb9e;
      border-top: none;
      z-index: 99;
    }
    #topmenu UL ul ul {
      width: 190px;
      border: none;
      position: relative;
      left: 0px;
      top: 0px;
      margin: 0px; padding: 0px;
      padding-left: 10px;
      list-style-type: none;
      /* background: url('images/odrazka_mala.gif') 0px 15px no-repeat; */
      visibility:hidden;
    }
    #topmenu UL li {
      position: relative;
    }
    /* zde chovani zobrazeni*/
    #topmenu UL li:hover ul a, #topmenu UL li.hover ul a
    {
      /* odkaz podmenu */
      /* background-color: #bbb; */
      /* color:black; */
      font-weight: normal;
    }
    
    #topmenu UL li:hover ul a:hover, #topmenu UL li.hover ul a:hover
    {
      /* odkaz podmenu prejety mysi */
      /* background-color: #fff;
      color:white; */
      text-decoration: underline;
    }
    
    #topmenu UL li:hover ul, #topmenu UL li.hover ul
    {
    visibility:visible;
    }
    
    #topmenu UL li li
    {
    border:none;
    padding:0;
    /* background-color:#bbb; */
    }
    
    #topmenu UL li
    {
    behavior: url(hover.htc);
    }
/* KONEC vysuvneho menu */


#levy{
  float: left;
  width: 270px;
}
  #levy_content{
    margin: 0 0 0 60px;
  }
    #podmenu{
      margin: 0px;
      width: 100%;
      min-height: 350px;
      _height: 350px;
    }
      
  /* LEVE MENU */
  #l_podmenu
  {
    position: relative;
    padding: 3px 0 0 10px;
  }
    #l_podmenu ul
    {
      margin: 0px;
    }
    #l_podmenu li
    {
      padding: 0;
      margin: 0px 0 3px 10px;
    	list-style-image: url('images/odrazka_velka.gif');
    }
    #l_podmenu li li
    {
    	list-style-image: url('images/odrazka_mala.gif');
    }
    #l_podmenu li a
    {
      color: ;
      font-weight: bold;
      text-decoration: none;
    }
  /* konec LEVE MENU */

/* pouzito na menu, pokud neni vysuvne menu.. */
UL.menu_hlavni {
	margin-left: 23px;
	padding: 0px;
	list-style-image: url('images/odrazka_velka.gif');
}
UL.menu {
	margin-left: 5px;
	padding: 0px;
	list-style-image: url('images/odrazka_mala.gif');
}



#stred{
  position: relative;
  margin: 0 35px 0 280px;
}
  #stred-content {
    margin: 0 20px 0 10px;
    min-height: 350px;
    _height: 350px;
  }
  #stred ul {
  	margin-left: 20px;
  	padding: 0px;
  }

#stred .tabulka { border: 0;}
#stred .tabulka td.uvod { border: 0; text-align: center; height: 120px; width: 170px;}

#stred .koralek_zb { border: 0;}
#stred .koralek_zb td { margin: 0; border: 1px solid #edc00b; vertical-align: top; padding:0;}
#stred .koralek_zb table { border: 0; width: 180px;}
#stred .koralek_zb table td { margin: 0;border: 0;}

/* vypisy zbozi */
hr.cleaner {
  clear:both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border:none;
  visibility: hidden;
  }

.radek { float: none; height: 350px;} /*border: 1px solid #0f0;*/
.radek_kat { /* pouze ve vypisu zbozi po kategoriich */ float: none;}

.bunka_kat {
  border-top: 1px solid #ccc;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 280px;
  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 #eaeaea;
  border-left: 1px solid #eaeaea;
  float: left;
  width: 230px; /* 235px */
  margin: 8px;
  padding: 0px;
  text-align: center;
  height: 250px;
}
.bunka .b_vrsek { height: 10px;}
.bunka .b_img {
  /*height: 215px;*/
  min-height: 215px;
  _height: 215px;
}
.bunka .b_nazev { margin: 7px 5px 10px 5px; height: 60px;}
.bunka .b_nazev h2 a { margin: 0; font-size: 13px; text-decoration: none;}
.bunka .b_nazev h2 a:hover { color: #edc00b;}
.bunka .b_ceny {
  margin: 5px;
  text-align: left;
  font-size: 110%;
  position: relative;
  min-height: 35px;
  _height: 35px;
}
  .bunka .cena { margin: 0px; text-align: right; font-size: 17px; font-weight: bold; position: absolute; right: 10px; width: 118px; top: 0px;}
  .bunka .zb_form { margin: 0px; text-align: left; font-weight: bold; position: absolute; left: 10px; width: 100px; top: 0px;}

/* pro spec vypisy */
.sp_bunka {
  width: 150px;
  margin: 15px 0px;
  padding: 0px;
  text-align: center;
}
  .sp_cena {
    font-weight: bold;
    color: #F1760E;
    font-size: 1.3em;
    background: url('images/cenovka.jpg') left top no-repeat;
  }
  .sp_dop {
    font-weight: bold;
    color: #bbb;
    font-size: 1.1em;
    text-decoration: line-through;
  }
/* KONEC vypisy zbozi */


#vycpavka {
  clear: both;
  height: 114px;
}

#d_okraj {
  background: url(images2/bottom.jpg) no-repeat;
  width: 1120px;
  height: 114px;
  color: #b5001f;
  font-size: 90%;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
  #d_okraj p.odkazy {
    position: absolute;
    top: 60px;
    left: 60px;
    width: 920px;
  }
  #d_okraj p.odkazy img {vertical-align: top;}
  #d_okraj p.odkazy a { color: #ccc;}
  #d_okraj #koralek {
    position: absolute;
    top: 78px;
    left: 60px;
  }
  #ensis{
  	color: #b5001f;
  	font-size: 90%;
  	text-decoration: none;
  	font-weight: bold;
    position: absolute;
    left: 60px;
    top: 35px;
  }
  #ensis:hover{
  	text-decoration: underline;
  }
  #cas{
  	color: #aaa;
  	font-size: 80%;
  	text-decoration: none;
    position: absolute;
    right: 160px;
    bottom: 5px;
    width: 160px;
    text-align: right;
    font-size: 9px;
  }


#margin{
  margin: 10px;
  margin-top: 0px;
}

#margin5 {
  margin: 5px;
}

form {
  margin: 0px;
}

a {
	color: #b5001f;
}

a:hover {
	text-decoration: none;
	color: #888;
}

.menu {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

a.menu:hover {
	text-decoration: underline;
	color: #888;
}

a.menu_in {
	/*color: #edc00b;*/
	font-weight: bold;
}

a.shop h2 {
	font-size: 14px;
	color: #edc00b;
	text-decoration: none;
	font-weight: bold;	
}

h3.normal {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}

.zvyrazneni {
	text-decoration: underline;
	font-weight: bold;
	color: #b5001f;
}

.akce {
	text-decoration: none;
	font-weight: bold;
	color: red;
	font-size: 11px;
}

.bold {
  font-weight: bold;
}
.orange {
  color: #ec851a;
}
.underline {
  text-decoration: underline;
}

.vypis {
	font-size: 11px;
}

.l_okraj {
  border-left: 1px solid #edc00b;
}

.t_okraj {
  border-top: 1px solid #edc00b;
}

#top {
  width: 100%;
  min-height: 60px;
  /* clear: both; */
  margin-top: 10px;
}
  #cara {
    clear: both;
    width: 100%;
    border-top: 1px solid #f0a871;
    margin-bottom: 0px;
  }
  #detail {
    color: #f0a871;
  	font-size: 11px;
  	text-decoration: none;
  	font-weight: bold;
    clear: both;
    float: right;
  }
  #top IMG {
    border: 1px solid #f0a871;
  }

.red { color: #b5001f;} /* dle designu */
.gold { color: #edc00b;} /* dle designu */
.seda { color: #757575;}
.bg_seda { background-color: #aaa;}
.bg_white { background-color: #fff; display: block;}

.inz_vyp {
  border-bottom: solid 1px #777;
  padding: 5 0 5 0px;
  vertical-align: top;
}
.top TR,TD {
  vertical-align: top;
}
.nadtrhnout { border-top: 1px solid #aaa;}
.center { text-align: center;}
