/* -- viewer -- */

.viewer {
  margin: 0 0 30px 0; 
  padding: 25px 30px; 
  width: 666px;
  height: 280px; 
  overflow: hidden;
  /*border: 1px solid green;*/
  position: relative;
  float: right;
  overflow: hidden;
}

.viewer_fon{
  margin: 0 auto;
  padding: 7px 10px 11px 11px;
  width: 638px;
  height: 268px;
  background: url(/i/viewer_fon.png) 0 0 no-repeat;
}

.viewer ul.kw_window{
  padding: 0;
  margin: 0 auto;
  list-style: none;
  width: 638px;
  height: 268px;
  overflow: hidden;
  position: relative;
  /*border: 5px solid #fff;*/
  
}

.viewer ul.kw_window li{
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 638px;
  height: 268px;
  overflow: hidden;
}

/* viewer buttons */

.viewer .btn_next{
  position: absolute;
  right: 0;
  top: 30px;
  display: block;
  width: 43px;
  height: 268px;
  background-image: url(/i/kiwi/brn_next.gif);
  background-position: 0 center;
  background-repeat: no-repeat; 
  border: none;
  /*border: 1px solid #000;*/
}

.viewer .btn_prev{
  position: absolute;
  left: 0;
  top: 30px;
  display: block;
  width: 43px;
  height: 268px;
  background-image: url(/i/kiwi/brn_prev.gif);
  background-position: 0 center;
  background-repeat: no-repeat;
  border: none;
  /*border: 1px solid #000;*/
}

.viewer .btn_next:hover,
.viewer .btn_prev:hover{
  background-position: -43px center;
}


.viewer .btn_next.disabled,
.viewer .btn_prev.disabled,
.viewer .btn_next:hover.disabled,
.viewer .btn_prev:hover.disabled{
  background-position: -86px center;
  cursor: default;
}

/* -- --- */

.viewer ul li .items {
  position:absolute;
  top:6px;
  left:6px;
  width:259px;
  height:257px;
  background: #000; 
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.viewer ul li .items .about{
 margin:20px;
}

.viewer p.head{
 color:#e9e486;
 font-size: 36px;
 font-weight: bold;
}

.viewer p.head span{
 color:#e9e486;
 font-weight: bold;
 font-size: 18px;
}

.viewer h3{
 color:#fff;
 font-weight: bold;
 font-size: 18px;
}

.viewer p{
 margin:0 0 15px 0;
 font-size:12px;
 color:#fff;
}

.viewer p a.yell_str{
 padding:0px 15px 0 0;
 color:#e9e486;
 background:url(/i/yellow_str.gif) right center no-repeat;
 text-decoration:underline;
}

.viewer p a.yell_str:hover{
 text-decoration: none;
}