/* CSS Document */
body{margin:0px; overflow:hidden;
padding:0px; display: flexbox;
cursor:url(imagens/btns/cursor.cur);
}



/*CABEÇALHO DA PÁGINA*/
body, background { background-color: #fcffddff; margin: 0; padding:0; width:100%; height:100%; background-repeat:repeat;}
body, a:hover{cursor:url(imagens/cursor.cur), default;}
body, a:hover{cursor:url(imagens/cursor_pointer.cur) pointer;}

*{
	margin:0;
	padding:0;
	display:flexbox;
}

#construct{ width: auto; height: auto; margin-left: 15%; margin-top: 3%;}

.iframe{width: 100%; height:920px; border: 0px; overflow: auto;}

.fundo{ width: 400px; height: 350px; background-image: url(imagens/btn_menu/fnd.png); background-position: center; background-repeat: no-repeat; display: block; margin-left: 40%; margin-top: 1.5%; margin-bottom: 2%;}

.bar{ width: 80%; height: 20px; left: 25%; background-color: #45053b; border-radius: 20px; display: block; box-shadow: 10px 10px 20px #ffff00;}

.bar2{ width: 80%; height: 20px; left: 25%; margin-top: 3%; background-color: #45053b; border-radius: 20px; display: block; box-shadow: 10px 10px 20px #ffff00;}

#bar{margin-top: 4%;}

.madre{margin: 0; padding: 0;}

.philia{margin: 0; padding: 0;}

.prime{float: left; width: 65%; margin-left: 15%; margin-top: 1%;}


#redes{width:75%; height:80px; margin-left: 12%; margin-top: 1%; float: left; background-color: #45053b; border-radius: 15px; box-shadow: 10px 5px 25px #ffff00;}

.social{float: left; padding: 0.5%; margin-left: 15%;}

#insta{ background-image: url(imagens/btn_menu/insta.png); background-repeat: no-repeat; background-position: center; width:65px; height:65px; margin-left: 15%;}

#ytb{ background-image: url(imagens/btn_menu/youtube.png); background-repeat: no-repeat; background-position: center; width:65px; height:65px; margin-left: 15%;}

#whts{ background-image: url(imagens/btn_menu/whatsapp.png); background-repeat: no-repeat; background-position: center; width:65px; height:65px; margin-left: 15%;}

#tele{ background-image: url(imagens/btn_menu/telegram.png); background-repeat: no-repeat; background-position: center; width:65px; height:65px; margin-left: 15%;}

.menu{margin-left: 18%;}

.menu_mus{margin-left: 18%;}

.menu0{float: left; position: relative; padding-left: 0.5%;}

.menu1{float: left; position: relative; padding-left: 0.5%;}

.menu2{float: left; position: relative; padding: 2%;}

.menu3{float: left; position: relative; width: 25%; padding: 1%;}

.menu4{margin-left: 18%; margin-top: -3%;}

.menu5{float: left; position: relative; width: 45%; padding: 1%;}

.menu6{margin-left: 33%;}

.menu7{float: left; position: relative; width: 21%; padding: 1%;}

.btn{ width: 40%; height: 65px; margin-left: 10%; z-index: 2;
	background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; color: #ffff00;
	border-radius: 65px 0px 45px 0px;}

.btn2{ width: 40%; height: 65px; margin-left: 10%; z-index: 2;
		background-color: #034317; font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; color: #ffff00;
		border-radius: 65px 0px 45px 0px;}
.btn3{ width: 100px; height: 100px; margin-left: 35%; border: 0px;  background-color: #45053b}

.btn4{ width: 100%; height: 65px; margin-left: 10%; z-index: 1;
	background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
	border-radius: 65px 0px 45px 0px;}

.btn5{ width: 200px; height: 65px; margin-left: 10%; z-index: 2;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 0px 0px 0px 50px;}

.btn6{ width: 200px; height: 65px; margin-left: 10%; z-index: 5;
			background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
			border-radius: 0px 0px 0px 0px;}

.btn7{ width: 200px; height: 65px; margin-left: 10%; z-index: 5;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 0px 0px 50px 0px;}

.btn8{ width: 200px; height: 65px; margin-left: 10%; z-index: 5;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 0px 50px 0px 0px;}

.btn9{ width: 200px; height: 65px; margin-left: 10%; z-index: 5;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 50px 0px 0px 0px;}

.btn10{ width: 80px; height: 60px; z-index: 5; margin-left: 30%;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 5px 5px 5px 5px;}

.btn11{ width: 150px; height: 60px; z-index: 5; margin-left: 30%;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 5px 5px 5px 5px;}

.btn12{ width: 210px; height: 60px; z-index: 5;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 15px 15px 15px 15px;}
		
.btn13{ width: 100%; height: 65px; margin-left: 10%; z-index: 1;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 0px 65px 0px 45px;}
	
.btn14{ width: 210px; height: 60px; z-index: 5;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #ffff00;
		border-radius: 15px 15px 15px 15px;}

.btn15{ width: 210px; height: 60px; z-index: 5;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 0px 0px 35px 35px;}

.btn16{ width: 210px; height: 60px; z-index: 5; left: -15%;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 0px 0px 35px 35px;}


.btn17{ width: 210px; height: 60px; z-index: 5; position: relative; margin-left: 0%;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 0px 0px 35px 35px;}		
	
.neutral{ width: 210px; height: 60px; z-index: 5; border: none;
		background-color: #fcffddff; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color: #ffff00;
		border-radius: 15px 15px 15px 15px;}


.btnlink{ width: 210px; height: 60px; z-index: 5; margin-left: 10%;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #ffff00;
		border-radius: 15px 15px 15px 15px;}

.btnlink2{ width: 210px; height: 60px; z-index: 5;
		background-color: #034317; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #ffff00;
		border-radius: 15px 15px 15px 15px;}		

.link{float: left; margin-left: 12%; margin-bottom: 3%;}
.link2{float: left; margin-left: 97%;}


.tlt{width: 45%;}

.pnl{ width:100%; height:750px; display: none; margin-left: 22.5%; position: absolute; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl2{ width:100%; height:750px; margin-top: 3%; display: none; margin-left: 15%; position: absolute; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl3{ width:65%; height:750px; margin-top: 3%; display: none; left: 26%; position: absolute; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl4{ width:90%; height:600px; margin-top: 3%; display: none; left: 10%; position: absolute; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl5{ width:90%; height:55%; margin-top: 1%; display: none; left: 18%; position: absolute; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl6{ width:90%; height:750px; margin-top: 1%; display: none; left: 5%; position: relative; font-family: Arial; font-size: 32px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl7{ width:90%; height:750px; margin-top: 3%; display: block; left: 5%; position: absolute; font-family: Arial; font-size: 32px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl8{ width:90%; height:750px; margin-top: 3%; display: block; left: 5%; position: absolute; font-family: Arial; font-size: 32px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl_pro{ width:90%; height:750px; margin-top: 3%; display: block; left: 5%; position: absolute; font-family: Arial; font-size: 32px; color: #45053b; font-weight: bold; overflow: auto;}


.pnl0{ width:100%; height:750px; margin-top: -1.7%; display: none; margin-left: 15%; position: absolute; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl9{ width:100%; height:600px; margin-top: 8%; display: none; left: 5%; position: absolute; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.painel3{ width:100%; height:750px; display: none; margin-left: 25%; position: absolute; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl10{ width:90%; height:750px; margin-top: 8%; display: none; left: 5%; position: relative; font-family: Arial; font-size: 32px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl11{ width:90%; height:750px; margin-top: 8%; display: none; left: 15%; position: relative; font-family: Arial; font-size: 32px; color: #45053b; font-weight: bold; overflow: auto;}

.fechar{margin:0;}
.fechar2{padding:3%; margin-left: -22.5%;}
.fechar3{padding:3%; margin-left: -12%;}


#close16{margin-top: 20%; margin-left: -215%;}
#close17{margin-top: 5%; margin-left: 135%;}


.anatomia{ width: 60%; height: auto; margin-top: 9%; margin-left: 21%; position: relative; display:none; font-family: Arial; text-align: center; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.estrutura{ width:60%; height: 650px; margin-top: 9%; display: none; margin-left: 21%; position: absolute; font-family: Arial; text-align: center; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}

.corda{ width: 90%; height: auto; margin-top: 10%; display:none; position: relative; overflow: auto;}

.mao{ width: 90%; height: auto; margin-top: 10%; display:none; position: relative; overflow: auto;}

.form{ width:90%; height:750px; display: none; position: relative; margin-left: -10%; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.play{width: 100px; height: 40px; z-index: 2; position: relative;
	background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #ffff00;
	border-radius: 10px 10px 10px 10px;}

#som{width: 30%; height: 100px;}
#video{width: 30%; height: 500px;}

	#conceito2{ display: none; margin-top: 10%;font-family: Arial; font-size: 36px; text-align: justify; color: #45053b; font-weight: bold; overflow: auto;}

#acordes{ display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}
#chord_a{ display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}
#chord_b{ display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}
#chord_c{ display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}
#chord_d{ display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}
#chord_e{ display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}
#chord_f{ display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}
#chord_g{ display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}



#principal{display: block;}

#definicao{display: none; width: 75%; margin-top: 5%; margin-left: 15%; font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}

#ritmos{display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}

#ritmos2{display: none; margin-top: 10%;font-family: Arial; font-size: 36px; color: #45053b; font-weight: bold; overflow: auto;}

#closet{margin-left: -35%;}

#closet2{margin-left: -6%;}

#picpay{position: relative; margin-left: 5%;  float: left;}

#pagbank{position: relative;margin-left: 5%; float: left;}

#mercadopago{position: relative; margin-left: 5%; float: left;}

.cash{ width: 65%; margin-left: 10%; position: relative; margin-top: 3%;}



/*RITMOS RASQUEADOS*/
#rtbld68{display: none;}
#rtcountry{display: none;}
#rtcountry2{display: none;}
#rtfnk1{display: none;}
#rtfnk2{display: none;}
#rtfnk3{display: none;}
#rtfnk4{display: none;}
#rtfnk5{display: none;}
#rtfnk6{display: none;}
#rtguar{display: none;}
#rtieieie{display: none;}
#rtregg1{display: none;}
#rtregg2{display: none;}
#rtrck1{display: none;}
#rtrck2{display: none;}
#rtxot{display: none;}

/*RITMOS ARPEJADOS*/
#rtbld{display: none;}
#rtbaia1{display: none;}
#rtbaia2{display: none;}
#rtbaia3{display: none;}
#rtbaia4{display: none;}
#rtboler{display: none;}
#rtboss1{display: none;}
#rtboss2{display: none;}
#rtboss3{display: none;}
#rtboss4{display: none;}
#rtcanc1{display: none;}
#rtcanc2{display: none;}
#rtfox{display: none;}
#rtmarch{display: none;}
#rtrancho{display: none;}
#rtmod1{display: none;}
#rtmod2{display: none;}
#rtregg3{display: none;}
#rtsamb1{display: none;}
#rtsamb2{display: none;}
#rtsambcanc{display: none;}
#rtschf{display: none;}
#rttoad1{display: none;}
#rttoad2{display: none;}
#rtvals1{display: none;}
#rtvals2{display: none;}
#rtvals3{display: none;}

/*LEITURAS*/
#info_leit{display: none;}
#ltbank{display: none;}
#ltgrv{display: none;}
#ltagd{display: none;}
#ltpec{display: none;}
#ltgrvagd{display: none;}

/*MÚSICAS RASQUEADAS*/
#music1{display: none;}
#music2{display: none; margin-top: 2%; margin-left: 21.5%;}
#batida{display: none; margin-top: 8%; margin-left: 6%;}
#batida2{display: none; margin-top: 2%; margin-left: 6%;}
#batida3{display: none; margin-top: 2%; margin-left: 6%;}
#batida4{display: none; margin-top: 2%; margin-left: 6%;}

#dedilha{display: none; margin-top: 8%; margin-left: 6%;}

#boxbalada68{display: none;}
#boxcountry{display: none;}
#boxfunk{display: none;}
#boxguarania{display: none;}
#boxreggae1{display: none;}
#boxrock{display: none;}
#boxxote{display: none;}
#boxbaiao{display: none;}
#boxbalada{display: none;}
#boxbolero{display: none;}
#boxbossa{display: none;}
#boxcancao{display: none;}
#boxfox{display: none;}
#boxmarcha{display: none;}
#boxrancho{display: none;}
#boxmodinha{display: none;}
#boxreggae2{display: none;}
#boxsamba{display: none;}
#boxsambacan{display: none;}
#boxschafo{display: none;}
#boxtoada{display: none;}
#boxvalsa{display: none;}




/*C�DIGO DO RODAP�
.footer{width:99.8%;height:20px; padding:2px; font-family:'arial';font-size:12px;text-align: center;margin-top:41.5%;margin-bottom:1px;color:#FFFFFF; background-color:#333333;}	

/*FINAL C�DIGO DO RODAP�*/