@charset "utf-8";
@import url("reset.css");

/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	background:#f9f6f1 fixed top center url(imagens/bg.jpg);
	margin: 0px;
	padding:10px;	
	color: #77787B;
}
	body.fundo2{
		/*background:#0A0B0D repeat top center url(imagens/bg2.jpg);
	}
	body.fundo3{*/
		background:#edeef0 repeat top center url(imagens/bg4.jpg);
	}
img{
	border:none;
	display:block;
}
a{
	color:#77787B;
}
a:hover{
	text-decoration:none;
}
ul{
	list-style-type:circle;
	margin-left:30px;
}
table{
	border-collapse:collapse !important;
}
table, tr, td{
	padding:2px !important;
}
td{
	vertical-align:top;
	border:1px solid #AAAAAA;
}
ul, ol, table, p, blockquote{
	margin-bottom:14px;
}

h1{/*interface*/
	font-size:10px;
	line-height:12px;
	margin-bottom:16px;
	text-transform:uppercase;
}
	.portfolio h1{
		margin-bottom:5px;
	}
	.portfolio a.ativo{
		font-weight:bold;
		color:#444;
	}
    .fundo2 .portfolio a.ativo{
		color:#AAA;
	}
	
h2{/*nome da musica*/
	font-size:15px;
	line-height:25px;
	font-weight:bold;
	display:inline;
	padding-right:25px;
}
	.nome_hebraico{
		margin-bottom:5px;
	}
h3{/*compositor*/
	display:inline;
	font-size:12px;
	line-height:18px;
	margin-bottom:10px;
}
	#info_musica{
		font-size:10px;
		font-style:oblique;
	}

h4{/*instrumento*/
	font-size:10px;
	line-height:21px;
	font-weight:bold;
	text-transform:lowercase;
	display:inline;
}

h5{/*musico*/
	font-size:12px;
	line-height:21px;
	margin-bottom:12px;
	display:inline;
}
.oculto{display:none;}
.espaco_v{margin-bottom:10px;}
.espaco_h{margin-right:12px;}

.geral {
	
}
#container {
	width:100%;
	text-align: left;
}
	/*#cabecalho_mobile{
		height:20px;
		background:no-repeat url(imagens/cabecalho_mobile.png);
	}
	body.fundo2 #cabecalho_mobile{
		background:no-repeat url(imagens/cabecalho_mobile2.png);
	}*/
	.cabecalho{margin-top: 20px;}
	.cabecalho span{
		font-family: 'Abel', sans-serif;
		text-decoration:none;
		font-size:14px;
		letter-spacing:.5px;
		color: #000;
		
		display:block;
		position: absolute;
		margin-top: -8px;
	}
    .fundo2 .cabecalho span{color:#AAA;}
	.cabecalho .linha_divisoria{
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */

		display:block;
		height:1px;
		margin: 8px 0 0 127px;
	}
.box_letra,.texto_maior{
	font-size:13px;
	line-height:20px;
}
	#fundo_playMe{
		width:100%;
		height:100%;
		background:no-repeat url(imagens/bg.jpg) 0px 0px;
		display:block;
		position:fixed;
		top:0;
		z-index:4;
	}
	#playMe{
		display:block;
		position:absolute;
		top:10px;
		z-index:5;
	}
		#playMe .texto{
			font-size:13px;
			line-height:21px;
		}

	form.agenda{
		display:block;
		border:1px solid #DDD;
		padding:10px;
	}
		form.agenda label{
			display: block;
		}
		form.agenda .campo{
			margin-bottom:5px;
		}
	form.agenda .botao_submit{
		border:none;
		background-color:#AAA;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:5px 10px;
		cursor:pointer;
		display:block;
	}
	.frame_agenda{display:none;}
	.icones img{
		display:block;
		position:absolute;
		top:0;
		z-index:-1;

		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		display:none;
	}
	.triangulos img{
		display:block;
		position:absolute;
		top:0px;
		z-index:-1;
		
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		display:none;
	}
	.triangulos img.ativo{
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
	}
.fundo_player{

}
.meio{
	z-index:2;
}
#meio_mobile{display:none;}
	#box_canvas{
		
	}
		#playerCircular{
			display:none;
		}
		#playerMobile{
			position:absolute;
			z-index:-1;
		}
	#playerLinear{
		float:left;
		width:100%;
	}
		#circuloPlayer{
			position:absolute;
		}
	#playerScroll{
		border:2px solid #DDD;
		padding-top:1px;
		padding-bottom:1px;
		width:96%;
		margin-top:4px;
		margin-bottom:10px;
	}
	.pagina_interna{
		padding-top:20px;
	}
	.pagina_sergio{
		margin-top:20px;
	}
	.menu_videos a{
		display:block;
		float:left;
	}
		.menu_videos a.espaco_h{
			margin-right:6px;
		}
		.thumb_video{
			width:62px;
		}
		.frame_scloud,
		.frame_vimeo{
			display:block;
			width:100%;
			margin-bottom:8px;
		}
        .frame_video{
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            padding-top: 25px;
            height: 0;
            margin-bottom:8px;
        }
            .frame_video iframe{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
		.menu_videos a.ativo{
			opacity:0.3;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter:alpha(opacity=30);
			-moz-opacity:0.3;
			-khtml-opacity: 0.3;
		}
	
		
.lateral{
	padding-top:25px;
}
	/*.fundo_musica_br{background:url(imagens/titulo_music_br.png) no-repeat 0px 30px;}
	.fundo_musica_en{background:url(imagens/titulo_music_en.png) no-repeat 0px 30px;}

	.fundo_other_br{background:url(imagens/titulo_other_br.png) no-repeat 0px 30px;}
	.fundo_other_en{background:url(imagens/titulo_other_en.png) no-repeat 0px 30px;}*/
	
	.lateral_titulo{
		font-family: 'Abel', sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		font-size:15px;
		letter-spacing:.5px;
	}
		
	.linha_divisoria{
		border-bottom:1px solid #DDD;
	}
		body.fundo2 .linha_divisoria{
			border-bottom:1px solid #353435;
		}
	.idiomas{
		float:left;
		height:31px;
		margin-bottom:24px;
		text-align:right;
		width:100%;
	}
		.idiomas a{
			font-size:10px;
			line-height:14px;
			text-decoration:none;
			text-transform:uppercase;
			border-right:1px solid #353435;
			padding-right:5px;
			margin-right:5px;
		}
			.idiomas a:hover{
				text-decoration:underline;
			}
			.idiomas a.ativo{
				font-weight:bold;
			}
			.idiomas a.ultimo{
				border:none !important;
				margin-right:0px !important;
			}
	.tracklist,.info{
		padding-bottom:5px;
	}
		.tracklist a{
			text-decoration:none;
			font-size:12px;
			line-height:25px;
		}
		.tracklist a:hover{
			font-weight:bold;
		}
		.tracklist .over a{
			font-size:15px;
			font-weight:bold;
		}
	.menu_mobile{
		position:absolute;
		right:0px;
		float:right;
		text-align:right;
	}
		.menu_mobile a{
			padding:10px;
			text-transform:uppercase;
		}
	#menu{
		/*width:200px;*/
	}
		/*.menu_br a{
			background-image:url(imagens/menu_br.png);
		}
		.menu_en a{
			background-image:url(imagens/menu_en.png);
		}*/
		
		#menu a{
			display:none;
			overflow:hidden;
			background-repeat:no-repeat;
			width:190px;
			height:15px;
			margin-left:1px;
			margin-bottom:5px;
			margin-top:10px;
			
			font-family: 'Abel', sans-serif;
			text-transform:uppercase;
			text-decoration:none;
			font-size:15px;
			letter-spacing:.5px;
		}
			#menu.ativo a,
			#menu a.ativo{
				display:block;
			}
			#menu a.ativo{
				color:#000;
				font-weight:bold;
			}
            .fundo2 #menu a.ativo{
				color:#AAA;
			}
			
			/*#menu a#mn_disc{
				width:196px;
				background-position:0px 0px;
			}
				#menu a#mn_disc.ativo,#menu a#mn_disc:hover{
					background-position:0px -30px;
				}
			#menu a#mn_videos{
				width:72px;
				background-position:-204px 0px;
			}
				#menu a#mn_videos.ativo,#menu a#mn_videos:hover{
					background-position:-204px -30px;
				}
			#menu a#mn_agenda{
				width:78px;
				background-position:-275px 0px;
			}
				#menu a#mn_agenda.ativo,#menu a#mn_agenda:hover{
					background-position:-275px -30px;
				}
			#menu a#mn_making_of{
				width:97px;
				background-position:-355px 0px;
			}
				#menu a#mn_making_of.ativo,#menu a#mn_making_of:hover{
					background-position:-355px -30px;
				}
			#menu a#mn_download{
				width:100px;
				background-position:-455px 0px;
			}
				#menu a#mn_download.ativo,#menu a#mn_download:hover{
					background-position:-455px -30px;
				}
			#menu a#mn_portfolio{
				width:95px;
				background-position:-556px 0px;
			}
				#menu a#mn_portfolio.ativo,#menu a#mn_portfolio:hover{
					background-position:-556px -30px;
				}	*/
				
						
			.playlist{
				position:absolute;
				margin-left:140px;
				padding:10px;
				background-color:#CCC;
				top:0;
			}
		.player {
			margin-bottom:30px;
		}
			.box_player{
				float:left;
				font-size:11px;
			}
			.box_tempo{
				padding-left:7px;
				margin-right:15px;
			}
			.box_vol{
				text-align:center;
				margin-right:8px;
				width:20px;
			}
				.box_tempo #nome_musica,.box_tempo #tempoAtual{font-weight:bold;}
				.box_tempo #nome_musica{margin-right:10px;}

		.player .player_button{
			width:18px;
			height:15px;
			text-indent:-9999px;
			overflow:hidden;
			border:none;
			background-color:transparent;
			background-repeat:no-repeat;
			background-position:center;
			cursor:pointer;
			margin-right:5px;
			float:left;
			outline:none;
		}
		.player .player_button:hover{
			opacity:0.8;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
		}
		#play{
			background-image:url(imagens/player_play.png);
		}
		#pause{
			background-image:url(imagens/player_pause.png);
			display:none;
		}
		#mute{
			background-image:url(imagens/player_mute.png);
		}
		#unmute{
			background-image:url(imagens/player_unmute.png);
			display:none;
		}
		#voldown{
			background-image:url(imagens/player_voldown.png);
		}
		#volup{
			background-image:url(imagens/player_volup.png);
		}
		#next{
			background-image:url(imagens/player_next.png);
		}
		#prev{
			background-image:url(imagens/player_prev.png);
		}
		
	.texto_maior{
		font-size:12px;
		line-height:18px;
	}
.footer {
	width:100%;
	float:left;
	text-align:right;
}
	.footer p{
		padding:10px;
	}
.preload{
	position:fixed;
	z-index:-10;
	visibility:hidden;
	width:1px;
	height:1px;
	overflow:hidden;
}

.constelacoes{
	position:absolute;
	top:32px;
	display:none;
}

.constelacoes a{
	display:block;
	background:url(imagens/fundo_mobile_completo.png) no-repeat;
	position:absolute;
	z-index:3;	
	
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}
	body.fundo2 .constelacoes a{
		background:url(imagens/fundo_mobile_completo2.png) no-repeat;
	}

.constelacoes a:hover, .constelacoes a.ativo,.constelacoes a.over{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
}
#musico_sergio{
	width:83px;
	height:46px;
	margin-left:314px;
	top:356px;
	background-position:-314px -356px;
}

/*constelacoes*/
#musica_1{
	width:100px;
	height:63px;
	margin-left:138px;
	top:211px;
	background-position:-138px -211px;
}
#musica_2{
	width:67px;
	height:67px;
	margin-left:261px;
	top:119px;
	background-position:-261px -119px;
}
#musica_3{
	width:57px;
	height:46px;
	margin-left:401px;
	top:130px;
	background-position:-401px -130px;
}
#musica_4{
	width:52px;
	height:87px;
	margin-left:469px;
	top:158px;
	background-position:-469px -158px;
}
#musica_5{
	width:81px;
	height:71px;
	margin-left:522px;
	top:259px;
	background-position:-522px -259px;
}
#musica_6{
	width:54px;
	height:97px;
	margin-left:565px;
	top:329px;
	background-position:-565px -329px;
}
#musica_7{
	width:73px;
	height:64px;
	margin-left:529px;
	top:491px;
	background-position:-529px -491px;
}
#musica_8{
	width:39px;
	height:85px;
	margin-left:431px;
	top:539px;
	background-position:-431px -539px;
}
#musica_9{
	width:75px;
	height:93px;
	margin-left:253px;
	top:552px;
	background-position:-253px -552px;
}
#musica_10{
	width:88px;
	height:47px;
	margin-left:154px;
	top:523px;
	background-position:-154px -523px;
}
#musica_11{
	width:52px;
	height:22px;
	margin-left:128px;
	top:483px;
	background-position:-128px -483px;
}
#musica_12{
	width:82px;
	height:67px;
	margin-left:106px;
	top:312px;
	background-position:-106px -312px;
}

#musico_1{/*nelson veras*/
	width:34px;
	height:37px;
	margin-left:245px;
	top:269px;
	background-position:-245px -269px;
}
#musico_2{
	width:48px;
	height:11px;
	margin-left:298px;
	top:229px;
	background-position:-298px -229px;
}
#musico_3{
	width:17px;
	height:34px;
	margin-left:306px;
	top:270px;
	background-position:-306px -270px;
}
#musico_4{
	width:21px;
	height:30px;
	margin-left:373px;
	top:269px;
	background-position:-373px -269px;
}
#musico_5{
	width:20px;
	height:19px;
	margin-left:374px;
	top:229px;
	background-position:-374px -229px;
}
#musico_6{
	width:24px;
	height:29px;
	margin-left:452px;
	top:265px;
	background-position:-452px -265px;
}
#musico_7{
	width:15px;
	height:15px;
	margin-left:438px;
	top:242px;
	background-position:-438px -242px;
}
#musico_8{/*gaia matiuzzi*/
	width:38px;
	height:21px;
	margin-left:414px;
	top:277px;
	background-position:-414px -277px;
}
#musico_9{/*david linx*/
	width:20px;
	height:35px;
	margin-left:408px;
	top:299px;
	background-position:-408px -299px;
}
#musico_10{/*eve risser*/
	width:17px;
	height:20px;
	margin-left:464px;
	top:312px;
	background-position:-464px -312px;
}
#musico_11{/*anat cohen*/
	width:40px;
	height:30px;
	margin-left:525px;
	top:385px;
	background-position:-525px -385px;
}
#musico_12{/*dudu oliveira*/
	width:40px;
	height:29px;
	margin-left:429px;
	top:351px;
	background-position:-429px -351px;
}
#musico_13{/*thiago queiroz*/
	width:23px;
	height:31px;
	margin-left:472px;
	top:350px;
	background-position:-472px -350px;
}
#musico_14{/*jonas hocherman*/
	width:32px;
	height:28px;
	margin-left:518px;
	top:346px;
	background-position:-518px -346px;
}
#musico_15{
	width:22px;
	height:32px;
	margin-left:498px;
	top:378px;
	background-position:-498px -378px;
}
#musico_16{/*yuri vellar*/
	width:52px;
	height:28px;
	margin-left:438px;
	top:381px;
	background-position:-438px -381px;
}
#musico_17{
	width:19px;
	height:28px;
	margin-left:496px;
	top:346px;
	background-position:-496px -346px;
}
#musico_18{/*marcos suzano*/
	width:39px;
	height:43px;
	margin-left:420px;
	top:410px;
	background-position:-420px -410px;
}
#musico_19{/*jorginho do pandeiro*/
	width:28px;
	height:36px;
	margin-left:493px;
	top:417px;
	background-position:-493px -417px;
}
#musico_20{/*ekedi nicinha*/
	width:38px;
	height:37px;
	margin-left:457px;
	top:456px;
	background-position:-457px -456px;
}
#musico_21{/*david linx*/
	width:29px;
	height:37px;
	margin-left:357px;
	top:464px;
	background-position:-357px -464px;
}
#musico_22{/*mario laginha*/
	width:30px;
	height:39px;
	margin-left:398px;
	top:479px;
	background-position:-398px -479px;
}
#musico_23{/*gabrielle mirabassi*/
	width:36px;
	height:41px;
	margin-left:285px;
	top:479px;
	background-position:-285px -479px;
}
#musico_24{/*thiago amud*/
	width:31px;
	height:15px;
	margin-left:281px;
	top:437px;
	background-position:-281px -437px;
}
#musico_25{/*yamandu costa*/
	width:76px;
	height:48px;
	margin-left:195px;
	top:411px;
	background-position:-195px -411px;
}
#musico_26{/*antonio loureiro*/
	width:19px;
	height:14px;
	margin-left:212px;
	top:317px;
	background-position:-212px -317px;
}
#musico_27{/*ekedi nicinha*/
	width:51px;
	height:39px;
	margin-left:216px;
	top:333px;
	background-position:-216px -333px;
}

input[type='range'] {
    -webkit-appearance: none !important;
    border:2px solid #CCC;
	background:transparent;
    height:2px;
	width:43px;
	margin-top:5px;
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
	border:2px solid #CCC;
    background:#CCC;
    height:12px;
    width:5px;
}




#pageshare {
	position:absolute;
	top:30px;
	margin-left:1000px;
	float:left;
	padding:0 0 2px 0;
	z-index:10;

	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}
	#pageshare:hover{
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity:1;
	}

#pageshare .sbutton {display:none;float:left;clear:both;margin:5px 5px 0 5px;}