@charset "utf-8";
/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	
	/* incluir border y padding en las width y height */
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid black;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: Arial, cursive;
	font-weight: bold;
}

#seccion {
	float: left;
	width: 60%;
	height: 80%;
	background: #777;
	padding: 5px;
}

article {
	background: #AFA;
	height: 70%;
	padding: 5px;
}

#secundario {
	float: left;
	width: 20%;
	height: 80%;
	background: #FF9;
	padding: 5px;
}

#menu {
	float: left;
	width: 20%;
	height: 80%;
	background: #FF9;
	padding: 5px;
}

header, footer {
	background: #ADD;
	height: 10%;
	padding: 5px;
}

.clear {
	clear: both;
}
    