#Body{
	background:#CCC
}


.box {
	width:1024px;
	height:550px;
	margin:40px auto;
	background-color: #FFF;
	background-image: url(img/Cabecera1.jpg);
 
}
.box h3{
                text-align:center;
                position:relative;
                top:80px;
                font-size: 1em  ;
}

.elemento {
 -webkit-box-shadow: 2px 2px 5px #999;
 -moz-box-shadow: 2px 2px 5px #999;
 }
 
 .efecto2
{
  position: relative;
}
.efecto2:before, .efecto2:after
{
/* Posiciona la sobora por detras del color de la caja*/
	  z-index: -1; 
	  position: absolute;
	  /* no aplico ningun contenidos HTML */
	  content: "";
	  /* posiciona la sombra con respecto al borde inferior, izquierdo y superior */
	  bottom: 15px;
	  left: 10px;
	  top: 80%;
	  /* configura el ancho */
	  width: 50%;
/* color de fondo */
	  background: #777;
	  /* definicion de la sombra estandar para box-shadow */
	  -webkit-box-shadow: 0 15px 10px #777;
	  -moz-box-shadow: 0 15px 10px #777;
	  box-shadow: 0 15px 10px #777;
	  /* rotacion de la sombra */
	  -webkit-transform: rotate(-3deg);
	  -moz-transform: rotate(-3deg);
	  -o-transform: rotate(-3deg);
	  -ms-transform: rotate(-3deg);
	  transform: rotate(-3deg);
}
.efecto2:after
{
	  /* rotacion de la sombra */
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  /* posiciona la sombra con respecto al borde izquierdo y derecho */
	  right: 10px;
	  left: auto;
}