@charset "utf-8";
body {background-color: black;
}


header {
    display: flex;
    background-color: mediumseagreen;
    }


#logo {
    /*margin: 1em; 0em; 30em; 1em; */
    margin-top: 0.5em;
    background-color: rgb(247, 160, 74);
    }

#logo img {    
    
    }

#banner img {
    display: block;
    width: 100%;
    margin: 0em; 1em; 0em; 1em;
    }

#ubalogo {
    /* margin-bottom: 30em;
    margin-right: 20em;
   ;*/
    margin-top: 1em;
    background-color: rgb(247, 160, 74);
    }

#ubalogo img {
    /*margin: 1em; 1em; 30em; 1em;
    display: block;*/
    width: 90px;
    }



.titulares {
    background-color: rgba(45, 221, 45, 0.87);
    padding: 1em;
    text-align: center;
    font-size: 12pt;
    }
    
.contenido {
    font-family: sans-serif;
    font-size: 6pt;
    }

body nav ul li {
    margin: 0; 0; 0,2em; 0; 
    }




.equipo12 {
    background-color: rgba(45, 221, 45, 0.87);
    padding: 1em;
    text-align: center;
    font-size: 17pt;
    }

.alumnos {
    font-family: sans-serif;
    display: block;
    background-color: forestgreen;
    text-align: center;
    font-size: 14pt;
    padding: 0.3em;
    outline-color: blue;
    }





#descripcion {
    background-color: rgb(16, 16, 16);
    font-family: sans-serif;
    color: white;
    margin-left: 1em;
    }

.titulares2 {
    background-color: rgb(247, 160, 74);
    color: black;    
    font-family: monospace;
    font-size: 15pt;
    font-weight: bolder;
    }


#botones a{    
    display: block;
    }

#botones { 
    display: block;
    background-color: rgb(255, 255, 255);
    color: white;
    font-weight: bold;
    font-size: 18pt;
    text-align:center;
    margin: 1em 1em 1em 1em; 
}


    
.header body titulares{
    display: flex;
    justify-content: center;
    flex-direction: center;
}

menu {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-flow: row wrap;
    flex-grow: 3em;
    }