/*
+----------------------------------------------------------------+
	Reset CSS
+----------------------------------------------------------------+
*/
/*body,div,ul,h1,h2 {margin:0; padding:0}
img {border: 0}
li {
	list-style: none;
	margin: 0;
	padding: 0
}
a {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none
}*/

/*
+----------------------------------------------------------------+
	Extras
+----------------------------------------------------------------+
*/
.yplaylistpub .cf:before,.yplaylistpub  .cf:after {
	content:" ";
	display: table
}
.yplaylistpub .cf:after {clear:both}
.yplaylistpub .clear {clear:both}

/*
+----------------------------------------------------------------+
	Fonts
+----------------------------------------------------------------+
*/
@font-face {
	font-family: 'OratorpraOi-TextTwo';
		src:  url('fonts/oratorpraoitext2.eot');
		src:  url('fonts/oratorpraoitext2.eot?#iefix') format('embedded-opentype'),
			  url('fonts/oratorpraoitext2.woff') format('woff'),
			  url('fonts/oratorpraoitext2.ttf') format('truetype'),
			  url('fonts/oratorpraoitext2.svg#oratorpraoitext2') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
+----------------------------------------------------------------+
	Definicoes Gerais
+----------------------------------------------------------------+
*/
.yplaylistpub  {font:62.5% Verdana, Geneva, sans-serif}
.yplaylistpub h1 {
	font: 3.8em 'OratorpraOi-TextTwo';
	margin: 50px 0;
	text-align: center
}

/*
+----------------------------------------------------------------+
	Main Video
+----------------------------------------------------------------+
*/





.yplaylistpub .placeholder {
	background: url("img/pattern.png") repeat;
	min-height: 400px;
	margin-bottom: 60px;
	padding: 11px 0;
	position: relative
}

.yplaylistpub .placeholder:after {
	bottom: -30px;
	content: "";
	background: url("img/placeholder-shadow.png") no-repeat;
	height: 30px;
	left: 50%;
	margin-left: -510px;
	position: absolute;
	width: 1020px
}
.yplaylistpub .placeholder iframe {
	display:block;
	height: 380px;
	margin: 0 auto 8px;
	width: 820px
}
.yplaylistpub .placeholder h2 {
	color: white;
	text-align: center
}

/*
+----------------------------------------------------------------+
	Carousel
+----------------------------------------------------------------+
*/
.yplaylistpub .carousel-container {
	margin: 0 auto;
	position: relative;
	width: 732px
}

.yplaylistpub .carousel-container .controll {
	cursor: pointer;
	height: 54px;
	position: absolute;
	top: 40px;
	width: 29px;
	z-index: 5
}

.yplaylistpub .carousel-container .prev {
	background: url("img/bt-prev.png") no-repeat;
	left: -40px
}

.yplaylistpub .carousel-container .next {
	background: url("img/bt-next.png") no-repeat;
	right: -40px
}

.yplaylistpub .carousel-inner {
	float: left; /* important for inline positioning */
	width: 732px; /* important (this width = width of list item(including margin) * items shown */
	overflow: hidden;  /* important (hide the items outside the div) */
}

.yplaylistpub .slider {
	position: relative;
	left: -244px; /* important (this should be negative number of list items width(including margin) */
	width: 9999px; /* important */
}

.yplaylistpub .slider li {
    list-style:none;
    float: left;
    height: 330px;
    margin-right: 1px;
    width: 243px
}

.yplaylistpub .slider li a {
    display: block;
    height: 156px
}

.yplaylistpub .slider li img {
    display: block;
    height: 136px;
    width: 243px
}

.yplaylistpub .slider li .shadow {
    background: url("img/shadow-carousel.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    width: 243px
}

.yplaylistpub .slider li h2 {
    font: 13px 'OratorpraOi-TextTwo';
    letter-spacing: -0.05em;
    margin-bottom: 8px;
    margin-top: 0px;
    text-align: center;
    min-height: 40px;
}

.yplaylistpub .slider li.current .spacer {
    background-color: #004267
}

.yplaylistpub .slider li .spacer {
    background-color: #016096;
    display: block;
    height: 5px;
    margin-bottom: 8px;
}

.yplaylistpub .slider li:hover .spacer {
    background-color: #002d46;
}

.yplaylistpub .slider li p {
    color: #A3A3A3;
    font-size: 12px;
    line-height: 17px;
    margin: 0 auto;
    width: 220px;
    text-align: justify;
}

#content img {
    margin-bottom: 0px;
}