*{
    font-family: 'Google Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

html{
    width: 1520.8px; /* tamaño fijo para poder hacer la comprobacion de que el paso a porcentajes es optimo*/
    background-color: rgb(255, 221, 197);
}

body{
    margin: 8px; /* 8 x 100 /1520.8 = 0.52*/
    background-color: chocolate;
}

form{

    box-sizing: content-box; /* es el por defecto, si quiero probar los cambios pongo border-box */

    width: 900px; /*Ancho real 944 px --> 2px 20px 900px 20px 2px*/
    padding: 20px;
    border: 2px solid black;
    margin: 0px 280.4px;

    background-color: bisque;
}

h1{
    text-align: center;
}

/* valores fijos en px para los elementos del form*/

#labelAsignatura{
    display: inline-block;
    width: 90px;
}

#labelInterface{
    display: inline-block;
    width: 110px;
}

#labelCliente{
    display: inline-block;
    width: 88px;
}

#labelDespliegue{
    display: inline-block;
    width: 118px;
}

#labelProfesores{
    display: inline-block;
    width: 66px;
}

#selectProfesor{
    width: 70px;
}

#labelHoras{
    display: inline-block;
    width: 47px;
}

#hora{
    width: 170px;
    padding: 0px 0px 0px 5px; 
}

#labelInformacion{
    display: inline-block;
    width: 147px;
}

#informacion{
    width: 157px;
}