/* CSS Document */

html{
  scroll-behavior: smooth;
}

body, header {
	margin:0;
	padding:0;
	padding: 0px;
}

div {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-align: justify;
	font-style: normal;
}

h1, h2, h3 {
	margin: 8px 0;
	font-style: normal;
}

h5 {
	margin: .6rem 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 500;
    line-height: 1.2;
	font-size: 1.25rem !important; 
	text-align: center !important;
	color: #4B4A4A !important;
	margin-top: 20px !important;
	font-style: normal;
  text-transform: uppercase;
}

.img-noticias {
  height: 250px;
  width: auto;
}

img {
	border:0;
}


/*Navbar 
*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.idiomas{
  padding: 4px 10px 0 0px;
}
.idiomas li{
  text-transform: none;
  cursor: pointer;
  color: #4B4A4A;
  font-size: 10px;
  float: right;
}

.idiomas img{
  margin: 0px 2px 2px 7px;
  /*height: 13px;*/
}

.centered {
    margin: 0 auto !important;
    float: none !important;
}

/*estiliza o submenu*/
 .navbar__nav ul{
  background: white; 
    margin-top: 30px;
    border-radius: 0px;
    border: none;
    text-align: center;
    
}

.navbar-responsive {
  color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  transform: translate3d(-100%, 0, 0);
  transition: .3s all ease-in-out;
  z-index: 50000;
}

.navbar-responsive:after {
  content: "";
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
}
.navbar-responsive .navbar-responsive__nav {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100000;
  list-style: none;
}
.navbar-responsive .navbar-responsive__nav .navbar-responsive__link {
  text-align: center;
  letter-spacing: 2px;
}
.navbar-responsive .navbar-responsive__nav .navbar-responsive__link a {
  display: block;
  padding: 15px;
  color: #fff;
  text-decoration: none;
}
.navbar-responsive .navbar-responsive__nav .navbar-responsive__link a:after {
  top: 50%;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.navbar-group {
  box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
.navbar-group ul{
		list-style-type: none;
}
.navbar-group .navbar__wrapper {
  width: 90%;
  margin: 0 auto;
}
.navbar-group .navbar__wrapper .navbar__menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}
.navbar-group .navbar__wrapper .navbar__menu .navbar__nav {
  display: flex;
  justify-content: center;
  list-style: none;
  font-style: normal;
}


.navbar-group .navbar__wrapper .navbar__link a{
 	/*display: block;*/
  position: relative;
  padding: 12px;
  color: #013474;
  text-transform: uppercase;
  font-family: 'Roboto';
  font-size: 12px;
  letter-spacing: 0.1em;
  text-decoration: none;

}


.navbar-group .navbar__wrapper .navbar__brand {
  display: block;
  position: relative;
  padding: 12px;
  color: #013474;
  text-transform: uppercase;
  font-family: 'Roboto';
  font-size: 12px;
  letter-spacing: 0.1em;
  text-decoration: none;
}
.navbar-group .navbar__wrapper .navbar__brand {
  font-weight: 700;
  font-size: 1.2em;
}
.navbar-group .navbar__wrapper .navbar__brand img {
  height: 100%;
}

.after-transform a {
  position: relative;
}
.after-transform a:after {
  content: "";
  transition: all .5s ease;
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #1466CC; /*nova cor*/
  border-radius: 3px;
  transform: scaleX(0) translateZ(0);
  transform-origin: bottom center;
}
.after-transform a.active:after, .after-transform a:hover:after {
  transform: scaleX(1) translateZ(0);
}

/* Icon 3 */
#nav-icon3 {
  width: 30px;
  height: calc(100%/2);
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: none;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #777;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
  top: 9px;
}

#nav-icon3 span:nth-child(4) {
  top: 18px;
}

#nav-icon3.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

@media (max-width: 1300px) {
  .navbar__nav {
    display: none !important;
  }

  #nav-icon3 span {
    display: block !important;
  }
}
@media (min-width: 320px) {
  .navbar__responsive {
    transform: translate3d(-100%, 0, 0) !important;
  }
}

/*Menu dropdwon na navbar*/

	
.arrow4 {
margin: 5px;
display: inline-block;
height: 12px;
position: relative;
width: 12px;
bottom: 2px;
}

.arrow4::after {
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
content: '';
display: inline-block;
height: 6px;
width: 6px;
}

.arrow4.arrow4-bar::before {
bottom: 1px;
content: '';
height: 20px;
position: absolute;
transform-origin: bottom;
width: 2px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.arrow4.is-bottom {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


#menu, #menu ul
{
	z-index: 200;
	list-style: none;
	margin: 0;
}
#menu a{
	text-decoration: none;
	font-style: normal;
}
#menu li
{
	float: left;
	margin-right: 3px;
	position: relative;
}
#menu ul
{
	position: absolute;
	top: 25px;
	left: -1px;
	width: 215px;
	padding: 0;
	display: none;
}
#menu ul li
{
	float: none;
	margin: 0;
	padding: 0;
	line-height: 15px;
	height: 40px;
}

#menu a:link, #menu a:visited
{
	display: block;
	text-decoration: none;
	
}
#menu li:hover
{
	background-color: white;
	/*border: 1px solid #000;*/
}
#menu li:hover ul /*Caixa do dropdown hover*/
{
	text-align: left;
	margin-top: 15px;
	display: block;

}


/*Fim navbar 
*/

/*PÁGINA EM CONSTRUÇÃO*/
.constructionPage {
  text-align: center;
  
  /*overflow: hidden;*/
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: default;
}

.constructionPage :after{
  opacity: 0.020;
  top:0; left:0; bottom:0; right:0;
  position: absolute;
  z-index: -1;
}

#Construction-avatar{
  border: white solid 7px;
  box-shadow: 0px 1px 0px rgba(0,0,0,0.25);
  /*box-shadow: 0px 2px 3px rgba(0,0,0,0.25);*/
  /*transition: all 0.5s cubic-bezier(0.19,1.0,0.22,1.0);*/
  border-radius: 50%;
  animation: bounce cubic-bezier(0.19,1.0,0.22,1.0) 1.5s alternate infinite;
  -webkit-animation: bounce cubic-bezier(0.19,1.0,0.22,1.0) 1.5s alternate infinite;
  /*maxthon duplicate*/
}

@keyframes bounce {
	to{
    transform: translateY(-12px) scale(1.03);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
  }
}
@-webkit-keyframes bounce { /*maxthon duplicate*/
	to{
    -webkit-transform: translateY(-12px) scale(1.03);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
  }
}

#Construction-text{
  margin-top: 7px;
}

.constructionPage h1, .constructionPage p{
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Segoe UI, sans-serif;
  font-weight: 100;
  font-style: normal;
  color: rgba(0,0,0,1);
}

.constructionPage h1{
  color: rgba(1,106,154,0.75); /*#016A9A;*/
  text-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

.constructionPage p{
  color: #ccc;
  font-size: 20px;
  text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
}

/*FIM - PÁGINA EM CONSTRUÇÃO*/



/*CARDS AMARELOS NA HOME e AREA DE ATUAÇÃO*/
.card-config-box{
	text-align: center;
	margin: auto;
}



.card-config img {
	width: 55%;
}



@media (min-width: 1300px){
	.card-config img {
	width: 70%;
}
}



/*FIM - CARDS AMARELOS NA HOME e AREA DE ATUAÇÃO*/


.containerc {
	margin:0 auto;
	width:960px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.button-container {
    display: flex;

    flex-wrap: wrap;
    justify-content: center;
}

.button {
  display: flex;
  overflow: hidden;

  margin: 10px;
  padding: 12px 12px;

  cursor: pointer;
  user-select: none;
  transition: all 150ms linear;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: none;
  text-transform: capitalize;

  color: #ffffff;
  background: #013474;
  border: 0 none;
  border-radius: 4px;
  max-width: 80px;

  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;

  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
 
  justify-content: center;
  align-items: center;
  flex: 0 0 160px;
  
  box-shadow: 2px 5px 10px var(--color-smoke);

  &:hover {
    transition: all 150ms linear;

    opacity: .85;
  }
  
  &:active {
    transition: all 150ms linear;
    opacity: .75;
  }
  
  &:focus {
    outline: 1px dotted #959595;
    outline-offset: -4px;
  }

}

.bvideo {
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}

.bvideo > video {
	margin-top: 10px;
	width: 100vh;
	min-width: 100%;
}

.banner {
	background-repeat:no-repeat;
	background-size:cover;
	height:415px;
	margin:0 auto 40px;
	width:98%;
	background-position-x: right;
    background-position-y: bottom;
}

.banner h1 {
	color:#FFF;
	font-size:50px;
	line-height:50px;
	margin:30px 30px 0 0;
	text-transform:uppercase;
}

#blocos {
	margin-bottom:60px;
}

#blocos .left {
	margin-right:20px;
	width:225px;
}

#blocos .left div {
	background-repeat:no-repeat;
	height:145px;
	text-align:right;
	width:230px;
}

#blocos .left div img {
	margin-top:125px;
}

#blocos div h1 {
	color:#013474;
	font-size:18px;
	text-transform:uppercase;
}

#blocos div p {
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

#lista>div {
	/*border-bottom:1px solid #013474;*/
	margin-bottom:40px;
	padding-bottom:40px;
}

#lista>div:last-of-type {
	border-bottom:none;
}

#lista div:first-of-type {
	margin-top:0;
}

#lista div .left {
	display: flex;
  	justify-content: center;
  	align-items: center;
	background-repeat:no-repeat;
	/*height:163px;*/
	text-align:center;
	margin-bottom: 10px;
	
	/*width:475px;*/
}


#lista div #card-1 {
	background-repeat:no-repeat;
	height:240px;
	text-align:center;
	width:475px;
	background-position: 50%;
}

#lista div #card-2 {
	background-repeat:no-repeat;
	height:163px;
	text-align:center;
	width:475px;
	background-position: 50%;
}

#lista div #card-3 {
	background-repeat:no-repeat;
	height:510px;
	text-align:center;
	width:475px;
	background-position: 50%;
}

#lista div  #img-1{
	background-repeat:no-repeat;
	height:327px;
	text-align:center;
	width:475px;
	background-position: 50%;

}
#lista div #img-2 {
	background-repeat:no-repeat;
	height:239px;
	text-align:center;
	width:475px;
	background-position: 50%;

}
#lista div #img-3 {
	background-repeat:no-repeat;
	height:218px;
	text-align:center;
	width:475px;
	background-position: 50%;

}

#lista div #img-4 {
	background-repeat:no-repeat;
	height:164px;
	text-align:center;
	width:475px;
	background-position: 50%;

}

#lista div .left h1 {
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:50px;
	text-transform:uppercase;
text-shadow: -2px 1px 2px #57677F;}

#lista div .right {
	margin-top:0;
	width:470px;
}

#lista div .right h1, #lista div .right li {
	color:#013474;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	margin-top:0;
	text-transform:uppercase;
}

#lista div .right ul {
	margin:0;
	padding:0 20px;
}

#lista div .right li {
	font-size:14px;
	list-style:disc;
	margin:0 0 10px;
}

#lista div .right p {
	font-size:13px;
	margin-top:0;
	text-align:justify;
}
/*canal de ouvidoria*/

@media(min-height: 450px){
  #ouvidoria{
  min-height: 500px;
}
}

/*
perguntas frequentes
*/
@media (max-width: 450px){
  #perguntasF .card-body p{
  text-align: center;
}
}

.tabelaOuvidoria{
	border: 1px solid #F4F6F9;
	border-bottom: 3px solid #013474;
	box-sizing: border-box;
	margin: 100px 0 80px 0;
  background-color: #F4F6F9;
}
.tabelaOuvidoria ul{
    margin: -2px -16px 0 -16px;
    box-sizing: border-box;
}
.tabelaOuvidoria ul li{
	text-align: center;
    padding: 0;
    /*border-left: 1px solid #013474;*/
    box-sizing: border-box;
}

.tabelaOuvidoria ul li .active{
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  color: black;
}

.tabelaOuvidoria .nav-item :hover{
	background: #013474;
	color: #fff;
}

.tabelaOuvidoria ul li a{
	color: #013474;
}


#lista .canal h1{
	margin: -300px 0 0 0;
	font-size: 40px;
	text-align: center;
	font-family: 'Roboto';
	color: #4B4A4A;
	line-height: 35px;
}
#lista .tabela{
	width: 880px;
	height: 700px;
	padding: 80px 0 0 0px;
	margin: 0 0 30px 30px;
}
#lista .tabela .menu{
	margin: 0px 0px 0 0px;
	background: #ffffff;
	border-style: unset;
	border-color: #013474;
	

}
#lista .tabela .menu li{
	padding: 0;
	visibility: visible;
	border-style: solid;
	border-color: #013474; 

}

#lista .tabela .menu li a{

	font-size: 20px;
	font-family: 'Roboto';
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	display: block;
	color: #013474;

}

#lista .painel{
	padding: 1px 0 0 0; 
	/*border-style: solid;*/
	/*border-color: transparent;*/
	/*border-bottom-color: #013474; */
	border-top: none;   
}

/*#lista #antesdenuncia h4{
	margin: 25px 0 0 20px;
	font-size: 25px;
	height: 45px;
	font-family: 'Roboto';
	color: #4B4A4A;
	text-align: justify;
	cursor: default;
}*/

#lista #antesdenuncia #fazerdenuncia #tratamentodenuncia p{

	font-size: 16px;
	font-family:'Roboto' ;
	font-style: black;
	line-height: 21px;
	text-align: justify;
	margin-left: 20px;
	cursor: default;

}
#lista #antesdenuncia #fazerdenuncia #tratamentodenuncia a{
	color:#000000;
	font-style: 18px;
	text-decoration: none;
	cursor:default;
}
#lista .itens {
	padding-left:30px;
}
.btn-group{
	margin: -170px 0 0 325px;
}
.btn-group button{
	padding: 10px 10px 10px 10px;
	max-width: 400px;
    background: #013474;
    font-size: 18px;
    font-family: 'Roboto';
    text-align: center;
    text-decoration: none;
    display: flex;
    cursor: pointer;
}

/*canal de ouvidoria*/


.boxchanf {
	background-color:#013474;
	padding:15px 15px 15px 15px;
}

.triangle {
	width: 20px;
	border-bottom: 55px solid #013474;
	border-right: 22px solid transparent;
}

.boxchanf h1 {
	color:#FFF;
	font-size:16px;
	margin: 3px;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}

#contato .boxchanf {
	text-align:center;
	width: 240px;
}
  	
#contato .content .texto p{
	font-family: 'Roboto';
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    /*padding:15px 20px 0 0;*/
    cursor: default;
}
#contato .content  h4{
	font-family: 'Roboto';
    font-style: initial;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #4B4A4A;
   	padding:15px 30px 25px 0;
   	cursor:default;

}
#contato .content>.left p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	cursor:default;
}

#contato .content>.right {
	width:500px;
}

#contato .content .right form>.left, #contato .content .right form>.right {
	width:240px;
}

#contato input, #contato textarea, #contato select {
	background-color:#F4F6F9;
	border:0px;
	box-shadow: 4px 4px 10px #bbbbc1;
	color:#013474;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	margin:8px 0;
	padding:15px 20px;
	width:460px;
}

#contato select {
	width:100%;
}

#contato textarea {
	margin-bottom:0;
}

#contato input[type="submit"], #contato input[type="button"]{
	background-color:#013474;
	color:#ffffff;
	margin:0;
	padding:5px 30px;
	width:auto;
}

#contato .right a {
	color:#013474;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	text-decoration:none;
}

#contato .right a:hover {
	color:#ffcb05;
}

#estagio .boxchanf {
	text-align:center;
	width:200px;
}

#estagio .content>.left p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
}

#estagio .content>.right {
	width:500px;
}

#estagio .content .right form>.left, #estagio .content .right form>.right {
	width:240px;
}

#estagio .introducao p {
	padding:0px 25px;
	font-size:20px;
	text-align: justify;
	text-indent: 50px;
}

#controlesCarrosselFerroviario h5, #controlesCarrosselIndustrial h5, #controlesCarrosselCivil h5 {
  background-color: #ffff;
}
#controlesCarrosselFerroviario p, #controlesCarrosselIndustrial p, #controlesCarrosselCivil p {
  background-color: #013474;
  text-align: center;
}

#estagio input, #estagio textarea, #estagio select {
	background-color:#013474;
	border:0;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	margin:8px 0;
	padding:15px 20px;
	width:95%;
	resize: none;
}

#estagio select {
	width:100%;
}

#estagio textarea {
	margin-bottom:0;
}

#estagio #texto{
	font-size:20px;
	padding-top:20px;
	text-indent: 50px;

}
.estagio.conheca{
	margin: 0 auto ;
 	width: 1180px;
 	margin-top:20px;
 }

#estagio .contagem{
  position: relative;
  color: white;
  background-color: #013474;
  text-align: right;
  width: 99%;
  padding-left: 2px;
}

#estagio input[type="submit"], #estagio input[type="button"]{
	background-color:#025db3;
	margin:0;
	padding:5px 30px;
	width:auto;
}

#estagio .right a {
	color:#013474;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	text-decoration:none;
}

#estagio .right a:hover {
	color:#ffcb05;
}

#clientes .right {
	display:none;
	margin-left:250px;
	padding-top:10px;
	position:absolute;
}

#clientes .right div {
	float:left;
	margin:0 30px;
}

.mobile {
	display:none;
}

#empresa #blocos .left {
	margin-right:30px;
	width:300px;
}

#empresa #blocos .left div {
	height:105px;
	width:300px;
}

#empresa #blocos .left div img, #atuacao #blocos .left div img {
	margin-top:0;
}

#empresa p {
	text-align:justify;
}

#politicas #lista a {
	color:#013474;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	text-decoration:none;
	text-transform:uppercase;
}

#politicas #lista a:hover {
	color:#ffcb05;
}


#obras .left, #obras .right {
	width:450px;
}

#obras .right {
	padding-top:60px;
}

@media (max-width: 995px){
	#obras .right{
		padding-top: 0;
		min-height: 330px;
		text-align: center;
	}
}

div #avisoMapa .sumir{
  display: none;
}

#obras #mapa {
	background-image:url(../imgs/obras/mapa.png);
	background-repeat:no-repeat;
	position:relative;
	width:450px;
	height:406px;
	margin-bottom: 50px;
}

@media (max-width: 475px) {
  #obras #mapa {
	background-image:url(../imgs/obras/mapa-responsivo.png);
	background-repeat:no-repeat;
	position:relative;
	width:310px;
	height:296px;
	
}
}

@media (max-width: 360px) {
	#obras #mapa{
		margin-left: -20px;
	}
}

#obras #mapa div {
	position:absolute;
	z-index:0;
}

#obras #mapa .off:hover {
	z-index:1000;
}

#obras #mapa .on {
	z-index:100;
}

#obras #mapa div a {
	background-repeat:no-repeat;
	display:block;
	width:21px;
	height:23px;
}

#obras #mapa div a.inativo {
	background-image:url(../imgs/obras/local.png);
}

#obras #mapa div a.ativo {
	background-image:url(../imgs/obras/local_hover.png);
}

#obras #mapa div a.inativo:hover {
	background-image:url(../imgs/obras/local_hover.png);
}

#obras .obrainfo {
	/*background-color:#DDD;*/
	display:none;
	/*position:absolute;*/
	/*max-width: 475px;*/
	/*max-height: */
}

#obra1 {top:100px;left:270px;} /*Camaçari*/
#obra2 {top:113px;left:261px;} /*Jequié*/
#obra3 {top:122px;left:192px;} /*Barro Alto*/
#obra4 {top:41px;left:227px;} /*São Luís*/
#obra5 {top:54px;left:203px;} /*Imperatriz*/
#obra15 {top:56px;left:186px;} /*Parauapebas*/
#obra16 {top:56px;left:175px;} /*Parauapebas*/
#obra21 {top:88px;left:196px;} /*Palmas*/
#obra14 {top:36px;left:199px;} /*Paragominas*/

#obra6 {top:167px;left:234px;} /*Juiz de Fora*/
#obra7 {top:156px;left:225px;} /*BH*/
#obra8 {top:147px;left:232px;} /*Congonhas*/
#obra9 {top:153px;left:242px;} /*Ouro Preto*/
#obra10 {top:164px;left:237px;} /*Ouro Branco*/
#obra11 {top:150px;left:235px;} /*Congonhas*/
#obra12 {top:142px;left:213px;} /*Corinto*/
#obra13 {top:156px;left:220px;} /*Sete Lagoas*/
#obra17 {top:180px;left:243px;} /*Rio*/
#obra18 {top:186px;left:211px;} /*Cubatão*/
#obra19 {top:185px;left:203px;} /*São Paulo*/
#obra20 {top:180px;left:221px;} /*São José do Barreiro*/
#obra22 {top:164px;left:244px;} /*Ouro Preto Namisa*/

#obra42 {top:57px;left:169px;} /*Carajás*/
#obra41 {top:40px;left:198px;} /*Paragominas*/
#obra40 {top:158px;left:220px;} /*Sete Lagoas*/
#obra39 {top:60px;left:174px;} /*Carajás*/
#obra38 {top:185px;left:197px;} /*Barueri*/
#obra37 {top:45px;left:225px;} /*São Luís*/
#obra36 {top:166px;left:241px;} /*Cachoeira Escura*/
#obra35 {top:164px;left:182px;} /*Votuporanga*/
#obra34 {top:145px;left:86px;} /*Bolívia*/
#obra33 {top:155px;left:237px;} /*Ouro Branco*/
#obra32 {top:158px;left:236px;} /*Congonhas*/
#obra31 {top:181px;left:221px;} /*São José do Barreiro*/
#obra30 {top:59px;left:170px;} /*Carajás*/
#obra29 {top:159px;left:237px;} /*Congonhas*/
#obra28 {top:153px;left:243px;} /*Ouro Preto*/
#obra27 {top:54px;left:203px;} /*Imperatriz*/
#obra26 {top:161px;left:236px;} /*Congonhas*/
#obra25 {top:153px;left:198px;} /*Araguari*/
#obra24 {top:156px;left:242px;} /*Nova Era*/
#obra23 {top:158px;left:226px;} /*Nova Lima*/


/*MAPA EM TELAS MAIORES QUE 474px*/
@media (min-width: 475px) {
#obra1 {top:147px;left:400px;} /*Camaçari*/
#obra2 {top:156px;left:379px;} /*Jequié*/
#obra3 {top:168px;left:280px;} /*Barro Alto*/
#obra4 {top:57px;left:330px;} /*São Luís*/
#obra5 {top:75px;left:295px;} /*Imperatriz*/
#obra15 {top:78px;left:270px;} /*Parauapebas*/
#obra16 {top:78px;left:255px;} /*Parauapebas*/
#obra21 {top:122px;left:285px;} /*Palmas*/
#obra14 {top:50px;left:290px;} /*Paragominas*/

#obra6 {top:230px;left:340px;} /*Juiz de Fora*/
#obra7 {top:215px;left:328px;} /*BH*/
#obra8 {top:202px;left:337px;} /*Congonhas*/
#obra9 {top:210px;left:352px;} /*Ouro Preto*/
#obra10 {top:225px;left:345px;} /*Ouro Branco*/
#obra11 {top:207px;left:342px;} /*Congonhas*/
#obra12 {top:195px;left:310px;} /*Corinto*/
#obra13 {top:215px;left:320px;} /*Sete Lagoas*/
#obra17 {top:247px;left:354px;} /*Rio*/
#obra18 {top:256px;left:307px;} /*Cubatão*/
#obra19 {top:255px;left:295px;} /*São Paulo*/
#obra20 {top:247px;left:322px;} /*São José do Barreiro*/
#obra22 {top:225px;left:355px;} /*Ouro Preto Namisa*/

#obra42 {top:79px;left:246px;} /*Carajás*/
#obra41 {top:56px;left:288px;} /*Paragominas*/
#obra40 {top:217px;left:320px;} /*Sete Lagoas*/
#obra39 {top:83px;left:253px;} /*Carajás*/
#obra38 {top:255px;left:287px;} /*Barueri*/
#obra37 {top:63px;left:328px;} /*São Luís*/
#obra36 {top:228px;left:350px;} /*Cachoeira Escura*/
#obra35 {top:225px;left:265px;} /*Votuporanga*/
#obra34 {top:200px;left:125px;} /*Bolívia*/
#obra33 {top:213px;left:345px;} /*Ouro Branco*/
#obra32 {top:218px;left:343px;} /*Congonhas*/
#obra31 {top:249px;left:321px;} /*São José do Barreiro*/
#obra30 {top:82px;left:248px;} /*Carajás*/
#obra29 {top:219px;left:345px;} /*Congonhas*/
#obra28 {top:211px;left:353px;} /*Ouro Preto*/
#obra27 {top:75px;left:295px;} /*Imperatriz*/
#obra26 {top:221px;left:343px;} /*Congonhas*/
#obra25 {top:210px;left:288px;} /*Araguari*/
#obra24 {top:215px;left:352px;} /*Nova Era*/
#obra23 {top:217px;left:329px;} /*Nova Lima*/
}



.legenda {
	background-color:#013474;
	color:#FFF;
	padding:5px 10px;
}

.legenda strong {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:14px;
	text-transform:uppercase;
}

.obrafoto {
	background-repeat:no-repeat;
	display:none;
	overflow:hidden;
	max-width: 100%;
    background-size: cover;
    background-position-x: right;
    background-position-y: bottom;
}

.obrafoto:first-of-type {
	display:block;
}

.obrafoto>div {
	float:right;
	margin-top:275px;
}

.obrafoto div div {
	color:#FFF;
	float:left;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:12px;
	margin:0 10px 0 0;
	text-shadow:1px 1px black;
}

.obrafoto div div a {
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	display:block;
	margin-top:3px;
	width: 0; 
	height: 0;
}

.obrafoto div div a.prev { 
	border-right:6px solid #FFF;
}

.obrafoto div div a.prev:hover {
	border-right:6px solid #FC0;
}

.obrafoto div div a.next { 
	border-left:6px solid #FFF;
}

.obrafoto div div a.next:hover {
	border-left:6px solid #FC0;
}

#menuempresa {
	margin-left:485px;
	text-align:center;
	width:150px;
}

#menuempresa div {
	background-color:#013474;
	padding:10px 0 10px 0;
}

#menuempresa div:hover {
	background-color:#035db3;
}

#menuempresa div a {
	color:#FFF;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	text-transform:uppercase;
	text-decoration:none;
}

 footer{
	margin-top: 80px; 
	padding:15px 0 5px 0;
	background-color:#171717;
	width: 100%;
	min-width: 100%;
	/*z-index: -2;*/
	
}
 



footer .container .empresa{
	/*margin: 15px 0 0 0;*/
	cursor: default;
	/*z-index: 1;*/
}

@media (max-width: 580px){
	.container .empresa{
		text-align: center;
	}
	.container .visao{
		text-align: center;

	}
}

footer .container .estilo-contato{
	color:#828080;
	font-size: 18px;
	font-family: 'Roboto';
	/*padding: 0 0 0 45px;*/
}
footer .container .estilo-intranet a{
	color:#828080;
	font-size: 15px;
	font-family: 'Roboto';
	padding:5px 15px 0 15px;
	text-decoration: none;

}
footer .container .estilo-intranet img{
	width:30px;
/*		padding: 0 0 0 45px;
*/
	}
footer .container .visao{
	margin: -13px 0 0 0 ;
	
}
footer .container .developer{
	padding: 12px 0 0 0;

}
footer .container .developer a{
	color:#828080;
	font-size:15px;
	font-family:'Roboto';
	text-decoration: none;
}
footer .container .icon-visao img{
	padding: 0 0 5px 0;
	width: 30px;
}
footer .containerc {
	background-image:url(../imgs/footer.gif);
	background-repeat:no-repeat;
	background-position:top center;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	height:28px;
	margin-top:100px;
	padding:10px 0;
}

footer .containerc div {
	background-repeat:no-repeat;
	font-size:16px;
	height:26px;
	padding-left:35px;
}

footer .containerc .clear {
	height:0;
}


footer .containerc .left {
	background-image:url(../imgs/intranet.png);
}

footer .containerc .right {
	background-image:url(../imgs/telefone.png);
	color:#ffcb05;
}

footer .containerc div span, footer .containerc div a {
	font-size:14px;
}

footer .containerc div a {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

/*---------- MOBILE ----------*/

.mobi .containerc {
	width:100%;
}

.mobi header {
	position:relative;
}

.mobi header .left {
	padding-left:20px;
}

.mobi nav {
	clear:both;
	display:none;
	float:none;
	margin-top:80px;
	position:absolute;
	width:100%;
}

.mobi nav a {
	background-color:#fff;
	border-top:1px solid #013474;
	display:block;
	margin-left:0;
	padding:4%;
	width:92%;
}

.mobi header #togmenu {
	display:block;
	padding-right:20px;
}

.mobi .banner {
	height:220px;
	width:100%;
}

.mobi .banner h1 {
	font-size:250%;
	text-align:right;
}

.mobi #blocos {
	padding:0 4%;
	width:92%;
}

.mobi #blocos .left {
	float:none;
	margin-bottom:40px;
	width:100%;
}

.mobi #blocos .left div {
	height:auto;
	margin-bottom:20px;
	text-align:right;
	width:100%;
}

.mobi #blocos .left a div {
	background-size:cover;
	float:none;
	width:100%;
}

.mobi #atuacao #blocos .left div img {
	width:100%;
}

.mobi #clientes .left, .mobi #clientes .right {
	float:none;
}

.mobi #clientes .right {
	margin-left:0;
	padding:auto 4%;
	position:relative;
	text-align:center;
	width:92%;
}

.mobi #clientes .right div {
	float:none;
	margin:10px;
	padding-bottom:10px;
	text-align:center;
}

.mobi .content {
	padding:0 4%;
	width:92%;
}

.mobi #lista>div {
	margin-bottom:20px;
	padding-bottom:20px;
}

.mobi #lista div div {
	margin-bottom:20px;
}

.mobi #lista div .left {
	background-size:cover;
	height:100px;
	width:100%;
}

.mobi #lista div .left h1 {
	font-size:220%;
	margin-top:10%;
}

.mobi #lista div .right {
	width:100%;
}

.mobi #clientes {
	text-align:center;
}

.mobi .normal {
	display:none;
}

.mobi .mobile {
	display:block;
}

.mobi #contato .boxchanf {
	width:80%;
}

.mobi #contato .content>.right {
	float:none;
	width:100%;
}

.mobi #contato .content .right form>.left, .mobi #contato .content .right form>.right {
	width:100%;
}

.mobi #contato input, .mobi #contato textarea, .mobi #contato select {
	padding:4%;
	width:92%;
}

.mobi #contato select {
	width:100%;
}

.mobi #contato input[type="submit"], .mobi #contato input[type="button"]{
	padding:5% 10%;
}

.mobi footer .containerc {
	padding:10px 4%;
	width:92%;
}


#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}

#contactus .error {
	color:red;
}

.my-3 {
	margin: 30px 0;
}

.rectangle > p {
	text-align: center;
	margin: auto;
  padding: 0 35px;
}

.btn-lg > a {
	color: #fff;
}

.btn-lg > a:hover {
	color: #fff;
	text-decoration: none;
}

.btn-lg-muted > a {
	color: #013474;
}

.btn-lg-muted > a:hover {
	color: #013474;
	text-decoration: none;
}

.btn-lg {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background: #013474;
	border: 0 none;
	border-radius: 4px;
	max-width: 200px;
	text-transform: uppercase;
}

.btn-lg:hover {
	cursor: pointer;
}

.btn-med {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background: #013474;
	border: 0 none;
	border-radius: 4px;
	max-width: 200px;
}

.btn-lg-muted {
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);

	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #013474;
	background: #E6E2E2;
	border: 0 none;
	border-radius: 4px;
	max-width: 250px;
	min-width: 250px;
	margin: 0;
}

.rectangle {
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);

  margin: 5px 33px;
  width: auto;
	height: 328px;
	background-color: #F4F6F9;
	text-align: center;
}

h4 {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #013474 !important;
}

.owl-carousel {
	margin-top: 20px;
}

.owl-nav {
	text-align: center;
}

.owl-nav > button {
	width: 10px;
	background: transparent;
	color: #869791;
	font-size: 60px;
	line-height: 338px;
	padding: 0 60px;
	position: absolute;
	top: 0;
}

.owl-prev {
  left: 0;
  margin-right: 20px;
}

.owl-next {
  right: 0;
  margin-left: 20px;
}

label {
	margin-top: 10px;
}

.form-control {
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	
	border: none;
	font-family: 'Roboto', sans-serif;
	color: #013474;
	margin: 15px 0;
}

.form-control:focus {
	font-family: 'Roboto', sans-serif;
	color: #013474;
}

.modal-title {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #4B4A4A;
}

.clientes > * {
	display: none;
}
.clientes div img{
	margin-bottom: 15px;
}


/*Pagina fornecedores*/

.forne{
	align-items: center;
	display: flex;
	margin: 0 auto;
	/*margin-left: -75px;*/

}
.forne img{
	width: 40%;
	margin-bottom: 5px;
}

/*.box .imagem{
	margin-top: 90px;
}*/

/*.para{

	margin-left: 0px;
	padding-left: 180px;
	padding-right: 180px;
	margin-right: 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-size: 15px;
	text-align: center;

}*/




.pag{
	
	margin-top: -405px;
	margin-bottom: 200px;
}


.titulo{
	text-align: center;
	margin-bottom: 50px;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}
.subtitulo{
	text-align: left;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}

.botao{
	text-align: center;
	margin-bottom: -7px;	 
	border-bottom: solid;
	border-color: grey;
	border-bottom-width: 0.5px;
	background-color: #f8f9fa;
}

.botao p{
	text-align: justify;
}

.botaopf{
	margin-top: 60px;
}

.box1{
	float: left;
	margin-left: 20px;
}

.box2{
	float: left;
	margin-left: 150px;
}

.box3{
	float: left;
	margin-left: 150px;	
}

.cor{
	background-color: #120a8f;
}

/*
Menu colapse/accordion
*/

.card .botao{
	
	background-color: #F4F6F9;
	border: 0px solid #E5E5E5;
	max-height: 55px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E5E5E5;

}

.pag .accordion .card{
	border: none;
	border-radius: none;
}


.botao h5 .btn-link{
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	margin-top: -15px;
	padding: 
}

.paragrafo{
	/*padding-top: 10px;
	padding-bottom: 5px;*/
	text-align: justify;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px; 
}

.but{
	
	  display: flex;
  overflow: hidden;

  margin: 10px;
  padding: 12px 12px;

  cursor: pointer;
  user-select: none;
  transition: all 150ms linear;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: none;
  text-transform: capitalize;

  color: #ffffff;
  background: #013474;
  border: 0 none;
  border-radius: 4px;
  max-width: 80px;

  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;

  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
 
  justify-content: center;
  align-items: center;
  flex: 0 0 160px;
  
  box-shadow: 2px 5px 10px var(--color-smoke);

  &:hover {
    transition: all 150ms linear;

    opacity: .85;
  }
  
  &:active {
    transition: all 150ms linear;
    opacity: .75;
  }
  
  &:focus {
    outline: 1px dotted #959595;
    outline-offset: -4px;
  }
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }