#wrapper{
/*  margin:80px 0px 0px 0px; */
  margin:0px 0px 0px 0px;
  padding:0px 10px 0px 10px;
  
/*  display:none; */
/*  margin:auto; */
  width:570px;
}

#myScroll{
/*display:none;*/
/* margin-left:20px; */
margin:0px 15px 0px 15px;

/*  vertical-align:middle; */



}
#myScroll .scrollEl{
  display:none;
/*  background:url("../elements/elBgnd.png") repeat-x;
  border:1px solid #ddd; */
 
/*  font-size:180%; */
  color:black;
  height:117px;
/*  padding-top: 10px; */
padding:0 0 0 0;
margin:0px 5px 0px 5px;

/* vertical-align:middle; */


/*  padding:10px;
  padding-top:60px; */
/*  
  text-shadow:#999 1px 1px 1px;
  text-align:center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  */
}
#myScroll1 .scrollEl{
  display:none;
/*  background:url("../elements/elBgnd.png") repeat-x;
  border:1px solid #ddd; */
/*  font-family:sans-serif;
  font-size:180%; */
  padding:10px;

/* padding-top:40%; */

  color:black;
  height:100%;
/*  text-shadow:#999 1px 1px 1px; */
  text-align:center;
  /*CSS3 properties*/ 
  /*
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  */
}

/*
#controls div, #controls1 div{
  font-family:sans-serif;
  margin-top:5px;
  background:#fff; 
  display:inline-block; 
  padding:6px;
  cursor:pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow:#999 2px 2px 2px;
  -webkit-box-shadow:#999 2px 2px 2px;
}
*/
#controls{
  position:relative; 
}
#controls span{
  display:inherit;
/*  font:normal 120%/110% 'trebuchet MS', verdana, sans-serif; */
/*  background:#dad8b9;  */
  /*border:2px solid #e9e8d8;*/
  color:#01414C;
  margin:7px;
/*  text-shadow:#fff 1px 1px 1px; */
  cursor:pointer;
  /*-moz-border-radius: 20px;*/
  /*-webkit-border-radius: 20px;*/
  /*-moz-box-shadow:#333 1px 1px 1px;*/
  /*-webkit-box-shadow:#333 1px 1px 1px;*/
}

#controls .sel{
  color:black !important;
/*  font-weight:bold; */
}
/*
#controls .disabled{
  display:none;
  color:gray;
}
*/

#controls .page{
  padding:5px;
  color:gray;
}


#myScroll1{
  float:left;
/*  margin-right:20px; */
}
/*
#controls .sel, #controls1 .sel{
  color:black !important;
  font-weight:bold;
}
#controls .disabled, #controls1 .disabled{
  color:gray;
}
#controls .page, #controls1 .page{
  padding:5px;
  color:gray;
}

*/


/* Controls Prev and Next*/

#controls span.next{
  position:absolute;
  width:32px;
  height:32px;
  background: url("http://mediartweb.ru/img/next.png") no-repeat right top;
/*  right:-27px; */
  right:-22px;
  top:32%;
}
#controls span.prev{
  background: url("http://mediartweb.ru/img/prev.png") no-repeat right top;
  width:32px;
  height:32px;
  position:absolute;
  left:-22px;
  top:32%;
}
#controls span.next:hover{
  /* background: url("http://mediart.biz/img/nextHover.png") no-repeat center center; */
  background-position: 100% -32px; 
}
#controls span.prev:hover{
/*  background: url("http://mediart.biz/img/prevHover.png") no-repeat center center;   */
    background-position: 100% -32px; 
}
#controls span.next.disabled{
/*  background: url("http://mediart.biz/img/nextDisabled.png") no-repeat center center; */
    background-position: 100% -64px; 
}
#controls span.prev.disabled{
	/*  background: url("http://mediart.biz/img/prevDisabled.png") no-repeat center center; */
	    background-position: 100% -64px; 
}