body{
background-image: url("imagenes/fondoformulario.jpg");
font-family:cursive, sans-serif, fantasy;
background-attachment: fixed;
	
}



/*Todo el texto dentro de un <h1> se alineará al centro*/
h1{
	text-align: center;
}



/*Apariencia de los links de la pagina*/
A:link {text-decoration:none;color:#0000cc;} 

A:visited {text-decoration:none;color:#ab2b00;} 

A:active {text-decoration:none;color:#006dff;} 



/*Cabecera*/
#parra {float:left; width:100%;
	background-size: 50%;
	 background-color: #333;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-style: groove;
	border-color: white;
	border-width: 5;
	margin: auto;
}
/*Logo página*/
img.cabecera{
display:block;
margin:auto;
}


/*Indice*/
#Indice { 
    width:20%;
	background-color: #ffdf00;
	border-style: groove;
	border-color: white;
	border-width: 5px;
	background-attachment: fixed;
    text-align:left;
    margin: auto;
	font-size: 20px;
}
/*Todas las listas del Indice se verán con un cuadro blanco al estar encima la flecha*/
li.b a:hover {
  background-color: #fff;
}
  






/*Menú*/
ul#z {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: fixed;

}
/*Posición Menú*/
li.a {
  float: left;
}
/*Posición apartados Menú*/
li.a a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
/*Color al tener la flecha encima*/
li.a a:hover {
  background-color: #111;
}
/*Botones de cambio de estilo*/
#cambioestilo{
	float:right;
	width:7%;
  
 
  background-color: #333;
 
}



/*Estilo general de Tablas*/
table{
	width:85%;
	margin: auto;
}
table, th, td {
  border: 1px solid cyan;
  border-spacing: 4px;
  text-align:center;
}
td{
	font-size: 20px;		
}
.rock, .roll, .pop, .tecno, .electronica, .regaeton, .clasica, .cuerda, .viento, .percusion{
    border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-width: 10px;	
    width:380px;
    height:250px;
}
/*Colores tabla generos*/
tr.cyan{
	 background-color: cyan;/*como tablaI tiene un tr color cyan este vale a los 2*/
	
}

tr.rock{
	 background-color: red;
}

tr.roll{
	background-color: yellow;
}

tr.pop{
	background-color:#F2F2F2;
}

tr.tecno{
	background-color:#CCEEFF;
}

tr.electrónica{
	background-color:#00FF00;
}

tr.regaeton{
	background-color:orange;
}

tr.clasica{
	background-color:#FA58F4;
}