@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300); @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);

body { display: block; background: #e3e3e3;}


.contenedor {max-width: 960px; 
                min-height: 55px; 
       padding-top: 1px;
       padding-bottom: 12px;
       margin: 0px 0px 0px 320px;}


h1 {font-family:'Roboto Slab', serif; 
    text-align: center; 
    color:#000000;
    padding: 15px;}


header{max-width: 960px; 
       background:#33ffcc; 
       min-height: 50px; 
       padding-top: 1px;
       padding-bottom: 12px;
       margin: 0px 0px 0px -1px;}


nav .navegador {max-width: 960px; 
                margin: 0px; 
                padding: 0px; 
                background:#000000; 
                width: 100%; 
                min-height: 50px; } 


nav ul{list-style-type: none;}
nav ul li {position: relative; 
           float: left; 
           padding: 15px;
            margin: 00px 60px 0px 60px;}

nav ul li a { text-decoration: none; 
              font-family:'Roboto Slab', serif;
              color: #33ffcc; 
              margin: 1px; 
              padding: 3px;}

nav ul li a:hover{color: #ffffff;}

.imagen {max-width:960px;
         margin: 0px 0px 0px 0px;}

aside {list-style: none;
       position: relative; 
       float: right; 
       padding: 0px;
    margin: 0px}

.redes a{text-decoration: none; 
         font-family: 'Roboto', sans-serif; 
         font-weight: 700;    
         color: #000000;
         margin: 2px;
         padding: 30px;
         border-style: solid;
         border-color: #000000;
         padding-bottom: 2px;
         padding-top: 2px;}

.redes a:hover{list-style-type: none;
               text-decoration: none; 
               font-family: 'Roboto', sans-serif;
               font-weight: 700;
               color: #33ffcc;  
               margin: 2px; 
               padding: 30px;
               border-style: solid;
               border-color: #33ffcc;
               padding-bottom: 2px;
               padding-top: 2px;}

h2 {font-family:'Roboto', sans-serif;
    font-size:16pt;
    font-weight: 500;
    padding-bottom: 2px;
    border-bottom: 3px solid #33ffcc;
    background-image: url(Imagenes/line.png);
    background-size: contain;}

p {font-family: 'Roboto', sans-serif;
    font-size: 12pt;
    font-weight: 400;
    padding-bottom: 0px;
}


section {background: #ffffff; 
         width: 100%;  
         min-height: 26em;}



section article {width: 40%; 
                 min-height: 40%;  
                 position: relative; 
                 float: left; 
                 margin: 0px 20px 0px 20px; 
                 box-sizing: border-box;}

article .info {font-family:'Roboto', sans-serif;
    font-size:16pt;
    font-weight: 700;
    background: #ffffff; 
    width: 30%;  
    min-height: 5px;
margin: -3px 0px -366px 28px;}


aside .infoa {font-family:'Roboto', sans-serif;
    font-size:16pt;
    font-weight: 700;
    background: #ffffff; 
    width: 30%;  
    min-height: 5px;
margin: -366px 0px 0px 600px;}

h3 {font-family:'Roboto', sans-serif;
    font-size:16pt;
    font-weight: 500;
    color: #33ffcc;
    margin: 10px 20px 0px 20px;
    border-bottom: 2px solid #ffffff;
    background-image: url(Imagenes/line.png);
    background-size: contain;}


.img {margin: 0px 30px 10px 20px;
      padding: 0px;
      margin-bottom: 15px;} 


.materias {position: relative;
           float: right;
           margin: 0px 30px 30px 0px;
           padding: 0em;
           background: #000000;
           color: #ffffff; 
          margin-bottom: 15px;}

th {font-family:'Roboto', sans-serif;
    font-size:10pt;
    font-weight: 700;
    margin: 0px;}



td {font-family: 'Roboto Condensed', sans-serif;
    font-size:10pt;
    font-weight: 400;
  padding-top: 5px;
   }


.pie {font-family:'Roboto', sans-serif;
   font-size: 8pt;
   margin: 0px;
   padding: 20px 20px 20px 20px;
   background: #33ffcc;}