@-webkit-keyframes KEYFRAME-NAME {
0% {left: 1500; opacity: 20%;}
100% {left: 0; opacity: 100%;}
}
@-moz-keyframes KEYFRAME-NAME {
0% { left: 100%; }
100% {left: 0; }
}
KEYFRAME-NAME {
0% { left: 100%; }
100% { left: 0; }
}
@keyframes KEYFRAME-NAME {
0% { left: 100%; }
100% { left: 50%; }
}
NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
}
	
.tabout{
width: 100%;
}
.formcx {
	font-family: Verdana, Arial, Courrier;
	font-size: 12px;
	font-weight: normal;
	font-style:normal;
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	background-color: #FFFFFF;
	border: 1px solid #E1E1E1;
	width: 98%;
	margin:2px;
	height: 25px;
}
.formcx2 {
	font-family: Verdana, Arial, Courrier;
	font-size: 12px;
	font-weight: normal;
	font-style:normal;
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	background-color: #FFFFFF;
	border: 1px solid #E1E1E1;
	width: 50%;
	margin:2px;
	height: 25px;
}
.formmulti {
	font-family:  Verdana, Arial, Courrier;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	background-color: #FFFFFF;
	background-color: #FFFFFF;
	border: 1px solid #E1E1E1;
	width: 98%;
	margin:2px;
}

.formbot {
	height: 60px;
	width: 250px;
	background-attachment: scroll;
	background-image: url(/images/dados.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	padding: 10px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #003399;
	text-align: left;
	border-radius: 10px;
	border: thin solid #0066FF;
	font-weight: bold;
}
.formbot1 {
	height: 60px;
	width: 250px;
	background-attachment: scroll;
	background-image: url(/images/ckeckin.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	padding: 10px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #003399;
	text-align: left;
	border-radius: 10px;
	border: thin solid #0066FF;
	font-weight: bold;
}
.formbot2 {
	height: 60px;
	width: 250px;
	background-attachment: scroll;
	background-image: url(/images/relatorios.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	padding: 10px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #003399;
	text-align: left;
	border-radius: 10px;
	border: thin solid #0066FF;
	font-weight: bold;
}
.formbot:hover{
-webkit-filter: brightness(120%);
}
.formbot1:hover{
-webkit-filter: brightness(120%);
}
.formbot2:hover{
-webkit-filter: brightness(120%);
}
.formbothi {
	height: 60px;
	width: 250px;
	background-attachment: scroll;
	background-image: url(/images/dados.png);
	background-repeat: no-repeat;
	background-position: right center;
	opacity: 0.5;
	margin: 0px;
	padding: 10px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #4E4E4E;
	text-align: left;
	border-radius: 10px;
	border: thin solid #7F7F7F;
	font-weight: bold;
}
.formbot1hi {
	height: 60px;
	width: 250px;
	background-attachment: scroll;
	background-image: url(/images/ckeckin.png);
	background-repeat: no-repeat;
	background-position: right center;
	opacity: 0.5;
	margin: 0px;
	padding: 10px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #4E4E4E;
	text-align: left;
	border-radius: 10px;
	border: thin solid #7F7F7F;
	font-weight: bold;
}
.formbot2hi {
	height: 60px;
	width: 250px;
	background-attachment: scroll;
	background-image: url(/images/relatorios.png);
	background-repeat: no-repeat;
	background-position: right center;
	opacity: 0.5;
	margin: 0px;
	padding: 10px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #4E4E4E;
	text-align: left;
	border-radius: 10px;
	border: thin solid #7F7F7F;
	font-weight: bold;
}
.formbothi:hover{
background-color: #003399;
	border: thin solid #0066FF;
	opacity: 1;
}
.formbot1hi:hover{
background-color: #003399;
	border: thin solid #0066FF;
		opacity: 1;
}
.formbot2hi:hover{
background-color: #003399;
	border: thin solid #0066FF;
		opacity: 1;
}
hr { width:100%; height:1px; background: #FF963A }
.tbmidle{
	width:100%;
	max-width:998px;
}

.imglogo{
transition:all 0.3s ease;
}
.imglogo:hover {
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
}

.tabout{
width: 100%;
	position: relative;
  -webkit-animation: NAME-YOUR-ANIMATION 3s;
  -moz-animation:    NAME-YOUR-ANIMATION 3s;
  -o-animation:      NAME-YOUR-ANIMATION 3s;
  animation:         NAME-YOUR-ANIMATION 3s;
}
.imgaclarar{
	 -webkit-filter: brightness(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.imgaclarar:hover {
  -webkit-filter: brightness(150%);
}

.navigation_list
{
position: absolute; 
z-index:9999;
}
.txttit {
	font-family: "BrandonGT", Verdana, Arial;
	font-size: 24px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.txttit1 {
	font-family: "BrandonGT", Verdana, Arial;
	font-size: 20px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.txt12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.txt12:hover {
	text-decoration: none;
}
.txt14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.txt14:hover {
	text-decoration: none;
}
.txt12link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.txt12link:hover {
color: #0066FF;
	text-decoration: none;
}
.txt12white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.txt12white:hover {
	color: #ACF7F6;
	text-decoration: none;
}
.txt12whitehi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ACF7F6;
	text-decoration: none;
}
.txt12whitehi:hover {
	text-decoration: none;
}