body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#main {
   height: 80%;
   display: -webkit-flex;
   display: flex;
   flex-flow: row;
}
#main article {
	background: #CFC;
	flex: 3 1 60%;
	order: 2;
}
#main nav {
	background: #CCF;
	flex: 1 6 20%;
	order: 1;
}
#main aside {
	background: #CCF;
	flex: 1 6 20%;
	order: 3;
}
header, footer {
	display: block;
	min-height: 10%;
	background: #FC6;
}
#marcoImagen{
    height: 50%;
    width: 100%;
}
#descripcion{
    height: 45%;
    width: 100%;
}
	*{
		padding: 0px;
		margin: 0px;
	}

	#cabecera{
		margin: auto;
		width: 500px;
		font-family: Arial, Helvetica, sans-serif;
	}

	ul, ol{

		list-style: none;
	}

	.principal li a{

		background-color: #000;
		color: #fff;
		text-decoration: none;
		padding: 10px 15px; 
		display: block;
	}

	.principal li a:hover{
		background-color: #434343;
	}

	.principal > li{

		float: left;

	}
	.principal li ul{

		display: none;
		position: absolute;
		min-width: 140px;

	}
	.principal li:hover > ul{

		display: block;

	}
	.principal li ul li{
		position: relative;
	}

	.principal li ul li ul{
		right: -140px;
		top: 0px;
	}
        #iconoPiePagina{
            float: left;
            padding: auto;
        }
        #descripcionPie{
            float: left;
        }
        #piePagina{
            border: solid black;
        }
        #ladoDerecho{
            border: solid black;
        }
        #ladoIzquierdo{
            border: solid black;
        }
        #centro{
            border: solid black;
        }
        #comienzo{
            border: solid black;
        }