@charset "utf-8";


@font-face {
    font-family: 'stellarbold';
    src: url('stellar-bold-webfont.woff2') format('woff2'),
         url('stellar-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'stellarlight';
    src: url('stellar-light-webfont.woff2') format('woff2'),
         url('stellar-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'stellarmedium';
    src: url('stellar-medium-webfont.woff2') format('woff2'),
         url('stellar-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'stellarregular';
    src: url('stellar-regular-webfont.woff2') format('woff2'),
         url('stellar-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {background-color: white;
}


header {
    display: flex;
    }


#logo {
    /*margin: 1em; 0em; 30em; 1em; */
    margin-top: 0.5em;
    }


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

#ubalogo {
    margin-top: 1em;
    }

#ubalogo img {
   
    width: 90px;
    }



.titulares {
    background-color: #f16f8d;
    padding: 1em;
    text-align: center;
    font-size: 12pt;
    font-family: 'stellarmedium';
    
    }
    
.contenido {
    display: flex;
    flex-direction: column;
    font-family: 'stellarmedium';
    font-size: 6pt;
    background-color: #f16f8d;
    color: white;
    }

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




.equipo12 {
    background-color: rgb(0, 174, 200);
    padding: 1em;
    text-align: center;
    font-size: 17pt;
    font-family: 'stellarmedium';
    color: black;
    }

.alumnos1 {
    font-family: 'stellarmedium';
    display: block;
    background-color: rgb(0, 174, 200);
    text-align: center;
    font-size: 14pt;
    padding: 0.3em;
    outline-color: blue;
    }

.alumnos2 {
    font-family: 'stellarmedium';
    display: block;
    background-color: #f16f8d;
    text-align: center;
    font-size: 14pt;
    padding: 0.3em;
    outline-color: blue;
    }


h3 a {
    text-decoration: none;
    color: white;
     }



#descripcion {
    background-color: rgb(0, 174, 200);
    font-family: 'stellarmedium';
    color: white;
    margin-left: 1em;
    }

.titulares2 {
    background-color: #f16f8d;
    color: black;    
    font-family: 'stellarmedium';
    font-size: 15pt;
    font-weight: bolder;
    }


#botones a {    
    display: block;
    text-decoration: none;
    color: white;
    }

#botones { 
    display: block;
    background-color: rgb(0, 171, 200);
    color: white;
    font-size: 18pt;
    text-align:center;
    margin: 1em 1em 1em 1em; 
    font-family: 'stellarmedium';  
    padding: 1em;
}

#botones2 { 
    display: block;
    background-color: #f16f8d;
    color: white;
    font-size: 18pt;
    text-align:center;
    margin: 1em 1em 1em 1em; 
    font-family: 'stellarmedium';  
    padding: 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;
    }