*{
 margin: 15px;
 line-height: 1.6;
 
}

#logo {
 border: 5px solid #000000;
}

body {
 background-color: #aDD8E6;
}

h2 {
 font-family: monospace;
 font-size: 25px;
 color: #5A8145;
}

#bloque_menu {
 text-align: center;
 font-family: monospace;
 border: 3px solid #5CAD73;
 background-color: #5ced73;
}

 #menu {
  text-align: center;
  color: #006400;
  list-style: none;
  font-family: monospace;
  font-size: 15px;
  display: inline;
}

#musica{
 font-family: monospace;
 border: 3px dashed #5CAD73; 
}

#l_musica{
 font-size: 15px;
 list-style: upper-roman;
 list-style-position: inside;  
}

#materias{
 font-family: monospace;
 border: 3px dashed #5CAD73;
}

#l_materias{
 font-size: 15px;
 text-align: left;
 /*list-style-position: inside;*/
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}

#mates{
 width: 150px;
 height: 150px;
 display: flex;
 position: relative;
 left: -45px;
}

#fisica{
 width: 150px;
 height: 150px;
 display: flex;
 position: relative;
 left: -65px;
}

#tecno{
 width: 150px;
 height: 150px;
 display: flex;
 position: relative;
 left: -55px;
}

#tic{
 width: 150px;
 height: 150px;
 display: flex;
 position: relative;
 left: -74px;
 top: -8px;
}

#lengua{
 width: 150px;
 height: 150px;
 display: flex;
 position: relative;
 left: -5px;
 left: -5px;
 top: -28px;
}

#gallego{
 width: 150px;
 height: 150px;
 display: flex;
 position: relative;
 left: -5px;
 left: -5px;
 top: -28px;
}

#term{
 font-family: monospace;
 border: 3px dashed #5CAD73;
}

#l_term{
 font-size: 15px;
 text-align: left;
 list-style-position: inside;
 display: flex;
}

#navegador{
 width: 150px;
 height: 150px;
 display: flex;
}

#html5{
 width: 200px;
 height: 200px;
 display: flex;
}

#http{
 width: 200px;
 height: 200px;
 display: flex;
}

#url{
 width: 200px;
 height: 200px;
 display: flex;
}

#tim{
 width: 200px;
 height: 200px;
 display: flex;
}

#videos{
 font-family: monospace;
 border: 3px dashed #5CAD73;
}

#l_videos{
 font-size: 15px;
 text-align: left;
 list-style-position: outside;
}