html,body{
    width: 99%;
    height:100%;
    border: 0px solid #000000;
}
  img{
      max-width: 100%;
      height: auto;
    }

.geral{
    background: ; 
    width: 97%;
    height: 9%;
    text-align: center;
    border-radius: 9px;
    border: 1px solid #CCCCCC;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: auto;
}

.music{
	width: 26%;
	height: 38px;
	font: 22px Comic Sans MS;
	border: 2px solid #CCCCCC;
	background: #000000;
	overflow: auto;
	margin-top: 0px;
	margin-right: 29px;
	margin-left: 29px;
	margin-bottom: 15px;
}
.positleft{
	float: left;
}

.positrigth{
	float: right;
}


.music a:link {
  color:FF0000;
  text-decoration:none;
}
.music a:visited {
  color:#FF0000;
  text-decoration:none;
}
.music a:hover {
  color:#FF0000;
  text-decoration:underline;
}
.music a:active {
  color:#CCCCCC;
  text-decoration:underline;
  font: 20px Comic Sans MS;
  background-color:#CCCCCC;
}

.imag{
    margin-left: 20px;
}

.miolo{
 /* height: 450px;*/
	width: 93%;
	text-align: center;
	margin-right: 4%;
	margin-left: 0%;
/*overflow: auto;*/
}
 
 

.estilo{
  display: flex;
  justify-content: center;
  align-items: top;
  border: 2px solid #CCCCCC;
  width:240px;
  height:73px;
  margin:auto;
  font-height: Bold;
  font: 26px "Monotype Corsiva"; 
  border-radius: 10px/10px;
  background :#000 url('../images/Botao.png');  
     
}

.link {
	padding-top: 30px;
	padding-bottom: 30px;
}
.estilo a:link {
  color:#000000;
  text-decoration:none;
}
.estilo a:visited {
  color:#000000;
  text-decoration:none;
}
.estilo a:hover {
  color:#000000;
  text-decoration:underline;
}
.estilo a:active {
  color:#68686a;
  text-decoration:underline;
  font: 22px Comic Sans MS;
  background-color:000000;
}