body {
	margin: 0;
	border: none;
	padding: 0;
	width: 100%;
	height: 100%;
	background-image: url("faixa_fundo.png");
	background-size: 100% 100%;
	background-repeat: repeat-x;
	overflow: hidden;
}

@font-face {
	font-family: open_sans;
	src: url("http://fonts.googleapis.com/css?family=Open+Sans");
}

@font-face {
	font-family: montaga;
	src: url("http://fonts.googleapis.com/css?family=Montaga");
}

div#linguas {
	position: absolute;
	top: 0;
	right: 30px;
}

div#linguas li,div#linguas ul {
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
}

div#linguas img.lang_flag {
	height: 1.5em;
	margin: .5em .5em 0 0;
	border: none;
	padding: 0;
}

div#cabecalho {
	height: 25%;
	position: relative;
	overflow: hidden;
}

img#fundo_cabecalho {
	z-index: -1;
}

img#assinatura {
	height: 30%;
	width: auto;
	top: 30%;
	left: 10%;
	position: absolute;
	top: 30%;
}

div#titulo {
	position: absolute;
	bottom: 0;
	left: 24.5%;
	width: 75%;
	height: 1em;
	font-family: open-sans, sans-serif;
	text-transform: uppercase;
	padding: .25%;
	font-size: 105%;
	color: rgb(40, 40, 40);
	font-weight: bold;
	background-color: rgb(100, 100, 100);
	background-color: rgba(50, 50, 50, 0.3);
	font-size: 105%;
}

img#fundo_cabecalho {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#corpo_pagina {
	height: 65%;
	position: relative;
}

div#indice {
	float: left;
	width: 25%;
	height: 100%;
	font-family: open-sans, sans-serif;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
}

div#indice li {
	color: darkred;
	display: block;
}

div#indice li {
	list-style-type: none;
}

div#indice a {
	text-decoration: none;
	color: rgb(80, 80, 80);
}

div#indice a:active {
	color: red;
}

div#indice a:focus,div#indice a:hover {
	text-decoration: underline;
}

div#conteudo {
	width: 75%;
	height: 98%;
	margin: 0.2% 0 0.2% 0;
	padding: 0;
	border: none;
	float: left;
	/*	background-color: rgb(250,250,200);*/
	overflow: auto;
	font-family: open-sans, sans-serif;
	float: left;
}

div.subconteudo {
	clear: left;
}

img.foto_conteudo {
	padding: 1.3em .5em .5em 0;
	height: 50%;
	float: left;
}

div#conteudo p {
	margin-right: 3em;
	text-align: justify;
	text-indent: 30px;
}

div.conjunto_partituras {
	width: 100%;
}

div.partitura {
	margin: 2em;
	position: relative;
}

div.partitura a {
	position: absolute;
	left: -1.5em;
	top: .5em;
	padding: .2em 2em;
	z-index: 1;
	font-family: open-sans, sans-serif;
	font-weight: bold;
	color: white;
	background-color: rgb(100, 100, 100);
	background-color: rgba(100, 100, 100, .4);
	text-shadow: .1em .1em 0.2em black;
	text-decoration: none;
}

div.partitura a:focus,div.partitura a:hover {
	text-decoration: underline;
	font-weight: bolder;
	text-shadow: .1em .1em .5em black;
}

img.imagem_tabela_partitura {
	width: 80%;
	z-index: 1;
	padding: 0;
	height: auto;
	float: none;
}

div#conteudo p:first-child:first-letter,img.foto_conteudo:first-child+p:first-letter
	{
	color: darkred;
	font-family: montaga, serif;
	font-size: 200%;
}

div#rodape {
	width: 100%;
	height: 10%;
	border-top: solid rgb(200, 0, 0);
}

div#rodape ul {
	display: inline;
	float: left;
	padding-left: 22%;
	list-style-type: none;
}

div#rodape li {
	display: inline;
}

div#rodape a {
	color: rgb(150, 150, 150);
	color: rgba(255, 255, 255, 1);
	font-size: 95%;
	text-shadow: .1em .1em 0.5em rgb(100, 100, 100);
	padding-left: 2em;
	text-transform: uppercase;
	font-family: open-sans, sans-serif;
	text-decoration: none;
	font-size: 95%;
}

div#rodape a:hover,div#rodape a:focus {
	text-decoration: underline;
	text-shadow: .1em .1em 0.2em black;
}

div#rodape a:active {
	color: red;
}

div#music_player {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 100%;
	margin: 0;
	padding: 0;
}

div#music_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: .25em;
	height: 1em;
}

ul#volume_buttons {
	width: 1em;
	height: 1em;
}

div#jp_container_1 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

div.jp-controls,div.jp-current-time,div.jp-duration {
	float: right;
	padding: 0 .25em;
}

div.jp_progress {
	float: right;
}

div#progressbar {
	width: 50%;
	float: right;
}

div.jp-seek-bar {
	width: 0px;
	height: 1em;
	cursor: pointer;
	float: right;
}

div.jp-seek-bar {
	background-color: rgb(40, 40, 40);
	background-color: rgba(40, 40, 40, .5);
}

div.jp-volume-bar {
	background-color: rgb(100, 100, 100);
	background-color: rgba(100, 100, 100, .5);
}

div.jp-play-bar {
	height: 1em;
	background-color: rgb(150, 150, 150);
	background-color: rgba(200, 200, 200, .5);
}

div.jp-volume-bar-value {
	background-color: rgb(255, 0, 0);
	background-color: rgba(255, 0, 0, .5);
}

ul.jp-controls {
	list-style-type: none;
	margin: 0;
	padding: 0 .25em;
	display: inline-block;
	float: right;
}

ul.jp-controls li {
	float: right;
	display: inline-block;
}

div#volume {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 95%;
	overflow: visible;
	width: 1em;
	z-index: 5;
}

/* a.jp-unmute,a.jp-mute {
	position: absolute;
	bottom: 0;
	right: 0;
} */
.jp-volume-bar { /* jplayer*/
	position: relative;
	/* custom */
	right: 3px;
	height: 80%;
	width: 16px;
}

.jp-volume-bar-value { /* jplayer*/
	position: absolute;
	bottom: 0;
	/* custom */
	right: 0;
	width: 10px;
	padding: 0 3px;
	width: 10px;
}

ul.jp-controls a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

a.jp-play,a.jp-pause,a.jp-stop,a.jp-mute,a.jp-unmute,a.jp-volume-max {
	width: 16px;
	height: 16px;
}

a.jp-pause {
	background: url("vol_ctrls.png") 0 0 no-repeat;
	display: none;
}

a.jp-play {
	background: url("vol_ctrls.png") -16px 0 no-repeat;
}

a.jp-stop {
	background: url("vol_ctrls.png") -32px 0 no-repeat;
}

a.jp-unmute {
	background: url("vol_ctrls.png") -64px 0 no-repeat;
}

a.jp-mute {
	background: url("vol_ctrls.png") -48px 0 no-repeat;
}

a.jp-pause:hover {
	background: url("vol_ctrls.png") 0 -16px no-repeat;
}

a.jp-play:hover {
	background: url("vol_ctrls.png") -16px -16px no-repeat;
}

a.jp-stop:hover {
	background: url("vol_ctrls.png") -32px -16px no-repeat;
}

a.jp-unmute:hover {
	background: url("vol_ctrls.png") -48px -16px no-repeat;
}

a.jp-mute:hover {
	background: url("vol_ctrls.png") -64px -16px no-repeat;
}