@charset "utf-8";
/* CSS Document*/


head{
        text-align: center;
        position: center;

}

body{

        background-color:#DDF1FE;
}

h1{
        font-color: #DDF1FE ;
        text-align: center;
        font-size: 28px;
        font-family: 'Dosis';
        background-color: #81BEF7;
      
}

h2{
        text-decoration: underline;
        font-size: 22px;
        text-align: center;
        font-family: 'Dosis';
        font-color: #0033FF;
}



ul{
        font-size: 14px;
        font-family: 'Dosis';
        font-color: #000000;
}

th{

        font-size: 26px;
        font-family: 'Dosis';
        font-color: #2C7BCA;
}

td{
        border: 1px solid #BDBDBD;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 17px;
        font-family: 'Dosis';
        font-color: #000000;
        text-align: center;
}

p{
        margin: 2px;
        font-size: 16px;
        font-family: 'Dosis';
        font-color: #000000;
}

nav{
        height: 40px;
        font-family: 'Dosis';
}

footer{
        float: center;
        font-size:16px;
        font-family: 'Sansita';
        font-color: #000000;
        border-top: 0.5px solid #2C7BCA;
        margin-top: 20px;
}

#tabla table{
        margin-left: 50px;
        width: 100%;
        float: left;
        text-align: center;
        background-color: #CCE2F7;
        border-radius: 15px;
}

#tabla a{
        text-decoration: none;
        color: #CCE2F7;
}

#tabla a:hover{
        text-decoration: none;
        color: #CCE2F7;
}

#alumno{
        margin-bottom: 10px;
        font-family: 'Dosis';
}

#alumno a{
        text-decoration: none;
        color: #0040FF;
}

#alumno a:hover{
        text-decoration: none;
        color: #0000FF;
}

#alumno li{
        margin-left: 70px;
        margin-bottom: 10px;
        font-family: 'Dosis';
}

.navegacion{
        height: 30px;
        margin: 0 auto;
        list-style-type: none;
        display: inline;
        text-align: center;

}

.navegacion li{
        height: 50px;
        border: 1px solid black;
        display: inline;
        background-color: #81BEF7;
        font-family: 'Dosis';
        font-color: #000000;
        font-size: 22px;
        margin-left: 5px;
        border-radius: 2px;
}

.navegacion a{
        height: 30px;
        padding-top: 4px;
        padding-bottom: 9px;
        padding-right: 4px;
        padding-left: 4px;
        color: #000000;
        text-decoration: none;
}

.navegacion a:hover{

        padding-top: 4px;
        padding-bottom: 1px;
        background-color: #2C7BCA;
}

#ancho{

        height:410px;
        width:730px;
        font-size:18px;
        font-family: sans-serif;
        font-color: #000000;
}

#multimedia{
        margin: 0 auto;
        width: 1000px;
        height:300px;
        font-size:18px;
        font-family: sans-serif;
        font-color: #000000;
        position: absolute;
}
#foto{
        height:275px;
        width:275px;
        border: 2px solid black;
        border-radius: 18px;
        float: right;
        text-align: right;
        font-size:18px;
        font-family: sans-serif;
        font-color: #000000;
        margin-top: 60px;
}

#video{ 
        margin-left: 50px;
        margin-top: 60px;
        float: left;
        font-size:18px;
        font-family: sans-serif;
        font-color: #000000;
}



#boton{

        margin: 0 auto;
        text-align: center;
        background-color: #81BEF7;
        border: 1px solid black;
        border-radius: 10px;
        height:35px;
        width:165px;
        margin-top: 12px;
        margin-bottom: 12px;
        font-size:19px;
        font-family:'Dosis';
        font-color: #3703F2;

}

#conbot a{
        height: 24px;
        display: block;
        float: center;
        color: #000000;
        text-decoration: none;
        border-radius: 10px;
        padding-top: 2px;
        padding-left: 19px;
        padding-right: 19px;
        padding-bottom: 9px;
}

#conbot a:hover{ 

        background-color: #2C7BCA;
        border-radius: 10px;
        padding-top: 2px;
        padding-left: 19px;
        padding-right: 19px;
        padding-bottom: 9px;
}