* {
margin:0;
padding: 0;
box-sizing: border-box;
}

body{
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

header{
    background:#2be32b;
    width: 980px;
    height: 200px;
    margin: 60px 10px 2px 10px;
    display: block;
}

nav{
    background: #e32bdc;
    width: 980px;
    height: 30px;
    margin: 2px 10px 2px 10px;
    display: block;
    flex-wrap: wrap;
	justify-content: center;
}

main{
    border-style:solid;
    border-color:#ad0ca7;
    width: 980px;
    height: 700px;
    margin: 2px 10px 2px 10px;
}

section{
    background:#00ebff;
    width: 970px;
    height: 400px;
    margin: 2px 2px 2px 2px;
    display: block;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
	align-content: stretch;
    
}

.destacadoizq{
    background:#fab415;
    width: 48%;
    height: 80%;
    margin: 2px 2px 2px 2px;
    display: block;
}

.destacadoder{
    background:#fab415;
    width: 48%;
    height: 80%;
    margin: 2px 2px 2px 2px;
    display: block;
}

aside{
    background:#6d6d6d;
    width: 970px;
    height:288px;
    margin: 2px 2px 2px 2px;
    display: block;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
    align-items: center;
	align-content: stretch;
}

.articuloder{
    background:#fab415;
    width: 60%;
    height: 80%;
    margin: 2px 2px 2px 2px;
    display: block;
}

.articuloizq{
    background:#fab415;
    width: 30%;
    height: 80%;
    margin: 2px 2px 2px 2px;
    display: block;
}

footer{
    background:#008100;
    width: 980px;
    height: 150px;
    margin: 2px 10px 2px 10px;
    display: block;