/* Documento CSS */
/* Calibración: anular los márgenes de todos los elementos de las hojas de estilo
  integradas en el navegador */
* {
      padding:0;
      margin:0;
      }
/* Fuerza la visibilidad de la scrollbar */
html{
      height:101%;
      }
h1{
      font-size: 150%;
      }
h2{
      font-size: 130%;
      }       
body{
      background-image:url("fondo.JPG");
      font-family: Comic Sans MS, Times New Roman, Arial, Verdana, Helvetica, san-serif;
      font-size:110%;
      }
.separador_horizontal{
      background-image:url("sumhorsa.gif");
      padding:0.25em;
      }
p{
      position:relative;
      left:5%;
      /*top:0em;*/
      width:90%;
      text-indent:2.5em;
      text-align:justify;
      line-height:1.2em;
      padding:0.25em;
      }      

#wrapper{
      background-image:url("SUMTEXTB.JPG");
      position:relative;
      /*left:20px;*/
      top:10px;
      width:920px;
      padding:0.5em;
      border:2px solid #003366;
      margin:auto;
      }
.skiplink{
      display:none;
      }
#encabezado{
      /* sin formato propio*/
      }
#logo{
      height:300px;
      background-image:url("fondo2.jpg");
      background-repeat:no-repeat;
      background-position:center center;
      text-align:center;
      /*margin-bottom:1em;*/
      }
#titulo{
      text-align:center;
      /*font-family: Comic Sans MS;*/
      }      
#navegacion{
      text-align:center;
      }
#navegacion ul{
      /* sin formato propio*/
      }
#navegacion li{
      display: inline;  /*li al mismo nivel*/
      list-style-type: none;    /*sin viñetas*/
      }
#navegacion a{
      text-decoration:none;/*Elimina el subrayado*/
      outline:none;/*Elimina el contorno punteado*/
      font-size: 130%;
      font-weight:bolder;
      }
#navegacion a:link{
      color:#0000EE;
      }
#navegacion a:visited{
      color:#8A2BE2;
      }
#navegacion a:hover{
      color:#FFFFFF;
      background-color:#800080;
      }
#navegacion a:focus{
      /* sin formato propio*/
      }
#navegacion a:active{
      /* sin formato propio*/
      }
      

#contenido{
      position:relative;
      /*left:5%;*/
      /*top:0em;*/
      /*width:90%;*/
      /*text-indent:2.5em;
      text-align:justify;
      line-height:1em;*/
      }      
#componentes_contenido{
      position:relative;
      height:600px;
      }

#piano{
      position:absolute;
      left:10%;
      top:8.5%;
      /*width:90%;*/
      }
#bateria{
      position:absolute;
      left:40%;
      top:5%;
      /*width:90%;*/
      }
#tuba{
      position:absolute;
      left:66.5%;
      top:37.5%;
      /*width:90%;*/
      }
#trombon{
      position:absolute;
      left:5.5%;
      top:42%;
      /*width:90%;*/
      }
#trompeta{
      position:absolute;
      left:35%;
      top:77.5%;
      /*width:90%;*/
      }
#saxo{
      position:absolute;
      left:34.5%;
      top:50%;
      /*width:90%;*/
      }
#clarinete{
      position:absolute;
      left:47%;
      top:50%;
      /*width:90%;*/
      }
#pie{
      /*height:600px;
      background-image:url("piano.gif");
      background-repeat:no-repeat;
      background-position:center center;*/

      text-align:center;
      /*margin-top:0em;     /*sin margen superior*/
      /*margin-bottom:0em;  /*sin margen inferior*/
      }

address{
      display:none;
      /*text-align:center;/*texto centrado*/
      /*font-size:80%;/*Tamaño de la fuente más pequeño*/
      /*font-style:normal;/*fuente normal, no cursiva*/
      /*letter-spacing:2px;/*distancia entre las letras*/
      /*line-height:1.5em;/*distancia entre las líneas*/
      }