.carousel  {
	position: relative;
   max-width: 1080px; /* ширина всего блока */
   margin: 20px auto;
   width:100%;
}
.carousel-wrapper {
   padding: 0px 33px; /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
   z-index: 2;
   height: 440px;
   background: url(../img/rotator-bg.png) no-repeat 0px 255px;
}
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left; /* выстраиваем все элементы карусели в ряд */
   width: 188px; /* задаём ширину каждого элемента */
   padding: 10px 43px 10px 0px; /* делаем оступы, чтобы элементы не сливались */
   position: relative;
   z-index: 3;
}
.carousel-block img{
	display:block;
}

/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{

}
.carousel-button-left a{
   display: block;
   width: 39px;
   height: 53px;
   background: url(../img/rotator-left-arrow.png) no-repeat center center;
   opacity: 0.9;
   position: absolute;
	left: -15px;
	top: 110px;
   z-index: 3;
}
.carousel-button-right a{
   display: block;
   width: 39px;
   height: 53px;
   background: url(../img/rotator-right-arrow.png) no-repeat center center;
   opacity: 0.9;
   position: absolute;
   right: -15px;
   top: 110px;
   z-index: 3;
}

.carousel-button-left a:hover, .carousel-button-right a:hover {opacity: 1;}


/*********** SHADOW ***********/
.shadow{
	/* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); */
}