#div_flutuante{
	position: fixed;
	font-size: 19px;
	font-family: cursive;
	text-align: center;
	top: 2px;
	right:2px;
	padding: 5px 10px 5px 10px;
	margin: 5px 5px 0px 5px;
	background-color: #fff;
	border-style: solid;
	border-color: #666;
	border-radius: 15px;
	cursor: pointer;
}

#bt_fechar_div_flutuante{
	font-size: 12px;
	color: #333;
	padding: 5px 12px;
	background-color: #ddd;
	border-radius: 3px;
	border-style: none;
	cursor:pointer;
}

#coluna_esquerda{
	float: left;
	text-align: center;
	width: 320px;
	padding: 0px 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
   margin-right: auto;
	background-color:#fff;
}

#coluna_direita{
	float: left;
	text-align: left;
	width: auto;
	padding: 0px 5px;
	margin: 5px 5px 5px 20px;
	background-color:#fff;
}


//@keyframes entrada_div_ajuda {
//	0%   {transform: scale(0); opacity: 0;}
//	100% {transform: scale(1); opacity: 1;}	
//}
#div_ajuda{
	position: fixed;
	top: 50px;
	left: 335px;
	overflow-y: auto;
	height: 75%;
	background-color: #fff;
	border-width: 5px;
	border-radius: 15px;
	border-style: solid;
	border-color: #666;
	padding: 15px 30px;
	//animation-name: entrada_div_ajuda;
	//animation-duration: 0.8s;
	//animation-iteration-count: 1;
	//animation-timing-function: ease-in-out;
}

#fechar_ajuda{
	position: absolute;
	top: 10px;
	right: 10px;
}

.botao_fechar_ajuda{
	background-color: #f0f;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: #000;
	text-align: center;
	vertical-align: center;
	border-width: 1px;
	border-color: #666;
	border-style: outset;
	border-radius: 20px;
	transition: 0.1s;
	cursor: pointer;
}
.botao_fechar_ajuda:hover{
	background-color: #0ff;
	transform: scale(1.1);
	transition: 0.1s;
}

.rg1{
	width: 640px;
	height: 40px;
	margin-left: 0px;	
}

.span1{
	display: inline-block;
	font-family: monospace;
	font-size: 18px;
	color: #00f;
	text-align: center;
	background-color: #ddd;
	min-width: 620px;
	padding: 3px 10px;
	border-radius: 10px;
	cursor: default;
}

@keyframes txconsideracao{
	0%  {transform: rotatex(360deg);}
}
.txconsideracao{
	animation-delay: 0s;
	animation-name: txconsideracao;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background-color: #999;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	border-color: #999;
	border-style: solid;
	width: 640px;
}

#sprodape{
	background-color: #eee;
	border-radius: 10px;
	padding: 5px 0px 5px 10px;
	width: 630px;
	//min-width: 630px;
	//max-width: 900px;
}

#spestendido{
	color: #666;
	background-color: #eee;
	font-size: 16px;
	font-family: monospace;
	font-weight: bold;
	cursor: default;
}
#spestendido:hover{
	color: #f00;
}

#span_masculino:hover{
	color: #f00;
}

#span_feminino:hover{
	color: #f00;
}

#span_oms:hover{
	color: #f00;
}

.sbvm{
	color: #666;
	background-color: #f00;
	font-family: monospace;
	font-size: 5px;
	font-weight: bold;
	width: 5px;
	padding: 0px;
	border-width: 0px;
}

.sblj{
	color: #666;
	background-color: #fb0;
	font-family: monospace;
	font-size: 5px;
	font-weight: bold;
	width: 5px;
	padding: 0px;
	border-width: 0px;
	fon
}

.sbam{
	color: #666;
	background-color: #ff0;
	font-family: monospace;
	font-size: 5px;
	font-weight: bold;
	width: 5px;
	padding: 0px;
	border-width: 0px;
}

.sbvd{
	color: #666;
	background-color: #0d0;
	font-family: monospace;
	font-size: 5px;
	font-weight: bold;
	width: 5px;
	padding: 0px;
	border-width: 0px;
}

.sbmr{
	color: #999;
	background-color: #841;
	font-family: monospace;
	font-size: 5px;
	font-weight: bold;
	width: 5px;
	padding: 0px;
	border-width: 0px;
}

.sbcz{
	color: #666;
	background-color: #ddd;
	font-family: Fixed, monospace;
	font-size: 1px;
	font-weight: bold;
}


.tx1{
	display: inline-block;
	font-size: 22px;
	width: 250px;
	color: #fff;
	background-color: #000;
	padding: 5px 20px;
	text-align: center;
	border-radius: 10px;
	border-color: #ff0;
	border-style: solid;
}

.tx2{
	display: inline-block;
	font-size: 25px;
	font-family: sans-serif;
	color: #fff;
	background-color: #000;
	padding: 5px 20px;
	text-align: center;
	border-radius: 10px;
	border-color: #ff0;
	border-style: solid;
}

@keyframes txazul{
	0%  {transform: rotatex(360deg);}
}
.txazul{
	animation-delay: 0s;
	animation-name: txazul;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	font-size: 26px;
	color: #fff;
	background-color: #00f;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	border-color: #999;
	border-style: solid;
	min-width: 640px;
}

@keyframes txvermelho{
	0%  {transform: rotatex(360deg);}
}
.txvermelho{
	animation-delay: 0s;
	animation-name: txvermelho;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	font-size: 26px;
	color: #fff;
	background-color: #f00;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	border-color: #999;
	border-style: solid;
	min-width: 640px;
}


@keyframes txamarelo{
	0%  {transform: rotatex(360deg);}		
}
.txamarelo{
	animation-delay: 0s;
	animation-name: txamarelo;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	font-size: 26px;
	color: #000;
	background-color: #ff0;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	border-color: #999;
	border-style: solid;
	min-width: 640px;
}

@keyframes txalaranjado{
	0%  {transform: rotatex(360deg);}		
}
.txalaranjado{
	animation-delay: 0s;
	animation-name: txalaranjado;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	font-size: 26px;
	color: #fff;
	background-color: #fa0;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	border-color: #999;
	border-style: solid;
	min-width: 640px;
}

@keyframes txverde{
	0%  {transform: rotatex(360deg);}		
}
.txverde{
	animation-delay: 0s;
	animation-name: txverde;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	font-size: 26px;
	color: #000;
	background-color: #0f0;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	border-color: #999;
	border-style: solid;
	min-width: 640px;
}

@keyframes txmarrom{
	0%  {transform: rotatex(360deg);}		
}
.txmarrom{
	animation-delay: 0s;
	animation-name: txmarrom;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	display: inline-block;
	font-size: 26px;
	color: #fff;
	background-color: #841;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	border-color: #999;
	border-style: solid;
	min-width: 640px;
}

.botao_abrir_ajuda{
	padding: 3px 6px;
	background-color: #eee;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: center;
	vertical-align: center;
	border-width: 1px;
	border-color: #666;
	border-style: outset;
	border-radius: 8px;
	transition: 0.1s;
}
.botao_abrir_ajuda:hover{
	background-color: #66f;
	transform: scale(1.2);
	transition: 0.1s;
}


#div_clear_both{
	clear: both;
}