/*Top carousel*/
#top_carousel .carousel_element {
    position: relative;
    color: #fff;
}

#top_carousel .carousel_element div {
    position: absolute;
    top: 35px;
    left: 35px;
}

#top_carousel .carousel_element h3 {
    font: bold 36px "Trebuchet MS";
    margin: 0;
}

#top_carousel .carousel_element .date {
    text-transform: uppercase;
    font: bold 18px "Trebuchet MS";
    margin: 0;
}

#top_carousel .carousel_element .desc {
    font: 14px/20px "Trebuchet MS";
}

#top_carousel .carousel_element .details {
    display: inline-block;
    background: url(/bitrix/templates/main/images/details.png) no-repeat left top;
    width: 139px;
    height: 30px;
    text-indent: -10000px;
    margin: 15px 0 0;
}

#top_carousel .carousel_element .description {
    height: 40px;
    width: 642px;
    background: url(/bitrix/templates/main/images/slider_line.png) repeat-x;
    position: absolute;
    top: 230px;
    left: 0;
    /*text-transform: uppercase;*/
    font: bold italic 18px/40px "Trebuchet MS";    
}

#top_carousel .carousel_element .description span {
	padding: 0 15px;
}

#top_carousel .carousel_element .date span {
    color: #fef210;
}

#top_carousel {
    position: relative;
}

#top_carousel .jcarousel-control {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 0 10px 5px 20px;
}

#top_carousel .jcarousel-control span {
    display: inline-block;
    cursor: default;
	position: relative;
	top: -3px;
}

.jce {
	top: -7px !important;
}

#top_carousel .jcarousel-control span a:link, #top_carousel .jcarousel-control span a:visited {
    display:inline-block;
    width: 9px;
    height: 9px;
    background: url(/bitrix/templates/main/images/jce.png) no-repeat;
    margin: 0 6px 0 0;
    text-decoration: none;
    position:relative;
    top:23px;
    vertical-align:top;
    background-position: right center;
}

#top_carousel .jcarousel-control span a:hover, #top_carousel .jcarousel-control span a:active,
#top_carousel .jcarousel-control span .active, #top_carousel .jcarousel-control span a:focus {
    background-position: left center !important;
    text-decoration: none;
}

#top_carousel .jcarousel-control .prev {
    margin: 0 0 0 10px;
}

#top_carousel .jcarousel-control .prev a:link, #top_carousel .jcarousel-control .prev a:visited,
#top_carousel .jcarousel-control .next a:link, #top_carousel .jcarousel-control .next a:visited {
    display: inline-block;
    width: 25px;
    height: 25px;
	top:0;
    background: url(/bitrix/templates/main/images/jc_controls.png);
    background-position: 0 0 !important;
}

#top_carousel .jcarousel-control .next a:link, #top_carousel .jcarousel-control .next a:visited {
    background-position: 25px 0px !important;
}

#top_carousel .jcarousel-control .prev a:hover, #top_carousel .jcarousel-control .prev a:active {
    background-position: 0 25px !important;
}

#top_carousel .jcarousel-control .next a:hover, #top_carousel .jcarousel-control .next a:active {
    background-position: 25px 25px !important;
}
/*End Top Carousel*/