body {
    margin: 0px; 
    background-image: )
    background-repeat: repeat; 
}

header {
    width: 700px;
    height: 100px;  
    background: #e0f5e6;
    margin: 0px;
    display: block;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    width: 960px;
}

nav  {
  float: left;
  width: auto;
  margin-top: 40px;
  padding-right: 50px;
}

ul li {
  display: inline-block;
  padding-left: 10px;

}

 ul li a {
  width: 90%; 
  color: #0a115d;
  font-family: arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase; 
  text-decoration: none;
  font-size: 12px;
  padding: 15px; 
}

nav ul li a:hover {
  padding: 15px;
  text-decoration:underline;
}

main {
    width: 960px; 
    background: #0a115d; 
    margin-left: 220px; 
    height: 600px;
    ; 
}

section {
height: 400px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
min-height: 400px;
padding-bottom: 0px;
padding-left: 38px;
padding-right: 38px;
padding-top: 0px;
width: 883px;
}

aside {
    width: 70%; 
    min-height: 452px; 
    background: #0a115d ; 
    margin: 0px auto; 
    float: right; 
}

section article {
    width: 700px; 
    max-width: 100%; 
    min-height: 320px; 
    background: #fff; 
    margin: 15% auto 5% auto; 
} 


.asidearticle {
    width: 40%; 
    min-height: 320px; 
    background: #0a115d; 
    margin: 10% 40px 5% 20px; 
    float: left}

.mainarticle {
    width: 40%; 
    min-height: 320px; 
    background: #0a115d; 
    margin: 10% 40px 5% 20px; 
    float: left}


footer {
    background: #e0f5e6;
    width: 950px; 
    margin-left: 220px; 
    text-align: center; 
    padding: 0 5px; 
    height: 50px; 
    float: left;
}

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

h1 {
    font-family:gotham bold, arial, sans-serif; 
    font-size: 24px; 
    color: #bf167f;
    margin: 0;
}

h2 {
    font-family:gotham, sans-serif;
    color: #acebb1;
    font-size: 14px; 
    font-weight: 600;
    margin: 0; 
    text-decoration: underline;
    line-height: 15px;
}

p {
    font-family: gotham, sans-serif;
    color: #fff;
    font-size: 12px; 
    font-weight: 400;
    
}

.footertexto {
    font-family:arial, sans-serif;
    color: #0a115d;
    font-size: 10px; 
    text-align: center;
    
}



.logodgpc { width: 15%;  
            float: right;
            margin-right: 15px;
            margin-top: 15px;}





@media screen and (max-width: 861px)    
{
    aside {float: left; width: 100%; align-content: center}
    section {width: 100%; align-content: center; height: 345px}
    footer {width: 90%}
    section article {text-align: center; margin-top: 30px; margin-bottom: 5px;} 
    aside article {text-align: center; margin-top: 5px;} 
    
 }