#penumbra{
	background-color: #ccc; /*color de sombra tonalidad gris*/
}
.sombra,
.contenido-texto{
	/* con bottom y right hacemos correr 2px hacia abajo y hacia la derecha. */
	position: relative;
	bottom: 2px;
	right: 2px;
}
 
.sombra{
	background-color: #666; /*color de sombra tonalidad gris más clara*/
}
 
.contenido-texto{
	background-color: #f1ffed; /*color de fondo del contenido*/
	color: #549790; /*color del texto*/
	padding: .5em 2ex;
	font-family:Arial, sans, sans-serif, nimbus sans L;
}

<div id="penumbra">
	<div class="sombra">
		<div class="contenido-texto">
   		<p>Aplicando sombras a un contenedor con CSS. 
        Aqui ira el contenido de nuestra web, puede ser un texto, imágenes, videos , etc.</p>
  		</div>
	</div>
</div>