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

/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	background:#f9f6f1 repeat top center url(imagens/bg.jpg);
	margin: 0px;
	padding: 0;
	color: #8e9096;
}
	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:#929499;
}
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:15px;}
.espaco_h{margin-right:12px;}
.clearfix{clear:both;}

.geral {
	width: 960px;
	margin: auto;
}
#container {
	width: 960px;
	text-align: left;
	/*background:no-repeat url(imagens/cabecalho.png);*/
}
	
		.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 24px 0 127px;
		}
	/*body.fundo2 #container{
		background:no-repeat url(imagens/cabecalho2.png);
	}*/
.box_letra,.texto_maior{
	font-size:12px;
	line-height:18px;
}
	#fundo_playMe{
		width:960px;
		height:768px;
		background:no-repeat url(imagens/bg.jpg) -480px 0px;
		display:block;
		position:absolute;
		top:0;
		z-index:4;

		opacity:0.7;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
	#playMe{
		width:680px;
		height:768px;
		display:block;
		position:absolute;
		top:0;
		z-index:5;
	}
		#playMe .texto{
			margin-left:342px;
			margin-top:240px;
			font-size:14px;
			line-height:21px;
		}

	form.agenda{
		position:absolute;
		display:block;
		margin-left:180px;
		padding:15px;
		border:1px solid #AAA;
	}	
		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{visibility:hidden;}
	.icones img{
		display:block;
		position:absolute;
		top:0;
		z-index:-1;
	}
	.icones img{
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
	}
	.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;
	}
	.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{
	background: url(imagens/fundo.png) no-repeat top left;
	height:768px;
}
.meio{
	float:left;
	width:730px;
	z-index:2;
}
	#playerCircular{
		margin-left:60px;
		margin-top:58px;
	}
	#playerLinear{
		float:left;
		width:100%;
	}
		#circuloPlayer{
			position:absolute;
		}
	#playerScroll{
		border:2px solid #DDD;
		padding:1px;
		width:96%;
		margin-top:4px;
		margin-bottom:10px;
	}
	.pagina_interna{
		/*padding-top:76px;*/
		padding-left:40px;
	}
	.pagina_sergio{
		margin-top:35px;
	}
	.texto_bio{
		max-width: 480px;
		margin-bottom: 30px;
	}
		
	.menu_videos a{
		display:block;
		width:151px;
		float:left;
	}
	
		.frame_scloud{
			display:block;
			width:640px;
			height:450px; 
			margin-bottom:8px;
		}
		.frame_vimeo,
		.frame_video iframe{
			display:block;
			width:640px;
			height:360px; 
			margin-bottom:8px;
		}
		.thumb_video{
			width:151px;
		}
		.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;
		}
	.grupo_projetos:first-child{margin-top: 51px;}
	.grupo_projetos{
		padding: 5px;
		background-color: rgba(255,255,255,.1);
		margin-bottom: 14px;
	}
		.grupo_projetos p{
			margin-bottom: 0;
		}
		
.lateral{
	padding-top:35px;
	float:left;
	width:230px;
}
	/*.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;
		
		position: absolute;
	}
	
	.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:230px;
	}
		.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:10px;
	}
		.tracklist a{
			text-decoration:none;
			line-height:25px;
		}
		.tracklist a:hover{
			font-weight:bold;
		}
		.tracklist .over a{
			font-size:15px;
			font-weight:bold;
		}
	.menu_mobile,#playerMobile,#playerMobile{display:none;}
	#menu{
		margin-left:41px;
		width:660px;
	}
		.menu_br a{
			/*background-image:url(imagens/menu_br.png);*/
		}
		.menu_en a{
			/*background-image:url(imagens/menu_en.png);*/
		}
		
		#menu a{
			display:block;
			float:left;
			
			overflow:hidden;
			background-repeat:no-repeat;
			padding-right:20px;
			margin-bottom:10px;
			margin-top:32px;
			
			font-family: 'Abel', sans-serif;
			text-transform:uppercase;
			text-decoration:none;
			font-size:15px;
			letter-spacing:.5px;
		}
			#menu a:hover,
			#menu a.ativo{
				color:#000;
				font-weight:bold;
			}
			.fundo2 #menu a:hover,
			.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:-196px 0px;
			}
				#menu a#mn_videos.ativo,#menu a#mn_videos:hover{
					background-position:-196px -30px;
				}
			#menu a#mn_agenda{
				width:78px;
				background-position:-268px 0px;
			}
				#menu a#mn_agenda.ativo,#menu a#mn_agenda:hover{
					background-position:-268px -30px;
				}
			#menu a#mn_making_of{
				width:97px;
				background-position:-346px 0px;
			}
				#menu a#mn_making_of.ativo,#menu a#mn_making_of:hover{
					background-position:-346px -30px;
				}
			#menu a#mn_download{
				width:104px;
				background-position:-443px 0px;
			}
				#menu a#mn_download.ativo,#menu a#mn_download:hover{
					background-position:-443px -30px;
				}
			#menu a#mn_portfolio{
				width:95px;
				background-position:-547px 0px;
			}
				#menu a#mn_portfolio.ativo,#menu a#mn_portfolio:hover{
					background-position:-547px -30px;
				}
			*/
			
			.playlist{
				position:absolute;
				margin-left:140px;
				padding:10px;
				background-color:#CCC;
				top:0;
			}
		.player {
			margin-bottom:30px;
			width:228px;
		}
			.box_player{
				float:left;
				font-size:11px;
				padding-left:2px;
				margin-right:10px;
			}
				.box_tempo #nome_musica,.box_tempo #tempoAtual{font-weight:bold;}
				.box_tempo #nome_musica{margin-right:10px;}

				.box_vol{text-align:center;}
			
		.player .player_button{
			width:15px;
			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:13px;
		line-height:20px;
	}
.footer {
	width:960px;
	float:left;
	text-align:right;
	margin-bottom:20px;
}
.preload{
	position:fixed;
	z-index:-10;
	visibility:hidden;
	width:1px;
	height:1px;
	overflow:hidden;
}

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

	#box_canvas{margin-top: -24px;}
.constelacoes a{
	display:block;
	background:url(imagens/fundo_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_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 {float:left;clear:both;margin:5px 5px 0 5px;}