@import url(http://fonts.googleapis.com/css?family=Raleway:400,200,600,800,900); 
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 11, 2014 */
@font-face {
    font-family: 'ralewaysemibold';
    src: url('fuentes/raleway-semibold-webfont.eot');
    src: url('fuentes/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/raleway-semibold-webfont.woff2') format('woff2'),
         url('fuentes/raleway-semibold-webfont.woff') format('woff'),
         url('fuentes/raleway-semibold-webfont.ttf') format('truetype'),
         url('fuentes/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'ralewayheavy';
    src: url('fuentes/raleway-heavy-webfont.eot');
    src: url('fuentes/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/raleway-heavy-webfont.woff2') format('woff2'),
         url('fuentes/raleway-heavy-webfont.woff') format('woff'),
         url('fuentes/raleway-heavy-webfont.ttf') format('truetype'),
         url('fuentes/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'ralewayextralight';
    src: url('fuentes/raleway-extralight-webfont.eot');
    src: url('fuentes/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/raleway-extralight-webfont.woff2') format('woff2'),
         url('fuentes/raleway-extralight-webfont.woff') format('woff'),
         url('fuentes/raleway-extralight-webfont.ttf') format('truetype'),
         url('fuentes/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'ralewaybold';
    src: url('fuentes/raleway-bold-webfont.eot');
    src: url('fuentes/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/raleway-bold-webfont.woff2') format('woff2'),
         url('fuentes/raleway-bold-webfont.woff') format('woff'),
         url('fuentes/raleway-bold-webfont.ttf') format('truetype'),
         url('fuentes/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('fuentes/raleway-extrabold-webfont.eot');
    src: url('fuentes/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/raleway-extrabold-webfont.woff2') format('woff2'),
         url('fuentes/raleway-extrabold-webfont.woff') format('woff'),
         url('fuentes/raleway-extrabold-webfont.ttf') format('truetype'),
         url('fuentes/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal; }

body { 
    background-color:#fff;
    margin-top: 0px;
    margin-bottom: 0px;}
    
header{position: relative;
       top: 18px;
       margin-left: 200px;
      }

header nav ul li {float:left;
                  margin-left: 9px;
                  margin-right: 30px;
                  margin-top: 3px;
                  list-style: none;
                  font-family: 'ralewaysemibold';                       
                  }

header nav ul li a{ color: #000;
                    text-decoration: none;
                    display: block;
                    font-size: 0.9rem;
                    }

header nav ul li a:hover {color: #eb35c1;}

div#foto {margin-left: 200px;
          margin-top: 90px;
          margin-right: 940px;
          position: absolute;
          }
          
div#materias {margin-left: 400px;
              margin-top: 120px;
              margin-right: 940px;
              width:200px;
              }

div#materias h1 {font-family: 'ralewayextrabold';
                 font-size: 1rem;
                 }
                 
div#materias p {font-family: 'ralewayextralight';
                 font-size: 0.8rem;
                }  

footer { background-color: #a0a0a0;
         color: #000;
         font-family: 'ralewayextralight';
         font-size: 0.7em;
         width: 730px;
         margin-left: 200px;
         text-align: center;
         height: 40px;
         padding-top: 3px;
         padding-bottom: 3px;}