@font-face {
  font-family: 'ufonts.com_futura-book';
  src: url('../fonts/ufonts.com_futura-book.eot');
  src: local("☺"), url('../fonts/ufonts.com_futura-book.eot?#iefix') format('embedded-opentype'), url('../fonts/ufonts.com_futura-book.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  	
}
body {
	font-family: 'ufonts.com_futura-book';
	margin: 0px;
	padding: 0px;
}
.fixfxfooter {
	margin-top: -20px; 
}
a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
}
.fxblue {
	text-align:left;
	width: 0px;
	height: 6px;
	min-height: 6px;
	max-height: 6px;
	background-color: #025d92;
	opacity: 0;
	margin-bottom: 5px;
	-webkit-animation:fadeInx ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeInx ease-in 1;
	animation:fadeInx ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:6s;
	-moz-animation-duration:6s;
	animation-duration:6s;
	
	-webkit-animation-delay: 6.50s;
	-moz-animation-delay: 6.50s;
	animation-delay: 6.50s;
	display:inline-block;
	z-index: 9999999999999999999999999;
}

.link{ text-decoration:none; color:#706B6B; }
.link:hover{ text-decoration:none; color:#C4C4C4; }
.link:active{ text-decoration:none; color:#706B6B; }

#centro h1 {
	padding: 15px;
	background-image:url(../img/transp.png);
	margin-bottom: 20px;	
}
.logo1 {
	width:0px;
	height:0px;
	margin-bottom: 20px;
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	animation-duration:3s;
	
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.logo2 {
	width:0px;
	height:0px;
	margin-bottom: 20px;
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	animation-duration:3s;
	
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.logo3 {
	width:0px;
	height:0px;
	margin-bottom: 20px;
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	animation-duration:3s;
	
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
 #test {
	position:relative;
	width:100%;
	overflow:auto;
	height:100%;
    background:url(../img/fundo.jpg) no-repeat center;
	
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	animation-duration:3s;
	
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
 #topo{
	 background:#035d92 url(../img/logo.png) no-repeat center center;
	 border-top:#008ac5 4px solid;
	 width:100%;
	 height:151px;
	 z-index:999999999;
	 margin:0px !important;
	
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-duration:2s;
	
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
 }
 
 #centro{
	 position:relative;
	 width: 1200px;
	left: 50%;
	margin-left: -600px;
	padding-left: 15px;
	 top:171px;
	
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeInx ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeInx ease-in 1;
	animation:fadeInx ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-duration:2s;
	
	-webkit-animation-delay: 2.50s;
	-moz-animation-delay: 2.50s;
	animation-delay: 2.50s;
	height: 648px;
 }
 @media (max-width:1024px){
 #centro{
	 position:relative;
	 width: 990px;
	left: 50%;
	margin-left: -505px;
	padding-left: 8px;
	 top:231px;
	
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeInx ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeInx ease-in 1;
	animation:fadeInx ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-duration:2s;
	
	-webkit-animation-delay: 2.50s;
	-moz-animation-delay: 2.50s;
	animation-delay: 2.50s;
	height:auto;
 }
	 
}

#faixa{
	margin-top: -70px;
	margin-bottom: 0px;
	height:auto;
	width:100%;
	overflow:hidden;
	vertical-align:top;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeInx ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeInx ease-in 1;
	animation:fadeInx ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-duration:2s;
	
	-webkit-animation-delay: 5.00s;
	-moz-animation-delay: 5.00s;
	animation-delay: 5.00s;	
}

#centro h1{
	font-family: 'ufonts.com_futura-book';
	font-size:15px;
	padding:25px 27px;
	text-align:justify;
	display: none;

}
 
 #bloco1{
    margin-right: 15px;
	padding: 15px;
	background-image:url(../img/transp.png);
	display: none;
	height: 290px;
	float:left;
	}
 
 #bloco2{	
    margin-right: 15px;
	padding: 15px;
	background-image:url(../img/transp.png);
	display: none;	height: 290px;
	float:left;	 
	}
 
 #bloco3{
	 margin-right: 0px;
	padding: 13px;
	display: none;	background-image:url(../img/transp.png);
	height: 290px;
	float:left;	 }

#centro p{
	padding: 15px;
	background-image:url(../img/transp.png);
	font-family: 'ufonts.com_futura-book';
	font-size:12px;
	text-align:center;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	display: none;

}
.col-lg-4 h2{ font-family: 'ufonts.com_futura-book'; font-size:12px; text-align:right; margin-right:5px; line-height:16px; }
.botao{ background:#008ac5; width:136px; height:27px; padding-top:2px; float:right; margin-right:5px; text-align:right; text-transform:uppercase; color:#fff; text-decoration:none; font-family: 'ufonts.com_futura-book'; font-size:16px; padding-right:10px; }
.botao:hover{ text-decoration:none; color:#D8D8D8; }
.botao:visited{ text-decoration:none; }

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeInx { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeInx { from { opacity:0; } to { opacity:1; } }
@keyframes fadeInx { from { opacity:0; } to { opacity:1; } }