/* ---------------------- Produkt ---------------------- */
.obal{
  width: 630px;
  height: auto;
  margin-top: 15px;
}

/* ---------------------- Obrázek ---------------------- */
.obr{
  float: left;
  width: 150px;
  min-height: 110px;
  text-align:center;
  margin: 0px 0 10px 0px;
  padding: 20px 5px 0 0px;
}
.img { border: 4px solid #164793; }
.img a:hover img { border: 4px solid #0367f6; }

/* ---------------------- Popis ---------------------- */
.popis{
  border-left:1px solid #aaa;
  min-height: 110px;
  float: right;
  width: 455px;
  padding-left: 10px; 
	font-size: 12px;
  color:#006;
}
.tech_udaje{
  padding: 10px 0 5px 0;
  border-bottom:1px solid #aaa;
}
.popis p{
  padding: 0px 10px 5px 10px;
}

/* ---------------------- TOP  - cena, typ ---------------------- */
.top{ 
  width: 445px;
  padding: 3px 10px 0px 5px;
  background-color: #6CA6DC;
  color: #fff;
  height: 17px;

}
.typ{
  float:left;
  font-weight: bold;
}
.cena{
  float:right;
  color: #c00;
  font-weight: bold;
}

/* -------------------------------------------- */


/* ---------------------- Produkt ---------------------- */
.obal-s{
  width: 440px;
  margin-top: 15px;
  height: 124px;
}

/* ---------------------- Obrázek ---------------------- */
.obr-s{
  float: left;
  text-align: center;
  width: 110px;
  padding-top: 5px;
}

/* ---------------------- Popis ---------------------- */
.popis-s{
  border-left:1px solid #aaa;
  float: right;
	font-size: 12px;
  color:#006;
  padding-left: 5px;
}
.tech_udaje-s{
  padding: 10px 0 5px 10px;
  width: 295px; 
}
.popis-s p{
  padding: 0px 10px 5px 10px;
  width: 295px;
}

/* ---------------------- TOP  - cena, typ ---------------------- */
.top-s{ 
  width: 305px;
  padding: 3px 7px 0px 5px;
  background-color: #6CA6DC;
  color: #fff;
  height: 17px;
}
.typ-s{
  float:left;
  font-weight: bold;
}
.typ-s a {
	font-family: 'Verdana', 'Tahoma', lucida, sans-serif;
  color:#fff;
  font-size: 12px;
}
.cena-s{
  float:right;
  color: #c00;
  font-weight: bold;
}

.clear {
clear: both;
} 

.obsah          { position:relative; }
.obsah div.maximHover div.hidd   { visibility:visible; }
.obsah div.maxim:hover div.hidd  { visibility:visible; } 
.maxim          { behavior:url(hover.htc); }
.hidd           { position:absolute; left:180px; top:-40px; visibility:hidden; border:6px solid #aaa; }

.komp3          { border-right:1px solid #aaa; border-bottom:1px solid #aaa; margin-bottom:20px; }
.komp3 th       { padding:0px 3px; border-top:1px solid #aaa; border-left:1px solid #aaa; height:20px; line-height:20px; }
.komp3 td       { padding:0px 3px; border-top:1px solid #aaa; border-left:1px solid #aaa; height:20px; line-height:20px; }
.komp th        { text-align:left; }
.komp td        { padding-right:3px; margin:2px; }
.komp input     { margin:2px; }
.komp textarea  { margin:2px; }
.komp img       { margin:0 auto; }
.cn-left        { background:#99f; padding:3px; color:#006; text-align:right; }
.cn-right       { background:#99f; text-align:right; padding:3px; color:#a00; font-weight:bold; }
.nav-left       { width:40%; float:left; padding-bottom:20px; }
.nav-right      { width:40%; float:right; text-align:right; padding-bottom:20px; }
.title          { position:relative; width:100%; text-align:center; font:bold 14px Verdana, sans-serif; color:#006; margin:10px; }
.admin-message  { width:90%; margin:0 auto; padding:6px; background:#cdf; text-align:center; font-weight:bold; font-size:120%; color:#c00; }
.k-button       { font-family: Verdana, Arial; font-size:10px; color:#fff; background:url(images/button.gif) #f6a504; border:1px solid #000; padding:0px 2px; }
.inpmarg input  { margin:0; }