* {
	margin:0;
	padding:0;
}

body {
	font-family: 'Roboto Condensed', arial;
	font-size: 14px;
	color: #000;
	background: #000;
}

img { border:0; }

a {
	text-decoration: none;
	color: #b88509;
}

h1 {
	text-align: center;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: normal;
	color: #000;
	padding-bottom: 7px;
}

map area { outline:none; }

.break {
	clear: both;
}
.break-left {
	clear: left;
}

.fundo_preto { background: #000; }

/* ESTRUTURA */

#pagina {
	position: relative;
	width: 1020px;
	height: 700px;
	margin: 0 auto;
	background: #a70000;
}
#pag_pad {
	position: relative;
	padding: 24px 30px 11px 30px;
	height: 665px;
}


/* LOADING */
#dvLoading {
   background:#fff url(../img/jogos_carregando.png) no-repeat center center;
   width: 312px;
   height: 143px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -71px 0 0 -156px;
}
#dvLoading img {
	display: block;
	width: 70px;
	margin: 108px auto 0 auto;
}

/* TOPO */

#topo {
	height: 63px;
	background: url(../img/jogos/header_jogos.jpg);
}

#voltar {
	padding-top: 8px;
	padding-left: 8px;
	width: 53px;
	height: 49px;
}
#voltar a {
	display: block;
	width: 53px;
	height: 49px;
	background: url(../img/jogos/voltar_jogos.png);
}

#menu {
	height: 71px;
}


#menu ul { list-style-type: none; }
#menu li {
	float: left;
	width: 188px;
	height: 71px;
	margin-left: 5px;
}
#menu li.first {
	margin-left: 0;
}


#menu li a {
	display: block;
	width: 188px;
	height: 71px;
}

#mn_cade_o_som { background: url(../img/jogos/menu_01.png); }
#mn_cade_o_som:hover { background-position: 0 -71px; }
#mn_cade_o_som:active { background-position: 0 -142px; }
#mn_sinfonia_inacabada { background: url(../img/jogos/menu_02.png); }
#mn_sinfonia_inacabada:hover { background-position: 0 -71px; }
#mn_sinfonia_inacabada:active { background-position: 0 -142px; }
#mn_quem_esta_com_a_melodia { background: url(../img/jogos/menu_03.png); }
#mn_quem_esta_com_a_melodia:hover { background-position: 0 -71px; }
#mn_quem_esta_com_a_melodia:active { background-position: 0 -142px; }
#mn_brincando_de_regente { background: url(../img/jogos/menu_04.png); }
#mn_brincando_de_regente:hover { background-position: 0 -71px; }
#mn_brincando_de_regente:active { background-position: 0 -142px; }
#mn_voce_e_o_paginista { background: url(../img/jogos/menu_05.png); }
#mn_voce_e_o_paginista:hover { background-position: 0 -71px; }
#mn_voce_e_o_paginista:active { background-position: 0 -142px; }

#menu li a.sel { background-position: 0 -142px; }


/* jogos */

#bot_repetir {
	display: none;
	float: right;
	width: 70px;
	height: 27px;
	background: transparent url(../img/jogos/botao_jogarnovamente.png) left top no-repeat;
	padding-left: 32px;
	margin-top: 15px;
	margin-right: 15px;
	font-weight: bold;
	line-height: 13px;
	cursor: pointer;
}


#bot_resultado {
	width: 215px;
	height: 47px;
	background-image: url(../img/jogos/respostas.png);
	margin: 12px auto;
}
#bot_resultado.certo { background-position: 0 -47px; }
#bot_resultado.errado { background-position: 0 -94px; }


/* jogo 1 */

#j1_perguntas {
	float: right;
	width: 522px;
}

#j1_perguntas_caixa_img {
	float: left;
	position: relative;
	width: 82px;
	height: 130px;
}
#j1_perguntas_caixa_img img {
	display: none;
	position: absolute;
	width: 82px;
	height: 130px;
}
#j1_perguntas_caixa_main {
	width: 440px;
	height: 130px;
	margin-left: 82px;
	background: #fff;
}
#j1_perguntas_caixa_nav {
	height: 30px;
	background: #ff5400;
}
#j1_perguntas_caixa_nav ul { list-style-type: none; }
#j1_perguntas_caixa_nav ul li {
	display: inline-block;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0 37px;
	cursor: pointer;
}
#j1_perguntas_caixa_nav ul li.sel { background: #b60000; }
#j1_perguntas_caixa_nav ul li.ok { color: #b60000; }

#j1_perguntas_caixa_perguntas {
	position: relative;
	width: 440px;
	height: 100px;
}
#j1_perguntas_caixa_perguntas ul { list-style-type: none; }
#j1_perguntas_caixa_perguntas li {
	display: none;
	position: absolute;
	width: 320px;
	height: 60px;
	padding: 20px 0px 20px 80px;
	font-size: 22px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 25px center;
}
#j1_p1 { background-image: url(../img/jogos/jogo1/pergunta_n1.png); }
#j1_p2 { background-image: url(../img/jogos/jogo1/pergunta_n2.png); }
#j1_p3 { background-image: url(../img/jogos/jogo1/pergunta_n3.png); }
#j1_p4 { background-image: url(../img/jogos/jogo1/pergunta_n4.png); }
#j1_p5 { background-image: url(../img/jogos/jogo1/pergunta_n5.png); }


#j1_cadeosom { margin-top: 30px; }

#j1_cadeosom_main {
	width: 870px;
	height: 233px;
	background: url(../img/jogos/jogo1/fundo_roxo.png);
}

#j1_cadeosom_topo {
	position: relative;
	height: 117px;
	background: #6204b1;
}
#j1_cadeosom_duracao {
	position: absolute;
	right: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
}
#j1_cadeosom_tit {
	position: absolute;
	left: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
}
#j1_cadeosom_play {
	text-align: center;
	padding-top: 10px;
}
#j1_cadeosom_play .bt_rew { padding-right: 4px; }
#j1_cadeosom_play .bt_ff { padding-left: 4px; }

#j1_cadeosom_wave {
	position: relative;
	width: 850px;
	height: 56px;
	background: #b6bcee url(../img/jogos/jogo1/waveform.png);
	margin: 5px 10px;
}
#j1_cadeosom_wave #wave_dial {
	position: absolute;
	height: 56px;
	border-right: 2px solid #fff;
	background: #6204b1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#j1_cadeosom_bot {
	position: relative;
}

#j1_cadeosom_topo_nav #bot_repetir {
	position: absolute;
	right: 10px;
	top: 20px;
}
#j1_cadeosom_topo_nav #bot_resultado {
	position: absolute;
	left: 120px;
	top: 10px;
}
#j1_responder {
	margin: 14px auto 0px auto;
	width: 89px;
	height: 90px;
	background: url(../img/jogos/jogo1/botao_vermelho.png);
	cursor: pointer;
}
#j1_responder:hover { background-position: 0 -90px; }

/* jogo 2 */

.main_jogo2 {
	position: relative;
	height: 481px;
	background: url(../img/jogos/jogo2/fundo_amarelo.jpg);
}

#main_pad {
	padding: 20px 45px;
}

#j2_comojogar {
	margin-bottom: 50px;
}
#j2_comojogar ul {
	width: 304px;
	list-style-type: none;
	background: #f29406;
	padding: 6px 12px;
}
#j2_comojogar li {
	margin-bottom: 4px;
}
#j2_comojogar li.last {
	margin-bottom: 0;
}
#j2_comojogar li img {
	float: left;
}
#j2_comojogar li div {
	margin-left: 30px;
}


#j2_musicas ul {
	width: 316px;
	list-style-type: none;
	background: #e87104;
	padding: 6px;
}
#j2_musicas li {
	margin-bottom: 4px;
	background: #fff;
	cursor: pointer;
}
#j2_musicas li.last {
	margin-bottom: 0;
}
#j2_musicas li img {
	float: left;
}
#j2_musicas li div {
	margin-left: 70px;
}
#j2_musicas li div p {
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
}
#j2_musicas li div p span {
	font-size: 14px;
	font-weight: normal;
}
#j2_musicas li.sel {
	background: #0080ff;
}
#j2_musicas li.sel div p {
	color: #e87104;
	text-shadow: 2px 2px 3px #000;
}
#j2_musicas li.sel div p span {
	color: #fff;
}

#j2_jogo {
	float: right;
	width: 480px;
}
#j2_jogo_tit {
	text-align: center;
}
#j2_jogo_main_top {
	width: 480px;
	height: 169px;
	background: url(../img/jogos/jogo2/quadro_azul.png);
}
#j2_jogo_main_bot {
	width: 480px;
	height: 212px;
	background: url(../img/jogos/jogo2/quadro_laranja.png);
}

#j2_jogo_main_top {
	position: relative;
}
#j2_top_img {
	position: absolute;
	top: 20px;
	left: 21px;
}
#j2_top_img img { display: none; }

#j2_top_info {
	padding-top: 20px;
	margin-left: 170px;
}
#j2_top_info_tit {
	font-size: 26px;
	line-height: 30px;
	color: #ff9933;
	text-shadow: 2px 2px 3px #000;
	margin-bottom: 4px;
}
#j2_top_info_tit p { display: none; }

#j2_top_info_sub {
	font-size: 18px;
	color: #fff;
	font-weight: 100;
}
#j2_top_info_sub p { display: none; }

#j2_bot_respostas ul {
	list-style-type: none;
	padding-top: 20px;
}
#j2_bot_respostas ul li {
	float: left;
	width: 66px;
	height: 126px;
	margin: 0 15px;
	background: #ffbb04;
	text-align: center;
	border-radius: 6px;
}
.j2_bot_play {
	margin-top: 15px;
	margin-bottom: 15px;
}
.j2_resp {
	width: 47px;
	height: 47px;
	margin: 0 auto;
	background-color: #f74600;
	cursor: pointer;
}

#j2_r0 { background-image: url(../img/jogos/jogo2/botao_A.png); }
#j2_r1 { background-image: url(../img/jogos/jogo2/botao_B.png); }
#j2_r2 { background-image: url(../img/jogos/jogo2/botao_C.png); }
#j2_r3 { background-image: url(../img/jogos/jogo2/botao_D.png); }
#j2_r4 { background-image: url(../img/jogos/jogo2/botao_E.png); }

.j2_resp:hover { background-position: 0 -47px; }

#j2_r0.sel,
#j2_r1.sel,
#j2_r2.sel,
#j2_r3.sel,
#j2_r4.sel {
	background-position: 0 -94px;
}

/* jogo 3 */

#j3_respostas {
	float: right;
	width: 520px;
}
#j3_respostas_caixa {
	height: 100px;
	background: #004b96;
	padding: 0 7px;
}
#j3_respostas_caixa ul { list-style-type: none; }
#j3_respostas_caixa li {
	float: left;
	width: 76px;
	margin: 4px;
}
#j3_respostas_caixa p {
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
}
#j3_respostas_caixa div {
	height: 60px;
	background: #fff;
}
#j3_respostas_caixa div.errada { background: #ff0000; }
#j3_respostas_caixa div.certa { background: #00ff00; }
/*
#j3_respostas_caixa #j3_r1.certa { background: url(../img/jogos/jogo3/r1.png); }
#j3_respostas_caixa #j3_r2.certa { background: url(../img/jogos/jogo3/r2.png); }
#j3_respostas_caixa #j3_r3.certa { background: url(../img/jogos/jogo3/r3.png); }
#j3_respostas_caixa #j3_r4.certa { background: url(../img/jogos/jogo3/r4.png); }
#j3_respostas_caixa #j3_r5.certa { background: url(../img/jogos/jogo3/r5.png); }
#j3_respostas_caixa #j3_r6.certa { background: url(../img/jogos/jogo3/r6.png); }
*/
#j3_jogo_main {
	margin-top: -30px;
}
#j3_jogo_main_body {
	height: 104px;
}
#j3_jogo_topo {
	position: relative;
	height: 30px;
	background: #004b96;
	margin-top: 30px;
}
#j3_jogo_duracao {
	float: right;
	margin-top: 4px;
	margin-right: 10px;
	color: #fff;
}
#j3_jogo_play {
	position: absolute;
	left: 30px;
	top: -20px;
	background: #004b96;
	padding: 10px;
	border-radius: 30px;
}

#j3_jogo_bot {
	position: relative;
	height: 74px;
	background: #004b96;
}

#j3_jogo_tit {
	padding-left: 20px;
	color: #fff;
	font-size: 16px;
}
#j3_jogo_tit p {
	font-size: 26px;
	line-height: 30px;
	color: #ff9933;
	text-shadow: 2px 2px 3px #000;
	margin-bottom: 4px;
}

#j3_jogo_bot #bot_repetir {
	position: absolute;
	right: 0px;
	bottom: 4px;
	color: #fff;
}

#j3_jogo_wave {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 720px;
	height: 30px;
	background: #cfd7f3;
}

#j3_jogo_wave #wave_dial {
	position: absolute;
	height: 30px;
	border-right: 2px solid #000;
	background: #1ca5f3;
}
#j3_jogo_marcacao div {
	position: absolute;
	top: 40px;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
}
#j3_jogo_marcacao1 { left: 190px; }
#j3_jogo_marcacao2 { left: 286px; }
#j3_jogo_marcacao3 { left: 407px; }
#j3_jogo_marcacao4 { left: 504px; }
#j3_jogo_marcacao5 { left: 620px; }
#j3_jogo_marcacao6 { left: 720px; }

#j3_opcoes {
	margin-top: 5px;
}
#j3_opcoes div {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 120px;
	background: #fff;
	text-align: center;
	line-height: 22px;
	font-weight: bold;
	cursor: pointer;
}
#j3_opcoes div.last {
	margin-right: 0;
}
#j3_opcoes div img {
	width: 120px;
	float: left;
}

/* jogo 4 */

#j4_jogo {
	position: relative;
	height: 481px;
}

#j4_jogo { position: relative; }

#j4_opcoes {
	float: right;
	margin-right: 5px;
	margin-top: 10px;
}
#j4_opcoes ul { list-style-type: none; }
#j4_opcoes ul li {
	position: relative;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	margin-bottom: 4px;
	z-index: 10;
}
#j4_opcoes ul li span {
	padding-left: 36px;
	font-weight: bold;
	font-size: 14px;
}
#j4_opcoes ul div {
	position: absolute;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	background: #000;
	border-radius: 28px;
	z-index: 1;
}
#j4_opcoes ul li#m1 div { background: #308eed; }
#j4_opcoes ul li#m2 div { background: #ffdc15; }
#j4_opcoes ul li#m3 div { background: #339832; }
#j4_opcoes ul li#m4 div { background: #ab1100; }
#j4_opcoes ul li#m5 div { background: #9899ff; }
#j4_opcoes ul li#m6 div { background: #b75628; }


#j4_comojogar {
	padding-top: 10px;
	margin-left: 5px;
}
#j4_comojogar ul {
	list-style-type: none;
}
#j4_comojogar li {
	width: 300px;
	margin-bottom: 4px;
}
#j4_comojogar li.last {
	width: 240px;
	margin-bottom: 0;
}
#j4_comojogar li img {
	float: left;
}
#j4_comojogar li div {
	margin-left: 30px;
}

#j4_orquestra {
	position: absolute;
	top: 0px;
	left: 180px;
}

#orquestra_home_img {
	width: 700px;
	height: 379px;
	margin-top: 11px;
	background: url(../img/jogos/jogo4/orquestra.png);
}

#j4_btn_jogar {
	width: 118px;
	height: 30px;
	margin-left: 30px;
	margin-top: 80px;
	background: url(../img/jogos/jogo4/botao_jogar.png);
}

#j4_bot {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 85px;
	width: 100%;
	background: #1942fa;
}

#j4_bot_esq {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 85px;
	width: 180px;
	background: #339832;
	text-align: center;
}

#j4_jogo_play {
	position: absolute;
	left: 60px;
	top: -20px;
	background: #339832;
	padding: 10px;
	border-radius: 30px;
	z-index: 1;
}

#j4_jogo_tit {
	position: absolute;
	left: 28px;
	color: #fff;
	font-size: 12px;
	padding-top: 22px;
	z-index: 20;
	text-align: center;
}
#j4_jogo_tit p {
	font-size: 22px;
	color: #ff9933;
	text-shadow: 2px 2px 3px #000;
	margin-bottom: 4px;
}

#j4_play_trigger {
	position: absolute;
	left: 65px;
	top: -10px;
	height: 40px;
	width: 40px;
	z-index: 40;
	cursor: pointer;
}

#j4_bot_dir {
	margin-left: 180px;
}

#j4_jogo_wave {
	height: 14px;
	width: 700px;
	background: #fff;
}
#j4_jogo_wave #wave_dial {
	position: absolute;
	height: 14px;
	background: #006500;
}

#j4_tempo {
	float: right;
	margin-right: 40px;
	color: #fff;
	font-size: 12px;
}

#j4_respostas {
	list-style-type: none;
	margin-left: 95px;
}
#j4_respostas li {
	float: left;
	width: 67px;
	height: 67px;
	margin-right: 20px;
	background-image: url(../img/jogos/jogo4/botoes_sapos.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#r1.certa { background-position: -67px 0; }
#r2.certa { background-position: -67px -67px; }
#r3.certa { background-position: -67px -134px; }
#r4.certa { background-position: -67px -201px; }
#r5.certa { background-position: -67px -134px; }
#r6.certa { background-position: -67px -335px; }
#r1.errada { background-position: -134px 0; }
#r2.errada { background-position: -134px -67px; }
#r3.errada { background-position: -134px -134px; }
#r4.errada { background-position: -134px -201px; }
#r5.errada { background-position: -134px -268px; }
#r6.errada { background-position: -134px -335px; }


/* jogo 5 */

#j5_ilustracoes {
	width: 370px;
	margin-top: -40px;
	background: url(../img/jogos/jogo5/pentagramas_fundo.png) right bottom no-repeat;
}
#j5_ilustracoes img {
	vertical-align: top;
}

#j5_jogo_main {
	position: relative;
	width: 500px;
	background: #f87300;
}

.j5_jogo_main_item {
	position: relative;
	height: 120px;
	cursor: pointer;
}
.j5_jogo_main_item:hover {
	background: #0080fe;
}

.j5_top_img {
	position: absolute;
	top: 5px;
	left: 5px;
}

.j5_top_info {
	padding-top: 20px;
	margin-left: 120px;
}
.j5_top_info_tit {
	margin-bottom: 4px;
}
.j5_top_info_tit,
.j5_top_info_tit a {
	font-size: 26px;
	line-height: 30px;
	color: #ffb200;
	text-shadow: 2px 2px 3px #000;
}

.j5_top_info_sub,
.j5_top_info_sub a {
	font-size: 18px;
	color: #fff;
	font-weight: 100;
}

.j5_top_jogar {
	position: absolute;
	top: 5px;
	right: 30px;
	padding-top: 20px;
	padding-left: 30px;
	height: 76px;
	background: url(../img/jogos/jogo5/chaveabrirpartitura.png) left center no-repeat;
}

.j5_top_jogar a {
	font-size: 22px;
	line-height: 24px;
	color: #000;
}

/* jogo 5 - jogo */

#j5_jogo {
	position: relative;
	height: 483px;
	background: #9899fe;
	padding-left: 15px;
	padding-top: 4px;
}

#j5_dir {
	position: absolute;
	width: 160px;
	top: 15px;
	right: 10px;
	background: #653bdc;
}

#j5_dir ul {
	position: absolute;
	width: 160px;
	list-style-type: none;
	padding-bottom: 20px;
	background: #9899fe;
}

#j5_dir ul li {
	margin-bottom: 2px;
	padding-left: 35px;
	background: #785fd7;
	font-size: 22px;
	line-height: 30px;
	word-spacing: 20px;
	color: #ffb200;
}
#j5_dir ul li.sel { background: #4e2fac; color: #fff; }

#j5_dir_box {
	margin-top: 10px;
	text-align: center;
	height: 274px;
	padding: 160px 0 20px;
}
#j5_bot_resultado {
	width: 115px;
	height: 65px;
	margin: 0 auto;
	background: url(../img/jogos/jogo5/botao_resposta.png);
}
#j5_bot_resultado.certa {
	background-position: 0 -65px;
}
#j5_bot_resultado.errada {
	background-position: 0 -130px;
}

#bot_virar_box { cursor: pointer; }
#bot_virar {
	width: 89px;
	height: 90px;
	margin: 50px auto 0 auto;
	background: url(../img/jogos/jogo5/botao_vermelho.png);
}
#bot_virar_txt {
	text-align: center;
	font-size: 26px;
	line-height: 30px;
	color: #fff;
	text-shadow: 2px 2px 3px #000;
}


#j5_jogo_main_top {
	height: 40px;
}

#j5_jogo_partitura {
	width: 760px;
}
#j5_top_tit {
	height: 40px;
	width: 350px;
	margin: 0 auto;
	text-align: center;
	padding-top: 8px;
}
#j5_top_tit_span {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background: #2c136a;
	padding: 15px 40px 5px 40px;
}
#j5_top_tit .j5_top_info_tit {
	padding-right: 6px;
	font-size: 18px;
}

#j5_jogo_main_linha {
	height: 5px;
	background: #2c136a;
}

#j5_top_voltar {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}
#j5_top_voltar img {
	padding-right: 4px;
	vertical-align: middle;
}
#j5_top_voltar span {
	vertical-align: bottom;
	color: #2c136a;
	font-size: 14px;
}

#j5_top_jogar {
	float: right;
	padding-right: 10px;
	padding-top: 8px;
}
#j5_btn_jogar {
	margin-right: 4px;
	float: left;
	width: 118px;
	height: 30px;
	background: url(../img/jogos/jogo4/botao_jogar.png);
}


#j5_jogo_main_partitura {
	position: relative;
	width: 760px;
	height: 430px;
	background: #ece7d2;
}
#j5_jogo_main_partitura ul { list-style-type: none; }
#j5_jogo_main_partitura li {
	position: absolute;
	background: #ece7d2;
}

#guia {
	display: none;
	position: absolute;
	left: 0;
	width: 760px;
	background: #ff0000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	z-index: 100;
}
.guia_minueto { height: 100px; }
.guia_sonata { height: 130px; }
.guia_odeon { height: 160px; }