html {
		  height: 100%;
		}
		body {
			background-color: #D8D8D8;
		  min-height: 100%;
		  display: flex;
		  flex-direction: column;
		}
		.content {
		  flex: 1;
		}
		
		


#contenedor {
	  display: table;
	  border-spacing: 5px;
}
#contenidos {
	display: table-row;
}
#uno, #dos, #principal, #secundario, #lateral {
	display: table-cell;
}
#uno{
	width:0.5%;
	background-color:#d9534f;    /*rojo*/	
}
#principal {
	width:20%;
	text-align:left;
}
#secundario{
	text-align:left;
	width:80%;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow: ellipsis;
}
#lateral {
	width:19.5%;
}