html{ font-size: 16px;
}
*{
    width: 960px;
    margin: 0% auto 0% auto;
    box-sizing: border-box;
}

header{
width: 100%;

}


nav{
background:#e6e6e6 ;
width: 100%;
min-height: 70px;
margin: -1% auto 0.8% auto;
text-align: left;
padding: 2%;
padding-top: 3%;
font-family:'Oswald', sans-serif;
text-transform: uppercase;
    border-bottom: 5px solid #000;
}

.menu {
    list-style: none;
    width: 74%;
    font-family: sans-serif;
    float: right;
    font-family: 'Oswald', sans-serif;
font-size: 12px;
}
.menu li {
    float: right;
    width: 20%;
    text-align: center;font-family: 'Oswald', sans-serif;
font-size: 1rem;}


a:link {
    text-decoration: none;
    color: #000;
    }

a:visited {
    text-decoration: none;
    color: #000;}

section{
background:#ffffff;
width: 100%;
min-height: 464px;



font-family: 'Open Sans', sans-serif;
font-size: 12px;
}

section article{
    background: rgba(4, 255, 207, 0.98);
    width: 48%;
    min-height: 206px;
    padding: 8% 2% 6% 16%;
}
  

.izquierda{
    position: relative;
    margin: 1% 0%;
    float: left;
    text-decoration: underline;

}

.derecha{
    text-decoration: underline;
    position: relative;
    margin: 1% 0%;
    float: right;
    }



.titulos{

text-transform: uppercase;
font-size: 1.5rem;
text-decoration: overline;
font-family:'Oswald', sans-serif;
}

.columna{

font-family: 'Fira Sans', sans-serif;
font-size: 0.6rem;
padding: 1% 0% 1% 0%;
text-align: justify;
float: right;
position: relative;
margin: 1% 0%;
background: #fff;
}

.tema{
width:100%;
min-height: 30px;
background: #393838 ;
text-align: center;
font-family: 'Fira Sans', sans-serif;
font-size: 16pt;
color: #fff;
    padding: 1%;
}

footer{
width: 100%; 
min-height: 70px; 
background: #e6e6e6;
text-align: left;
font-family: 'Fira Sans', sans-serif;
font-size: 0.5rem;
padding: 1% 4% 1% 4%;
border-top: 5px solid #000;

}

.algo{
margin-right: -45px

}

.logouba {
    margin: 0.1% 2% 2% 2%;
    width: 5%;
    float: left;
}

.separador{
clear: both;
}