/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; z-index: -1; }
.coin-slider a { text-decoration: none; outline: none; border: none; position:relative; }

/*.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }*/

/*.cs-title { padding: 30px; background-color: #000000; color: #FFFFFF; height: 126px;}*/

/*.cs-prev, 
.cs-next { background-color: transparent; color: transparent; padding: 0px 10px; }*/


/*
	Slideshow
*/

#slideContainer {
	width:924px;
	height:196px;
	padding:10px;
	margin:10px auto 35px;
	position:relative;
	z-index: -1;
	background: url(../../images/bg_slider.png) center center no-repeat;
}

#sliderContent {
	width:914px;
	height:186px;
	padding: 5px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	/*top:15px;
	left:4px;*/
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:914px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:912px;
	height:186px;
	display:block;
}


/*
	Next/prev buttons
*/

.cs-prev, 
.cs-next {
	width:80px;
	height:78px;
	display:block;
	z-index:10;
	padding: 10px 6px;
	text-indent: -9999px;
	top: 38px !important;
}

.cs-prev {
	left: -35px !important;
	background: transparent url(../../images/arrow-prev.png) left center no-repeat;
}
.cs-next {
	right:-35px !important;
	background: transparent url(../../images/arrow-next.png) right center no-repeat;
}

/*
	Pagination
*/

.pagination {
	margin:20px 0px 0px;
	width:100px;
}

.cs-buttons {
	float:left;
	margin:0 1px;
	list-style:none;
	left: 0px !important;
	margin: 26px 0px 0px 20px !important;
}

.cs-buttons a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.cs-active {
	background-position:0 -12px !important;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

#cs-navigation-coin-slider {
    display:block !important;
}

/* textos internos */
#coin-slider .slide01 {
    width:914px;
    height:186px;
    background: url(../../images/slide-1.jpg) center no-repeat;
}
#coin-slider .slide02 {
    width:914px;
    height:186px;
    background: url(../../images/slide-2.jpg) center no-repeat;
}
#coin-slider .slide03 {
    width:914px;
    height:186px;
    background: url(../../images/slide-3.jpg) center no-repeat;
}
#coin-slider .slide04 {
    width:914px;
    height:186px;
    background: url(../../images/slide-4.jpg) center no-repeat;
}
#coin-slider .cs-title{
    position:absolute;
    right:0;
    top:0;
    height:156px;
    padding:20px 10px 10px;
}
#coin-slider .slideTitle {
    font-family:"Myriad", "Myriad Pro", Arial, sans-serif;
    font-size:24px;
    font-style:italic;
    font-weight:bold;
    width:418px;
    float:right;
    clear:both;
    margin:10px 0;
    color:#000;
}
#coin-slider .slideText {
    font-family:"Myriad", "Myriad Pro", Arial, sans-serif;
    font-size:16px;
    font-style:italic;
    font-weight:bold;
    width:418px;
    float:right;
    clear:both;
    color:#000;
}