body {
	background-color: ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: px;
	text-align: center;
	padding-top: px;
	padding-bottom: 20px;
}

.box {
	width:700px;
	height:300px;
	background:#FFF;
	margin:40px auto;
	
}
.box h3{
	text-align:center;
	position:relative;
	top:80px;
	font-size: 1em	;
}






/* efecto 3 */
.efecto3
{
	position:relative;       
	-webkit-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
	-moz-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
	box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
}
.efecto3:before, .efecto3:after
{
	/* no aplica contenidos */
	content:"";
    position:absolute; 
	/* posiciona la sombra por detras de la caja */
    z-index:-1;
	/* aplica una sombra centrada con un gris oscuro y 20px de difuminado */
    -webkit-box-shadow:0 0 20px #777;
    -moz-box-shadow:0 0 20px #777;
    box-shadow:0 0 20px #777;
	/* centra verticalmente y separa la sombra de los bordes izquierdo y derecho */
    top:0;
    bottom:0;
    left:10px;
    right:10px;
	/* redondea las esquinas de la sombra */
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}