li {	
	list-style: none;
}

html, body.combo {
	width: 450px;
	height: 250px;
}

.combo {
	margin: 0;
	padding: 0;
	position: relative;

    height: 100%;
}

html, body#wrap {
	width: 490px;
	height: 350px;
}

#wrap {
	margin: 0;
	padding: 0;
	position: relative;

    height: 100%;
}

span.title:before {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,.9));
}

span.title {
	position: absolute;
    left: 50%;
    top: 60%;
    transform: translateX(-50%);
    height: 60px;
    width: 426px;
    z-index: 3;
    padding: 40px 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 22px;
    /*font-family: 'TrajanProBold';*/
    pointer-events: none;
}

#banners_right li {
	width: 448px;
}

#banners_right li a {
	width: 100%;
	height: 100%;
	display: block;
}

span.date {
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 10;
    pointer-events: none;
    padding: 4px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    font-family: 'Trebuchet MS';
    background-color: #fd9000;
}

.banner .img-banner {
    position: absolute;
    height: 100%;
    /* height: auto; */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#banners {
	margin: 0;
	padding: 0;
	z-index: 1;
}

#banners li {
    display: none;
    width: 490px;
    height: 350px;
    left: -50%;

    webkit-backface-visibility: hidden;
}
#banners li:first-child {
    position: absolute;
}

.banner_tabs {
	position: absolute;
	right: 10px;
	z-index: 20;

	text-align: center;
}
.banner_tabs li {
	float: left;
	margin-left: 10px;
}
.banner_tabs a {
	display: block;
	width: 14px;
	height: 14px;

	font-size: 0;

	background-color: rgb(34, 34, 34);
}
.banner_tabs li.banner_here a {
	background-color: rgb(234, 120, 0);
}

.combo.right img {
	height: 250px;
}

#banners {
    position: relative;
    z-index: 10;

    width: 100%;
    padding: 0;
    overflow: hidden;
}
#banners li {
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    width: 100%;

    webkit-backface-visibility: hidden;
}
#banners li:first-child {
    position: relative;

    display: block;
    float: left;
}
.banner_tabs {
	position: absolute;
	top: 10px;
	right: 30px;
	z-index: 20;

	text-align: center;
}
.banner_tabs li {
    float: left;
    margin-left: 10px;
}
.banner_tabs a {
    display: block;
    width: 14px;
    height: 14px;

    font-size: 0;

    background-color: #4d5255;
}
.banner_tabs li.banner_here a {
    background-color: #b8426a;
}