body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #000;
  font-family: Trebuchet MS, Verdana, Serif;
  font-size: 1em;
	font-weight: normal;
	background: #353536 url("./default/bg_body.png");	
}
#bodytop{
  	background: url("./default/bg_top.png") no-repeat center top;
}

h1 {color: #FFF; font-size: 1.6em; margin: 4px 10px 1px 10px; padding: 0px;display: inline-block;zoom:1;*display:inline;font-weight: normal; text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;}


#main{
  position: relative; top: auto; left: auto;
  width: 998px;
  margin: 0px auto 0px auto; padding: 0px;
  display: block;
}

#head{
  width: 998px; height: 154px;
  margin: 0px; padding: 0px;
  display: block;
  border: 0px #f00 solid;
}
#logo{position: absolute; top: 8px; left: 35px; z-index: 10;}

#ikony-top{
  position: absolute;
  left: 790px; top: 30px;
  margin: 0px; padding: 0px;
  width: 200px; height: 28px;
  border: 0px #FFF solid;
}

#content-top{
  position: absolute;
  left: 160px; top: 0px;
  margin: 0px; padding: 0px;
  width: 835px; height: 30px;
  border: 0px #FFF solid;
}
#content-top img{
  margin: 2px; padding: 0px;
}

#sadaikon *{ margin: 0px; padding: 0px; display: inline; border: none; background: none;}
#sadaikon{
  position: relative;
  margin: 5px;
  border: 0px #FFF solid;
  display: block;
  float: right;
}

#spec-menu{
  position: relative;
  text-align: right;
  color: #BBB;
  padding: 8px 5px 0px 0px; margin: 0px;
  border: 0px #f22 solid;
  font-size: 0.7em;
  z-index: 999;
  display: block;
  float: right;
}
#spec-menu ul{
  text-align: left; display: inline; 
  padding:  0px 0px 0px 0px; margin: 0px;
  list-style:none;
}
#spec-menu ul li{
  display: inline; 
  padding: 0px 0px 0px 0px; margin: 0px 4px 0px 4px;
}
#spec-menu ul li a {color: #DDD; font-weight: normal;}
#spec-menu ul li a:hover {text-decoration: underline;}


#loginform, #loginform-closed{
  position: relative;
  width: 160px;
  text-align: left;
  color: #BBB;
  padding: 4px 5px 1px 5px; margin: 1px;
  border: 0px #f22 solid;
  font-size: 0.7em;
  background: url("../../data/ost/black_30.png");
  -moz-border-radius: 4px; -webkit-border-radius: 4px;
  z-index: 999;
  display: block;
  float: right;
}
#loginform{display: none; background: url("../../data/ost/black_50.png");}
#loginform td{color: #BBB;}

#rychlanavigace *{margin:0;padding:0;display:inline;border:none;background:none;}
#rychlanavigace ul{margin:1px;padding:1px 1px 1px 5px;display:block;list-style:none;}
#rychlanavigace li{margin:0px;padding:1px;display:block;}
#rychlanavigace a{color: #FFF;}


#top-menu, #top-menu-closed{
  position: relative;
  width: 80px;
  padding: 4px 5px 1px 5px; margin: 1px;
  text-align: left;
  color: #EEE;
  border: 0px #f22 solid;
  font-size: 0.7em;
  background: url("../../data/ost/black_30.png");
  -moz-border-radius: 4px; -webkit-border-radius: 4px;
  z-index: 999;
  display: block;
  float: right;
}
#top-menu{display: none; background: url("../../data/ost/black_50.png");}
#top-menu ul{
  text-align: left;display: block; 
  padding:  0px 0px 0px 0px; margin: 10px;
  list-style:none;
}
#top-menu ul li{
  /*display: inline;*/ 
  padding:  0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}
#top-menu ul li a {color: #EEE; font-weight: normal;}
#top-menu ul li a:hover {text-decoration: underline;}


#font-size-form{
  position: relative;
  width: 62px;
  text-align: right;
  padding: 0px;   margin: 1px;
  border: 0px #f22 solid;
  font-size: 1em;
  display: block;
  float: right;
}
#font-size-form input{border: none; background: none; color: #57abda;}
#font-size-form input:hover{color: #FFF;}
#font-size-form form ,#font-size-form form fieldset{display:inline; margin:0;padding:0;}

form#print{
  position: relative;
  width: 16px; height: 16px;
  padding: 2px;  margin: 1px;
  border: 0px #f22 solid;
  font-size: 0.8em;
  display: block;
  float: right;
}
#print *{ border: none; background: none;}

#pri-kosik{
  position: absolute;
  left: 475px; top: 45px;
  margin: 0px; padding: 10px 0 0 155px;
  width: 173px; height: 44px;
  border: 0px #FFF solid;
  background: url("./default/bg_kosik.png") no-repeat left center;
  font-size: 10px;
  color: #FFF;
}
#kosikiko{
  position: absolute;
  left: 295px; top: 8px;
  width: 50px; height: 30px;
}
#kosiktaska{
  position: absolute;
  left: 9px; top: 9px;
  width: 127px; height: 32px;
}
#kosiktaska *{margin:0;padding:0;border:none;}
#kosikempty{
  position: absolute;
  left: 180px; top: 17px;
  color: #DDD;
  font-size: 12px;
}

/* start main menu */
    #main-menu {
      position: absolute;  top: 120px; left: 0px;
      width: 978px; height: 34px;
      font-size: 1.1em;
      line-height:normal;
      font-weight: bold;
      border: none;
      margin: 0px 0px 0px 0px;
      padding: 2px 10px 2px 10px;
      text-align: left;
      vertical-align: middle;
      background: url("./default/bg_main_menu.png") no-repeat center top
      }
    #main-menu ul{
      margin: 0px; padding: 0px;
      list-style:none;
      border: none;
      display: inline-block;
      zoom:1;
      *display:inline;  
      }
    #main-menu ul li{
      position:relative;      
      margin: 0px; padding: 0px;
      display: block;
      float: left;
      border: none;      
      }
    #main-menu ul li.main-menu-odd{
      width: 0px; height: 0px;
      background: url("./default/main_menu_separator.png") no-repeat center center;    
      }
    #main-menu ul li a{
      position: relative;
      font-size: 0.9em;
      line-height:normal;
      font-weight: normal;
      border: 0px #000 solid;
      color:#FFF;
      text-shadow: rgba(64, 64, 64, 0.5) 1px 1px 0px;
      margin: 1px 1px 3px 1px; 
      padding:2px 15px 8px 15px;
      display:block;
    }
    
    #main-menu a:hover, #main-menu #current a:hover{
      text-decoration:none; 
      background: url("./default/bg_main_menu_item.png") no-repeat left bottom;
      z-index:10;
    }
    #main-menu #current a{color:#FFF;}
      
    #main-menu ul li ul{
      font-size: 0.9em;
      position:absolute;
      top: 29px;
      display:none;
      background: #ca330b;
      z-index:9;
     }
    #main-menu ul li ul li{
      text-align: left;
      clear:left;
      display: block;
      width:200px;
     }
    #main-menu ul li ul li a{
       text-decoration:none;
       color: #FFF;
       font-weight: normal;
       margin: 1px 10px 1px 10px; padding: 1px;
    }
    #main-menu ul li ul li a:hover{
       background: none;
       text-decoration: underline;
    }
    
/* konec main menu */

#drobek{   
  color: #FFF; font-size: 0.7em; 
  padding: 0px 0px 1px 0px;  margin: 0px 0px 0px 10px; 
  border: 0px #000 solid;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px;}
#drobek a{ color: #FFF; font-size: 1em; font-weight: normal;}
#drobek a:hover{text-decoration: underline;}


#poutak{
  padding: 0px 0px 0px 0px;
  margin: 3px 0 3px 0;
  text-align: center;
  display: block;
  border: 0px #FFF solid;
}
#poutak img, #poutak object{
  position: relative; left: auto;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  display: block;
  border: 0px #FFF solid;
  background: none; 
}


#content{
  position: relative; top: auto; left: auto;
  width: 970px;
  margin: 0px auto 0px auto; padding: 0px 14px 0px 14px;
  border: 0px #F00 solid;
  background: none;
}
#content-bottom{
  position: relative; top: auto; left: auto;
  width: 960px;
  height: 15px;
  margin: 1px auto 1px auto; 
  padding: 0px 5px 0px 5px;
  border: 0px #FFF solid;
}
#page-info{
  width: 960px;
  font-size: 0.6em;
  color: #666;
  text-align: right;
  border: 0px #DDD solid;
}
#page-info em{font-size: 1em; color: #555;}

#content-boxy{
  width: 187px;
  padding: 0px; margin: 0px;
  float: left;
  border: 0px #000 dotted;
}
#content-data{
  width: 770px;
  margin: 5px 0 0 0;
  padding: 0px;
  float: right;
  border: 0px #000 dotted;
  background: #232323 url("./default/bg_main_data.png") no-repeat left top;
}
#main-data{
  width: 730px;
  padding: 10px 10px 10px 10px;
  margin: 1px 10px 10px 10px;
  font-size: 0.8em;
  color: #000;
  background: #FFF;
  line-height: 130%;
  display:block;  
}
#main-data span.pojem_v_textu{
  border-bottom: 1px #AAA dotted;
  cursor: help;
}

#spodek{
  position: relative; top: auto; left: auto;
  width: 970px;
  margin: 0px auto 0px auto; padding: 0px;
}


/* boxy  boxy  boxy  boxy */
.box{
  width: 187px;
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 8px 0px;
  color: #FFF;
  font-size: 0.8em;  
  border: 0px #000 solid;
  text-align: left;
  background: #232323 url("./default/bg_box.png") no-repeat left top;
  -moz-border-radius: 10px; -webkit-border-radius: 10px;  
}
.box td, .box p{color: #FFF;}

#spodek .box{
  float: left;
  width: 230px;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  color: #222;
  font-size: 0.8em;  
  border: 0px #000 solid;
}

.boxbanner{
  width: 187px;
  margin: 0px 0px 1px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px #000 solid;
  text-align: center;  
}

.box .obsah{
  margin: 0px 0px 0px 0px;  
  padding: 2px 4px 2px 4px;
  text-align: left;
}

#spodek .box .obsah{
  margin: 0px 0px 0px 0px;  
  padding: 2px 4px 2px 4px;
  background: none;
}
  
.box span.obr_v_boxu{
  margin:0; padding:0;
  text-align: center;
  display: block;
}

.box .nadpis{
  font-size: 1.3em;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
  color: #FFF;
  }
#spodek .box .nadpis{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
  background: none;
  }
    
#spodek .box .obsah{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  background: none;
}
 
.box .nadpis a{
  color: #FFF;
  }  
.box p{
  padding: 1px; 
  color: #FFF;
  text-align: left;
}
.box img{
  padding: 2px;
}

.box img.box-nahled{
  padding: 0px;
  margin: 1px 3px 1px 1px;  
  float:right;
}


.box span.marked{
  font-size: 0.8em;
	font-weight: normal;
	margin:0px;
	padding: 0px;
  color: #257;
  background-color: #FFF;
}

.box form, .box form fieldset{
  margin: 0px;
  padding: 0px;
  display: inline;
}
.box .normal_shop_cena, .box .sleva_shop_cena{
  color: #FFF;
}


#paticka{
  width: 970px; height: 80px; 
  color: #FFF;
  margin:  0px 14px 0px 14px;
  padding: 16px 0px 10px 0px;
  display: block;
  background: url("./default/bg_paticka.png") no-repeat center top;
}
#paticka p{
  text-align: right;  padding: 0px 20px 0px 0px;
  display: block;  color: #DDD;  font-size: 0.7em;
}
#paticka p a{color: #FFF; font-size: 1em;}


#main-data .dlazdice{
  position: relative; top: auto; left: auto;
  margin: 2px 0px 2px 18px;
  padding: 0px;
  width: 335px;
  font-size: 1em;
	font-weight: normal;
  background: #FFF;
  border: 0px #DDD solid;
  float: left;
  z-index: 9;
}
#main-data .imagedlazdice{
  position: relative; top: auto; left: auto;
  margin: 2px 0px 2px 18px;
  padding: 0px;
  width: 335px;
  float: left;
  z-index: 9;
}
#main-data .dlazdice h2{
  font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -0.5px;
  margin: 0px;
  padding: 3px 4px 4px 8px;
  border: 0px #DDD solid;
}
#main-data .dlazdice h2 a{
  font-size: 1em;
	font-weight: bold;
  color: #cc370d;
  text-decoration: none;
  margin: 0px; padding: 0px;
}
#main-data .dlazdice a:hover{text-decoration: underline;}
#main-data .dlazdice img{
  margin: 3px 5px 3px 0px;
  padding: 0px;
  border: 0px #AAA solid;
  float: left;
}
#main-data .dlazdice p{
  font-size: 0.9em;
  padding: 0px;
  margin: 1px 8px 1px 8px;
  color: #444;
  display: block;
}
#main-data .dlazdice .page-info-dlazdice{
  /*
  position: absolute;
  top: 104px; left: 8px;
  */
  font-size: 0.85em;
  padding: 0 0 0 8px;  margin: 0px;
  color: #AAA;
  display: inline;
}

.dlazdice_stranka_akt{
  float:left;
  margin: 2px 2px 1px 2px;
  padding: 1px 3px 1px 3px;
  background: #666;
  color: #FFF;
  font-weight: bold;
}

#main-data img.nahled{
  margin: 8px;
  /*
  width: 100px;
  height: 75px;
  */
  float: right;
  border: 0px #BBB solid;
}

.aktualita{
  font-size: 0.9em;
}
.aktualita h2{
  font-size: 0.8em;
}

#fblikeit{
  margin: 10px;
  text-align: left;
}