/***** Banner Principal  ******/



.wrap {
    margin: 0 auto;
    width: 1000px;
}

.carousel-controls { position: absolute; z-index: 100; left: 50%; bottom: 20px; width: 98px; height: 32px; margin-left: -440px; overflow: hidden; }

.carousel-controls a { float: left; width: 32px; height: 32px; background-image:url(../images/banner/controls-carousel.gif); }

.carousel-controls .next {
    background-position: -99px -32px;
    border-left: 1px solid #333;
    left: 0;
    position: relative;
    width: 32px;
}

.carousel-controls .next:hover, .carousel-controls .next:focus { background-position: -99px 0; border-color: #ccc; }

.carousel-controls .previous { background-position: 0 -32px; }

.carousel-controls .previous:hover, .carousel-controls .previous:focus { background-position: 0 0; }

.carousel-controls .pause { background-position: -33px -32px; border-left: 1px solid #333; }

.carousel-controls .pause:hover, .carousel-controls .pause:focus { background-position: -33px 0; border-color: #ccc; }

.carousel-controls .play { position: relative; bottom: auto; left: auto; background-position: -66px -32px; border-left: 1px solid #333;}

.carousel-controls .play:hover, .carousel-controls .play:focus { background-position: -66px 0; border-color: #ccc; }

.carousel .prev-image { position: absolute; left:-1000px; top: 0; opacity: 0.2; }

.carousel .next-image { position: absolute; top: 0; right:-544px; opacity: 0.2; }

.slide-caption { min-height: 200px; padding: 68px 40px 80px; }


.carousel { height:345px; overflow: hidden; background: #262626; z-index:2; }

.carousel .wrap { position: relative; }

.slide-caption { position: relative; z-index: 10; float: left; width: 376px; min-height: 285px; /*padding: 60px 40px 0*/ padding: 25px 40px 35px;
			background-image:url(../images/banner/vignette.png);
			background-position: left top;
			background-repeat: no-repeat; }
			
.comp-a { background-color: #52854c; }

.comp-b { background-color: #8c8179; }

.comp-c { background-color: #293352; }

.comp-d { background-color: #a51c30; }

.slide-caption h2 { margin-bottom: 35px; color: #fff; font-size: 33px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;    line-height: 31px;}

.slide-caption h2 a { color: #fff; text-decoration: none; }

.slide-caption h2 a:hover, .slide-caption h2 a:focus { color: #e6eae2; text-decoration: none; }

.slide-callout { /*width: 900px;*/ width:370px; }

.slide-callout p { float: left; max-width: 750px; min-height: 19px; margin-bottom: 5px; padding: 4px 20px 4px 14px; background: #fff; background: rgba(255,255,255,.9); text-transform: uppercase; color: #363636; font-weight: bold; font-size: 13px; font-family:Arial, Helvetica, sans-serif; line-height:25px; }

.slide-callout p:hover { background: #e6eae2; }

.slide-callout p a { color: #363636; text-decoration: none; }

.slide-callout p a:hover, .slide-callout p a:focus { color: #363636; text-decoration: none; }

.slide-callout .more { padding: 0; }

/*.comp-a .slide-callout .more { background-color: #52854c; }

.comp-b .slide-callout .more { background-color: #8c8179; }

.comp-c .slide-callout .more { background-color: #293352; }

.comp-d .slide-callout .more { background-color: #a51c30; }*/

.comp-a .slide-callout .more { background-color: #000; }

.comp-b .slide-callout .more { background-color: #000; }

.comp-c .slide-callout .more { background-color: #000; }

.comp-d .slide-callout .more { background-color: #000;}
					
.slide-callout .more a { display: inline-block; min-height: 19px; padding: 4px 10px; background: none; color: #fff; text-transform: none; font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
					
.slide-callout .more a:hover, .slide-callout .more a:focus { background: #000; text-decoration: none; color:#fff; }

.carousel-image { position: absolute; right: 0; }

.carousel-item { position: relative; }	

.carousel-item-secondary { display: none; }
				
#hedu_preview .slide-callout p.more { padding: 0; }

#hedu_preview .comp-a .slide-callout p.more { background-color: #52854c; }

#hedu_preview .comp-b .slide-callout p.more { background-color: #8c8179; }

#hedu_preview .comp-c .slide-callout p.more { background-color: #293352; }

#hedu_preview .comp-d .slide-callout p.more { background-color: #a51c30; }

.streamer-social .controls a, .emergency .close, .carousel-controls a {
    background-color: rgba(0, 0, 0, 0);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}