/* Global */
body {
  color: #565655;
  margin: 0;
  /* background-image: url(images/bg_hodiny.jpg); */
  padding: 0;
  background: rgb(0,72,24);
  font: 12px/1.4em Arial CE, Helvetica, sans-serif;
  letter-spacing:0px;
  }
a { 
  color:#6e840b;
  font: 12px/1.4em Arial CE, Helvetica, sans-serif; 
  text-decoration:underline;
  }
.clear {
  clear:both; 
  overflow:hidden; 
  margin:0; 
  padding:0; 
  height:1px;
  } 
a:hover {
  text-decoration:none;
  }
h2 { 
  color:#95a938;
  font: bold 13px Arial, Helvetica, sans-serif; 
  margin: 15px 5px 5px 0;
  }
h3 { 
  color:#95a938;
  font: bold 13px Arial, Helvetica, sans-serif; 
  margin: 0 0 3px 0;
  }
/******* Layout **********/
#wrapper{
  width:769px;
  margin: 0 auto;
  margin-top: 30px;
  background-color: rgb(255,255,255);
  b_ackground: url(images/lbg.gif) repeat-y center;
  border:1px solid rgb(116,139,11);
}
#top {
  background: url(images/to.png) no-repeat center;
  height: 29px;
  margin:0;
  padding:0
  }
.okraj {
  border:1px solid rgb(116,139,11); 
}

#header {
  _background: url(images/shade.gif) repeat-x top;
  background: url(img/logo_moje.gif) no-repeat top;
  height: 99px;
  margin:0 21px;
  border:1px solid rgb(116,139,11);
}
#logo {
  float: left;
  width:300px; 
  padding:25px 0 0 30px;
  }
#sm { 
  float: right; 
  padding:35px 50px 0 0
  }
/****** Navigation **********/
#nav{
  background-color: rgb(0,72,24);
  /* background: url(images/nav.gif) repeat-x top; */
  height: 40px;
  margin:0 21px;
  padding-left:1px;
  }
#nav ul {
  margin: 0;
  list-style: none;
  padding:0
  }
#nav li {
  display: block;
  float: left;
  }
#nav li a {
  font: bold 12px Arial, Helvetica, sans-serif;            
  color: #FAFCF8;
  text-decoration: none;
  display: block;
  padding: 12px 15px 13px 15px;
  border-right: 1px solid #95a938;
  background-color: rgb(0,72,24);
  /* background: url('menuhover.gif') no-repeat; */
  }
#nav li a:hover {background: url(images/hover.gif) repeat-x top;}
#nav li a.current {background: url(images/hover.gif) repeat-x top;}

/******* Content *********/
#main { 
  background: url(images/shade.gif) repeat-x top;
  /* border-left: 1px rgb(102,102,0) solid;
  border-right: 1px rgb(102,102,0) solid;
  border-top: 1px rgb(102,102,0) solid;
  border-bottom: 1px rgb(102,102,0) solid; */
  margin:2px 21px;
  padding: 10px;
  overflow: hidden;
  clear:both;
  }
#content {
  width:480px;
  
  padding:10px 0 10px 10px;
  float:left;
  }
#content p { margin: 0 0 10px 0}
#content ul {
  padding:0 0 10px 0;
  margin:15px 0 0 25px;
  list-style: square url(images/bullet.gif);
  }
#content li {
  margin:0; 
  padding:0 0 4px 0;
  }
.img { border: 1px solid #e5e5e5; padding: 7px; margin: 0 0 12px 0; background-color:#fff;}
.box1 {width: 215px; float:left; padding:7px; border: 1px solid #e5e5e5;}
.box2 {width: 215px; float:left;padding:7px; margin-left:12px;border: 1px solid #e5e5e5;}
.cont { display:block;background-color:#F7F7F7;padding:8px;}
.cont:hover{ background-color:#fff;}
/***** Side Bar **********/
#sidebar{width:200px;margin: 0 0 0 503px;}
.menu { margin:20px 0 0 0;padding:0; list-style:none;}
.menu li {height: 25px; padding: 11px 0 0 45px;background: url(images/menu.gif) repeat-x left top;}
.menu a { color:#475509; text-decoration: none;font-weight:bold;}
.menu a:hover { color:#000000; }
/******** Footer *******/
#footer-line{background: rgb(0,72,24);
/*#89a606 url(images/footer.gif) repeat-y left;*/
height: 13px;margin:0 21px;} 
#footer {
  _background: url(images/shade.gif) repeat-x top; 
  background: url(img/footer.gif) no-repeat top; 
  margin:2px 21px;
  padding: 18px;
  line-height:1.6em;
  border-left: 1px rgb(119,142,11) solid;
  border-top: 1px rgb(119,142,11) solid;
  border-right: 1px rgb(119,142,11) solid;
  border-bottom: 1px rgb(119,142,11) solid;
  
  }
.crd a { color:#565655;text-decoration:none;}
#bottom{background: url(images/bottom.png) no-repeat center;height: 27px;}

.thumbnail_left {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  border:0px;
}
.aktivni {
  background-color: rgb(255,0,0);
}
.uvod {
color:rgb(0,72,24) ;
text-align: center;
font-weight: bold;
}
.stred {
  text-align: center;
}
.akce {
  font-weight: bold;
  color: rgb(255,0,0);
}
.casio {
  width: 480px;
  height: 106px;
  background-color: rgb(0,0,0);
  border: 1px rgb(0,102,0) solid;
}

.reklama {
color: rgb(0,102,0);
padding-left: 15px;
text-align: justify;
font-size: x-small;
}

.banner {
/* color: rgb(19,86,22) ;  */
 color: rgb(16,72,17);
padding: 10px 0px 10px 0px;
font-size: 17px;
font-weight: bold;
margin-left: 21px;
margin-top: 3px;
width: 725px;
text-align: center;
/* background-color: rgb(255,244,0); */
background-color: rgb(202,216,0);    
border: 1px rgb(19,86,22) solid;
}

    div.c12 {text-align: center}
    table.c11 {border-collapse: collapse;}
    img.c10 {border: 0px solid ; width: 115px; height: 58px;}
    p.c9 {text-align: left;}
    img.c8 {border: 0px solid ; width: 115px;}
    img.c7 {border: 0px solid ; width: 115px; height: 89px;}
    img.c6 {border: 0px solid ; width: 115px; height: 43px;}
    img.c5 {border: 0px solid ; width: 115px; height: 76px;}
    img.c4 {border: 0px solid ; width: 115px; height: 49px;}
    img.c3 {border: 0px solid ; width: 115px; height: 101px;}
    img.c2 {border: 0px solid ; width: 115px; height: 57px;}
    img.c1 {border: 0px solid ; width: 115px;}