
/*#screenWallpaper-loader { position: absolute; top: 50%; left: 50%; z-index: 10; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background-color: #111; background: rgba(0,0,0,0.7) url(../loading.gif) no-repeat center center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;}*/
#screenWallpaper-loader { position: absolute; top: 50%; left: 50%; z-index: 10; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;}
#screenWallpaper { position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%;}
#screenWallpaper img { height: auto; width: auto; position: relative; outline: none; border: none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality;}
#screenWallpaper.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges;}	
#screenWallpaper.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality;}		

#screenWallpaper a { z-index: -30; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height:100%; background: #111;}
#screenWallpaper a.prevSlide { z-index:-20; }
#screenWallpaper a.activeSlide { z-index: -10;}
#screenWallpaper a.prevSlide img, #screenWallpaper a.activeSlide img { display: inline;}	
#imgReady {display: none;}


/*slider*/

.slider { float: left; }

.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-direction {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}

/*.slider .jquery-reslider .slider-direction.slider-direction-prev {
  left: 20px;
  background: url('../images/prev.png') no-repeat;
}

.slider .jquery-reslider .slider-direction.slider-direction-next {
  right: 20px;
  background: url('../images/next.png') no-repeat
}*/

.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 70px;
}

.slider .jquery-reslider .slider-dots li {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  display: inline-block;
  margin: 10px;
  border: 1px solid #cccccc;
  cursor: pointer;
}

.slider .jquery-reslider .slider-dots li.active { background-color: #ffffff; }
