/* CSS Document */

body{margin:0px; overflow:hidden;
padding:0px;
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;
	
}

#construct{ width: 100%; margin-left: 3%; margin-top: 50%;}

.iframe{width: 100%; height:1920px; 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: 32%; margin-top: 1.5%; margin-bottom: 2%;}

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

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

#bar{margin-top: 45%;}

.madre{margin: 0; padding: 0; width: 100%; height: 100%;}

.philia{margin: 0; padding: 0; width: 100%; height: 100%;}

.prime{float: left; width: 100%; height: 100%; margin-left: 1%; margin-top: 1%;}


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

.social{float: left; padding: 3%; margin-left: 7%;}

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

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

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

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

.menu{margin-left: 2%;}

.menu_mus{margin-left: 3%;}

.menu0{width: 50%; float: left; position: relative; padding-left: 1%;}

.menu1{float: left; position: relative; width: 45%; padding: 2%;}

.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: 100%; padding: 1%;}

.menu6{width: 95%; margin-left: 5%;}

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

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

.btn2{ width: 90%; height: 200px; margin-left: 0%; z-index: 1; margin-top: 2%;
	background-color: #034317;; font-family: Arial, Helvetica, sans-serif; font-size: 100px; font-weight: bold; color: #ffff00;
	border-radius: 45px 45px 45px 45px;}
.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: 95%; height: 100px; margin-left: 1%; z-index: 2;
    background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 85px; font-weight: bold; color: #ffff00;
    border-radius: 20px 20px 20px 20px;}

.btn6{ width: 95%; height: 100px; margin-left: 1%; z-index: 2;
    background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 85px; font-weight: bold; color: #ffff00;
    border-radius: 20px 20px 20px 20px;}

.btn7{ width: 150%; height: 100px; margin-left: 30%; z-index: 2;
    background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 85px; font-weight: bold; color: #ffff00;
    border-radius: 20px 20px 20px 20px;}

.btn8{  width: 95%; height: 100px; margin-left: 1%; z-index: 2;
    background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 85px; font-weight: bold; color: #ffff00;
    border-radius: 20px 20px 20px 20px;}

.btn9{ width: 95%; height: 100px; margin-left: 1%; z-index: 2;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 85px; font-weight: bold; color: #ffff00;
		border-radius: 20px 20px 20px 20px;}

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

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

.btn12{ width: 95%; height: 120px; margin-left: 0%; z-index: 1;
    background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; color: #ffff00;
    border-radius: 20px 20px 20px 20px;}
		
.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: 95%; height: 120px; z-index: 1;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; color: #ffff00;
		border-radius: 15px 15px 15px 15px;}

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

.btn16{ width: 100%; height: 80px; z-index: 5; margin-top: 45%;
		background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 60px; font-weight: bold; color: #ffff00;
		border-radius: 0px 0px 35px 35px;}


.btn17{width: 70%; height: 150px; margin-left: 1%; margin-top: 1%; z-index: 2;
    background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 45px; font-weight: bold; color: #ffff00;
    border-radius: 20px 20px 20px 20px;}		
	
.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: 45%; height: 115px; margin-left: 0%; z-index: 1; margin-top: 2%;
	background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; color: #ffff00;
	border-radius: 45px 45px 45px 45px;}
	
.btnlink2{ width: 45%; height: 115px; margin-left: 0%; z-index: 1; margin-top: 2%;
	background-color: #034317; font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; color: #ffff00;
	border-radius: 45px 45px 45px 45px;}		
			
.link{float: left; margin-left: 8%; margin-bottom: 4%;}
.link2{float: left; margin-left: 30%;}




.tlt{width: 45%;}

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


.pnl{ width:100%; height:750px; display: none; margin-left: 2%; 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: 0%; position: absolute; font-family: Arial; font-size: 48px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl3{ width:75%; height:950px; margin-top: 50%; display: none; left: 12%; position: absolute; font-family: Arial; font-size: 62px; color: #45053b; font-weight: bold; overflow: auto;}

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

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

.pnl6{ width:90%; height:1280px; margin-top: 1%; display: none; left: 5%; position: relative; font-family: Arial; font-size: 62px; 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:1920px; margin-top: 3%; display: block; left: 5%; position: absolute; font-family: Arial; font-size: 62px; color: #45053b; font-weight: bold; overflow: auto;}

.pnl_pro{ width:100%; height:1920px; margin-top: 2%; display: block; left: 5%; position: absolute; font-family: Arial; font-size: 45px; color: #45053b; font-weight: bold; overflow: auto;}

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

.pnl9{ width:100%; height: 850px; margin-top: 20%; 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:100%; height:850px; margin-top: 15%; display: none; left: 1%; position: relative; font-family: Arial; font-size: 45px; color: #45053b; font-weight: bold; overflow: auto;}

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

.fechar{margin-top:20%;}
.fechar2{padding:3%; margin-top: 45%;}
.fechar3{padding:3%; margin-left: -12%;}

#close16{margin-top: 35%; margin-left: -215%;}
#close17{margin-top: 5%; margin-left: 100%;}

#abre1{margin-top: -450%;}
#abre2{margin-top: -350%;}


.anatomia{ width: 80%; height: 850px; margin-top: 50%; margin-left: 12%; position: relative; display:none; font-family: Arial; text-align: center; font-size: 62px; color: #45053b; font-weight: bold; overflow: auto;}

.estrutura{ width:60%; height: 850px; margin-top: 50%; display: none; margin-left: 21%; position: absolute; font-family: Arial; text-align: center; font-size: 62px; 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: 25%; height: 80px; z-index: 2; position: relative;
	background-color: #45053b; font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; color: #ffff00;
	border-radius: 10px 10px 10px 10px;}

#som{width: 50%; height: 150px;}

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

#music2{width: 100%; margin-left: -51%;}

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



#principal{display: block;}

#definicao{display: none; width: 75%; height: 950px; margin-top: 30%; margin-left: 12%; font-family: Arial; font-size: 62px; color: #45053b; font-weight: bold; overflow: auto;}

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

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

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

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

#picpay{position: absolute; margin-left: -20%;  float: left;}

#pagbank{position: absolute;margin-left: 20%; float: left;}

#mercadopago{position: absolute; margin-left: 60%; 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; width: 85%; height: 1000px; margin-top: 15%; font-family: Arial; font-size: 62px; color: #45053b; font-weight: bold; overflow: auto;}
#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: 30%; margin-left: 2%;}
#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: 30%; margin-left: 2%;}

#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�*/