/* CSS Document */
/*
# Caminho fonte: /fonts/ -
# Caminho imagens: /zoom/constrenge/imagens -
# Tamanho Site: 1000px -

# Fonte Padrao: helvetica light - 
*/
@font-face {
    font-family: 'helvetica-light';
    src: url('/fonts/helveticaneue-lightcond-webfont.eot');
    src: url('/fonts/helveticaneue-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaneue-lightcond-webfont.woff') format('woff'),
         url('/fonts/helveticaneue-lightcond-webfont.ttf') format('truetype'),
         url('/fonts/helveticaneue-lightcond-webfont.svg#helvetica-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-medium';
    src: url('/fonts/helveticaneue-mediumcond-webfont.eot');
    src: url('/fonts/helveticaneue-mediumcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaneue-mediumcond-webfont.woff') format('woff'),
         url('/fonts/helveticaneue-mediumcond-webfont.ttf') format('truetype'),
         url('/fonts/helveticaneue-mediumcond-webfont.svg#helvetica-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumBold';
    src: url('/fonts/titilliumweb-bold-webfont.eot');
    src: url('/fonts/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/titilliumweb-bold-webfont.woff2') format('woff2'),
         url('/fonts/titilliumweb-bold-webfont.woff') format('woff'),
         url('/fonts/titilliumweb-bold-webfont.ttf') format('truetype'),
         url('/fonts/titilliumweb-bold-webfont.svg#titilliumBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumLight';
    src: url('/fonts/titilliumweb-light-webfont.eot');
    src: url('/fonts/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/titilliumweb-light-webfont.woff2') format('woff2'),
         url('/fonts/titilliumweb-light-webfont.woff') format('woff'),
         url('/fonts/titilliumweb-light-webfont.ttf') format('truetype'),
         url('/fonts/titilliumweb-light-webfont.svg#titilliumLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Inicialização Default */
*{
	word-break:break-word;
}
div:after, ol:after, form:after, ul:after, dl:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
a {
	border:none;
	outline:none;
	text-decoration:none;
}
/*a:hover{
	color:#11938a;
}*/
a img {
	border:none;
	outline:none;
	text-decoration:none;
}

img  {
	border:none;	
}

input:focus, textarea:focus {
  outline: none;
}

.fontHelveticaLight {
	font-family: 'helvetica-light';
}

.fontHelveticaMedium {
	font-family: 'helvetica-medium';
}

.fontTitilliumBold {
	font-family: 'titilliumBold';
}


.fontBranco {
	color: #fff;
}

.fontLaranja {
	color: #ff6801;
}

.fontCinza {
	color: #606264;
}

.fontCinzaEscuro {
	color: #353637;
}

body{
	font-family: 'helvetica-light';
	font-size: 14px;
	background: url(/imagens/topo-banner.jpg) center top repeat-x #fff ;
	color: #353637;
	padding: 0;
	margin: 0;
}

.classCentro {
	width: 1000px;
	min-height: 10px;
	margin: 0px auto;
}

.lineHeight {
	line-height: 25px !important;
}

.noMargin {
	margin: 0px !important;
}

.weight100 {
	font-weight: 100 !important;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.textJustify {
	text-align: justify;
}

.noUlStyle {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.margemBottom {
	margin-bottom: 100px;
}

/* AQUI COMEÇA O TOPO */
header {
	width: 100%;
	min-width: 1000px;
	height: 190px;
}

#divTopoLogo {
	float: left;
	width: 303px;
	height: 58px;
	margin: 25px 34px 0px 0px;
}

#divTopMenu2 {
	width: 480px;
	height: 24px;
	float: right;
	margin: 34px 0px 0px 0px;
}

#divTopMenu2 a {
	float: left;
	font-family: 'helvetica-medium';
	color: #606264;
	margin: 0px 0px 0px 30px;
}

#divTopMenu2 a:hover {
	color: #ff6801;
}

#divTopMenu2 a img {
	vertical-align: middle;
	margin: 0px 13px 0px 0px;
}

#divTopMenu {
	width: 1000px;
	height: 25px;
	margin: 27px 0px;
}

#divTopMenu li {
	float: left;
	font-family: 'helvetica-medium';
	font-size: 18px;
}

#divTopMenu  li:not(:last-child) {
	margin: 0px 30px 0px 0px;
}

#divTopMenu li a {	
	color: #606264;
}

.classTopMenuHover,
#divTopMenu li a:hover {	
	color: #ff6801 !important;
}
/* AQUI TERMINA O TOPO */


/* AQUI COMEÇA O INDEX */

#divHomeMenu {
	width: 1000px;
	height: 425px;
}

#divHomeMenu li {
	float: left;
	width: 247px;
	height: 425px;
}

#divHomeMenu li:not(:last-child) {
	margin: 0px 4px 0px 0px;
}

#divHomeMenu a {
	display: block;
	width: 247px;
	height: 425px;
	text-indent: -99999px;
}

.classMenuAtuacao,
.classMenuObras,
.classMenuEmpresa,
.classMenuHistFerrovia {
	background-image: url(/imagens/menuHistoricoFerrovia.jpg);
	background-position: top;
}

.classMenuAtuacao {
	background-image: url(/imagens/menuAtuacao.jpg);
}

.classMenuObras {
	background-image: url(/imagens/menuObras.jpg);
}

.classMenuEmpresa {
	background-image: url(/imagens/menuEmpresa.jpg);
}

.classMenuAtuacao:hover,
.classMenuObras:hover,
.classMenuEmpresa:hover,
.classMenuHistFerrovia:hover {
	background-position: bottom;
}

#divHomeClientes {
	width: 100%;
	min-width: 1000px;
	height: 172px;
	background-color: #efefef;
	margin: 30px 0px 44px;
}

.classHomeClientes {
	position: relative;
	text-align: center;
	border: 1px solid transparent;
}

.classClientesHome {
	width: 886px;
	margin: 0px auto;
}

.classClientesHome li {
	width: 140px;
	height: 108px;
	margin: 0px 40px;
}

.arrow-clientes {
	width: 16px;
	height: 28px;
	background-image: url(/imagens/arrow-clientes.png);
	position: absolute;
	top: 103px;
	cursor: pointer;
}

.seta-esq {
	left: 0px;
}

.seta-dir {
	background-position: bottom;
	right: 0px;
}

.classNaMidia,
.classCanalYoutube {
	float: left;
	width: 379px;
	height: 366px;
	margin: 0px 114px 45px 68px;
	cursor: pointer;
}

.classNaMidia {
	margin: 0px;
}

.classNaMidia h2,
.classCanalYoutube h2 {
	font-size: 20px;
	font-family: 'helvetica-medium';
	font-weight: 100;
	color: #fa852f;
	text-align: center;
}

.classAcordion h3 {
	margin: 0px;
	background-color: #fa852f;
	padding: 5px 10px;
	color: #fff;
	font-weight: 100;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}

.classAcordionText {
	display: none;
}
/* AQUI TERMINA O INDEX */

/*AQUI COMEÇA EMPRESA*/
.classTitleBanner {
	width: 1000px;
	height: 277px;
	position: relative;
}

.classTitleBanner img {
	position: absolute;
	z-index: 1;
}

.classTitleBanner h2 {
	width: 310px;
	height: 68px;
	border: 2px solid #fff;
	position: absolute;
	z-index: 2;
	text-align: center;
	line-height: 68px;
	font-family: 'titilliumBold';
	font-weight: 100;
	color: #fff;
	margin: 0px;
	top: 120px;
	left: 343px;
}

.classEmpresaText {
	margin: 40px 0px 30px;
	text-align:justify;
}

.classEmpresaText img {
	float: left;
}

.classEmpresaText p {
	float: right;
	width: 100%;
	margin: 0px;
	line-height: 25px;
}

.classEmpresaImgs img:nth-child(2) {
	margin: 20px 0px;
}
/*AQUI TERMINA EMPRESA*/

/*AQUI COMEÇA HISTORIA*/
#divHistMenu {
	width: 1000px;
	height: 89px;
	background: url(/imagens/hist-bot.png) center bottom no-repeat;
	position: relative;
}

.classHistoriaGalery {
	width: 1000px;
	height: 76px;
	position: absolute;
	z-index: 1;	
}

.arrow-historia {
	width: 41px;
	height: 74px;
	background-image: url(/imagens/arrow-historia.png);
	position: absolute;
	z-index: 2;
	cursor: pointer;
}

.h-seta-esq {
	background-position: bottom left;	
	left: 0px;
}

.h-seta-dir {
	background-position: bottom right;
	right: 0px;	
}

.h-seta-dir:hover {
	background-position: top right;
}

.h-seta-esq:hover {
	background-position: top left;
}

.arrow-historia-2 {
	width: 62px;
	height: 146px;
	background-image: url(/imagens/arrow-historia-2.png);
	cursor: pointer;
}

.h2-seta-esq {
	background-position: center left;
	float:left;
}
.h2-seta-esq-none {
	background-position: bottom left;
	cursor:default;
	float:left;
}
.h2-seta-esq-none:hover {
	background-position: bottom left !important;
}
.h2-seta-dir {
	background-position: center right;
	float:right;
}
.h2-seta-dir-none {
	background-position: bottom right;
	cursor:default;
	float:right;
}
.h2-seta-dir-none:hover {
	background-position: bottom right !important;
}

.h2-seta-esq:hover {
	background-position: top left;
}

.h2-seta-dir:hover {
	background-position: top right;
}

.classHistoriaGalery a {
	float: left;
	display: block;
	height: 46px;
	color: #606264;
	font-style: italic;
	line-height: 20px;
	margin: 13px 47px 0px;
	text-align: center;
}

.classHistoriaGaleryHover,
.classHistoriaGalery a:hover {
	font-weight: bold !important;
	color: #fa852f !important;
	height: 45px !important;
	border-bottom: 1px solid #fa852f !important;
}

.classHistoriaCont {
	height: 1017px;
}

.classHistoriaCont li {
	width: 1000px;
	padding: 30px 0px 0px;
}

.classTextBox {
	float: left;
	width: 369px;
}

.classTextBox p {
	line-height: 25px;
}

.classImgBox p {
	font-size: 12px;
	line-height: 20px;
}

.marginL15 {
	margin-left: 15px;
}

.marginR15 {
	margin-right: 15px;
}

.classImgBox {
	float: left;	
}

.classCentro720 {
	width: 720px;
	margin: 0px auto;
}

.classHistTitle {
	font-size: 20px;
	color: #fa852f;
	font-weight: 100;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}
/*AQUI TERMINA HISTORIA*/

/* INFORMAÇÕES TECNICAS */
#divInformacoesTecnicas h3 {
	font-weight: 100;
	font-size: 20px;
	font-family: 'helvetica-medium';
	color: #fa852f;
	margin: 0px;
}
/* INFORMAÇÕES TECNICAS */

/*AQUI COMEÇA OBRAS*/
#divObras {
	margin: 60px 0px 0px;
}
.classBoxObras {
	float: left;
	width: 460px;
	height: 310px;
	margin: 0px 78px 55px 0px;
	position: relative;
	cursor: pointer;
}

.classBoxObras:nth-child(2n) {
	margin-right: 0px;
}

.classBoxObras img {
	position: absolute;
	z-index: 1;
}

.classBoxObras h2 {
	margin: 0px;
	color: #fff;
	font-family: 'titilliumBold';
	font-size: 18px;
	text-align: center;
	font-weight: 100;
	position: absolute;
	z-index: 3;
	top: 140px;
	width: 460px;
}
.classBoxObras span {
	display: none;
	margin: 0px;
	color: #fff;
	font-family: 'titilliumLight';
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	z-index: 3;
	top: 175px;
	width: 460px;
}

.classOpacityObras {
	width: 460px;
	height: 310px;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	z-index: 2;
}

.classBoxObras:hover
.classOpacityObras {
	background: rgba(242, 107, 15, 0.7);
}

.classBoxObras:hover span {
	display: block;
}
/*AQUI TERMINA OBRAS*/

/*AQUI COMEÇA OBRA*/
#divObraTitle {
	width: 1000px;
	height: 40px;
	position: relative;
	margin: 0px 0px 38px;
}

#divObraTitle h1 {
	font-weight: 100;
	font-size: 20px;
	font-family: 'helvetica-light';
	color: #fa852f;
	text-align: center;
}
#divObraTitle div {
	width: 92px;
	height: 1px;
	margin: 0px auto;
	background-color: #fa852f;
}

#divObraTitle a {
	position: absolute;
	font-family: 'helvetica-medium';
	color: #fa852f;
	font-size: 12px;
	right: 0px;
	top: 5px;
}

#divObraTitle a img {
	vertical-align: middle;
	margin: 0px 10px 0px 0px;
}

.classBoxObra {
	float: left;
	display: block;
	width: 238px;
	height: 274px;
	cursor: pointer;
	margin: 0px 16px 36px 0px;
}

.classBoxObra:nth-child(4n) {
	margin-right: 0px;
}

.classBoxObraImg {
	width: 236px;
	height: 178px;
	border: 1px solid #6E6D6D;
}

.classBoxObraImg img {
	position: absolute;
	z-index: 1;
}

.classBoxObraOpacity {
	width: 236px;
	height: 178px;
	background: url(/imagens/icon-ver-galeria.png) center center no-repeat rgba(50, 48, 48, 0.7);
	position: absolute;
	z-index: 2;
	display: none;
}

.classBoxObra:hover
.classBoxObraOpacity {
	display: block;
}

.classBoxObra h3 {
	margin: 5px 0px;
	font-weight: 100;
	height: 58px;
	color: #353637;
	text-transform: uppercase;
	overflow: hidden;
}

.classBoxObraLocal {
	float: left;
	background-color: #fa852f;
	border-radius: 0.7em;
	padding: 5px 10px;
	color: #fff8f8;
	font-family: 'helvetica-medium';
}
/*AQUI TERMINA OBRA*/

/*AQUI COMEÇA CLIENTES*/
.classCliente {
	float: left;
	width: 140px;
	height: 135px;
	margin: 0px 13px 35px;
}

.classClienteImg {
	width: 140px;
	height: 108px;
}

.classCliente h3 {
	font-family: 'helvetica-medium';
	font-weight: 100;
	font-size: 14px;
	color: #5c5959;
	text-align: center;
}

/*AQUI TERMINA CLIENTES*/

/*AQUI COMEÇA ATUAÇÃO*/
#divAreaAtuacao {
	width: 775px;
	height: 680px;
	position: relative;
	margin: 60px 112px 0px;
}

#divAreaAtuacao img {
	position: absolute;
}

#mapa-atuacao {
	z-index: 1;
}

.regiao {	
	display: none;
	z-index: 2;	
	cursor: pointer;
}


#sc {
	right: 246px;
	bottom: 80px;
}

#pr {
	bottom: 126px;
	right: 331px;
}

#sp {
	bottom: 151px;
	right: 269px;
}

#mg {
	bottom: 189px;
	right: 188px;
}

#ms {
	bottom: 171px;
	left: 282px;
}

#mt {
	top: 222px;
	left: 218px;
}

#go {
	top: 317px;
	right: 290px;
}

#rj {
	right: 139px;
	bottom: 179px;
}

/*AQUI TERMINA ATUAÇÃO*/
#divContatoForm {
	float: left;
	width: 669px;
	height: 400px;
	border-right: 1px solid #acacac;
	padding: 37px 0px 0px;
}

.classFormFloat {
	float: left;
	width: 331px;
	height: 400px;
}

.classFormFloat label {
	display: block;
	margin: 0px 15px 25px 0px;
}

.classFormFloat textarea,
.classFormFloat input {
	width: 303px;
	height: 37px;
	border: 1px solid #acacac;
	padding: 0px 0px 0px 10px;
	font-family: 'helvetica-light';
}

.classFormFloat textarea {
	height: 125px;
}

.classInputTitle {
	font-family: 'helvetica-medium';
	font-size: 20px;
	color: #ff6801;
}

.classFormFloat button {
	width: 99px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #ff6801;
	border: none;
	color: #fff;
	font-family: 'helvetica-medium';
	font-size: 20px;
	cursor: pointer;
	margin: 0px 0px 0px 216px;
}

#divContatoMap {
	float: right;
	width: 290px;
	height: 400px;
}

#divContatoMap h2 {
	font-family: 'helvetica-medium';
	color: #FF6801;
	font-weight: 100;
	font-size: 20px;
	margin: 36px 0px 15px;
}

#divContatoMap div {
	width: 286px;
	height: 186px;
	border: 2px solid #FF6801;
}

#divContatoMap p {
	line-height: 25px;
	text-align: center;
}

#divContatoMap p span:first-child {
	font-size: 19px;
}
/*AQUI COMEÇA CONTATO*/
/*AQUI TERMINA CONTATO*/


/* AQUI COMEÇA  O RODAPE */
div.footer {
	width: 100%;
	min-width: 1000px;
	height: 312px;
	background: url(/imagens/bot-banner.jpg) center bottom repeat-x #fff;
}

.classBorderTop {
	border-top: 2px solid #FA852F;
}

.classRodapeFloat1 {
	float: left;
	width: 205px;
	height: 218px;
	margin: 43px 119px 0px 0px;
}

.classRodapeFloat1 p {
	font-size: 16px;
	line-height: 25px;
	margin: 40px 0px 0px;
}

.classRodapeFloat2 {
	float: left;
	width: 196px;
	height: 218px;
	margin: 42px 0px 0px;
}

.classRodapeFloat2 li {
	margin: 0px 0px 5px;
}

.classRodapeFloat2 a {
	color: #606264;
	font-size: 17px;
}

.classRodapeFloat3 {
	float: left;
	width: 274px;
	height: 218px;
	margin: 42px 0px 0px 10px;
	text-align: center;
	line-height: 25px;
}

.classRodapeFloat3 span:first-child {
	font-size: 19px;
}

.classRodapeFloat3 img {
	margin: 29px 13px 0px;
}

.classCopyright {
	float: left;
	width: 510px;
	height: 49px;
	line-height: 49px;
	font-family: 'helvetica-medium';
	color: #353637;
	margin: 0px;
	padding: 0px 0px 0px 7px;
}

#divRodapeLogoZoom{
	float: right;
	display: block;
	width: 70px;
	height: 45px;
	cursor:pointer;
	margin: 0px 68px 0px 0px;
}

/* AQUI TERMINA  O RODAPE */

/* CAROUSEL */
.dt-carousel {
	overflow: hidden;
}

.galery {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 20000em;
	position: relative;
}

.galery li {
	float: left;
}
/* CAROUSEL */

/* SCROLL */
#scrollbar1 {
	clear: both;
	/*margin: 0 auto;*/
	position: relative;
	/*
	height:316px;
	width:385px;
	*/
}
#scrollbar1 .viewport {
	overflow: hidden;
	position: relative;
	height:100%;
}
#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	height: auto
}
#scrollbar1 .thumb .end, #scrollbar1 .thumb {
	background-color: #918C8C;
}
#scrollbar1 .scrollbar {
	position: absolute;
	width:9px;
	height:100%;
	right:0;
	z-index:500;
}
#scrollbar1 .track {
	background-color: #DCDCDC;
	position: relative;
	margin: 1px 0;
	height: 100%;
	left: 3px;
	width: 3px;
	/* padding: 0 2px; */
	border-radius: 2em;
}
#scrollbar1 .thumb {
	width: 9px;
	margin: 0 -3px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	/* border-radius: 2em; */
}
#scrollbar1 .thumb .end {
	overflow: hidden;
}
#scrollbar1 .disable {
	display: none;
}
/* FIM SCROLL */

/* MASCARA */
#divMascara {
	position:absolute;
	z-index:9000;
	background-color:#FFF;
	display:none;
}

.classDivMascaraConteudo {
	position:absolute;
	z-index:9999;
	display:none;
}

#divMascaraConteudo {
	width:375px;
	height:203px;
}

.classFecharDivMascara {
	width:31px;
	height:32px;
	position:absolute;
	top:-10px;
	right:-10px;
	background-image:url(/imagens/mascaraBtFechar.png);
	cursor:pointer;
}
/* MASCARA */

/*CUSTOM SELECT*/
.customSelect { 
	width:305px;
	height:37px;
	border:1px solid #acacac;
	font-size: 14px !important;
	color: #000;
	font-family: 'helvetica-light' !important;
	background:none;
	line-height:37px;
	padding-left:10px;
}
.customSelectInner {
	font-size: 14px !important;
	font-family: 'helvetica-light' !important;
	width: 305px !important;
	background:url(/imagens/drop-select.png)  266px no-repeat;
}
/*CUSTOM SELECT*/