@charset"utf=8"
/* css document */

*{
    margin0;
}

a { 
    text-decoration: none;
    color:bisque;
    padding: 7px;
   

}

a:hover{
    background-color: darkcyan;
    
}

body { 
    background-color:bisque;

}

header { 
    background-color: darksalmon;
    font-family: "helvetica";
    position: relative;
    width: 80%;
    margin-left: 10%;
    height: 17%;
    margin-top: 
}

#fotocaro {
    margin-left: auto;
    margin-top: auto;
    width:100%;

}

h1 {
    color: bisque;
    font-size: 45px;
    font-family: sans-serif;
    position: absolute;
    margin-left: 44%;
    margin-top: 15px;
    letter-spacing: 3px;

}

#yo {
    
    text-align: center;
    position: absolute;
    margin-top: -257px;
    margin-left: 42%;
    font-size: 8px;
    color: bisque;
    
}

#boton1 {
    font-size: 20px;
    background-color:darksalmon;
    position: absolute;
    margin-left: -4%;
    margin-top: 20px;
    padding: 7px;
    display: inline-block;
    text-align: center;
    width: 23.54%;
    letter-spacing: 2px;
}

#boton2 {
    color:beige;
    font-size: 20px;
    background-color:darksalmon;
     position: absolute;
    margin-left: -4%;
    margin-top: 85px;
    padding: 7px;
    display: inline-block;
    text-align: center;
    width: 23.54%;
    letter-spacing: 2px;
}

#boton3 {
    
    font-size: 20px;
    background-color:darksalmon;
    position: absolute;
    margin-left: -4%;
    margin-top: 150px;
    padding: 7px;
    display: block;
    text-align: center;
    width: 23.54%;
    letter-spacing: 2px;
           
}


.materias {
    color:bisque;
    background-color: darkcyan;
    text-align: center;
    max-width: 25%;
    position: absolute;
    margin-left: 9.8%;
    font-family: sans-serif;
    font-size: 10px;
    width: 20%;
    margin-top: 395px;
}

#alumna {
    color:bisque;
    background-color: darkcyan;
    text-align: center;
    max-width: 25%;
    position: absolute;
    margin-left: 9.8%;
    font-family: sans-serif;
    font-size: 10px;
    width: 20%;
    margin-top: 570px;
}
    
.tprealizados {
    color:bisque;
    position: absolute;
    width: 59%;
    max-width: 75%;
    margin-left: 29.73%;
    text-align:center;
    margin-top: 5px;
    background-color:darkseagreen;
    font-family: sans-serif;
    font-size: 12px;
    
    
    }
    
#tipo2 {
    background-color: bisque;
    position: absolute;
    color:darkcyan;
    font-family: sans-serif;
    font-size: 10px;
    width: 48%;
    margin-left: 2%;
        
}

#dg2 {
    background-color: bisque;
    position: absolute;
    color:darkcyan;
    font-family: sans-serif;
    font-size: 10px;
    width: 48%;
    margin-left: 52%;
        
}

#linkro {
    list-style: none;
    float: right;
    background-color:darkseagreen;
    color: bisque;
    font-family: sans-serif;
    font-size: px;
    margin-top: 12px;
    width: 100%;
    height: 45px;
    
}

#logobe {
    height: 7%;
    width: 7%;
    list-style: none;
    position: absolute;
    margin-left: 66%;
    margin-top: 760px;

}

#logopin {
    height: 7%;
    width: 7%;
    list-style: none;
    position: absolute;
    margin-left: 75%;
    margin-top: 760px;

}

    
footer { 
    text-align: center; 
    color:darkcyan;
    margin-left: 10%;
    margin-top: 665px;
    max-width: 19.5%;
    position: relative;
    font-family:sans-serif;
    font-size: 12px;
    padding: 4px;
    height: 225;
}

.contenedor {
    background-color: darkseagreen;
    width: 100%;
    height: 2%;
    position:absolute;
    margin-left: -2%;
        
}
   
.contenedor1 {
    background-color: darkseagreen;
    width: 100%;
    height: 2%;
    position:absolute;
    
}