button.css4button {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #FFFFFF;
		width: 290px;
		height: 80px;
		padding: 10px 20px;
		background-image: linear-gradient(to bottom, #363636, #3f3f3f, #484848, #515151, #5b5b5b, #5b5b5b, #5b5b5b, #5b5b5b, #515151, #484848, #3f3f3f, #363636);
		border-radius: 10px;
		border: 2px solid #868686;
		transition: all 0.3s ease-in-out;

		box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
		text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
	}
	button.css4button:hover {
		cursor:pointer;
 		background-image: linear-gradient(to bottom, #484848, #515151, #5a5a5a, #646464, #6d6d6d, #6d6d6d, #6d6d6d, #6d6d6d, #646464, #5a5a5a, #515151, #484848);
		border-radius: 40px 0px 40px 0px;
		border: 2px solid #A0A0A0;		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
  		color: #000000;
		transform: translateY(-10px);		
		box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
		text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);

	}

	/**********************************  Botao **************************/
	.btn-gradient-gray {
			color: white;
			border: none;
			height:50px;
			width:100%;
			border-radius: 10px 0px 10px 10px;	
			margin-top: -20px;
			transition: all 0.3s ease-in-out;
			background-image: linear-gradient(to bottom, #424242, #484848, #4e4e4e, #555555, #5b5b5b, #5b5b5b, #5b5b5b, #5b5b5b, #555555, #4e4e4e, #484848, #424242);						
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);

	}
	.btn-gradient-gray:hover {				
			background-image: linear-gradient(to bottom, #636363, #5d5d5d, #575757, #525252, #4c4c4c, #464646, #414141, #3b3b3b, #343434, #2d2d2d, #272727, #202020);
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
	}
	
	
	
	.btn-Xprimary {
			width: 220px;
			height: 100px;
			border-radius: 20px 20px 20px 20px;
			border: 2px solid #DB9200;
			color: #FBE52C;
			width: 290px;
			height: 80px;
			padding: 10px 20px;
			font-family: Arial, Helvetica, sans-serif;
  			font-size: 20px;
			transition: all 0.3s ease-in-out;
			background-image: linear-gradient(to right top, #000000, #421e21, #7f392c, #b55f26, #db9200);
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}
		.btn-Xprimary:hover {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			width: 290px;
			height: 80px;
			padding: 10px 20px;
			color: #FBE52C;
			border: 2px solid #DB9200;
			border-radius: 40px 0px 40px 0px;
			transform: translateY(-10px);
			background-image: linear-gradient(to right top, #000000, #421e21, #7f392c, #b55f26, #db9200);
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}
		
		
		.btn-CupVermelho {
			width: 290px;
			height: 80px;	
			border-radius: 20px 20px 20px 20px;
			border: 2px solid #D90202;
			color: #FFF;
			font-family: Arial, Helvetica, sans-serif;
  			font-size: 20px;
			transition: all 0.3s ease-in-out;
			background-image: linear-gradient(to right top, #3c0000, #61000c, #880010, #b0000d, #d90202);
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}		
		.btn-CupVermelho:hover {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: regular;
			width: 290px;
			height: 80px;	
			color: #E87777;
			border: 2px solid #D90202;
			border-radius: 40px 0px 40px 0px;
			transform: translateY(-10px);
			background-image: linear-gradient(to right top, #3c0000, #61000c, #880010, #b0000d, #d90202);
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}
		
		.btn-CupAzul {
			width: 290px;
			height: 80px;	
			border-radius: 20px 20px 20px 20px;
			border: 2px solid #1FCAFF;
			color: #FFF;
			font-family: Arial, Helvetica, sans-serif;
  			font-size: 20px;
			transition: all 0.3s ease-in-out;
			background-image: linear-gradient(to right top, #002963, #004e8c, #0075b5, #009fdb, #1fcaff);
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}		
		.btn-CupAzul:hover {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: regular;
			width: 290px;
			height: 80px;	
			color: #1FCAFF;
			border: 2px solid #1FCAFF;
			border-radius: 40px 0px 40px 0px;
			transform: translateY(-10px);
			background-image: linear-gradient(to left bottom, #002963, #09528c, #267eb2, #4cabd6, #78daf8);
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}
		
		.btn-CupVerde {
			width: 290px;
			height: 80px;	
			border-radius: 20px 20px 20px 20px;
			border: 2px solid #00FF3B;
			color: #00FF3B;
			font-family: Arial, Helvetica, sans-serif;
  			font-size: 20px;
			text-shadow: 10px 10px 5px #000;
			transition: all 0.3s ease-in-out;
			background-image: linear-gradient(to right top, #003e0c, #0d6a1f, #1f9933, #31cb49, #44ff60);
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}		
		.btn-CupVerde:hover {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			text-shadow: 10px 10px 5px #000;
			font-weight: regular;
			width: 290px;
			height: 80px;	
			color: #00FF3B;
			border: 2px solid #00FF3B;
			border-radius: 40px 0px 40px 0px;
			transform: translateY(-10px);
			background-image: linear-gradient(to left bottom, #003e0c, #0d6a1f, #1f9933, #31cb49, #44ff60);
			-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
			text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}
		
		
		.btn-Cadprimary {
				width: 290px;
				height: 80px;
				border-radius: 20px 20px 20px 20px;
				border: 2px solid #6C6C6C;
				color: #000000;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				padding: 10px 20px;
				background-image: linear-gradient(to right top, #5f5f5f, #6e6e6e, #7e7e7e, #8e8e8e, #9f9f9f, #a0a0a0, #a2a2a2, #a3a3a3, #959595, #888888, #7b7b7b, #6e6e6e);
				-moz-border-radius: 10px;
				border-radius: 10px;
				border: 2px solid #868686;
				transition: all 0.3s ease-in-out;
				-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
				-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
				box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
				text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}		
		.btn-Cadprimary:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 20px;
				font-weight: regular;
				width: 290px;
				height: 80px;
				color: #000000;
				border: 2px solid #6C6C6C;
				border-radius: 40px 0px 40px 0px;
				background-image: linear-gradient(to right top, #5f5f5f, #6e6e6e, #7e7e7e, #8e8e8e, #9f9f9f, #a0a0a0, #a2a2a2, #a3a3a3, #959595, #888888, #7b7b7b, #6e6e6e);
				-moz-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
				-webkit-box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
				box-shadow: 0px 0px 14px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(0,0,0,0.6);
				text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
		}
		
		.btn-close-custom {
		  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dc3545'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
		  opacity: 1;
		}
		.btn-close-custom:hover {
			opacity: 0.75;
		}