/* PRODUKTY */

/* = = = = = = = = = = = = = = = = = = = = = =  levý */
#emoce_fill {
  clear:both; height:85px; }
#emoce {
  position:absolute;
  left:25px; bottom:0px;
  width:165px; height:91px;
  /*x filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='style/cp/img/emoce_puzzle.png');*/
}
div[id="emoce"] {
  background-image:url(img/emoce_puzzle.png);
}
/* = = = = = = = = = = = = = = = = = = = = = =  středopravý */
#stredopravy {
  margin-top:2px; padding:0px;
  background: url(img/ps-8x232.png) repeat-y;
}
/* = = = = = = = = = = = = = = = = = = = = = =  střední */
#stredni {
  float: left; 
  width: 232px;
  min-height:650px; /*_height:650px;*/
}
#obrazky {
  height:210px;
  padding:5px 7px;
  overflow:hidden;
  z-index:2;
}
#obrazek {
  margin-left:-2px;
  height:177px; width:225px;
  padding:7px 0 0 0;
  background: url(img/p-ram-4x3.png) no-repeat;
  text-align:center;
}
#obrazek img {
  margin-left:-5px;
}
#rule {
  border-bottom:1px solid #ff5000;
  display:block;
  text-align:center;
  font-family:Arial,"Geneva CE",sans-serif;
}
#rule img {
  border:0; padding:0 3px;
}
#rule a {
  font-weight:bold;
  color:#777; font-size:100%; text-decoration:none;
}
#rule a.active {
  font-weight:bold;
  color:#000; font-size:100%; text-decoration:none;
}
#seznam {
  overflow:hidden;  font-family:Arial,"Geneva CE",sans-serif;
  z-index:2;
}
#seznam h2 {
  padding-left:10px;
}
#seznam li {
  list-style:none;
  margin-left:-20px;
}
#seznam a:hover {
  text-decoration:underline;
}
#seznam a {
  font-weight:bold;
  font-size:110%; text-decoration:none; color:#777;
  padding-left:10px;
  background: url(img/pis-9x9.png) no-repeat;
  background-position:0 0.1em;
}
/* varianta
 -- background: url(img/pis-9x9.png) no-repeat;
 -- background-position:0 0.1em;
}
#seznam li.active {
  width:200px;  color:#fff;
  background:#fff url(img/aza-5x28.png) repeat-x -5px;
}
#seznam li.pasive {
  width:200px;
  background: url(img/pis-9x9.png) no-repeat;
  background-position:0 0.1em;
}           */
/* = = = = = = = = = = = = = = = = = = = = = =  pravy */
.pravy {
  float:right;
  width:436px;
  margin:3px 0 0 0; padding:0px;
}
.pravy h1 {
  font-weight:bold;
  font-size:180%; text-decoration:none;
  margin:0 0 5px 0; border-bottom:1px solid #d7d8da; display: block;
  padding-left:20px;
  background: url(img/_h1-14x14.png) no-repeat;
  background-position:0 0.1em;
}
.pravy h2 {
  font-weight:bold;
  font-size:120%; text-decoration:none;
  color:#ff5000;
  margin:0 0 5px 0; padding-left:20px;
}
.pravy form {
  height:350px; width:430px;
  position:absolute;
}
#obsah {
  padding-top:5px; padding-left:0;
  overflow:auto;
}
/* = = = = = = = = = = = = = = = = = = = = = = produkt */
a.kosik {
  float:right;font-size:12px;border:1px solid #ff5000; background-color:#ffdccc; margin-top:-1px; }
div.produkt_on {
  color:#000; margin-top:5px;
  width:386px; padding:3px 10px 3px 20px; border:1px solid #d7d8da;
  background:#ebecef url(img/pi-4x200.png) repeat-x;
}
a {
  color:#ff5000; font-weight:bold;
  text-decoration:none;
}
a.produkt_on_h {
  height:20px; padding-left:20px;
  font-size:130%; text-transform: uppercase; font-family:Arial,"Geneva CE",sans-serif;
  background:url(img/piha-14x12.png) no-repeat;
  cursor:pointer; display:block;
}
a:hover {
  text-decoration: underline;
}
div.produkt_off {
  color:#000;
  width:386px; padding:4px 10px 2px 21px; border-bottom:1px solid #d7d8da;
}
a.produkt_off_h {
  padding-left:20px;
  color:#777; font-weight:bold; font-family:Arial,"Geneva CE",sans-serif;
  font-size:130%; text-transform: uppercase;
  background:url(img/pihn-14x12.png) no-repeat;
  cursor:pointer; display:block;
}
a.produkt_off_h:hover {
  text-decoration: underline;
}
div.produkt_off_note {
  float:right; padding:0.6em 15px 0 0;
  color:#777; font-weight:bold; font-family:Arial,"Geneva CE",sans-serif;
  font-size:100%;
  background:url(img/pin-12x9.png) right bottom no-repeat;
}
.pravy table {
  border-collapse:collapse;
}
.pravy td, .pravy th {
  border:1px solid #ccc;
  vertical-align:top;
}
.pravy th {
  padding:1em 0.5em 0.5em 0.5em;
  font-size:110%;
}
.pravy form {
  position:absolute;
  left:-200px; top:-30px; height:600px; width:550px;
}