body{
    margin:0;
    width:100%;
    height:100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
header{
    width:100%;
    background:#323e49;
    height:100px;
    line-height:60px;
    border-bottom:1px solid #323e49;
    position: fixed;
    top: 0px;
}
.hamburger{
    background: none;
    position: absolute;
    top: 20px;
    right: 16px;
    line-height: 45px;
    padding: 5px 15px 0px 15px;
    color: #d7d7b1;
    border: 0;
    font-size: 60px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 10000000000000;
}
.cross{
    background: none;
    position: absolute;
    top: 44px;
    right: 16px;
    padding: 7px 15px 0px 15px;
    color: #d7d7b1;
    border: 0;
    font-size: 90px;
    line-height: 65px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 10000000000000;
}
.menu #last{opacity: 0.6;}

.menu{
    z-index: 1000000;
    font-weight: bold;
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 12px;
    position: fixed;
    top: 99px;
}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {background:#323e49; display: block;   padding:15px 0 15px 0; border-top:#d7d7b1 1px solid;}
.menu li:hover{display: block;  font-size:14px; background:#323e49; padding:15px 0 15px 0; border-bottom:#d7d7b1 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#d7d7b1;}
.menu ul li a:hover {  color: #d7d7b1; text-decoration:none;}
.menu a{text-decoration:none; color:#d7d7b1;}
.menu a:hover{text-decoration:none; color:#d7d7b1;}

.glyphicon-home{
    color:white;
    font-size:1.5em;
    margin-top:5px;
    margin:0 auto;
}
header{display:inline-block; font-size:12px;}


/* menu materias */
.menu2{
    z-index: 1000000;
    font-weight: bold;
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 12px;
    position: fixed;
    bottom: 80px;
}
.menu2 ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu2 li {background:#323e49; display: block;   padding:15px 0 15px 0; border-top:#d7d7b1 1px solid;}
.menu2 li:hover{display: block;  font-size:14px; background:#323e49; padding:15px 0 15px 0; border-bottom:#d7d7b1 1px solid;}
.menu2 ul li a { text-decoration:none;  margin: 0px; color:#d7d7b1;}
.menu2 ul li a:hover {  color: #d7d7b1; text-decoration:none;}
.menu2 a{text-decoration:none; color:#d7d7b1;}
.menu2 a:hover{text-decoration:none; color:#d7d7b1;}

/* menu notas */
.menu3{
    z-index: 1000000;
    font-weight: bold;
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 12px;
    position: fixed;
    bottom: 80px;
}
.menu3 ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu3 li {background:#323e49; display: block;   padding:15px 0 15px 0; border-top:#d7d7b1 1px solid;}
.menu3 li:hover{display: block;  font-size:14px; background:#323e49; padding:15px 0 15px 0; border-bottom:#d7d7b1 1px solid;}
.menu3 ul li a { text-decoration:none;  margin: 0px; color:#d7d7b1;}
.menu3 ul li a:hover {  color: #d7d7b1; text-decoration:none;}
.menu3 a{text-decoration:none; color:#d7d7b1;}
.menu3 a:hover{text-decoration:none; color:#d7d7b1;}