.bdvd { border: #0f0 1px solid; }
.bdaz { border: #00f 1px solid; }
.bdvm { border: #f00 1px solid; }
.bdam { border: #ff0 1px solid; }
.bdrx { border: #f0f 1px solid; }

/*.corda { display: none; }*/

body {
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	/*font-family: Georgia, Times, "Times New Roman", serif;*/
}

.contentCifra {
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	font-size: 14px;
}

#overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}


#popup {
	/*border: #000 1px solid;*/
	/*background: #fff;*/
	position: absolute;
	width: 560px;
	left: 50%;
	margin-left: -285px;
	height: 300px;
	top: 50%;
	margin-top: -165px;
	z-index: 9999;
	text-align: center;
	padding: 30px 50px 0 50px;
	display: none;
}

	#popup .popup-close {
		width: 38px;
	    position: absolute;
	    top: 0;
	    right: 0;
	    background: #222;
	    color: #fff;
	    text-align: center;
	    padding: 5px 0;
	    font-size: 15px;
	    font-weight: bold;
	    cursor: pointer;
	    z-index: 999999;
	    border-radius: 22px;
	    border: #fff 3px solid;
	}

#backtop {
	position: fixed;
    bottom: 20px;
    right: 20px;
    color: #fff;
    background: #008f3d;
    padding: 8px 15px 10px 15px;
    font-size: 32px;
    border-radius: 8px;
    cursor: pointer;
    opacity: .8;
    display: none;
}


/* Header */
#header {
	/*padding: 25px 0;*/
	height: 126px;
	/*background: url(../img/bg-header-right.png) right top no-repeat,
				url(../img/bg-header-left.png) left top no-repeat,
				url(../img/bg-header.png) center top;
	*/
	/*background: url(../img/bg-header.png) center top;*/



}

	#header .logo {
		padding: 35px 0;
	}

	#header .pub {
		text-align: right;
		padding-top: 15px;
	}

		.pub img,
		.pub-horz img {
			width: 100%;
		}

/* Nav */

#nav {
	/* background: #008f3d; /* url(../img/bg-nav.png);*/
	background: #0b4800;
	border-bottom: #fff 1px solid;
	height: 47px;
}

	#nav .container {
		/*border:#f00 1px solid;*/
		padding: 0;
	}

	/* Mobile */
	#nav .alfabeto {
		margin: 10px 0 5px;
	}

		#nav .alfabeto a {
			font-size: 1.125em;
			color: #fff;
			margin: 0 0.5%;
			text-decoration: none;
		}

		#nav .alfabeto a:hover {
			color: #f1ff96;
		}
	/**/

	#nav .menu {
		list-style: none;
		padding:0;
		margin: 3px 0 0 0;
	}

		#nav .menu li {
			float: left;
		}

		#nav .menu li a.primary {
			color: #fff;
			display: block;
			padding: 10px;
			text-decoration: none;
			position: relative;
			/*text-transform: uppercase;*/
			font-size: 1.125em;
			font-family: Arial, Helvetica, sans-serif;
		}

		#nav .menu li a.primary:hover,
		#nav .menu li a.primary.active {
			color: #76b56b;
		}

		#nav .menu li.drop:hover a.primary {
			color: #76b56b;
			cursor: default;
		}

		.drop-content {
				display: none;
				width: 100%;
				position: absolute;
				left: 0;
				top:173px;
				padding: 10px 20px 30px 20px;
				background: url(../img/bg-drop-content.png);
				z-index: 999;
			}

			.drop-content span.title {
				color: #bfcf53;
				display: block;
				margin-bottom: 10px;
			}

				.drop-content .ordem-alfabetica {
					border-bottom: #797472 1px solid;
					padding-bottom: 5px;
				}

					.drop-content .ordem-alfabetica a {
						display: inline-block;
						background: none;
						cursor: pointer;
						padding:0 5px;
						text-decoration: none;
						border-radius: 2px;
						color: #fff;
						/**/
						font-size: 1.15em;
    					font-family: Arial, Helvetica, sans-serif;
					}

					.drop-content .ordem-alfabetica a:hover,
					.drop-content .ordem-alfabetica a.active {
						color: #c5d652;
					}

				.drop-content .destaques {
					margin-top: 15px;
					font-family: Arial, Helvetica, sans-serif;
				}

				.drop-content .destaques h4 {
					color: #fff;
				}

					.drop-content .destaques .sep {
						border-bottom: #464646 1px solid;
						margin: 15px 0;
						padding: 0 15px;
					}

					.drop-content .destaques .dest {
						float: left;
					}

						.drop-content .destaques .dest a {
							text-decoration: none;
						}

						.drop-content .destaques .dest img {
							/*border-radius: 5px;*/
							width: 80px;
							height: 80px;
							float: left;
							margin-right: 10px;
							border: #444 1px solid;
						}

						.drop-content .destaques .dest .name {
							color: #fff;
							/*font-size: 0.962em;*/
							margin-top: 2px;
						}

							.drop-content .destaques .dest .name span {
								color:#bfbfbf;
							}

						.drop-content .destaques .dest .art {
							font-size: 0.875em;
							color: #bfcf53;
							/*margin-top: 5px;*/
						}

						.drop-content .destaques .dest .rit {
							color: #c9c9c9;
							font-size: 0.82em;

						}

							.drop-content .destaques .dest .rit span {
								color:#bdbdbd;
							}

				.drop-content .view-all {
					text-align: center;
					margin-top: 15px;
					margin-bottom: -10px;
				}

					.drop-content .view-all a {
						color: #c5d652;
					}

					.drop-content .view-all a:hover {
						text-decoration: underline;
					}

	#nav .form {
		margin-top: 4px;
		padding:0 15px;
	}

	#nav .form-md {
		background: #fff;
		border-radius: 5px;
		padding: 7px 15px;
		margin-top: 5px;
		-webkit-box-shadow: 0px 2px 27px 0px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    0px 2px 27px 0px rgba(50, 50, 50, 0.25);
		box-shadow:         0px 2px 27px 0px rgba(50, 50, 50, 0.25);
	}

		#nav .form-md input {
			outline: none;
		    font-size: 1em;
		    border: none;
		    margin-top: 0px;
			/**/
			font-family: Arial, Helvetica, sans-serif;
		}

		#nav .form-md button {
			background: none;
			border: none;
			outline: none;
			font-size: 1.5em;
			cursor: pointer;
			color: #05934a;
		}



/* Wrapper */

.pub-content {
	margin: 25px 0; /*50px 0*/
}

#wrapper {
	/*background: url(../img/bg-wrapper.png) center top repeat-x;*/
	padding: 10px 0 30px 0;
}

	#wrapper .head {
		margin-bottom: 15px;
	}

	#wrapper .head img.left {
		margin-right: 20px;
		/*border-radius: 5px;*/
	}

	#wrapper .head .titlePage {
		font-size: 2em;
		color:#0f6100;

		/*font-weight: bold;*/
		/*text-transform: uppercase;*/
		/*font-style: italic;*/
	}

	#wrapper .head .titlePage.nameArtista {
		margin-top: -8px;
	}

		#wrapper .head .titlePage span {
			color: #565656;
		}

		#wrapper .head .num,
		#wrapper .head .num a {
			color: #555;
			font-size: 1em;
		}

		#wrapper .head .num.art_name a {
			font-size: 1.25em;
		}

		#wrapper .head .vis {
			color: #bbb;
			font-size: 0.875em;
		}

		#wrapper .head .compositor {
			color: #bbb;
			font-size: 1em;
			font-style: italic;
			/*margin-top: 3px;*/
		}

		#wrapper .head .nvisits {
			color: #aaa;
			font-size: 0.82em;
			margin-top: 2px;
		}

		#wrapper .head #afin {
			font-size: 0.8em;
			margin-top: 15px;
		}

	#wrapper .head .options {
		border-top: #e9e9e9 1px solid;
		margin: 25px 0 50px 0;
		padding-top: 5px;
	}

		#wrapper .head .options a {
			/*font-size: 1em;*/
		}

		#wrapper .head .options a.site {
			font-size: 1em;
			color:#969696;
		}


	#wrapper .order {
		margin-top: 20px;
	}

		#wrapper .order .form-control {
			border: 1px solid #ccc;
			border-right: none;
			outline: none;
		}

		#wrapper .order .form-control:focus {
			box-shadow: none;
		}

		#wrapper .order .input-group-addon {
			background: none;
			border-left:none;
		}

			#wrapper .order .input-group-addon i {
				color:#0f6100;
			}


/* Home */

.home {
	/*background: url(../img/bg-home.png) center bottom repeat-x;*/
	padding: 40px 0 10px 0;
	/*padding: 45px 0 20px 0;*/
}

	.home .banner {
		position: relative;
	}

	.home #banner-imgs {
		padding: 0;
		height: 280px;
	}

		.home #banner-imgs .ban {
			position: relative;
			height: 280px;
			width: 100%;
			background-size: cover;
			background-position: center top;
		}

			.home #banner-imgs .ban .overlay {
				/*background: url(../img/bg-banner-overlay.png);*/
				width: 100%;
				height: 280px;
				position: absolute;
				top: 0;

				/*position: absolute;*/
				/*bottom: 20px;*/
				/*padding: 10px;*/
			}
				.home #banner-imgs .ban .title {
					color: #fff;
					font-family: Arial, Helvetica, sans-serif;
					position: absolute;
					bottom: 0;
					padding: 0 20px 10px 20px;
					font-size: 1.8em;
					font-weight: bold;
					line-height: 1.25em;
				}

				.home #banner-imgs .ban .overlay .title {
					/*color: #fff;*/
					/*text-transform: uppercase;*/
					/*font-size: 1.125em;*/
				}

				.home #banner-imgs .ban .overlay .det {
					/*color: #d5e854;*/
					/*font-size: 1.125em;*/
				}

		.home #ban-prev,
		.home #ban-next {
			position: absolute;
			top: 50%;
			margin-top: -24px;
			z-index: 998;
			opacity: 0.75;
		}

		.home #ban-prev:hover,
		.home #ban-next:hover {
			cursor: pointer;
			opacity: 1;
		}

		.home #ban-next {
			right: 16px;
		}

		.home .ban-nav {
			/*position: relative;*/
			/*cursor: pointer;*/
			/*margin-bottom: 10px;*/
			text-align: center;
			font-size: 3.2em;
			line-height: 0.4em;
			padding-top: 5px;
		}

			.home .ban-nav span {
				cursor: pointer;
				color: #aaa;
				letter-spacing: 0.12em;
			}

				.home .ban-nav span.cycle-pager-active {
					cursor: default;
					color: #009046;
				}

			.home .ban-nav img {
				/*width: 100%;*/
			}

				.home .ban-nav .overlay {
					/*background: url(../img/bg-banner-overlay.png);*/
					/*position: absolute;*/
					/*bottom: 0px;*/
					/*padding: 5px 5px 3px 5px;*/
					/*width: 100%;*/
					/*color: #fff;*/
					/*text-transform: uppercase;*/
					/*font-size: 0.875em;*/
				}


	.last {
		margin-top: 15px; /*30px;*/
		position: relative;
	}

		.last .title {
			color: #8a8a8d;
			font-size: 1.5em;
			/*font-style: italic;*/
			/*text-transform: uppercase;*/
			text-transform: lowercase;
			border-bottom: #f0f0f0 1px solid;
			/*padding-bottom: 5px;*/
			margin-bottom: 15px; /*25px;*/

		}

		.last-nav {
			position: absolute;
			top: 10px;
			right: 0;
			color: #8a8a8d;
			font-size: 1.8em;
			line-height: 1em;
			letter-spacing: 2px;
			text-align: right;
		}

			.last-nav span {
				cursor: pointer;
			}

			.last-nav span.cycle-pager-active {
				color: #555;
			}

		.last .bloco {
			width: 100%;
		}

			.last .thumb {
				float: left;
				margin-bottom:15px; /*20px;*/
				background: #fff;
				padding: 10px;
				height: 100px;
			}

				.last .thumb a {
					text-decoration: none;
				}

				.last .thumb img {
					/*border-radius: 5px;*/
					width: 80px;
					height: 80px;
					float: left;
					margin-right: 10px;
				}

				.last .thumb .name {
					color: #009046;
					font-size: 1em;
					margin-top: 3px;
				}

				.last .thumb .rit {
					color: #9a989d;
					font-size: 0.85em;

				}

					.last .thumb .rit span {
						color:#bdbdbd;
					}


				.last .thumb .mus {
					color: #5b5b5e;
					/*margin-top: 5px;*/
					font-size: 1.15em;
				}

					.last .thumb .mus span {
						color:#929292;
					}

#enquete {
	padding-top: 20px; /*30px;*/
}

	#enquete .title {
		color: #0f6100;
		font-size: 1.5em;
		text-transform: lowercase;
		border-bottom: #f0f0f0 1px solid;
		margin-bottom: 10px; /*25px;*/
	}

	#enquete .titulo {
		font-size: 1.8em;
		margin-bottom: 10px;
		line-height: 30px;
	}

	#enquete .opc {
		margin-bottom: 5px;
	}

#last-videos {
	padding-top: 20px; /*30px;*/
}

	#last-videos .title {
		color: #0f6100;
		font-size: 1.5em;
		/*font-style: italic;*/
		/*text-transform: uppercase;*/
		text-transform: lowercase;
		border-bottom: #f0f0f0 1px solid;
		/*padding-bottom: 5px;*/
		margin-bottom: 10px; /*25px;*/
	}

	#last-videos .vid img {
		width: 100%;
	}

/* Carrosel Vídeos */

.jcarousel li a {
	text-decoration: none;
}

	.jcarousel li a img {
		margin-bottom: 5px;
	}


.vid-art {
	color: #959595;
	font-size: 0.85em;
}

.vid-title {
	color:#0f6100;
	font-size: 1em;
	line-height: 1.14em;
}

.vid-cat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #aaa;
}

.vid-all, .vid-all:hover {
	color:#0f6100;
}

/* Video */

.video {
	padding-top: 50px;
}

	#wrapper .video .head .num {
		font-size: 0.95em;
	}

#mais-videos {
	margin: 60px auto 10px auto;
}

	#mais-videos .title {
	    color: #565656;
	    font-size: 1.2em;
	    /* font-style: italic; */
	    text-transform: lowercase;
	    border-bottom: #f0f0f0 1px solid;
	    padding-bottom: 3px;
	    margin-bottom: 15px;
	}

		#mais-videos .title span {
			font-size: 0.7em;
			color: #656565;
		}


/* Player de Vídeo */

#player-container {
	background: #222;
	margin: 0 auto;
}

	#player-container #CVplayer,
	#player-container .capitulos,
	#player-container #Kplayer,
	#player-container .notas {
		padding: 0;
		height: 450px;
	}

	#player-container .capitulos {
		/*overflow-y: auto; */
	}

		#player-container .capitulos ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			#player-container .capitulos ul li {
				color: #fff;
				cursor: pointer;
				text-decoration: none;
				display: block;
				padding: 7px 15px;
			}

			#player-container .capitulos ul li:hover {
				background: #2C3F33;
			}

			#player-container .capitulos ul li.current {
				background: #0f6100;
			}

	#player-container .notas {
		background: #000;
	}

		#player-container .notas .note {
			font-size: 20px;
			color: #fff;
			text-align: center;
			height: 120px;
			width: 50%;
			position: absolute;
			bottom: 7px;
		}

			#player-container .notas .note img {
				margin-top: 10px;
			}

		#player-container .notas #next-note {
            filter: alpha(opacity=25);
  			opacity: 0.25;
  			right: 0;
		}

	#player-container #frases {
		text-align: left;
		color: #e0e0e0;
		position: relative;
		font-size: 18px;
		padding: 20px 15px 15px 15px;
		height: 160px;
		font-family: "Lucida Sans Typewriter", "Lucida Typewriter", monospace !important;
	}

		#player-container #frases strong {
			position: absolute;
			margin-top: -20px;
			color:#36e836;
		}

		#player-container #frases a {
			font-family: "Lucida Sans Typewriter", "Lucida Typewriter", monospace !important;
			color:#36e836;
			text-decoration: none;
		}

		#player-container #frases .tabindex.active {
			color:#36e836;
		}


#boxCVplayer,
#boxKplayer {
	margin-top: 40px;
	position: relative;
}

#player-container.fixo {
    position:fixed;
    top:0;
    z-index: 9;
}

#player-container.fixo.ptop {
    top:200px;
}

/* Vídeos */

.vid-thumb {
	margin-bottom: 25px;
}

	.vid-thumb a,
	.vid-thumb a:hover {
		text-decoration: none;
	}

	.vid-thumb img {
		width: 100%;
		margin-bottom: 5px;
		border: none;
	}


#lista-videos {
	padding-top: 50px;
	margin-bottom: 20px;
}

	#lista-videos .pagination li a {
		color: #0f6100;
	}

	#lista-videos .pagination li.active a {
		background: #0f6100;
		border-color: #0f6100;
		color: #fff;
	}



.more-cat {
	margin-bottom: 40px;
}

	.more-cat .title {
	    color: #565656;
	    font-size: 1.2em;
	    /* font-style: italic; */
	    text-transform: lowercase;
	    border-bottom: #f0f0f0 1px solid;
	    padding-bottom: 3px;
	    margin-bottom: 15px;
	}

	.more-cat a {
		margin-right: 10px;
	}


/* Lista Músicas */

.lista-musicas {
	/*padding-top: 90px;*/
	padding-top: 50px;
}

	.voto-obs {
		font-size: 12px;
	    font-style: italic;
	    font-family: Arial;
	    color: #888;
	    margin-top: 10px;
	}

	.filters {
		margin: 10px 0 55px 0;
	}

		.filters a {
			color: #b6b6b6;
			margin-left: 10px;
			text-decoration: none;
			padding-bottom: 2px;
		}

		.filters a:hover {
			color:#0f6100;
			color: #b6b6b6;
			text-decoration: none;
		}

		.filters a.active,
		.filters a.active:hover {
			color:#0f6100;
			border-bottom:#0f6100 2px solid;
		}

		.filters a.active.asc {
			background: url(../img/asc.png) right center no-repeat;
			padding-right: 10px;
		}

		.filters a.active.desc {
			background: url(../img/desc.png) right center no-repeat;
			padding-right: 10px;
		}


	.list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.list li {
			margin-bottom: 15px;
		}

			.list li a {
				color: #626262;
			}

			.list li a:hover {
				text-decoration: underline;
			}

				.list li .foto {
					width: 55px;
					height: auto;
				}

				.list li .name a {
					color: #0f6100;
					font-size: 1.125em;
				}

				.list li .artist,
				.list li .artist a {
					font-size: 0.95em;
					color: #999;
				}

				.list li .visits {
					font-size: 0.8em;
					color: #bbb;
				}

	/* Destauqes sidebar */

	.sidebar .destaques {
		margin-bottom: 50px;
	}

		.sidebar .head {
		    font-size: 1.25em;
		    margin-bottom: 10px;
		    color: #aaa;
		    /* font-style: italic; */
		    /* text-transform: lowercase; */
		}

		.sidebar .line {
			border-bottom: #e9e9e9 1px solid;
			position: relative;
		}

			.sidebar .line .pos {
				background: url(../img/bg-position-sidebar.png) no-repeat;
				position: absolute;
				right: 5px;
				bottom: 10px;
				width: 26px;
				height: 26px;
				text-align: center;
				color: #aaa;
				font-style: italic;
				padding-top: 3px;
			}

				.sidebar .line a {
					text-transform: none;
					padding: 8px 0;
				}

				.sidebar .line a:hover {
					background: #f5f5f5;
					text-decoration: none;
				}

					.sidebar .line .info span.name {
						padding-left: 55px;
						line-height: 1.2em;
						color: #606062;
					}

					.sidebar .line .info span.art {
						font-size: 0.85em;
						color: #858585;
						margin-top: 2px;
						padding-left: 55px;
					}

					.sidebar .line .info span.exib {
						font-size: 0.75em;
						color: #aaa;
						margin-top: 3px;
						padding-left: 55px;
					}

			.sidebar .line .foto {
				float: left;
				margin-right: 10px;
				width: 50px;
			}

			.sidebar .line .foto img {
				width: 50px;
				/*border-radius: 3px;*/
			}

	.sidebar img.pub {
		width: 100%;
	}

	.sidebar .destmusicas .line .info span.name { padding-left: 0; font-size: 1em; color: #5d5d5d; }
	.sidebar .destmusicas .line .info span.exib { padding-left: 0; font-size: 0.82em; }


/* Destaques */

#destaques {
	padding-bottom: 25px;
	/*background: url(../img/bg-destaques.png) center top repeat-y;*/
}

#destaques .header {
	color: #8a8a8d;
	font-size: 1.35em;
	/*font-style: italic;*/
	/*text-transform: uppercase;*/
	text-transform: lowercase;
	margin-bottom: 10px; /*20px;*/
}

#destaques .line {
	border-bottom: #e9e9e9 1px solid;
}

	#destaques .line .pos {
		background: url(../img/bg-position.png) center center no-repeat;
		color: #0f6100;
		float: left;
		font-size: 1.875em;
		font-style: italic;
		height: 42px;
		/*padding:0 12px;*/
		padding: 3px 0 0 0;
		text-align: center;
		width: 42px;
	}

	#destaques .line .info {
		float: left;
		padding-left: 10px;
	}

		#destaques .line a {
			text-transform: none;
			padding: 15px 0 5px 0;
			margin: 0;
		}

		#destaques .line a:hover {
			background: #f5f5f5;
		}

			#destaques .line .info .name {
				font-size: 1.065em;
				color: #0f6100;
			}

			#destaques .line .info .art {
				font-size: 0.8em;
				color: #969696;
			}

			#destaques .line .info .exib {
				font-size: 0.75em;
				color: #aaa;
				margin-top: 3px;
				text-align: right;
				padding: 0 10px 0 0;
			}

	#destaques .line .foto {
		text-align: right;
		margin: 0;
		padding: 0;
	}

	#destaques .line .foto img {
		width: 50px;
	}


#destaques .view-all {
	text-align: center;
	font-size: 0.875em;
	color: #999;
	display: block;
	margin-top: 18px; /*30px;*/
}

	#destaques .view-all:hover {
		color: #0f6100;
	}

/* 404 */

.erro404 {
	padding-top: 50px;
}

	.erro404 .ops {
		font-size: 60px;
		margin-bottom: 15px;
	}

	.erro404 .error {
		font-size: 22px;
		margin-bottom: 100px;
	}

/* Detalhe */

#scrollOptions {
  	position:fixed;
  	border:#ccc 1px solid;
  	display:none;
  	background: #fff;
  	z-index: 1000;
	padding: 10px;
    width: 135px;
    text-align: center;
    cursor: move;
	-webkit-box-shadow: 0px 0px 30px -7px rgba(0,0,0,0.38);
	-moz-box-shadow: 0px 0px 30px -7px rgba(0,0,0,0.38);
	box-shadow: 0px 0px 30px -7px rgba(0,0,0,0.38);
}

	#scrollClose {
		position: absolute;
		background: url('../img/close-acorde.png') no-repeat;
    	width: 30px;
    	height: 30px;
		display: block;
	    text-decoration: none;
	    cursor: pointer;
	    right: -15px;
	    top: -15px;
	}

	#scrollOptions .scrollDrag {
	    background: url('../img/drag-acorde.png') center center no-repeat;
	    height: 15px;
	}

		#scrollOptions p {
			font-size: 10px;
			color: #999;
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
			margin: 5px 0 0 0;
		}

		#scrollOptions button {
			margin-top: -10px;
		}

		#scrollStart {
		  display:none;
		}

		#scrollStart, #scrollStop {
		  color: #ccc;
		  font-size: 24px;
		  line-height: 24px;
		  margin-right: 10px;
		  cursor: pointer;
		}

.bread-crumb {
	margin-top: 5px;
	color: #c0c0c0;
	font-size: 12px;
}

	.bread-crumb a {
		color: #c0c0c0;
		font-size: 12px;
	}

	.bread-crumb a:hover {
		color: #009046;
		text-decoration: none;
	}

.details {
	padding-top: 25px;
}

	.details #artista .foto {
		margin-right: 20px;
	}

	.music-options {
		border-top: #e9e9e9 1px solid;
		margin-top: 20px;
		padding-top: 10px;
	}

		.music-options div {
			float: left;
			/*text-transform: uppercase;*/
			/*font-style: italic;*/
			color: #009046;
			margin-right: 25px;
		}

			.music-options div span {
				color: #8c8c8c;
				font-size: 1em;
			}

			.music-options select {
				outline: none;
				padding-right: 10px;
			}

	.details #opcoes .m {
		margin-right: 10px;
		margin-top: 10px;
	}

		.details #tom {
			/*font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;*/
			font-family: "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
			color: #000;
			/*font-size: 0.875em;*/
			margin-bottom: 15px;
		}

		.details #texto {
			margin-top: 30px;
			/*font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;*/
			font-family: "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
			color: #000;
			font-size: 12px;
			/*font-size: 0.875em;*/
		}

		.details .tablatura p,
		.details .texto p {
			margin-bottom: 20px;
		}

		.details .tablatura .cifra,
		.details .texto .cifra {
			color: #26ac02;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			/*font-size: 0.95em;*/
		    letter-spacing: 0.1em;
		    position: relative;
		    /*padding: 2px 2px 2px 3px;*/
		    border-radius: 2px;
		}

		.details .tablatura em,
		.details .texto .tab em {
			font-style: normal;
		}

		.details .tablatura .cifra:hover,
		.details .texto .cifra:hover {
			background: #26ac02;
			color: #fff;
		}

	.details .credits {
		font-size: 13px;
		font-style: italic;
		color: #898989;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
	}

		.details .credits span {
			color: #565656;
		}

		.details .credits a {
			text-decoration: none;
		}

		.details .credits a span {
			color: #0f6100;
		}

	.details .sidebar .explicacao {
		text-align: justify;
		color: #5b5b5e;
		font-size: 0.9em;
		margin-bottom: 30px;
	}

		.details .sidebar .explicacao .header {
			color: #0f6100;
			font-size: 1.65em;
			/*font-style: italic;*/
			/*text-transform: uppercase;*/
			margin-bottom: 10px;
		}

		.details .sidebar .explicacao a {
			color: #5b5b5e;
		}

		.details .sidebar .explicacao a:hover {
			color: #0f6100;
		}


.sidebar {
    position: relative;
}

#boxPlaylist {
    margin-bottom: 30px;
}

#playlist {
    border:#222 2px solid;
    width: 100%;
}

	#show-playlist {
		margin-bottom: 50px;
	}

    #playlist #player {
        background: #222;
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
    }

	#playlist #player iframe,
	#playlist #player object,
	#playlist #player embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

    #playlist .list {
        list-style: none;
        margin: 0;
        padding: 0;
        /*width: 300px;*/
        max-height: 210px;
        overflow: auto;
        overflow-x: hidden;
        background: #fff;
    }

        #playlist ul li {
            display: block;
            float: left;
            /*width: 274px;*/
            width: 100%;
            margin-bottom: 5px;
        }

            #playlist ul li img {
                width: 80px;
                height: 55px;
                float: left;
                margin-right: 5px;
                border: 1px solid #999;
            }

            #playlist ul li a {
                display: block;
                text-decoration: none;
            	padding: 5px 20px 5px 5px;
                color: #000;
                text-align: left;
                /*font-size: 12px;*/
                height: 65px;
            }

            #playlist ul li.currentvideo {
                background: #eee;
            }

#playlist.fixo {
    position:fixed;
    top:15px;
    width: 360px;
    z-index: 1;
}

#playlist.fixo.ptop {
    top:210px;
}

#playlist #topbar,
.top-VCplayer {
	padding-bottom: 2px;
	background: #222;
}

#notas-print .acorde {
	margin: 0;
}


#notas {
	position: fixed;
	background: #fff;
    border:#999 1px solid;
    z-index: 999;
    padding:10px 0 15px 0;
    z-index: 2;
}

	#notas .options-notes {
		height: 24px;
		padding: 0 10px;
		margin-bottom: 5px;
	}

	#notas.fixo-left {
		top:0;
		left:0;
		width: 230px;
		height: 100%;
		z-index: 999;
	}

	#notas.fixo-right {
		top:0;
		right:0;
		width: 230px;
		height: 100%;
	}

	#notas.fixo-bottom {
		bottom:0;
		width: 100%;
	}

	#notas.fixo-top {
		top:0;
		width: 100%;
	}

	#desenhos {
		overflow:auto;
	}

#notas .obs {
	position: absolute;
	bottom: 0;
	padding: 5px 20px;
	font-size: 0.875em;
	font-style: italic;
	color: #888;
}

#show-acordes {
	position: fixed;
	bottom: 0;
	right: 50px;
    z-index: 999;
    display: none;
}

#lista-notas {
    text-align: right;
    text-align: center;
    /*position: fixed;*/
    /*width: 225px;*/
    /*top: 0;*/
    /*right: 20px;*/
    /*padding: 20px;*/
    background:#fff; /* url('../img/drag.png') center top repeat-x;*/
    cursor: move;
}

    .acorde {
        width: 90px;
        height: 140px;
        float: left;
        text-align: center;
        margin: 0 10px;
        position: relative;
        border:transparent 1px solid;
        z-index: 3;
    }

        .acorde .name {
            font-family: Arial, Helvetica, sans-serif;
            color: #0f6100;
            font-size: 14px;
            font-weight: bold;
        }

        .acorde .trocar {
            font-size: 10px;
            display: none;
            cursor: pointer;
            font-family: Arial, Helvetica, sans-serif;
            border: #e0e0e0 1px solid;
            background: #f4f4f4;
            margin-top: 3px;
            padding: 2px 0;
        }

        .acorde .drag {
            height: 15px;
        }

        .acorde .close,
        .acorde .close:hover {
            background: url('../img/close-acorde.png') no-repeat;
            width: 30px;
            height: 30px;
            position: absolute;
            right: -15px;
            top: -15px;
            display: none;
            cursor: pointer;
            filter: alpha(opacity=100);
  			opacity: 1;
        }

    .acorde:hover {
        border:#000 1px dotted;
    }

        .acorde:hover .trocar {
            display: block;
        }

        .acorde:hover .drag {
            background: url('../img/drag-acorde.png') center center no-repeat;
            cursor: move;
        }

        .acorde:hover .close {
            display: block;
        }

        #notas .acorde:hover .close {
            display: none;
        }

/* Acordes no Texto */

.nota {
    width: 120px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 3;
	text-align: center;
	padding-bottom: 20px;
}

	.nota .content {
    	/*height: 140px;*/
    	padding: 5px 0 10px 0;
    	background: #fff;
    	border:#ccc 1px solid;
		-webkit-box-shadow: 0px 0px 44px -7px rgba(0,0,0,0.38);
		-moz-box-shadow: 0px 0px 44px -7px rgba(0,0,0,0.38);
		box-shadow: 0px 0px 44px -7px rgba(0,0,0,0.38);
	}

    .nota .name {
        font-family: Arial, Helvetica, sans-serif;
        color: #0f6100;
        font-size: 14px;
        font-weight: bold;
    }

        .nota .trocar {
            font-size: 10px;
            display: none;
            cursor: pointer;
            font-family: Arial, Helvetica, sans-serif;
            border: #e0e0e0 1px solid;
            background: #f4f4f4;
            margin: 5px 5px 0 5px;
            padding: 2px 0;
            color: #111;
            letter-spacing: 0;
            font-weight: normal;
        }

        .nota .drag {
            height: 15px;
        }

        .nota .close,
        .nota .close:hover {
            background: url(../img/close-nota.png) no-repeat;
            width: 30px;
            height: 30px;
            position: absolute;
            right: -15px;
            top: -15px;
            display: none;
            cursor: pointer;
            filter: alpha(opacity=100);
  			opacity: 1;
        }

    .nota:hover {
        /*border:#000 1px dotted;*/
    }

        .nota:hover .trocar {
            display: block;
        }

        .nota:hover .drag {
            background: url(../img/drag-nota.png) center center no-repeat;
            cursor: move;
        }

        .nota:hover .close {
            display: block;
        }


/* Interativo */

.interativo {
	margin: 40px 0;
	padding-top: 20px;
	border-top: #d9d9d9 1px solid;
	font-family: Arial, Helvetica, sans-serif;
}

	.interativo div.title {
		font-size: 1.8em;
		/*font-family: Georgia, Times, "Times New Roman", serif;*/
	}

		.interativo div.title .hash {
			font-size: 18px;
			color: #aaa;
			font-family: Arial, Helvetica, sans-serif;
		}

	.interativo .covers .title {
		line-height: 28px;
	}

		.interativo .covers p {
			margin-top: 15px;
			font-size: 13px;
			color: #999;
			font-style: italic;
		}

		.interativo .covers label {
			display: block;
			margin-top: 5px;
		}

		.interativo .covers .form-cover button {
			margin-top: 10px;
		}

		.form-cover-head {
			color: #5cb85c;
			font-size: 16px;
			padding-left: 30px;
			cursor: pointer;
		}

			.form-cover-head.down {
				background: url(../img/cover-down.png) left center no-repeat;
			}

			.form-cover-head.up {
				background: url(../img/cover-up.png) left center no-repeat;
			}

		.form-cover-content {
			margin-top: 15px;
		}

		.covers .help {
			color: #999;
			font-style: italic;
			font-size: 12px;
		}

/* Votação */

	.interativo .votacao form {
		margin-top: 10px;
	}

		.interativo .votacao form .radio label {
			font-size: 14px;
		}

		.interativo .votacao form button {
			margin-top: 15px;
		}

	.result-votacao {
		margin-top: 15px;
	}

		.result-votacao-head {
			color: #5cb85c;
			font-size: 16px;
			padding-left: 30px;
			cursor: pointer;
		}

			.result-votacao-head.down {
				background: url(../img/cover-down.png) left center no-repeat;
			}

			.result-votacao-head.up {
				background: url(../img/cover-up.png) left center no-repeat;
			}

		.result-votacao-content {
			margin-top: 15px;
			border:#e0e0e0 1px solid;
			padding: 10px 20px;
		}

			.result-votacao-content .tot {
				color: #999;
				font-style: italic;
				margin-bottom: 5px;
				display: block;
			}

			.result-votacao-content p {
				margin: 0;
			}

/* Comentarios */

.comentarios {
	margin-top: 30px;
}

	.comentarios .form {
		background: #f0f0f0;
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;

	}

		.comentarios .form textarea {
			height: 120px;
		}

	.comentarios .obs {
		color: #999;
		font-style: italic;
		font-size: 13px;
	}

	#comentarios {
	    margin-top: 30px;
	    font-size: 13px;
	}


	    #comentarios .comm {
	        border-bottom: #dbdbdb 1px solid;
	        padding: 0 0 6px 0;
	        margin: 12px 0;
	    }

	        #comentarios .comm:last-child {
	            border-bottom: none;
	        }

	        #comentarios .name {
	        	font-size: 1.25em;
	        }

		        #comentarios  .name span {
					font-size: 0.72em;
					color: #bbb;
		        }

	        #comentarios .text {
	        	color: #646464;
				font-style: italic;
	        	text-align: justify;
	        }

	    #comentarios .commresp {
	        background: #f3f3f3;
	        padding: 8px 20px 8px 0;
	        /*margin: -19px 0 18px 0;*/
	    }

	    #comentarios .commresp.m8 {
	        margin: 8px 0 14px 0;
	    }

	    #comentarios .actions a {
	        font-size: 11px;
	    }

	    .form-resp {
	        background: #f3f3f3;
	        display: none;
	        margin-top: 10px;
	        padding: 15px 40px 25px 30px;
	    }

		    .form-resp textarea {
				height: 120px;
		    }


/* Covers */

#boxPlaylistCover {
    margin: 15px 0;
    font-family: Arial, Helvetica, sans-serif;
}

#playlistCover {
    /*border:#222 2px solid; */
    width: 100%;
}

    #playlistCover #playerCover {
        background: #222;
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px;
	    height: 0;
	    overflow: hidden;
	    margin-bottom: 5px;
    }

	#currentName {
		font-size: 20px;
		margin-bottom: 15px;
	}

	#playlistCover #playerCover iframe,
	#playlistCover #playerCover object,
	#playlistCover #playerCover embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

    #playlistCover .listCover {
        list-style: none;
        margin: 0;
        padding: 0;
        /*width: 300px;*/
        max-height: 445px;
        overflow: auto;
        overflow-x: hidden;
        background: #fff;
    }

		#playlistCover .listCover::-webkit-scrollbar {
		    width: 10px;
		}

		/* Track */
		#playlistCover .listCover::-webkit-scrollbar-track {
		    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
		    -webkit-border-radius: 8px;
		    border-radius: 8px;
		    background: #f0f0f0;
		}

		/* Handle */
		#playlistCover .listCover::-webkit-scrollbar-thumb {
		    -webkit-border-radius: 8px;
		    border-radius: 8px;
		    background: #ccc;
		    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
		}
		#playlistCover .listCover::-webkit-scrollbar-thumb:window-inactive {
			/*background: rgba(255,0,0,0.4); */
		}

        #playlistCover ul li {
            display: block;
            float: left;
            /*width: 274px;*/
            width: 100%;
            /*margin-bottom: 5px;*/
        }

            #playlistCover ul li img {
                width: 75px;
                height: 50px;
                float: left;
                margin-right: 5px;
                border: 1px solid #999;
            }

            #playlistCover ul li a {
                display: block;
                text-decoration: none;
            	padding: 5px 20px 5px 5px;
                color: #000;
                text-align: left;
                font-size: 0.965em;
                height: 55px;
            }
            #playlistCover ul li a:hover {
				background: #f2f2f2;
            }

            #playlistCover ul li.currentvideo {
                background: #eaeaea;
            }


/* Formularios */

.form-envio {
	margin: 50px 0;
}

	.form-envio form {
		margin-top: 40px;
	}

	.form-envio label {
		text-transform: uppercase;
		color: #009046;
	}

	.form-envio label.perm {
		text-transform: none;
		color: #565656;
	}

	.form-envio label.btn {
		text-transform: none;
		color: #fff;
	}

	label.has-error {
		font-weight: normal;
		font-style: italic;
		font-size: 0.75em;
		color: #a94442;
		text-transform: none;
	}

	textarea {
		resize:none;
	}

.mce-tinymce.mce-container.mce-panel {
	border: 1px solid #ccc;
	border-radius: 4px;
}

.address {
	font-size: 1.5em;
	margin-bottom: 20px;
	font-style: italic;
	color: #999;
}

	.address div {
		margin-bottom: 10px;
	}

.sidebar .facebook {
	margin-bottom: 25px;
	height: 250px;
}

.termos {
	font-size: 0.875em;
	text-align: justify;
	margin-bottom: 15px;
}

#vid {
	display: none;
	margin-bottom: 30px;
}

	.video-preview {
	    background: #222;
		margin-top: 10px;
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}

	.video-preview iframe,
	.video-preview object,
	.video-preview embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

/* Busca */

#search-result {
    display: none;
	position: absolute;
    z-index: 1002;
    top: 38px;
    width: 100%;
    left: 0;
	-webkit-box-shadow: 0px 3px 9px 1px rgba(150,150,150,0.65);
	-moz-box-shadow: 0px 3px 9px 1px rgba(150,150,150,0.65);
	box-shadow: 0px 3px 9px 1px rgba(150,150,150,0.65);
	border: #ccc 1px solid;
	background: #fff;
}

	#search-result .divider {
		border-bottom: #ccc 1px solid;
	}

	#search-result .all {
	    padding: 10px 15px;
	}

	#search-result .conteudo {
		width: 100%;
	    padding: 10px 15px 5px 15px;
	}

		#search-result .content .title {
			font-size: 12px;
			color: #999;
			margin-bottom: 7px;
		}

		#search-result .content .line-search {
			padding: 3px 0;
		}

		#search-result .content .line-search:hover {
			background: #f3f3f3;
		}

			#search-result .content .line-search img {
			    width: 35px;
			    margin-right: 10px;
			    border-radius: 100%;
			}

		#search-result .content .line-search.cat {
			margin-bottom: 0;
		}

		#search-result .content .img {
			text-align: center;
		}

	#search-result .content .line-search a {
		color: #000;
	}

	#search-result .content .line-search.cat a {
		display: block;
		padding: 5px 15px;
	}

		#search-result .content .line-search.cat a:hover {
			text-decoration: none;
			background: #f5f5f5;
		}


/* Busca */

.busca {
	margin-top: 50px;
}

#tabs {
	margin-top: 50px;
}

	.tab-pane {
		padding: 20px 0 50px 0;
	}

		.tab-pane .results {
			font-size: 0.85em;
			margin-bottom: 25px;
		}

		.tab-pane .result-line {
			/*font-size: 0.85em;*/
			margin-bottom: 15px;
			padding-bottom: 15px;
			border-bottom: #dfdfdf 1px solid;
		}

			.tab-pane .result-line a:hover {
				color: #777;
			}

			.tab-pane .result-line .name {
				font-size: 1.125em;
			}

			.tab-pane .result-line .text {
				/*font-size: 1.125em;*/
				color: #777;
			}

.result-error {
	padding: 100px 0 200px;
	font-size: 1.5em;
}

.paginacao {
	text-align: center;
	margin-top: 20px;
}

	.paginacao a,
	.paginacao span {
		display: inline-block;
		position: relative;
		/*float: left;*/
		padding: 6px 12px;
		margin-left: -1px;
		line-height: 1.42857143;
		color: #0f6100;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #ddd;
	}

	.paginacao a {
		cursor: pointer;
	}

	.paginacao span {
		color:#777;
	}

	.paginacao a:first-child,
	.paginacao span:first-child {
	  margin-left: 0;
	  border-top-left-radius: 4px;
	  border-bottom-left-radius: 4px;
	}

	.paginacao a:last-child,
	.paginacao span:last-child {
	  border-top-right-radius: 4px;
	  border-bottom-right-radius: 4px;
	}

	.paginacao a:hover,
	.paginacao span:hover,
	.paginacao a:focus,
	.paginacao span:focus {
	  color: #0f6100;
	  background-color: #eee;
	  border-color: #ddd;
	  text-decoration: none;
	}

	.paginacao a.jp-current,
	.paginacao a.jp-current:hover,
	.paginacao a.jp-current:focus,
	.paginacao span.jp-current,
	.paginacao span.jp-current:hover,
	.paginacao span.jp-current:focus {
	  z-index: 2;
	  color: #fff;
	  cursor: default;
	  background-color: #0f6100;
	  border-color: #0f6100;
	}

	.paginacao span.jp-disabled,
	.paginacao span.jp-disabled:hover,
	.paginacao span.jp-disabled:focus,
	.paginacao a.jp-disabled,
	.paginacao a.jp-disabled:hover,
	.paginacao a.jp-disabled:focus {
	  color: #777;
	  cursor: not-allowed;
	  background-color: #fff;
	  border-color: #ddd;
	}

	.paginacao-sm a,
	.paginacao-sm span {
	  padding: 5px 10px;
	  font-size: 12px;
	}

	.paginacao-sm a:first-child,
	.paginacao-sm span:first-child {
	  border-top-left-radius: 3px;
	  border-bottom-left-radius: 3px;
	}

	.paginacao-sm a:last-child,
	.paginacao-sm span:last-child {
	  border-top-right-radius: 3px;
	  border-bottom-right-radius: 3px;
	}

/* Dicionário de Acordes */

.dicionario {
	padding-top: 50px;
}

	.dicionario .escolha {
		font-size: 1.25em;
		margin-top: 50px;
	}

		.dicionario .escolha select {
			outline: none;
			margin: 0 10px;
			padding-right: 5px;
		}

	.dicionario #resultados {
		padding: 20px 0 0 0;
	}

		.dicionario #resultados .name {
			font-size: 2em;
			color: #0f6100;
		}

		.dicionario #resultados .afinacao {
		    margin-top: 5px;
		    padding: 15px 0;
		    border-top: #dfdfdf 1px solid;
    	}

			.dicionario #resultados .afinacao .title {
				/*color: #565656;*/
				color: #0f6100;
				font-size: 1.025em;
				/*font-style: italic;*/
				margin-bottom: 20px;
			}
/*
				.dicionario #resultados .afinacao .title span {
					color: #565656;
				}*/

			.dicionario #resultados .afinacao .block {
				float: left;
				text-align: center;
				padding: 0 5px;
			}
				.dicionario #resultados .afinacao .block .head {
					text-align: left;
					width: 135px;
					color: #999;
				}

				.dicionario #resultados .afinacao .block .des {
					height: 80px;
				}


				.dicionario #resultados .afinacao .block .lin {
					padding: 20px 0;
				}


	.dicionario .sidebar .explicacao .header {
		color: #0f6100;
		font-size: 1.3em;
		/*font-style: italic;*/
		/*text-transform: uppercase;*/
		margin-bottom: 10px;
	}

		.dicionario .sidebar .explicacao p {
			font-size: 1em;
			text-align: justify;
		}

			.dicionario .sidebar .explicacao p span {
				color: #0f6100;
			}

/* Pedidos */

.ped {
	margin-bottom: 15px;
	font-size: 1.125em;
}

	.ped .art {
		color: #777;
	}


/* Dicas */

.dicas {
	padding: 50px 0 0 0;
}

	.lista-dicas {
		padding: 30px 0 50px 0;
	}

		.lista-dicas .dica {
			margin-bottom: 35px;
		}

			.dicas .dica a:hover {
				text-decoration: none;
			}

			.dicas .dica img {
				width: 165px;
				height: 120px;
				float: left;
				margin-right: 15px;
			}

			.dicas .dica .date,
			.dicas .dica .text {
				color: #565656;
			}

			.dicas .dica .title {
				font-size: 1.125em;
				/*font-style: italic;*/
				/*text-transform: uppercase;*/
				color: #0f6100;
			}

	.detail-dica {
		font-size: 1em;
		text-align: justify;
		padding: 30px 0 50px 0;
	}

/* Top */

.top {
	padding-top: 50px;
	min-height: 400px;
}

	.top .filter {
		margin-bottom: 50px;
		text-align: center;
	}

		.top .filter label {
			color: #0f6100;
			font-style: italic;
			font-size:1.125em;
			font-weight:normal;
			text-transform: uppercase;
			margin: 5px 5px 0 0;
		}

	.top #destaques .header {
		font-size: 1.5em;
	}

	.top #destaques .pos.no-bg 	{
		background: none;
		color: #aaa;
	}

/* Professores */

.thumb-prof {
	margin-bottom: 35px;
	font-size: 14px;
	color: #565656;
}

	.thumb-prof .name {
		color: #0f6100;
		font-size: 18px;
	}

	.thumb-prof .pl {
		padding-left: 22px;
	}

/* Footer */

.donation {
	background: #f5f5f5;
	padding: 20px 0;
	text-align: center;
}

	.donation span {
		font-size: 24px;
	    color: #777;
	    margin-bottom: 20px;
	    display: block;
	}

#footer {
	background: #404043;
	color: #c2c2c2;
	padding: 35px 0 15px 0;
}

	#footer .map-site {
		font-size:0.875em;
		padding: 0 30px;
	}

		#footer .map-site a {
			color: #c1c1c1;
		}

		#footer a.active {
			color: #d5e854;
		}

		#footer .map-site ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#footer .map-site .links {
				padding-left: 0px;
			}

				#footer .map-site .links ul li {
					margin:0 0 5px 0;
				}

		#footer .map-site .ritmos span {
			color: #d5e854;
		}

		#footer .map-site .ritmos ul li {
			float: left;
			width: 49%;
			font-size: 0.94em;
		}

	#footer .music {
		border-top:#565658 1px solid;
		margin-top: 15px;
		padding-top: 15px;
		color: #8c8c8c;
	}

		#footer .music a {
			color: #8c8c8c;
			margin: 0 5px;
		}

		#footer .music a.active {
			color: #d5e854;
		}

		#footer .music .alf span {
			color: #d5e854;
			float: left;
			margin: 2px 5px 0 0;
			/*display: block;*/
		}

		#footer .music .alf a {
			margin: 0;
			text-decoration: none;
			padding: 1px 4px;
			border-radius: 2px;
			font-size: 0.95em;
			color: #fff;
			float: left;
		}

			#footer .music .alf a:hover {
				background: #fff;
				color: #404043;
			}

/*	#footer .pagseguro {
		margin-top: 30px;
	}

		#footer .pagseguro span {
			font-size: 12px;
			margin-bottom: 5px;
			display: block;
		}
*/
	#footer .copy {
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 50px;
		font-size: 0.74em;
	}

		#footer .copy p {
			margin: 0;
		}

	#footer .b3 {
		text-align: center;
		padding-top: 15px;
	}

		#footer .b3 img {
			width: 70px;
		}




@media (max-width: 1024px) {

	#player-container #CVplayer,
	#player-container .capitulos,
	#player-container #Kplayer,
	#player-container .notas {
		height: 400px;
	}

}

@media (max-width: 992px) {

	#header {
		background:url(../img/bg-header.png) center top;
	}

	#mandeseuvideo {
		margin-bottom: 30px;
	}


}

@media (max-width: 768px) {

	#player-container #CVplayer,
	#player-container .capitulos,
	#player-container #Kplayer {
		height: 350px;
	}

	#boxCVplayer, #boxKplayer {
	    padding-left: 0px;
	    padding-right: 0px;
	}

	#player-container .notas {
	    max-height: 140px;
	}

	#player-container #frases {
		font-size: 2vw;
 	    max-height: 120px;
	}

	#nav {
		height: auto;
	}

	.logo {
		text-align: center;
		padding: 0;
	}

	#nav .form {
		margin-bottom: 10px;
	}

		#nav .form .input-group {
			margin: 0 15px;
		}

	.top-artist {
		margin-top: 40px;
	}

	#footer .pagseguro {
		text-align: center;
	}


}

@media (max-width: 480px) {

	#player-container #CVplayer,
	#player-container .capitulos,
	#player-container #Kplayer,
	#player-container .notas {
		height: 250px;
	}

	.details #artista .foto {
		display: none;
	}

}

@media print {

	.google-auto-placed {
		display: none !important;
	}


	a[href]:after {
		content: none !important;
	}

	.details {
		padding-top: 30px;
	}

    .acorde {
        margin:0 -5px;
    }

    	.acorde img {
			width: 75px;
			height: auto;
    	}



}

/* Colors */
.default-color { color:#0f6100; }
a.default-color:hover { color:#0f6100; }
.default-color-hover:hover { color:#0f6100; }
.default-bg-color { background-color:#0f6100; color:#fff; }

.clear   { clear: both; }
.block 	 { display: block; }
.center  { text-align: center; }
.justify { text-align: justify; }
.upper 	 { text-transform: uppercase; }
.pointer { cursor: pointer; }
.left 	 { float: left; }
.right 	 { float: right; }
.textright 	{ text-align: right; }
.textleft 	{ text-align: left; }
.none 	 	{ display: none; }
.uppercase 	{ text-transform: uppercase; }
.pt20 { padding-top: 20px; }
/*.mt50 { margin-top: 100px; }*/
.mt50 { margin-top: 60px; }

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
    min-width: 200px;
}

#posy {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
}

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}