#largura{
	float: center;
	width: 1000px;
	background-color:#FFF;
	margin: 0px auto;
}

@keyframes entrada_coluna_esquerda {
	0%   {top: 0px; left: -100px; opacity: 0.00}
	100% {top: 0px; left: 0px;opacity: 1.00}
}
.coluna_esquerda{
	float: left;
	width: 320px;
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
   margin-right: auto;
	background-color:#fff;
	//position: relative;
	//animation-name: entrada_coluna_esquerda;
	//animation-duration: 0.8s;
	//animation-iteration-count: 1;
	//animation-timing-function: linear;
	}


@keyframes entrada_coluna_centro {
	0%   {top: 100px; left: 0px; opacity: 0.00}
	100% {top: 0px; left: 0px;opacity: 1.00}
}
.coluna_centro{
	float: left;
	width: 320px;
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
   margin-right: auto;
	background-color:#fff;
	//position: relative;
	//animation-name: entrada_coluna_centro;
	//animation-duration: 0.8s;
	//animation-iteration-count: 1;
	//animation-timing-function: linear;
	}

@keyframes entrada_coluna_direita {
	0%   {top: 0px; left: 100px; opacity: 0.00}
	100% {top: 0px; left: 0px;opacity: 1.00}
}
.coluna_direita{
	float: left;
	width: 320px;
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
   margin-right: auto;
	background-color:#fff;
	//position: relative;
	//animation-name: entrada_coluna_direita;
	//animation-duration: 0.8s;
	//animation-iteration-count: 1;
	//animation-timing-function: linear;
	}
#clear_both{
	clear: both;
}

@keyframes entrada_1{
	0%  {transform: rotatex(360deg) scale(1.5);}
	50% {transform: rotatex(360deg) scale(0.1);}	
}
.caixabotaopadrao1{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_1;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #FA0;
	color: #000;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao1:hover{
	background-color: #fff;
	transform: scale(1.1);
	transition: 0.25s;
}

@keyframes entrada_2{
	0% {transform: rotatey(360deg) scale(0.1);}	
}
.caixabotaopadrao2{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_2;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #00f;
	color: #fff;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao2:hover{
	background-color: #fff;
	color: #000;
	transform: scale(1.1);
	transition: 0.25s;
}

@keyframes entrada_3{
	0% {transform: rotatex(360deg) scale(0.1);}	
}
.caixabotaopadrao3{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_3;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #0F0;
	color: #000;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao3:hover{
	background-color: #fff;
	transform: scale(1.1);
	transition: 0.25s;
}

@keyframes entrada_4{
	0%  {transform: rotatey(360deg) scale(0.1);}
	50% {transform: rotatey(0deg) scale(1.5);}	
}
.caixabotaopadrao4{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_4;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #ff0;
	color: #000;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao4:hover{
	background-color: #fff;
	transform: scale(1.1);
	transition: 0.25s;
}

@keyframes entrada_5{
	0% {transform: rotatex(360deg) scale(0.1);}		
}
.caixabotaopadrao5{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_5;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #ddd;
	color: #000;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao5:hover{
	background-color: #fff;
	transform: scale(1.1);
	transition: 0.25s;
}

@keyframes entrada_6{
	0% {transform: rotatex(360deg) scale(0.1);}		
}
.caixabotaopadrao6{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_6;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #000;
	color: #fff;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao6:hover{
	background-color: #fff;
	transform: scale(1.1);
	transition: 0.25s;
	color: #000;
}

@keyframes entrada_7{
	0% {transform: rotatey(360deg) scale(0.1);}	
}
.caixabotaopadrao7{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_7;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #fff;
	color: #333;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao7:hover{
	background-color: #fff;
	transform: scale(1.1);
	transition: 0.25s;
	color: #000;
}

@keyframes entrada_8{
	0% {transform: rotatex(360deg) scale(0.1);}		
}
.caixabotaopadrao8{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_8;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #0f6;
	color: #000;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao8:hover{
	background-color: #fff;
	transform: scale(1.1);
	transition: 0.25s;
}
@keyframes entrada_8{
	0% {transform: rotatex(360deg) scale(0.1);}		
}
.caixabotaopadrao9{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_8;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #f00;
	color: #000;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao9:hover{
	background-color: #fff;
	transform: scale(1.1);
	transition: 0.25s;
}
.caixabotaopadrao10{
	position: relative;
	//animation-delay: 0.5s;
	animation-name: entrada_8;
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	width: 250px;
	height: auto;
	text-align: center;
	line-height: 25px;
	background-color: #0ff;
	color: #000;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	text-decoration:none;
	border: 4px outset #AAA;
	border-radius: 50px;
	transition: 0.25s;
}
.caixabotaopadrao10:hover{
	background-color: #fff;
	transform: scale(1.1);
	transition: 0.25s;
}

.botao1 {
	/*display: inline-block;*/
	background-color: #FF0000;
	color: #FFFFFF;
	padding: 10px 20px;
	text-decoration: none;
	box-sizing: border-box;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	border: 0px;
}