body{ background:#FFF;} body *{ font-family: 'Arial';} body div.texto *{ text-align:left !important;} /* Placeholder */ ::-webkit-input-placeholder { font-family: 'futura_bdcn_btbold'; font-size:20.5px; color:#6B6B6B; } ::-moz-placeholder { font-family: 'futura_bdcn_btbold'; font-size:20.5px; color:#6B6B6B; } /* firefox 19+ */ :-ms-input-placeholder { font-family: 'futura_bdcn_btbold'; font-size:20.5px; color:#6B6B6B; } /* ie */ input:-moz-placeholder { font-family: 'futura_bdcn_btbold'; font-size:20.5px; color:#6B6B6B; } /* Positionsbody div.container{ background:#FF0;} */ body div.container, #home, #home h1, #home h2, #home p.texto25anos, .pagina-secao, #nossas-obras #painel, #nossas-obras .lista-obras{ position:relative; } /* Largura Padrão */ body div.pagina-secao{ width:100% !important; height:674px; min-width:1230px; background-repeat:no-repeat; background-position:center; display:block;} body div.container{ width:1170px; } /* Cabeçalho */ section{ background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } #cabecalho{ position:fixed; top:0; width:100%; height:95px; z-index:99999; opacity:0;} #menu-principal{ width:100%; background:url(../images/bg-menu-principal.png) #FFF;} #menu-principal, #menu-principal ul.ump, #menu-principal ul.ump > li, #menu-principal ul.ump > li a{ height:96px;} #menu-principal ul.ump > li, #rodape ul.umr li{ padding:0; float:left;} #menu-principal ul.ump > li.last{ background:none; padding-right:0;} #menu-principal ul.ump > li a, #rodape ul.umr > li a{ font-size:16px; text-transform:uppercase; text-align:center; color:#6C6E70; padding:37px 20px 0; display:block;} /* Menu Principal*/ #menu-principal ul.ump > li a:hover, #rodape ul.umr > li a:hover{ background-color:#A2A2A2; cursor:pointer; text-decoration:underline;} #menu-principal h1{ margin:13px 20px 0 10px;} #menu-principal h1, #menu-principal h1 a{ width:186px; height:67px; padding:0;} #menu-principal h1 a{ background:url(../images/logomarca-tcms-menu.png) no-repeat; display:block;} #menu-principal ul.urs, #menu-principal ul.urs li, #menu-principal ul.urs li a{ width:42px;} #menu-principal ul.urs li a{ height:32px; text-indent:-9000px; overflow:hidden; display:block;} #menu-principal ul.urs li.area-do-cliente a{ background:url(../images/icon-area-do-cliente.png) no-repeat center #0061A2;} #menu-principal ul.urs li.facebook a{ background:url(../images/icon-facebook.png) no-repeat center #065386;} #menu-principal ul.urs li.instagram a{ background:url(../images/icon-instagram.png) no-repeat center #0061A2;} /* Cabeçalho background:url(images/bg-home.png) repeat-x; */ #home span.bg-salva-sobras, #home span.bg-metade, div.template-vermelho .bg-secao, div.template-azul .bg-secao, div.template-vermelho span.bg-icon, div.template-azul span.bg-icon{ position:absolute; top:0; display:block;} body div.pagina-secao h2, #home h2 { width:800px; font-family: 'futura_bdcn_btbold'; font-size:48px; color:#000; padding:15px 10px 6px;} body div.pagina-secao .conteudo{ position:absolute; top:0; width:inherit; padding-top:20px; } body div.pagina-secao .texto{ width:460px;} body div.pagina-secao .texto *{ color:#000;} body div.pagina-secao .texto.margemtopo{ margin-top:44px;} div.template-vermelho{ background-color:#ECB60D;} div.template-azul{ background-color:#ECB60D;} div.template-vermelho h2, #nossas-obras h2{ background:url(../images/bg-titulo-amarelo.png) repeat; text-align:left;} .cid-maquinario h2{ background:url(../images/bg-titulo-amarelo.png) repeat; text-align:center; width: 800px; font-family: 'futura_bdcn_btbold'; font-size: 48px; color: #000; padding: 15px 10px 6px; } div.template-azul h2{ background:url(../images/bg-titulo-amarelo.png) repeat; text-align:right; float:left;} div.template-vermelho .texto{ float:right; } div.template-azul .texto{ float:left; } div.template-vermelho .bg-secao, div.template-azul .bg-secao{ width:784px; height:674px;} div.template-vermelho .bg-secao{ right:0; background:url(../images/bg-pagina-sessao-vermelha.png) no-repeat;} div.template-azul .bg-secao{ left:0; background:url(../images/bg-pagina-sessao-amarelo.png) no-repeat; } div.template-vermelho span.bg-icon, div.template-azul span.bg-icon{ width:674px; height:150px; top:524px; } div.template-vermelho span.bg-icon{ background:url(../images/icon-bgvermelho.png) no-repeat; right:0; } div.template-azul span.bg-icon{ background:url(../images/icon-bgazul.png) no-repeat; left:0; } #home{ height:600px; background:url(../images/bg-home.png) repeat-x; } #home span.bg-metade{ width:680px; height:802px; left:0; background:url(../images/bg-home-coluna.png) no-repeat; z-index:10000;} #home span.bg-salva-sobras{ width:310px; height:802px; left:0; background:url(../images/bg-painel-principal.png) repeat-x left; z-index:10000;} #home #painel-principal{ position:absolute; top:0; width:100%; z-index:0;} #home .carousel-inner h5{ position:absolute; top:725px; width:1100px; background:url(../images/bg-titulo-azul.png) repeat; text-align:right; color:#FFF; float:left; padding:10px;} #home .carousel-indicators{ width:160px; margin-left:-140px; z-index:20000; background:url(../images/bg-indicators.png) no-repeat; padding:10px;} #home h1, #home h1 a{ width:371px; height:132px;} #home h1 { margin:0;} #home h1 a{ background-image:url(../images/logomarca-rotula.png); display:block;} #home h1, #home h2, #home p.texto25anos{ z-index:1000;} #home h2{ font-size:36px; color:#0E69A7;} #home p.texto25anos{ width:300px; color:#222121; margin-left:13px; } .barra-tools{ width:973px; height:150px; margin-top:55px;} #menu-principal-home{ height:148px; background:url(../images/bg-sombra-menu-home.png) no-repeat bottom;} #menu-principal-home ul.ump{ background:url(../images/bg-menu-principal-home.png) no-repeat left; padding-left:60px; padding-right:10px;} #menu-principal-home ul.ump, #menu-principal-home ul.ump > li, #menu-principal-home ul.ump > li a{ height:67px;} #menu-principal-home ul.ump > li{ padding:0; float:left;} #menu-principal-home ul.ump > li a{ text-transform:uppercase; text-align:center; color:#FFF; padding:23px 6px 0; display:block;} #menu-principal-home ul.urs{ width:99px;} #menu-principal-home ul.urs li, #menu-principal-home ul.urs li a{ width:33px;} #menu-principal-home ul.urs li{ float:left;} #menu-principal-home ul.urs li a{ height:67px; background-color:#f1bc24; background-repeat:no-repeat; background-position:center; text-indent:-9000px; overflow:hidden; display:block;} #menu-principal-home ul.urs li.area-do-cliente a{ background-image:url(../images/icon-area-do-cliente.png);} #menu-principal-home ul.urs li.facebook a{ background-image:url(../images/icon-facebook.png);} #menu-principal-home ul.urs li.instagram a{ background-image:url(../images/icon-instagram.png);} #menu-principal-home ul.urs li a:hover{ background-color:#999;} #institucional{ background-image:url(../images/bg-institucional.jpg);} #tecnologia{ background-image:url(../images/bg-tecnologia.jpg);} #atuacao{ background-image:url(../images/bg-atuacao.jpg);} #nossas-obras{ background-image:url(../images/bg-portfolio.jpg);} #clientes{ background-image:url(../images/bg-clientes.jpg);} #contatos{ background-image:url(../images/bg-contato.jpg);} #origem{ background-image:url(../images/bg-origem.jpg);} #institucional #painel-institucional{ position:relative; width:460px;} #painel-institucional .panel, #painel-institucional .panel-heading{ border:0; border-radius:0; } #painel-institucional .panel{ font-size:13px; color:#FFF; background:none; border:0;} #painel-institucional .panel-heading{ background:#666666; } #painel-institucional .panel-heading h4{ font-size:24px; color:#FFF;} #painel-institucional .panel-body{ border:0;} #nossas-obras.pagina-secao{ height:590px; } #nossas-obras .coluna-esquerda{ width:722px; margin-right:7px;} #nossas-obras .coluna-direita{ width:410px; margin-top:-83px; } #nossas-obras #criar-painel-obras, #nossas-obras #painel, #nossas-obras #painel img{ width:722px; height:388px; clear:both;} #nossas-obras #painel h2{ position:absolute; bottom:0; width:100%; font-size:16px; text-align:center; background:url(images/bg-titulo-vermelho.png) repeat; color:#FFF;} #nossas-obras .carousel-control{ width:26px; height:26px; top:401px; display:block;} #nossas-obras a.left{ left:10px; background:url(../images/seta-esquerda.png) no-repeat;} #nossas-obras a.right{ right:10px; background:url(../images/seta-direita.png) no-repeat;} #nossas-obras .coluna-direita .panel{ border:0; border-radius:0; padding:0;} #nossas-obras .coluna-direita .panel-heading, #nossas-obras .panel-body{ padding:0; margin:0;} #nossas-obras .coluna-direita h4, #nossas-obras .coluna-direita h4 a{ height:39px;} #nossas-obras .coluna-direita h4{ margin:0; padding:0;} #nossas-obras .coluna-direita h4 a{ background-color:#000; background-repeat:no-repeat; padding:14px 0 0 10px; color:#FFFFFF; display:block;} #nossas-obras .coluna-direita h4.industria a{ background-image:url(../images/industria-branco.png);} #nossas-obras .coluna-direita h4.empreendimentos-imobiliarios a{ background-image:url(../images/empreendimentos-branco.png);} #nossas-obras .coluna-direita h4.transportes a{ background-image:url(../images/transporte-branco.png);} #nossas-obras .coluna-direita h4.lazer a{ background-image:url(../images/lazer-branco.png);} #nossas-obras .coluna-direita h4.comercio a:hover{ background-image:url(../images/comercio.png);} #nossas-obras .coluna-direita h4.industria a:hover{ background-image:url(../images/industria.png);} #nossas-obras .coluna-direita h4.empreendimentos-imobiliarios a:hover{ background-image:url(../images/empreendimentos.png);} #nossas-obras .coluna-direita h4.transportes a:hover{ background-image:url(../images/transporte.png);} #nossas-obras .coluna-direita h4.lazer a:hover{ background-image:url(../images/lazer.png);} #nossas-obras .coluna-direita ul{ margin:15px 20px 15px 20px;} #nossas-obras .coluna-direita ul li{ border-bottom:1px solid #003C64; padding-bottom:4px; padding-right:10px; margin-bottom:4px;} #nossas-obras .coluna-direita ul li.links-foto{ background:url(../images/icon-camera.png) no-repeat right; padding-right:20px;} #nossas-obras .coluna-direita ul li a{ color:#000;} #nossas-obras .panel-body{ background:#F2BC24; max-height:250px; overflow-y:scroll;} #contatos .wpcf7-form input{ height:43px; margin-bottom:7px;} #contatos .wpcf7-form input, #contatos .wpcf7-form select, #contatos .wpcf7-form textarea{ width:473px; background:#E8E8E8; color:#222020; border:0; border-radius:0; padding-left:8px;} #contatos .wpcf7-form textarea { height:130px;} #contatos .wpcf7-form .wpcf7-submit{ width:auto; height:auto; font-size:22px; color:#FFFFFF; text-transform:uppercase; background:#D32026; padding:8px 10px 3px; float:right; display:block;} #rodape{ width:100%; height:188px; background:url(../images/bg-rodape.png) repeat-x; } #rodape .logomarca{ margin-top:20px;} #rodape span.copy{ font-size:12px; margin-top:4px; display:block;} #rodape address{ margin-top:25px; margin-bottom:0 !important;text-align:center;} #rodape ul.umr{ margin-top:-56px;} #rodape ul.umr li{ float:left;} #rodape ul.umr li a{ font-size:14px; padding:0 8px 0;} .box-restrito{ width:300px; border:1px solid #D7D7D7; margin:10px;} .box-restrito .container-box-restrito{ padding:20px;} .box-restrito h2{ padding:10px 10px 6px; border-bottom:1px solid #D7D7D7; color:#7A7575; background:#F3F3F3; margin:0 auto;} .spn-window{z-index:1000001;text-align:center;position:fixed !important;} .spn-window-bottom-left{bottom:60px !important;left:16px !important;} .spn-content{position:relative;} .spn-layer{position:absolute;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-khtml-box-sizing: border-box;text-align: justify;line-height: 1.475;letter-spacing: 0;background-position: center center;} .item-section{ padding-bottom: 0px; } .oncemenu{ z-index: 999999; } .oncemenu .navbar{ transition: none; min-height: 77px; padding: .5rem 0; } .text-center { text-align: -webkit-center !important; } .item-maquinario{ float: left; width: 31.33%; margin-right: 3%; margin-bottom: 30px; line-height:0; } .cid-maquinario{ background-color:#ECB60D;padding-bottom: 12px; } .btn-top{ font-size: 16px; text-transform: uppercase; display: inline-block; padding: 15px 30px; border: 2px solid #fff; border-radius: 50px; margin-left: 50px; vertical-align: middle; font-weight: 500; line-height: 20px; background-color: #f1bc24; margin-top:15px; }