@charset"UTF-8";
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 31, 2018 */



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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}
*{
    box-sizing: border-box;
}

html{
    height: vh100;
    font-size 150%;
    font-family: sans-serif;
}


body{
    background-color: rgba(190, 191, 191, 0.24);
    width: 100%;
    margin: 15px;
    padding: 0;
}

#cursada {
    color: #6d52b5;
    font-family: 'roboto_regular';
    background-color: #e6e5ed;
}

#nombre{ color: #6c239a; 
    text-align: center;
}

#carrera{
    color: #b784c3;
    font-family: 'robotoblack';
}

#historial{
    color: #d6b4e8;
}

#materiasAprobadas{
    color: #bb9af8;
}


nav{
    padding: 0rem;
}

ul{
    list-style: none;
    padding: 0em;
    margin: 0;
}

header nav ul li a {
    text-decoration: none;
    background-color: #e8e8ed;
    display: block;
    color: rgba(154, 147, 237, 0.94);
    text-align: center;
    font-family: 'roboto_ligth';

}  

header nav ul li a:hover {
    color: #6562ac;
    background-color: beige;
}
#links a:hover{
    background-color: azure;
}
#links a{
    display: block;
    text-decoration: none;
    color: #e6880a;
}