body{ 
    background-image: url(imagenes/fondo.png);
    font-size: 16px;
    font-family: sans-serif;
    background-image: url(imagenes/ricepaper2.png);

}

.pagina{
    max-width: 960px;
    margin: 0 auto;
}

h1{
    font-size: 0.8rem;
    padding-left: 2%;
    margin-top: 5%;
    color:#47bccb;
    text-align: left;
    line-height: 0;
}

header{ 
    width: 100%; 
    height: 10%;
    margin: 0 auto;
    background:#000; 
}

nav{
    width: 100%;
    height: 20px;
    background: #000;
    padding-bottom: 2%;
    font-weight:600;
}

nav li {
    margin: 0% 0% 0% 4%;
    width: 10%;
    text-align: center;
    float: left;
    font-size: 0.8rem;
    color: #fff;
    list-style: none;
    border-top-style: solid;
    border-top-color: #fff;
    border-top-width: thick;
    
}

a link{
    color: #000;
}

a visited {
    color: #00FF00;
}

.logo {
    margin: 1.5% 0% 0% 80%;
}

section {
    padding: 0;
}
.banner { 
    width: 960px;
    
}
.arriba {
    padding: 0;
    margin-top: 1%;
}

aside{
    height: 30%;
    width: 104%;
    float: left;
    margin-top: 0 auto;
    padding: 0;
    
}

aside article {
    height: 300px;
    width: 30%;
    background-color: #000;
    float: left;
    margin: 1.5% 3.2% 1.5% 0%;
}

.alumnos{
    float:left;
    width: 102%;
    margin: 1% 0% 0% 0%;
    background-color: rgba(253, 4, 4, 0.19);
    padding: 0;
    
}

.tps {
    width: 48%;
    height: 300px;
    background-color: #fff;
    color; #568b14;
    float: left;
    margin: 2% 2% 2% 0%;
}


footer{
    float: left;
    width: 98.5%;
    margin: 0.5% 0% 0% 0% ;
    background-color: #000;
    padding: 1%;
    font-size: 0.7rem;
    text-align: center;
    color: #fff;
}




/* responsive */

@media screen and (max-width:768px){
    
.logo{
    width: 40%;
    margin: 0% 1% 1% 30%;
}
    
header {
    padding: 10%;
    width: 80%;
    height: 100px;
}
    

nav{ 
    width: 100%;
    height: 150px;
    
}

nav li{
    width: 100%;
    float: left; 
    margin: 1%;
}

section{
    width: 100%;
    height: 280px;
}

.banner {
    width: 100%
}
    
aside{
    width: 100%;
    height: 100%;

}
    
aside article{
    width: 100%;
}

footer{ 
    display: none; 
}
}