﻿.b-carousel,
.bot-carousel {
	width: 938px; /* ширина всего блока */
	margin: 50px auto;
}
	.h-carousel-wrapper {
		width: 860px; /* ширина области карусели */
		position: relative;
		overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
		margin: 0 auto; /* выравниваем по центру относительно родительского блока */
	}
		.h-carousel-items {
			width: 10000px; /* устанавливаем большую ширину для набора элементов карусели, чтобы в неё всё поместилось */
			position: relative; /* позиционируем блок относительно основной области карусели */
		}
			.b-carousel-block {
				float: left; /* выстраиваем все элементы карусели в ряд */
				width: 410px; /* задаём ширину каждого элемента */
				padding: 5px 6px; /* делаем оступы, чтобы элементы не сливались */
			}
	.b-carousel-button-left, .b-carousel-button-right,
	.bot-carousel-button-left, .bot-carousel-button-right {
		width: 28px; /* задаем ширину кнопок */
		height: 36px; /* задаем высоту кнопок */
		position: relative;
		top: 120px; /* позиционируем кнопки */
		cursor: pointer; /* делаем кнопкам курсор в виде "пальца" */
        color:#011222;
        font-size:3em;
	        text-shadow: 0 1px 20px #fff;
	}
    .b-carousel-button-left:hover,
    .b-carousel-button-right:hover,
    .bot-carousel-button-left:hover,
    .bot-carousel-button-right:hover {

	        text-shadow: 0 1px 20px #fff,0 0 10px #fff;
	}
	.b-carousel-button-left,
	.bot-carousel-button-left {
		float: left; /* выравниваем левую кнопку по левому краю */
	}
	.b-carousel-button-right,
	.bot-carousel-button-right {
		float: right; /* выравниваем правую кнопку по правому краю */
	}
