*{
  margin: 0px;
  padding: 0px; 
}

#contenedor{

  /*border-style: solid;*/
  margin:auto;
}
body{
  background-color: #C49875;
}
/*menu*/
#menu{
  background-color: #8998CC;
  border-style: solid;
  height: 30px;
  width: 1000px;
}
#menu li{
  padding-left: 100px;
}
#menu ul { 
  list-style-type: none;
}

#menu ul li.nivel1 {
  display: inline;
  float: left;
}

#menu ul li a {
  display: block;
  text-decoration: none;
  color: black;
  background-color:#8998CC ;
  border: solid;
  padding: 8px;
}

#menu ul li:hover { 
  position: relative;
}

#menu ul li a:hover, #menu ul li:hover a.nivel1 {
  background-color: #6328B6;
  color: black;
  position: relative;
}

#menu ul li ul {
  display: none;
}

#menu ul li a:hover ul, #menu ul li:hover ul {
  display: block;
  position: absolute;
  left: 0px;
}

/*pagina*/
#titulo{
  padding-left: 550px;
  padding-top: 45px;
  margin: auto;
  /*width: 1200px;*/
  height: 60px;
  background-color: #FF6862;
}

#disco{
  border-radius: 20px;
  padding: 20px;
  /*width: 400px;*/
  width: 57%;
  background-color: #49A9D1;
  /*float: left;*/
  /*border-style: solid;*/
  z-index: -1;
}

#grupo{
  padding: 20px;
  position: absolute;
  border-radius: 20px;
  left: 820px;
  width: 37%;
  /*width: 100%;*/
  top:145px;
  background-color:#8BC34A;
  float: right;
}

#banner{
  border-style: solid;
  padding-left: 20px;
  border-radius: 40px;
  margin: auto;
  width: 38%;
  /*width: 100%;*/
  float: right;
  margin-right: 0px;
  bottom: 520px;
}

#otros{
  border-radius: 20px;
  padding: 30px;
  padding-left: 100px;
  /*position: relative;
  top: 0px;*/
  width: 30%;
  background-color: pink;
}

footer{
  /*position: fixed;
  width: 100%;*/
  /*width: 1200px;*/
  /*height: 70px;
  bottom: 0px;
  background-color: red;*/
  display: none;
}

#img{
  /*border-style: solid;*/
  width: 150px;
}

#disco p{
  display: inline-block;
}

a{  
  padding: 11px;
  display: inline-block;
  text-decoration: none;
  /*width: 22px;*/
  height: 22px;
    
}
a:link {
  color: #4CAF50;
  border-style: solid;
  border-color: #4CAF50;
}

a:hover {
  color: white;
  background-color: #4CAF50; 
}
div{
  /*border-style: solid;*/
}
@media screen and (max-width: 480px){
  #contenedor div{
    position: relative;
  }
  #titulo{
    width: 320px;
    padding: 25px;
  }
  #banner{
    display: none;
  }
  #otros{
    height: 100px;
  }
  #menu{
  background-color: #8998CC;
  border-style: solid;
  height: 30px;
  width: 320px;
}
  #menu li{
  padding-left: 5px;
}
}