Erro 404 - Ops! A página não existe ou foi excluída :(

by Ennio Sousa Sousa

HTML

<div style="width:700px;height: 500px;margin:50px auto;">
			
			<p><img src="http://s29.postimg.org/vjor555iv/ops.png" border="0" alt="Ops! Servidor local."/></p>
			<h1>Erro 404</h1>
			<p style="margin-bottom: 50px;">Está página não existe ou foi excluida.<br />E agora para onde você vai?</p>
			
			<p><a class="btn" href="/">página inicial</a> ou <a class="btn" href="javascript://" onclick="javascript:window.history.go(-1)">voltar a página anterior</a></p>
		</div>
		<p style=""><a href="http://www.ucozdev.com.br" target="_blank">uCoz Developers</a> 2014 &copy; Todos os direitos reservados</p>

CSS

body { text-align: center;}
	  h1 { font-size: 50px; text-align: center }
	  span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
	  body { font: 20px Constantia, 'Hoefler Text',  "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
	  ::-moz-selection{ background:#ccc; color:#fff; }
	  ::selection { background:#ccc; color:#fff; } 
	  article {display:block; text-align: left; width: 500px; margin: 0 auto; }
	  
	  a { color:#5a5a5a; text-decoration:none; }
	  a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
	  .btn {
	  -webkit-border-radius: 5;
	  -moz-border-radius: 5;
	  border-radius: 5px;
	  font-family: Arial;
	  color: #5a5a5a;
	  font-size: 20px;
	  background: #ccc;
	  padding: 10px 20px 10px 20px;
	  text-decoration: none;
	}
	
	.btn:hover {
	  background: #ccc;
	  text-decoration: none;
	}