@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
	height:auto;
}
.imagem {
	width:100%;
	height:auto;
}
html {
  scroll-behavior: smooth;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.btn {
  width:200px;
  background-color:#F90;
  color: black;
  border-radius:4px;
  padding: 10px;
  margin-top:30px;
  text-align: center;
  font-family:'Fira Sans';
  font-size: 16px;
  font-weight:500;
  transition: 0.3s;
}
.btn:link {
  background-color:#F93200;
  color: white;
}
.btn:visited {
  background-color:#F93200;
  color: white;
}
.btn:hover {
  background-color:#F93200;
  color: white;
  border-radius:8px;
  margin-left:5px;
}
.btn:active {
  background-color:#F93200;
  color: white;
}

/*navegação*/
.topnav_full {
	width:100%;
	background-color:#FFF;
}
.topnav {
  width:800px;
  overflow: hidden;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  background-color: white;
  /*position:fixed;*/
  z-index:9999;
}
#myTopnav {
	text-align:center;
}
.topnav a {
  float:left;
  display: block;
  color:#036;
  text-align: center;
  line-height:80px;
  padding: 16px 18px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color:none;
  color:#C4D0E6;
}

.topnav a.active {
  background-color:#FFF;
  color: white;
}

.topnav .icon {
  display: none;
}

#topo {
	width:100%;
	height:120px;
	background-color:#CCC;
}
#banner {
	width:auto;
	height:auto;
}
#mil {
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#FF0;*/
}
#servicos {
	width:100%;
	height:auto;
	margin-top:50px;
	background-image:url(img/fundo_civil.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:auto;
	background-color:#036;
	float:left;
	border-top:#203964 dotted 1px;
}
#metal_mecanica {
	width:100%;
	height:auto;
	margin-top:0px;
	background-image:url(img/fundo_metal.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:auto;
	background-color:#326894;
	float:left;
	border-top:#203964 dotted 1px;
}
.servicos_civil {
	width:75%;
	height:auto;
	float:right;
	margin-right:50px;
	margin-top:50px;
	margin-bottom:80px;
}
.servicos_civil_lista {
  column-count: 2;
  column-gap: 30px;
  border-left:#F60 dotted 1px;
  padding-left:20px;
}
.servicos_mecanica {
	width:80%;
	height:auto;
	float:right;
	margin-right:50px;
}
#clientes {
	width:100%;
	height:auto;
	background-image:url(img/fundo_clientes2.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:auto;
	float:left;
	background-color:#EBEBEB;
}
#politicas {
	width:100%;
	height:auto;
	background-color:#FFF;
	float:left;
	border-top:#333 dotted 1px;
}
.politica_conteudo {
	width:80%;
	height:auto;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:40px;
	column-count:2;
	column-gap:30px;
}
#informacoes {
	width:100%;
	height:auto;
	background-color:#036;
	float:left;
	border-top:#FFF dotted 1px;
}
#rodape {
	width:100%;
	height:100px;
	background-color:#036;
	border-top:#FFF dotted 1px;
}

/*.informacoes_conteudo {
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	column-count:3;
	column-gap:30px;
}
*/
.info {
  	float: left;
 	width: 33.33%;
 	padding: 30px;
 	height: 250px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
#sobre {
	width: 100%;
	height: auto;
	margin-top: 50px;
	padding-bottom: 30px;
	border-bottom: solid 1px #F90;
	float: left;
	-webkit-transition: all ease-in-out;
	-moz-transition: all ease-in-out;
	-ms-transition: all ease-in-out;
	-o-transition: all ease-in-out;
	transition: all ease-in-out;
}
#div2 {
	margin-top:20px;
	width:260px;
	float:left;
	padding-left: 10px;
	border-left:#F90 1px dotted;
}
#div3 {
	margin-top:20px;
	margin-left:110px;
	margin-right:110px;
	width:260px;
	float:left;
	padding-left: 10px;
	border-left:#F90 1px dotted;
}
#div4 {
	margin-top:20px;
	width:260px;
	float:left;
	padding-left: 10px;
	border-left:#F90 1px dotted;
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (max-width: 481px) {
.gridContainer {
	width: 100%;
}

#banner {
	width:auto;
	height:auto;
	background-color:#FC3;
}
#mil {
	width:100%;
	height:auto;
	background-color:#FF0;
}
#sobre {
	margin-top:20px;
	margin-left:0.2em;
	margin-right:0.2em;
	width:80.2%;
	border:#CCC 1px solid;
	padding:20px;
	float:left;	
}
#div2 {
	margin-top:20px;
	margin-left:0.2em;
	margin-right:0.2em;
	width:80.2%;
	border:#CCC 1px solid;
	padding:20px;
	float:left;	
}
#div3 {
	margin-top:20px;
	margin-left:0.2em;
	margin-right:0.2em;
	width:80.2%;
	border:#CCC 1px solid;
	padding:20px;
	float:left;


}
#div4 {
	margin-top:20px;
	margin-left:0.2em;
	margin-right:0.2em;
	width:80.2%;
	border:#CCC 1px solid;
	padding:20px;
	float:left;


}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (max-width: 769px) {
/*.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
*/
.topnav {
  width:100%;
  overflow: hidden;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  background-color: white;
  /*position:fixed;*/
  z-index:9999;
}
.topnav a {
	line-height:20px;
	text-align:center;
}
.politica_conteudo {
	width:90%;
	height:auto;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
	column-count:1;
}
.gridContainer {
	width: 100%;
	height:auto;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
}
#topo {
	width:100%;
	height:120px;
	background-color:#CCC;
}
#banner {
	width:auto;
	height:auto;
}
#mil {
	width:100%;
	height:auto;
	background-color:#FF0;
}
.info {
	width:100%;
}
.servicos_civil_lista {
  border-left:#F60 dotted 1px;
  padding-left:20px;
}
#sobre {
	width:auto;
	height:auto;
	margin-top:20px;
	border-bottom:#F90 2px solid;
	padding: 20px;
	margin-left:5%;
	margin-right:5%;
	float:left;
	font-size:16px;
}
#div2 {
	margin-top: 20px;
	width: auto;
	border-bottom:#F90 2px solid;
	padding: 20px;
	margin-left:5%;
	margin-right:5%;
	float:left;
	font-size:16px;
		
}
#div3 {
	margin-top:20px;
	width:auto;
	border-bottom:#F90 2px solid;
	padding:20px;
	margin-left:5%;
	margin-right:5%;
	float:left;
	font-size:16px;

}
#div4 {
	margin-top:20px;
	width:auto;
	border-bottom:#F90 2px solid;
	padding:20px;
	margin-left:5%;
	margin-right:5%;
	float:left;
	font-size:16px;

}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
    float: right;
    display: block;
}
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
}
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
}
}
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif; margin:0;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
#slideshow-container {
  width: 100%;
  height:auto;
  position: relative;
  margin: auto;
}

/* Caption text 
.text {
  color: #f2f2f2;
  font-size: 45px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
*/
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */


.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

/* titulos */

@import url('https://fonts.googleapis.com/css?family=Krub:500|Source+Sans+Pro');

font-family: 'Source Sans Pro', sans-serif;
font-family: 'Krub', sans-serif;


@font-face {
  font-family: 'Raleway';
  src: url('Raleway.eot');
  src: url('Raleway?#iefix') format('embedded-opentype'),
    url('Raleway.svg#Locaweb-Icons') format('svg'),
    url('Raleway.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Fira Sans', sans-serif;
	font-weight:normal;
	font-style:normal;
}
@font-face {
  font-family: 'Rubik';
  src: url('Rubik.eot');
  src: url('Rubik?#iefix') format('embedded-opentype'),
    url('Rubik.svg#Locaweb-Icons') format('svg'),
    url('Rubik.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.texto_hp {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#666;
	line-height: 22px;	
}

.titulo2_hp {
	font-family: 'Arimo', sans-serif;
	font-size: 36px;
	line-height: 46px;
}
.texto2_hp {
	font-family: 'Arimo', sans-serif;
	font-size: 16px;
	line-height: 20px;
}

.titulo3_hp {
	font-family: 'Rubik', sans-serif;
	font-size: 36px;
	line-height: 46px;
}
.texto3_hp {
	font-family: 'Rubik', sans-serif;
	font-style:normal;
	font-size: 18px;
	line-height: 22px;
	font-weight:400;
}
.citacao3_hp {
	font-family: 'Rubik', sans-serif;
	font-style:normal;
	font-size: 30px;
	line-height: 34px;
}

a {
	text-decoration:none
}

h1 {
	font-family: 'Fira Sans', sans-serif;
	font-weight:700;
	font-size:28px;
}
h2 {
	font-family: 'Fira Sans', sans-serif;
	font-weight:400;
	line-height:38px;
	font-size:30px;
}
h3 {
	font-family: 'Fira Sans', sans-serif;
	font-weight:400;
	line-height:32px;
	font-size:24px;
}
h4 {
	font-family: 'Fira Sans', sans-serif;
	font-weight:500;
	line-height:24px;
	font-size:18px;
}
h5 {
	font-family: 'Fira Sans', sans-serif;
	font-weight:500;
}
h6 {
	font-family: 'Fira Sans', sans-serif;
	font-weight:500;
}