body {
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:14px;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}



.flex{
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
	flex-wrap: wrap;
}
.flex_vertical_center{
	align-items:center;
}
.flex_horizontal_center{
	justify-content:center;
}
.flex_horizontal_bottom{
	align-items: flex-end;
	align-content: flex-end;
}
.flex_vertical_wrap{
	flex-wrap: wrap;
}
.flex_center{
	justify-content:center;
}
.flex_space_between{
	justify-content:space-between;
}
.flex_space_around{
	justify-content:space-around;
}






/* Header -------------------------------------------*/
.header {
	position: fixed;
	background: #005387;
	width:100%;
	top:0px;
	left:0px;
	z-index:999;
	border-bottom:5px solid #25aae1;
}
.header .container .col-logo {
	padding: 0;
}
.header .container .col-logo img {
	padding: 30px 0;
}
.header .container .col-nav {
	padding: 0;
}





/* Nav -------------------------------------------*/
.navbar {
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: #005387;
	width: 100%;
	text-align: center;
	margin-top:10px;
}
.navbar .navbar-collapse {
	float: right;
	margin-top: 20px;
}
.navbar .nav > li a {
	margin: 0 10px;
	padding: 10px 10px;
	color: #FFF;
}
.navbar .nav > li a:hover,
.navbar .nav > li a:focus {
	color: #FFF;
	background: #f7941d;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.navbar .nav > .active a, 
.navbar .nav > .active a:hover, 
.navbar .nav > .active a:focus {
	background: none;
	box-shadow: none;
	color: #761d1f;
	font-weight:700;
}
.navbar-toggle{
	margin-top:30px;
}
.ativo{
	color: #FFF;
	background: #f7941d;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}





/* BG TOPO -------------------------------------------*/
.bg_topo{
	width:100%;
	height:300px;
	background-position:center bottom;
	color:#FFFFFF;
	font-weight:700;
}
.bg_topo_contato{
	height:300px;
}
#topo {
	margin-top: 105px;
}
#topo #video{
	width:100%;
	height:550px;
}




/* PARTE 1-------------------------------------------*/
#parte1{
	padding:80px 0px;
}
#parte1 .logo_principal{
	margin-bottom: 50px;
}
#parte1 .texto1{
	font-size: 25px;
}
#parte1 .separacao_borda{
	margin-top: 80px;
	width: 340px;
	border-bottom: solid 5px #f7941d;
}
#parte1 .separacao_borda2{
	margin: 20px;
	width: 340px;
	border-bottom: solid 5px #f7941d;
}
#parte1_contato{
	padding:40px 0px;
}
#parte1_contato .separacao_borda{
	margin: 20px;
	width: 340px;
	border-bottom: solid 5px #f7941d;
}
#parte1_contato .texto1{
	font-size: 25px;
}
#parte1_contato .tel{
	font-size: 50px;
	color: #1a4b79;
	font-weight: bold;
}


/* PARTE 2-------------------------------------------*/
#parte2{
	background-image: url(../img/bg_poligono.png);
	background-position:bottom;
	background-repeat: no-repeat;
	min-height: 620px;
}
#parte2 .bloco1{
	width: 45%
}
#parte2 .bloco2{
	width: 45%;
}
#parte2 .titulo{
	color: #005387;
	font-size: 32px;
	font-weight: bolder;
}
#parte2 .texto1{
	font-size: 20px;
	margin-top: 20px;
}
#parte2 .texto2{
	font-size: 20px;
	margin-top: 20px;
}

/* PARTE 2 SOBRE -------------------------------------------*/
#parte2_sobre{
	padding-bottom: 100px;
	border-bottom: solid 2px #25aae1;
	color: white;
}
#parte2_sobre .bloco1{
	width: 40%
}
#parte2_sobre .bloco2{
	width: 40%;
}
#parte2_sobre .titulo{
	font-size: 32px;
	font-weight: bolder;
	border-bottom: solid 2px #f7941d;
}
#parte2_sobre .texto1{
	font-size: 20px;
	margin-top: 20px;
}
#parte2_sobre .texto2{
	font-size: 20px;
	margin-top: 50px;
}





/* PARTE 3-------------------------------------------*/
#parte3{
	background:#005387;
	padding: 150px 0px;
}
#parte3 .titulo{
	font-size: 30px;
	color: white;
	font-weight: bolder;
}
#parte3 .separacao_borda{
	margin: 40px 0px 60px 0px;
	width: 340px;
	border-bottom: solid 5px #f7941d;
}
#parte3 .inf{
	width: 25%;
}	
#parte3 .inf .texto{
	font-size: 16px;
	color: white;
	margin-top: 10px;
	width: 70%;
}	





/* PARTE 4-------------------------------------------*/
#parte4{
	background:#f7941d;
	padding: 150px 0px;
}
#parte4 .inf{
	width: 50%;
	min-height: 255px;
}
#parte4 .titulo{
	width: 70%;
	font-size: 40px;
	color:#005387;
	font-weight: bolder;
	line-height: 40px;
}
#parte4 .texto{
	width: 70%;
	color:#FFF;
	font-size: 18px;
	margin-top: 10px;
}
#parte4 .inf_container{
	width: 405px;
}
#parte4 #inf_carro{
	position:absolute; right:0px; z-index: 2;
}
#parte4 .inf_img{
	position:absolute; right:0px; z-index: 1;
}






/* PARTE 5-------------------------------------------*/
#parte5{
	background:#005387;
	padding: 150px 0px;
}
#parte5 .titulo{
	font-size: 30px;
	color: white;
	font-weight: bolder;
}
#parte5 .separacao_borda{
	margin: 20px 0px 20px 0px;
	width: 340px;
	border-bottom: solid 5px #f7941d;
}
#parte5 .form{
	width:70%;
}
#parte5 .form input, textarea{
	width: 100%;
	border: 0px;
	padding: 20px;
	margin-bottom: 20px;
}
#parte5 .form .form_email, .form_telefone{
	width:48%;
}
#parte5 textarea{
	height: 150px;
}
#parte5 .bt_enviar{
	width: 100%;
	padding: 10px;
	background:#f7941d;
	color: white;
	font-size: 18px;
}





/* PARTE 5-------------------------------------------*/
#rodape{
	padding:20px;
	background-color: white;
}



@media (min-width: 1001px) and (max-width: 1200px) {
	/* PARTE 2-------------------------------------------*/
	#parte2{
		background-image: url(../img/bg_poligono.png);
		background-position:bottom;
		background-repeat: no-repeat;
		min-height: 630px;
	}
}



/* 
Tablet to desktop
*/
@media (min-width: 768px) and (max-width: 1000px) {
	.header {
		position: fixed;
		background: #005387;
		width:100%;
		top:0px;
		left:0px;
		z-index:999;
		border-bottom:5px solid #25aae1;
	}
	.header .container .col-logo {
		padding: 0;
	}
	.header .container .col-logo img {
		padding: 30px 0;
	}
	.header .container .col-nav {
		padding: 0;
	}
	
	#topo {
		margin-top: 105px;
	}
	#topo #video{
		width:100%;
		height:550px;
	}
	
	/* PARTE 1-------------------------------------------*/
	#parte1 .logo_principal img{
		width: 100%;
	}
	
	/* PARTE 2-------------------------------------------*/
	#parte2{
		text-align: center;
	}
	#parte2 .bloco1{
		width: 90%
	}
	#parte2 .bloco2{
		width: 90%;
	}
	#parte2 .texto2{
		font-size: 20px;
		color: #000000;
		margin: 20px 0px;
	}
	
	
	
	/* PARTE 3-------------------------------------------*/
	#parte3{
		background:#005387;
		padding: 100px 0px;
	}
	#parte3 .titulo{
		width: 70%;
	}
	#parte3 .inf{
		width: 50%;
	}
	#parte3 .inf .texto{
		font-size: 20px;
		color: white;
		margin:10px 0px 80px;
		width: 70%;
	}	
	
	
	/* PARTE 4-------------------------------------------*/
	#parte4{
		padding: 100px 0px;
	}
	#parte4 .inf{
		width: 100%;
		text-align:center;
	}
	#parte4 .titulo{
		width: 100%;
		font-size: 50px;
		line-height: 50px;
		margin-top: 30px;
	}
	#parte4 .texto{
		width: 100%;
		margin-top: 30px;
	}
	#parte4 #inf_carro{
		position:absolute; left: 50%;  z-index: 2;
	}
	#parte4 .inf_img{
		position:absolute; left:50%;  z-index: 1;
	}
}




/* 


Tablet


*/
@media (max-width: 767px) {
	
	.header .container .col-logo {
		padding: 0;
		z-index: 10;
	}
	.header .container .col-logo img {
		padding: 30px 0 30px 10px;
	}
	.header .container .col-nav {
		padding: 0;
		z-index: 9;
	}
	.navbar {
		height: 50px;
	}
	.navbar .navbar-collapse {
		width: 100%;
		margin: 0;
		border: 0;
		padding: 0;
		background: none;
	}
	.navbar ul.nav {
		margin: 0;
		padding: 0;
	}
	.navbar .nav > li {
		display:block;
		float:none;
		margin: 0;
		padding: 0;
	}
	.navbar .nav > li a {
		margin: 0 10px;
		padding: 10px 20px;
		font-size: 11px;
		font-weight: 400px;
		color: #FFF;
		font-family: 'Arimo', sans-serif;
		text-transform: uppercase;
	}
	.navbar .nav > li a:hover,
	.navbar .nav > li a:focus
	.navbar .nav > .active a, 
	.navbar .nav > .active a:hover, 
	.navbar .nav > .active a:focus {
		background: none;
		box-shadow: none;
		color: #FFF;
		padding: 8px 18px;
	}
	
	
	.bg_topo2{
		width:100%;
		background-position:center bottom;
		color:#FFFFFF;
		font-weight:700;
	}
	
	#topo #video{
		width:100%;
		height:450px;
	}
	
	/* PARTE 1-------------------------------------------*/
	#parte1 .separacao_borda{
		margin-top: 80px;
		width: 100%;
		border-bottom: solid 5px #f7941d;
	}
	#parte1 .logo_principal{
		width: 100%;
	}
	#parte1_contato .separacao_borda{
		width: 90%;
		border-bottom: solid 5px #f7941d;
	}
	#parte1_contato .texto1{
		font-size: 25px;
	}
	#parte1_contato .tel{
		font-size: 25px;
		color: #1a4b79;
		font-weight: bold;
	}
	
	/* PARTE 2-------------------------------------------*/
	#parte2{
		text-align: center;
	}
	#parte2 .bloco1{
		width: 90%
	}
	#parte2 .bloco2{
		width: 90%;
	}
	#parte2 .titulo{
		color: #005387;
		font-size: 32px;
		line-height: 32px;
		font-weight: bolder;
	}
	#parte2 .texto2{
		font-size: 20px;
		color: #000000;
		margin: 20px 0px;
	}
	#parte2 .produto{
		max-width: 100%;
		max-height: 100%;
	}
	#parte2_sobre{
		text-align: center;
	}
	#parte2_sobre .bloco1{
		width: 90%;
		margin-bottom: 50px;
	}
	#parte2_sobre .bloco2{
		width: 90%;
	}
	#parte2_sobre .texto2{
		font-size: 20px;
		color: #000000;
		margin: 20px 0px;
	}
	
	
	/* PARTE 3-------------------------------------------*/
	#parte3{
		background:#005387;
		padding: 100px 0px;
	}
	#parte3 .titulo{
		width: 100%;
		font-size: 32px;
		line-height: 32px;
	}
	#parte3 .inf{
		width: 100%;
	}
	#parte3 .inf .texto{
		font-size: 20px;
		color: white;
		margin:10px 0px 80px;
		width: 70%;
	}
	#parte3 .separacao_borda{
		margin: 40px 0px 60px 0px;
		width: 100%;
		border-bottom: solid 5px #f7941d;
	}
	
	
	
	/* PARTE 4-------------------------------------------*/
	#parte4{
		padding: 100px 0px;
	}
	#parte4 .inf{
		width: 100%;
		text-align:center;
	}
	#parte4 .titulo{
		width: 100%;
		font-size: 40px;
		line-height: 40px;
	}
	#parte4 .texto{
		width: 100%;
		margin-top: 30px;
	}
	#parte4 .inf {
		min-height: 200px;
	}
	#parte4 .inf_container{
		width: 100%;
	}
	#parte4 #inf_carro{
		position:absolute; z-index: 2;
    	width: 250px;
	}
	#parte4 .inf_img{
		position:absolute; z-index: 1;
    	width: 250px;
	}
	
	
	/* PARTE 5-------------------------------------------*/
	#parte5{
		padding: 100px 0px;
	}
	#parte5 .form{
		width:90%;
	}
	#parte5 .form input, textarea{
		width: 100%;
		border: 0px;
		padding: 20px;
		margin-bottom: 20px;
	}
	#parte5 .form .form_email, .form_telefone{
		width:100%;
	}
	#parte5 textarea{
		height: 150px;
	}
	#parte5 .bt_enviar{
		width: 100%;
		padding: 10px;
		background:#f7941d;
		color: white;
		font-size: 18px;
	}
	#parte5 .separacao_borda{
		margin: 40px 0px 60px 0px;
		width: 100%;
		border-bottom: solid 5px #f7941d;
	}

	
	#rodape .logo{
		width: 50%;
		padding: 20px;
	}
}