body{
    background-image: url(http://bilder.4ever.eu/data/download/abstrakt/dreiecke-180895.jpg);
}

 #contenedorlu{
     width: 960px;
     margin: auto;
     }

header img{
    margin-top: 5px;
    margin-left: 5px;
}

header{
        background-color: rgba(248, 186, 18, 0.71);
        height: auto;
        margin: auto; 
        margin-bottom: 10px;   
    }
 
nav {
  float: right;
  margin-top: 30px;
  margin-right: 2px;
}

nav a{
    text-decoration: none;
    margin-left: 10px;
    font-family: Verdana;
    font-size: 12px;
    color: aliceblue;

}
    
article{
    background-color: rgba(222, 181, 134, 0.67);
    font-family: sans-serif
}
     

div#materias{
          background-color: rgba(177, 62, 34, 0.25);
          width: 204px;
          margin:auto;
      }

        

        section {
            background-color: rgba(244, 206, 50, 0.52);
            height: auto;
            width: 200px;
            margin: auto;
            font-size: 12px;
            text-align: center;
            padding-top: 1px;
            padding-bottom: 1px;
            
        }



        article img {
            border: 2px solid #f4b832;
            margin-left: 405px;
        }
    
        h1{
            margin: auto;
            background-color: rgba(244, 177, 50, 0.74);
            width: 200px;
            font-family: Verdana;
            font-size: 22px;
            font-weight: 800; 
            color: rgb(181, 13, 91);
            border: 2px solid #f4b132;
            text-align: center;
            padding-top: 3px;
            padding-bottom: 3px;
        }
       
       
        h3{
            background-color: rgba(165, 27, 70, 0.69);
            height: auto;
            width: 200px;
            padding-left: 4px;
        }
        

        h4{
            background-color: rgba(165, 27, 70, 0.69);
            height: auto;
            width: 200px;
            padding-left: 4px;
        }
        

        
        footer{
            background-color: rgba(47, 16, 90, 0.65);
            clear: both;
            margin: auto;
        }

        footer div#textopie{
            display: block;
            width: 95%;
            margin: auto;
            text-decoration: none;
            text-align: center;
            color: #000000;
            font-family: cursive;
            font-size: 12px;
            padding-top: 5px; 
            padding-bottom: 5px;
        }