@charset "utf-8";
/*---------- Left and Right Triggers ----------- */
#slide-prev {
    position: absolute;
	width: 55px;
	height:36px;
	bottom: 23px;
	right: 78px;
	z-index:4;
	background:url(../images/slidenav.png) 0 0 no-repeat;
}
#slide-next {
    position: absolute;
	width: 56px;
	height: 36px;
	bottom: 23px;
	right: 22px;
	z-index: 4;
	background:url(../images/slidenav.png) 100% 0 no-repeat;
}
#slide-prev:hover {
    background:url(../images/slidenav.png) 0 100% no-repeat;
}
#slide-next:hover {
    background:url(../images/slidenav.png) 100% 100% no-repeat;
}

/*---------- Main Slider Container----------- */
#slider {
    max-width:1224px;
	min-width: 300px;
	height:440px;
	margin: 18px auto;
	position:relative;
	overflow: hidden;
	z-index:2;
	display:block;
}

.slide img{
	width: 100%;
}


/* Every slide must be hidden by default */
.slide { display:none; }
/* 
   And only the slide with "cs-activeSlide" class must be visible!
   !Reserved Class name. Required class! 
*/
.cs-activeSlide { 
display:block; 
}

/* Контейнер с текстом описания. Должен быть скрыт. */
.slide-descriptions {
	display:none;
}

/* Контейнер с заголвоком. Должен быть скрыт по умолчанию. */
.caption {
	background: url("../img/slidebg.png") repeat;
    color: #FFFFFF;
    display: none;
    height: 63px;
    padding: 10px 20px 20px 20px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 500px;
    z-index: 3;
}

.caption  p {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 7px;
}

.caption  span {
	color: #ffe8d7;
	text-transform: uppercase;
	font-size: 1.050em;
}

@media all and (max-width: 1024px){
	#slider {
		height:340px;
}

}