<!-- como usar a classe button 
	<center><a href="link para ir" class="button">texto no botão</a></center>

-->


.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #000000;
	-webkit-box-shadow:inset 0px 1px 0px 0px #000000;
	box-shadow:inset 0px 1px 0px 0px #000000;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c0c0c0), color-stop(1, #000000));
	background:-moz-linear-gradient(top, #c0c0c0 5%, #000000 100%);
	background:-webkit-linear-gradient(top, #c0c0c0 5%, #f0f0f0 100%);
	background:-o-linear-gradient(top, #c0c0c0 5%, #f0f0f0 100%);
	background:-ms-linear-gradient(top, #c0c0c0 5%, #f0f0f0 100%);
	background:linear-gradient(to bottom, #6c6a61 5%, #6c6a61 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#f0f0f0',GradientType=0);
	background-color:#c0c0c0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:1px solid #d0d0d0;
	display:inline-block;
	cursor:pointer;
	color:#ede4e0;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #f0f0f0;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f0f0f0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24437;
}
.button:active {
	position:relative;
	top:1px;
}

.specialbutton {
-moz-box-shadow:inset 0px 1px 0px 0px #04d4f0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #04d4f0;
	box-shadow:inset 0px 1px 0px 0px #000000;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #04ecf0), color-stop(1, #04d4f0));
	background:-moz-linear-gradient(top, #04d4f0 5%, #000000 100%);
	background:-webkit-linear-gradient(top, #04d4f0 5%, #f0f0f0 100%);
	background:-o-linear-gradient(top, #c0c0c0 5%, #f0f0f0 100%);
	background:-ms-linear-gradient(top, #c0c0c0 5%, #f0f0f0 100%);
	background:linear-gradient(to bottom, #00ffff 5%, #80daeb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6af2f0', endColorstr='#04ecf0',GradientType=0);
	background-color:#ffffff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:2px solid #04d4f0;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #f0f0f0;
}