html,body{
    width: 100%;
    height:100%;
}

  img{
      max-width: 100%;
      height: auto;
    }

a:link {
	text-decoration: none; 
	color: #C0C0C0;
}

a:visited {
	text-decoration: none; 
	color: #C0C0C0;
}

a:hover { 
	text-decoration: none; 
	color: #808080
}

texto{ 
	color: #000;
}

.cantor{
	width: 44%;
	margin-left: 30px;
	float: left;
}

.midis{
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
}

.music{
  margin: 2px;
  font-size: 15px;
  color: #FF0000;
  font-family: 'Roboto', sans-serif;
  float: left;
 }

 .musics{
  font-size: 36px;
  font-family: 'Roboto', sans-serif;
  border-radius: 3px;
  text-align: center;
  border: 0px solid #CA2B2B;
  float: left;
 }

 .titulo{
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
  color: #CCC9C9;
  text-decoration: underline;
  border-radius: 3px;
  text-align: center;
  border: 0px solid #CA2B2B;
 }

.lateral {border: 0px solid #5E005E;
position:relative;
width:180px;
text-decoration:none;}

a.menu {border: 0px solid #5E005E;
position:relative;
font-family: 'Roboto', sans-serif;
font-size: 30px;
color:#C0C0C0;
text-decoration:none;
display:block;
}

a.menu:hover {
color:#FF0000;
background-color:;
text-decoration:none;
}

.alfa{
  padding: 2px;
  float: left;
}

.imag{
  width: 20%;
float: left;
}


.tit{
  width: 100%;
  height: 100%px;
  text-align: center;
  overflow:auto;
  border: 0px solid #FFF;
}

.titu{
  margin: 8px;
  width: 99%;
  float: left;
  border: 0px solid blue;
}

.box{
  float: left;
  width: 30%;
  border: 0px solid #fff;
}

.subox{
  margin: 8px;
  float: left;
  width: 60%;
  border: 0px solid #ff0000;
}

.men{
    float: left;
    margin: 8px;
    border: 0px solid #ff0000;
  }

  .logo{
    float: left;
    margin: 8px;
    border: 0px solid #ff0000;
  }