@charset "utf-8";
/* CSS Document */
#container {  font-size:12px; background:#fff;     font-family: 'Open Sans Condensed', sans-serif; }

/* slider layout */
.lof-slidecontent { position:relative;  overflow:hidden; border:0px solid red;  }
.lof-slidecontent .preload{ height:100%;  width:100%; position:absolute;  top:0;  left:0; z-index:100000; text-align:center;}
.lof-slidecontent .preload div{ height:100%;  width:100%; background:transparent url(../../../../site_images/baner_pocetna/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{  position:relative;  height:100%;  width:900px;  z-index:3px;  overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden; background:transparent url(../../../../site_images/baner_pocetna/load-indicator.gif) no-repeat scroll 50% 50%;  padding:0px;  margin:0; position:absolute;  overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;  padding:0px;margin:0px; float:left; position:relative;}
.lof-slidecontent  .lof-opacity { width:100%; height:100%; }
.lof-slidecontent  .lof-opacity  li{position:absolute!important;  top:0;  left:0; float:inherit!important; }


.lof-slidecontent  .navigator-content {position:absolute;
  left:0;
  top:00px;
  z-index:9;
  height:300px;
  width:325px;
  overflow:hidden;
  color:#FFF
}
.lof-slidecontent  .navigator-wrapper{  position:relative;  z-index:10;
  height:180px;
  overflow:hidden;
  color:#FFF;
  float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{ top:0;  padding:0;  margin:0; position:absolute;  width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:pointer;  cursor:pointer; list-style:none;  padding:0;  margin-left:0px;  overflow:hidden;  float:left; display:block;  text-align:center; }

/*******************************************************/
 
ul.sliders-wrap-inner li img{ padding:0px;  }

.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
  z-index:100px;
  position:absolute;
  bottom:50px;
  right:0px;
  width:300px;
  background: rgba(0,0,0,0.3);
  height:100px;
  padding:10px;
  color:#FFF;
}

/*.lof-slidecontent .slider-description .slider-meta {
margin-top: 25px;
}*/
.lof-slidecontent .slider-description h4 { font-size: 16px; margin: 0px 0px 5px 0px; padding: 0; }
.lof-slidecontent .slider-description p { margin: 0px 0px 5px 0px;}
.lof-slidecontent .slider-description .slider-meta a{ 
  background:red;
  font-size:16px;
  font-weight:bold;
  padding:15px;
  text-decoration:none;
position:absolute; right:10px; bottom:10px; display:block;}
.lof-slidecontent .slider-description .slider-meta a:hover{ background:#ed1c24; }
.lof-slidecontent  .item-meta a:hover{  text-decoration:underline;}
.lof-slidecontent  .item-meta i { font-size:70%; }

/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner  li.active{ }
.lof-slidecontent ul.navigator-wrap-inner  li {
  border-bottom:1px solid #616161;

}
.lof-slidecontent ul.navigator-wrap-inner  li H3{
  text-transform: uppercase;

  margin:0px 0 3px 0;
  font-family: 'Open Sans Condensed', sans-serif;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  
}
.lof-slidecontent ul.navigator-wrap-inner  li >  div{
  background: rgba(0,0,0,0.4);
  color:#FFF;
  height:100%;
  position:relative;
  padding-left:20px;
  padding-right:5px;
  text-align:left;
  padding-top:19px;
  
}

.lof-slidecontent ul.navigator-wrap-inner li.active div{
  background: #ed1c24; /* Old browsers */
  background: -moz-linear-gradient(top, #ed1c24 0%, #d31014 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(99%,#d31014)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ed1c24 0%,#d31014 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ed1c24 0%,#d31014 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ed1c24 0%,#d31014 99%); /* IE10+ */
  background: linear-gradient(to bottom, #ed1c24 0%,#d31014 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#d31014',GradientType=0 ); /* IE6-9 */
  color:#FFF;
  
}
.lof-slidecontent ul.navigator-wrap-inner li img{
  height:60px;
  width:60px;
  margin:0px 15px 10px 0px;
  float:left;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
  border:##6C8E5C  solid 1px;
}
.lof-slidecontent  .button-next, 
.lof-slidecontent .button-previous{
  display:block;
  width:40px;
  color:#FFF;
  cursor:pointer;
  position:absolute;
  height:100%;
  z-index:40;
  top:0;
  text-indent:-999px;

}
.lof-slidecontent   .button-next {
  right:0px;
  background:url(../../../../site_images/baner_pocetna/next.png) no-repeat right center;
}
.lof-slidecontent  .button-previous {
  left:0px;
  background:url(../../../../site_images/baner_pocetna/previous.png) no-repeat left center;
}


.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:48%;
    height: 20px;
    width: 20px;
  cursor:hand; cursor:pointer;
  background:url(../../../../site_images/baner_pocetna/transparent_bg.png) repeat;
}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
  background:url(../../../../site_images/baner_pocetna/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
  background:url(../../../../site_images/baner_pocetna/pause.png) no-repeat center center;
}