/*=========================================================
	SECTION
=========================================================*/
/*--------------------*/
/*-- Estilos Comuns --*/
/*--------------------*/
.passadores {position: absolute; width: 62px; height: 25px}
.passadores a{white-space: nowrap; overflow: hidden; text-indent: 100%;	margin-left: 3px; width: 26px; height: 25px; background: url(../img/passadores.png) no-repeat; display: inline-block}
.passadores a.anterior {background-position: 0 -25px}
.passadores a.proximo {background-position: 0 0}
.passadores a.anterior:hover {background-position: -26px -25px}
.passadores a.proximo:hover {background-position: -26px 0}

/*---------------*/
/*-- Slideshow --*/
/*---------------*/
#linkLocais {position: absolute; z-index: 10; top: 643px; left: 50%; margin-left: 18px; width: 465px; height: 240px}

#slideshow {position: relative; z-index: 1; width: 100%; height: 400px; overflow-y: hidden;}
#slideshow ul {overflow: hidden; width: 100% !important}
#slideshow ul li {width: 100% !important}
#slideshow ul li .banner {display: block; width: 100%; height: 400px; background-repeat: no-repeat; background-position: center top}
#slideshow ul li .banner .center {position: relative; display: table; height: 100%}
#slideshow ul li .legenda {position: absolute; right: 0; bottom: 45px; display: table; width: auto; padding: 20px; background: rgba(4,80, 127, .9)}
#slideshow ul li .legenda span {display: block; color: #fff; font: 24px 'nexa_boldregular'; font-size: 2.4rem; text-align: right; text-transform: uppercase}

#slideshow .passadores {bottom: 10px; left: 50%; margin-left: 422px; z-index: 100;}


/*---------------*/
/*-- Conteiner --*/
/*---------------*/
#home h2{position: relative;}
#home h2:before{width: 465px;}

.conteiner-item {width: 465px; position: relative}
.conteiner-item.left {margin: 40px 20px 0 0; clear: both}
.conteiner-item.right {margin: 40px 0 0 20px}

/*-- Negócios --*/
#negocios {position: relative}
#negocios #areas {margin-top: 15px; display: inline-block}
#negocios #areas li {display: inline-block}
#negocios #areas li:nth-child(odd) {width: 300px}

/*-- Atuação --*/
#atuacao h2 {border-color: #b3d2e5}
#atuacao a.conteiner-mapa {position: relative}
#atuacao a.conteiner-mapa:before {content: ''; background: url(../img/passadores.png) no-repeat -78px 0; height: 25px; width: 26px; position: absolute; display: block; top: 206px; left: 111px}
#atuacao .conteiner-mapa:after {top: 8px; width: 463px}
#atuacao a.conteiner-mapa {font: 12px nexa_boldregular; font-size: 1.2rem; color: #868684; border: 1px solid #d7d7d7; text-align: right; padding-right: 10px; padding-bottom: 2px; display: block}
#atuacao a.conteiner-mapa img {margin-bottom: -25px; display: block}

/*-- Certificados --*/
#certificados {text-align: center; margin-top: 45px}
#certificados h2 {text-align: left; border-bottom: none; display: block}
#certificados h2:before {display: none}
#certificados .conteiner-certificados {width: 32.5%; display: inline-block}
#certificados .conteiner-certificados:before {content: ''; background: url(../img/certificados.png) no-repeat; position: relative; width: 87px; height: 87px; display: block; margin: 3px auto 20px}
#certificados #iso14001:before {background-position: -87px 0}
#certificados #ohsas18001:before {background-position: -174px 0}
#certificados #ohsas18001:before {background-position: -174px 0}
#certificados p {margin-bottom: 0}
#certificados strong {display: block}
/*-- Clientes --*/
#clientes h2 {border-color: #267cb1}
#clientes {position: relative; margin-top: 45px}
#clientes .passadores {right: 0; z-index: 4; top: 18px}
#clientes #carrossel-conteiner {border: 1px solid #d7d7d7}
#clientes ul {padding: 0 24px; height: 109px}
#clientes ul li {display: inline-block; height: 109px; width: 154px}
#clientes ul li a {background-repeat: no-repeat; background-position: center center; min-height: 100%; display: block}
#clientes ul li a#vale {background-image: url(../img/vale.png);}
#clientes ul li a#infraero {background-image: url(../img/infraero.png);}
#clientes ul li a#petrobras {background-image: url(../img/petrobras.png);}
#clientes ul li a#odebrecht {background-image: url(../img/odebrecht.png);}
#clientes ul li a#queiroz {background-image: url(../img/queiroz.png);}
#clientes:after {top: 0}