/****************************************
*   Designed by WebYar.rozblog.com      *
*   CopyRight by WebYar                 *
****************************************/
/* this slider powered by: WebYar.rozblog.com */
* {margin:0;padding:0}
#slider {
  display:block;
  border:1px solid #46709b;
  width:200px; /* slider width */
  height:140px; /* slider height */
  margin:0 auto;
  overflow:hidden;
  position:relative;
  border-radius: 2px;
  margin-top: 20px;
  
}
/* For caption */
#slider figcaption {
  display:block;
  background-color:white;
  font:normal normal 13px tahoma;
  color:black;
  text-shadow: 0 0 5px black;
  opacity:.7;
  padding:10px 15px;
  position:absolute;
  left:0;
  bottom:-100px; /* hide the caption with this way :) */
  left:0;
  z-index:44;
  direction:rtl;
  width: 200px;
  border-radius: 0 10px 0 0;
 
  border: 1px black solid;
}
#slider img {
  display:block;
  margin:0 0;
  width:200px; /* slide width */
  height:140px; /* slide height */
  position:absolute;
  top:0;
  left:0;
}
/* Navigation */
#slider-nav {
  display:block;
  position:absolute;
  bottom:10px;
  right:10px;
  z-index:99999;
}
#slider-nav a {
  display:block;
  width:10px;
  height:10px;
  background-color:#3b86bd;
  font-size:0;
  color:transparent;
  overflow:hidden;
  text-indent:-99px;
  margin:2px 2px 0 0;
  border:2px solid white;
  box-shadow:0 0px 15px rgba(0,0,0,.4);
}
#slider-nav .active {
  background-color:red;
}
/* Hide all element inside the '#slider' until the page has been loaded! */
#slider .container, #slider figcaption {display:none;}
#slider-nav {opacity:0}
        .slide_info {
                color:#FFF;
                text-align:right;
                font-size:small;
                direction:rtl;
                font-family: Tahoma;
                padding:6px;
                margin-right: 200px;
                margin-left: 200px;
                border: 5px solid #006CD9;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
               -webkit-box-shadow: 0px 0px 5px #ac987e;
                -moz-box-shadow: 0px 0px 5px #ac987e;
                box-shadow: 0px 0px 5px #ac987e;
                }
                .slide_info a {color: #006CD9;text-decoration: none;}		      	
                .slide_info a:hover {color:#fff;background:#006CD9;text-shadow:2px 1px 3px #000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:2px;-webkit-transition-property:background;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear, ease-in;-moz-transition:background .3s ease-in;-o-transition:background .3s ease-in;}