/* ------ Стили для mobilyslider
-----------------------------------------------*/
body{padding:0;margin: 0;}

.slider_wrap1{width: 100%; overflow: hidden; background:url(../../i/slid_bg.jpg) 50% 0 no-repeat} 
.tit2{ background: url(../../i/title.png) 50% 0 no-repeat;height: 40px; margin-bottom: 25px;     margin-top: 40px;}
.slider_wrap{
	width: 767px; margin: 0 auto; position: relative;
    background: url(../../i/shadow.png) 50% 100% no-repeat; padding: 5px 6px 33px; height: 228px; margin-bottom:20px;
    

}
.imagewrap{ width: 767px;  overflow: hidden;}
.slider_wrap:before, .slider_wrap:after{
    position: absolute; top: 0; left: 140px; background: url(../../i/tit1.png) 0 0 no-repeat; 
    width: 101px; height: 34px;
    content: ''; z-index: 100;
}
.slider_wrap:after{background-image: url(../../i/tit2.png); left:528px }
.imagewrap ul{ padding: 0; margin: 0; list-style: none; line-height: 0; font-size: 0;}
.imagewrap li{float: left;  height: 228px;  width: 767px;}
.imagewrap li img{width:50%; height:100%;}
.slider_wrap .arrow{
	position: absolute; top: 50%; left: -35px; 
    width:16px; height: 31px; margin-top: -28px; 
    background:url(../../i/prev.png) 0 0 no-repeat;
	cursor: pointer; opacity: 0.8;
}
.slider_wrap .right{left: auto; right: -35px; background-image:url(../../i/next.png)}
.slider_wrap .arrow:hover{opacity: 1}