.pie {
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	padding: 10px;
}

.contenedor{
	background-color: lightblue;
	color: white;
}

.degradado {
	background: linear-gradient(grey,lightgrey);
}

.fuente-roboto{
	font-family: 'Roboto', sans-serif;
}


/*Con ésta regla, aplicamos estilos a los div que haya dentro de una caja con clase flotante (es decir, a todo lo que haya en el div contenido) */
.flotante div {
	margin: 10px;
	padding: 5px;
	color: black;
}

.principal {
	background-color: lightgreen;
	color: darken();
	float: left;
}

/* Ésta caja tiene los bordes redondeados*/
.lateral {
	background-color: lightyellow;
	border-radius: 10px;
	float: right;
}

.clear{
	clear: both;
}