@import url('https://fonts.googleapis.com/css?family=Exo|Open+Sans');

@font-face {
    font-family: 'alternate';
    src: url('fonts/alternate/alternategono-webfont.woff2') format('woff2'),
         url('fonts/alternate/alternategono-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* GERAIS */

*{
	margin:0;
	padding:0;
	-webkit-appearance:none;
	letter-spacing: 1px;
}

body, html{

	overflow-x:hidden;
	font-size: 16px;
	font-family: "Open Sans";
	position: relative;
}

input{

    padding: 10px;
    margin-bottom: 10px;
    border:1px solid #133f86;
}
input[type=button],input[type=reset],input[type=submit]{

	font-family: 'Exo', sans-serif;
	border: 2px solid #133f86;
    font-weight: bolder;
    position: relative;
    background:#fff;
    color: #133f86;
    width: 110px;
    height: 65px;
}
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{

	background-color: #133f86;
	color: #ffffff;
}
textarea{

	resize:none;
	outline:none;
	margin-bottom:10px;
	border: 1px solid #133f86;
}
.util{

	font-family: 'Exo', sans-serif;
	line-height: 1.4em;
	margin:0px auto;
	max-width:940px;
	color:#333;
}

.loading{

	background-image: url('parts/loading.gif') !important;
	height:200px !important;
	width:306px !important;
	margin:200px auto;

}

.banner{

	/*background-image: url('banners/banner.jpg');
	background-repeat: no-repeat;
	background-position:50% 0;
	max-width:1920px;
	height:959px;
	width:100%;*/

}

#banner_min0{

	display:none;
}

#banner_min{

	display:none;
}


	#banner_interno{

		display: none;
		background-size: 1920px !important;

	}

.bgParallax{

	background-attachment: fixed !important;
	background-size: cover !important;
	padding-top: 100px;
	height:959px;
	z-index:1;

}

ul{

	list-style:none;
}

a{

	text-decoration:none;
}

a:link{

	color:#6a6a6c;
	text-decoration:none;
}

.titulo{

	font-weight:bold;
	font-size:38px;
	color:#234fa4;
}

.btn{

	font-size: 1.3em;
	font-weight: 900 !important;
	color: #d43826;
	background: none;
	border: 2px solid #d43826;
	outline: none;
	padding: 12px 20px;
	cursor: pointer;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
 	-o-transition:all 500ms;
 	transition:all 500ms;

}

	.btn:hover{

		/*color: #FFF;*/
		background: #d43826;
		color: #FFF;

	}

.btnb{

	color: #FFF;
	border: 2px solid #FFF;

}

	.btnb:hover{

		background: #FFF;
		color: #e7932c;

	}

.btnv{

	color: #FFF;
	border: 2px solid #FFF;

}

	.btnv:hover{

		background: #FFF;
		color: #ae3532;

	}

	select{

		background: url('parts/arrowselect.png') no-repeat right #FFF;
		border: 1px solid #133f86;
		margin-bottom:10px;
		padding:10px;
		color: #666;

	}

	.topdcor{

		background: #0b478b !important;

	}

	.subtopo{

		background: url('parts/bgsubm2.png') no-repeat !important;
		
	}

/* FIM GERAIS */

/* TOPO */

#topo{

	width: 100%;
	max-width: 1920px;
	margin: 0px auto;
	background: url('parts/bgtopo.png') repeat-x bottom;
	height: 106px;
	position: fixed;
	z-index:9999;

}

	#topo ul#sumir{

		margin:0px;
		padding: 0px;
		max-width: 940px;
		margin: 0px auto;
		/*background: #000;*/

	}

		#topo  ul#sumir li{

			float: left;
			width: 75%;
			padding:0px;
			padding-top: 5px;

		}

			#topo ul#sumir > li:first-child{

				width: 25%;
				padding-top: 25px;

			}

			#topo ul#sumir li > ul#menu{

				float: right;
				color: #232323;
				font-size: 0.9em;
				font-family: 'Exo', sans-serif;
				font-weight: bold;

			}

				#topo ul#sumir li ul#menu li{

					width: auto;
					float:left;
					text-align: center;
					/*max-width: 14.1%;*/
					padding: 0px 0px 0px 30px;
					line-height: 50px;
					white-space: nowrap;
					text-transform: uppercase;
					position: relative;
					cursor: pointer;

				}

					#topo ul#sumir li ul#menu li a{

						text-decoration: none;
						/*font-weight: bold;*/
						color: #FFF;
						padding-bottom: 5px;

					}

					#topo ul#sumir li ul#menu > li:hover > a{

						/*color: #F00;*/
						border-bottom: 3px solid #fff;

					}

					#topo ul#sumir li ul#menu li ul{

						clear: both;
						float: left;
						margin: 0px;
						padding-top: 5px;
						margin-top: 0px;
						margin-left: -20px;
						position: absolute;
						opacity: 0;
						display: none;
						z-index: 2;
						/*background: #F00;*/
						transition: opacity 5s ease-in-out;
					   -moz-transition: opacity 5s ease-in-out;
					   -webkit-transition: opacity 5s ease-in-out;

					}

					#topo ul#sumir li ul#menu li ul:hover{

						opacity: 1;
						display: block;

					}

					#topo ul#sumir li ul#menu li:hover ul{

						opacity: 1;
						display: block;

					}


						#topo ul#sumir li ul#menu li ul li{

							clear: both;
							background: url('parts/bgsm.png');
							margin: 0px;
							padding: 10px 20px;
							width: 100%;
							text-transform: none;
							font-weight: normal;
							text-align: left;
							line-height: normal;
							font-size: 0.9em;

						}

							#topo ul#sumir li ul#menu li ul li:first-child{

								padding-top: 20px;

							}

							#topo ul#sumir li ul#menu li ul li:last-child{

								padding-bottom: 20px;

							}

							#topo ul#sumir li ul#menu li ul li a{

								color: #75767b;

							}

								#topo ul#sumir li ul#menu li ul li a:hover{

									color: #234fa4;
									border: 0px;

								}


	#topo #submenu{

		clear: both;
		width: 100%;
		height: 53px;
		max-width: 1920px;
		position: absolute;
		margin-top: 105px;
		margin-left:16.2%;
		background: url('parts/bgsubm.png') no-repeat;

	}

		#topo > #submenu > li{

		}

			#topo > #submenu > li > ul{

				float: right;
				width: 59%;

			}

				#topo > #submenu > li > ul > li{

					float: left;
					margin-left: 6.7%;
					text-align: right;
					text-transform: uppercase;
					position:relative;
					right:28%;
					font-size: 0.8em;
					color: #FFF;
					line-height: 52px;

				}

					#topo > #submenu > li > ul > li a{

						color: #FFF;

					}

	#postop{

		width: 100%;
		height: 170px;

	}

	/* INTERNA */

		#interna #sobrecap{

			position: relative;
			padding: 50px 0px;
			height: 315px;

		}

			#interna #sobrecap li{

				width: 47%;
				float: left;
				text-align: justify;
				color: #333333;
				line-height: 1.4em;

			}

				#interna #sobrecap li:first-child{

					margin-right: 6%;

				}

				#interna #sobrecap li > div.titulo{

					font-size: 2.2em;
					text-transform: uppercase;
					font-family: 'Exo', sans-serif;
					font-weight: bolder;
					color: #234fa4;

				}

					#interna #sobrecap li > div.stitulo{

						font-size: 1.5em;
						text-transform: uppercase;
						font-family: 'Exo', sans-serif;
						color: #000;
						line-height: 1.4em;

					}

		#interna #servicos{

			clear: both;
			background: url('parts/bgazul.jpg') no-repeat center;
			height: 628px;
			/*padding: 100px 0px;*/
			color: #FFF;

		}

		#interna #servicos div ul li{

			float: left;
			width: 30%;
			color:#fff;
			margin-top: 80px;
			text-align: justify;
			margin-right:16px !important;
			font-size: 0.9em;
			line-height: 1.6em;

		}


			#interna #servicos div ul li.full{

				width: 100%;
				text-align: center;

			}

			#interna > #servicos div ul li:first-child{

				font-family: 'Exo', sans-serif;
				text-transform: uppercase;
				font-size: 1.4em;
				color:#fff;

			}

			#interna > #servicos div ul#servico_bxslider li:first-child{

				text-transform: lowercase;

			}

				#interna > #servicos div ul#servico_bxslider li p{
					
					letter-spacing:-1px;
					width: 80%;
				}

				#interna > #servicos div ul li span.titulo{

					font-size: 1.5em;
					font-family: 'Exo', sans-serif;
					text-transform: uppercase;
					font-weight: bolder;
					color:#fff;

				}

				#interna > #servicos div ul li span.titulo2{

					font-size: 0.9em;
					color:#fff;
					font-family: 'Exo', sans-serif;
					text-transform: uppercase;
					font-weight: bolder;
					padding-bottom: 50px;

				}

				.bx-wrapper .bx-next{

					right:-10px !important;
					top: 65% !important;
				}

				.bx-wrapper .bx-prev{

					left: -50px !important;
			    	top: 65% !important;
				}

		#interna #qualificacoes{

			height: 780px;
		}

		#interna #qualificacoes ul li{

			float: left;
			width: 24%;
			margin-top: 80px;
			text-align: justify;
			font-size: 0.9em;
			line-height: 1.6em;
			border: 1px solid #CCC;
			margin-bottom:60px;
			padding: 30px;

		}

			#interna #qualificacoes ul li p{

			    letter-spacing:-1px;
			    font-size:14px;
			}

			#interna #qualificacoes ul li.full{

				width: 100%;
				text-align: center;

			}

			#interna #qualificacoes ul li.meio{

				margin: 0px 4%;
				margin-top: 80px;

			}

			#interna #qualificacoes ul li.cert{

				height: 300px;
				color: #333333;

			}


			#interna > #qualificacoes ul li:first-child{

				font-family: 'Exo', sans-serif;
				text-transform: uppercase;
				font-size: 1.6em;
				border: 0px;
				padding: 0px;

			}

				#interna > #qualificacoes ul li span.titulo{

					font-size: 1.5em;
					font-family: 'Exo', sans-serif;
					text-transform: uppercase;
					font-weight: bolder;
					color: #234fa4;

				}

				#interna > #qualificacoes ul li div.titulo2{

					font-size: 1.4em;
					font-family: 'Exo', sans-serif;
					text-transform: uppercase;
					font-weight: bolder;
					color: #234fa4;
					text-align: center;

				}

		#interna #clientes{

			clear: both;
			background: url('parts/bgclientes.jpg') no-repeat;
			background-size:cover;
			height: 625px;
			/*padding: 100px 0px;*/
			color: #FFF;

		}

		#interna #clientes ul li{

			float: left;
			width: 29%;
			margin-top: 100px;
			text-align: justify;
			font-size: 0.9em;
			line-height: 1.6em;

		}


			#interna #clientes ul li.full{

				width: 100%;
				text-align: center;

			}

			#interna #clientes ul li.meio{

				margin: 0px 4%;
				margin-top: 80px;

			}

			#interna > #clientes ul li:first-child{

				font-family: 'Exo', sans-serif;
				text-transform: uppercase;
				font-size: 1.6em;
				color:#fff;

			}

				#interna > #clientes ul li span.titulo{

					font-size: 1.5em;
					font-family: 'Exo', sans-serif;
					text-transform: uppercase;
					font-weight: bolder;
					color: #fff;

				}

				#interna > #clientes ul li span.titulo2{

					font-size: 1.2em;
					font-family: 'Exo', sans-serif;
					text-transform: uppercase;
					font-weight: bolder;
					padding-bottom: 50px;

				}

	#rodape{

		clear: both;
		width: 100%;
		max-width: 1920px;
		margin: 0px auto;
		font-size: 0.95em;
	}

		#rodape > ul#divi{

			margin: 0px auto;
			position: relative;
			width: 100%;
			/*border: 1px solid #000;*/

		}

			#rodape > ul#divi > li{

				/*border: 1px solid #000;*/
				width: 100%;
				color: #FFF;

			}

			#rodape > ul#divi > li:first-child{

				background: #0056a7;
				height: 120px;
				padding: 100px 0px;
				line-height: 1.8em;

			}

			#rodape > ul#divi > li:last-child{

				background: #0b478b;
				line-height: 100px;
				text-align: center;

			}

			#rodape > ul#divi > li > ul{

				max-width: 940px;
				margin: 0px auto;
				/*border: 1px solid #000;*/

			}

				#rodape > ul#divi > li > ul > li{

					float: left;
					width: 44%;
					height: 10px;
					/*background: #fff;*/
					/*border: 1px solid #000;*/

				}

				#rodape > ul#divi > li > ul > li:first-child{

					margin-right: 8%;
					width: 48%

				}

/* MEDIA SCREEN */

@media screen and (max-width: 949px) {

	.banner{

		height:287px !important;
		padding: 0px;
	}
}

@media screen and (max-width: 845px) {

	

}

@media screen and (max-width: 735px) {

	

}

@media screen and (max-width: 625px) {

	html,body{

		font-size: 10px;

	}

	.mainMenu ul li ul{

		font-family: 'Exo', sans-serif;
		display:none;
	}

	.mainMenu ul li ul li{

		background: #0b478b;
	}

	.banner{

		display:none !important;
	}

	#banner_interno{

		display:none !important;

	}

	#banner_min0{

		display:block;
		width:100%;
	}
	
	#banner_min{

		display:block;
		width:200%;
	}

}

@media screen and (max-width: 505px) {

	html,body{

		font-size: 12px;

	}

	td{
		font-size: 14px;

	}

	td img{

		width:100%;
	}
		
	p img{

		width:100%;
	}

	input{

		width:88% !important;
	}

	select{

		width:96% !important;
	}

	textarea{

		width:95% !important;
		height:95% !important;
	}

	#topo{

		/*background: #FFF;*/
		height: 60px;

	}

	#topo #submenu{

		display:none;
	}

	.banner{

		display:none !important;
	}

	#banner_interno{

		display:none !important;
	}

	#banner_min0{

		display:block;
		width:100%;
	}

	#banner_min{

		display:block;
		width:205%;
	}

	#clientelogo{

		width:80%;		
	}

	.bx-wrapper .bx-next{

		right:4px !important;
		top: 65% !important;
	}

	.bx-wrapper .bx-prev{

		left: 4px !important;
    	top: 65% !important;
	}

	#logok2{

		margin:10px 46% !important;
	}

	.bx-wrapper img {

		margin:0 auto;
	}
	
	#banner{

		height:100% !important;
		width:100% !important;
	}

	#banner_interno{

		height:200px !important;
	}

	#topo ul li a{

		font-family: 'Exo', sans-serif;
		width: auto;

	}

	#topo ul li > ul#menu, #sumir{

		display: none;

	}

	iframe{

		width:100%;
	}

	#interna #titulo span{

		font-size:30px;
		margin-right:5px;
	}

	#interna #sobrecap li:first-child{

		font-size:14px;
		padding:10%;
		width:80%;

	}

	#topo  ul li{

		width: 100%;

	}

	#topo ul > li:first-child{

		width: 100%;

	}

	#interna #sobrecap li{

		width: 100%;

	}

	#interna #sobrecap li:last-child{

		padding: 10%;
		width: 80%;

	}

	#interna #sobrecap li > div.titulo {

		text-align: center !important;
		width: 100%;

	}

	#interna #sobrecap li > div.stitulo{

		text-align: center;
		font-size: 1.3em;
		line-height: 1.3em;

	}

	#interna #sobrecap {

		padding: 0px;

	}

	#interna #servicos {

		height: 635px;
		background: url(parts/bgazul.jpg) center;

	}

	#interna #servicos > ul > li{

		font-size:12px !important;
		width: 80% !important;
		margin-bottom:-35%;
		padding: 10%;
	}

		#interna #servicos > ul > li.full{

			font-size:16px !important;
			width: 80% !important;
			margin-bottom:-35%;
			margin-top:-20px;
		}

		/*#interna #servicos > ul > li.meio{

			margin-bottom:-35% !important;
			width: 80% !important;
		}*/

		#interna > #servicos > ul > li span.titulo{

			font-size:15px !important;
		}

		#interna #servicos > .util ul#servico_bxslider{

			font-size:12px !important;
		}

		#interna #servicos > .util ul#servico_bxslider li{
			margin-left: 73px;
		}

		#interna > #servicos div ul#servico_bxslider li p{

			width: 60% !important;
		}

	#interna #qualificacoes ul{

		padding: 10%;

	}

		#interna > #qualificacoes ul li span.titulo{

			font-size:16px;
		}

		#interna > #qualificacoes ul li:first-child{

			font-size:16px;
		}

		#interna #qualificacoes ul li{

			width: 80%;
			margin: 0px;
			margin-bottom: 40px;

		}

		#interna #qualificacoes ul li.meio{

			width: 80%;
			margin: 0px;
			margin-bottom: 40px;

		}

	#interna #clientes{

		background: url(parts/bgclientes.jpg);
		height: 820px;

	}

	#interna > #clientes ul li span.titulo{

		font-size:16px;
	}

	#interna > #clientes ul li:first-child{

		font-size:16px;
	}

	#rodape > ul#divi > li {

		padding: 15px;

	}

	#rodape > ul#divi > li > ul > li.meio {

		margin:30px 0px;

	}

	#rodape > ul#divi > li:first-child {

		padding: 15px;
		height: 460px;

	}

	#rodape > ul#divi > li > ul > li {

		width: 90% !important;
		height:auto;

	}

	#rodape > ul#divi > li:last-child {

		white-space: nowrap;
		font-size: 0.7em;

	}

	.nivo-controlNav{

		padding: 0px !important;

	}

}

