@import url("reset.css"); @import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,300italic,100italic,400italic,700,900,700italic,900italic); body{font: normal 14px "Lato"; color:#767676; margin: 0; background:#fbfbfb;} a:link, a:active, a:visited{text-decoration:none; outline:none; transition:all 0.3s ease;} a:hover{} a img{display:block;} img{display:block;} .clear{clear:both;} ::selection {background:#d41124; color:#fff;} ::-webkit-selection {background:#d41124; color:#fff;} ::-moz-selection {background:#d41124; color:#fff;} /* VALIDAR */ .atencao{background: #620404;position:fixed;bottom:0;width:100%;padding:30px 50px 20px 50px;border-top: solid 3px #560003;display:none;cursor:pointer;z-index:1000000000000;max-height: 120px;} .atencao .h1{font-size:20px;color:#5d3e07;margin:0px 0px 5px 0px;letter-spacing:-1px;color: #ffffff;font-weight:500;margin:0px 0px 5px 0px;} .atencao p{font-size:13px;color: #ff7575;font-weight: 400;} .atencao p span{font-weight: 900;color: #ffffff;} .atencao .imagem{ float:left; margin:-5px 15px 0px 0px; height:100%;} .conteudo{margin:0 auto;max-width:1220px;min-width:1220px;position: relative;} /*.conteudo .centroConteudo{margin:0 auto; width:1050px;position: relative;overflow: hidden;}*/ /* NANO */ .nano {position:relative; width:100%; height:100%; overflow:hidden;} .nano .content {position:absolute; overflow:scroll; overflow-x:hidden; top:0; right:0; bottom:0; left:0;} .nano .content::-webkit-scrollbar {-webkit-appearance: none;} .nano .pane {background:#f1f1f1; position:absolute; width:6px; right:0; top:0; bottom:0;} .nano .pane .slider {background:#9c131f; position:relative; border-radius:5px; } .nano:hover .pane, .pane.active {visibility: visible;} .nano .pane {-webkit-transition:.2s;-moz-transition:.2s; -o-transition:.2s;transition:.2s;opacity:.20;} .nano:hover .pane, .pane.active {opacity : 1;} #menuFlut{ display:none; position:fixed; top:0px; left:0px; right:0px; z-index:6000;} #menuFlut .centro{max-width:1180px; margin:0 auto; min-width:960px; } #menuFlut h1{ padding:0px 0px 6px 0px; background:#ffffff; box-shadow:0px 4px 0px 0px rgba(0,0,0,0.1); float:left;} #menuFlut h1 a:link, #menuFlut h1 a:active, #menuFlut h1 a:visited{ display:block; padding:15px 15px 10px 15px; background:#ffffff;} #menuFlut ul{height:42px; background:#990c10; float:right; padding:0 460px 0 20px; margin:20px -361px 0 0; box-shadow: -2px 3px 0px 0px rgba(122,6,8,1);} #menuFlut ul li{float:left; margin-right:33px;} #menuFlut ul li:last-child{margin-right:0px; background: none;} #menuFlut ul li a:link, #menuFlut ul li a:active, #menuFlut ul li a:visited{display:block; float:left; color:#ffffff; font:400 14px "Lato"; text-transform:uppercase; transition:color 0.3s ease; display:block; padding:13px 0px;} #menuFlut ul li a:hover{color:#ffbabc; text-decoration:underline;} /* HOME */ .home{ background:url(../img/fundoTopo.jpg) top center no-repeat; width:100%; height:725px; overflow:hidden; position:relative;} .estrutura{ max-width:1180px; min-width:960px; margin:0 auto;} a.secao:link, a.secao:active, a.secao:visited{position: absolute; bottom: 0;left: 50%; margin-left: -23px; width: 46px; height: 39px; z-index:999;} a.secao:hover{} .home .menu{ float:left; width:300px;} .home .menu h1{ margin-top:32px;} .home .menu .itensMenu{ padding-left:88px; margin-top:5px;} .home .menu .itensMenu a:link, .home .menu .itensMenu a:active, .home .menu .itensMenu a:visited{ padding-left:12px; border-bottom:solid 1px #d9dbdc; line-height:33px; display:block; color:#ba151a; font-weight:bold;} .home .menu .itensMenu a:hover{ color:#ba151a;} .home .menu .itensMenu a:nth-child(1){width:193px;} .home .menu .itensMenu a:nth-child(2){width:183px;} .home .menu .itensMenu a:nth-child(3){width:170px;} .home .menu .itensMenu a:nth-child(4){width:158px;} .home .menu .itensMenu a:nth-child(5){width:145px; border-bottom:none;} .home .menu .itensMenu a:hover:nth-child(1){width:181px; padding-left:24px;} .home .menu .itensMenu a:hover:nth-child(2){width:171px; padding-left:24px;} .home .menu .itensMenu a:hover:nth-child(3){width:158px; padding-left:24px;} .home .menu .itensMenu a:hover:nth-child(4){width:146px; padding-left:24px;} .home .menu .itensMenu a:hover:nth-child(5){width:133px; border-bottom:none; padding-left:24px;} .home .login{position: relative;} .home .login p{ color:#939598; font-size:15px; padding:20px 0 8px 100px; font-weight:400;} .home .login a:link, .home .login a:active, .home .login a:visited{color:#4a4747;font-size:12px;font-weight:900;padding:0px 23px 0px 14px;line-height:31px;width:115px;display:block;position:relative;} .home .login .easymon:link, .home .login .easymon:active, .home .login .easymon:visited{background:#e6e6e6; border-top-left-radius: 5px; border-top-right-radius: 5px; transition:none;} .home .login .loginEasymon{margin-left: 86px;} .home .login .loginEasymon:hover a{padding: 0px 43px 0px 14px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0; background: #c8373c !important; color: #FFFFFF;} .home .login .loginEasymon:hover a span{color: #FFFFFF;} .home .login .loginEasymon .janelaEasymon{display:none; width: 655px;height: 257px;position: absolute;background: #ffffff;z-index: 999;border: 3px solid #d7d7d7;border-left: 3px solid #d13d43;border-radius: 6px;top: -33px;left: 258px;-webkit-box-shadow: 0px 10px 30px -1px rgba(0,0,0,0.58);-moz-box-shadow: 0px 10px 30px -1px rgba(0,0,0,0.58);box-shadow: 0px 10px 30px -1px rgba(0,0,0,0.58);} .home .login .loginEasymon:hover .janelaEasymon{display:block; } .home .login .loginEasymon .janelaEasymon .esq{padding: 48px 0 0 48px;float: left;width: 240px;} .home .login .loginEasymon .janelaEasymon .esq h3{font-size:25px; line-height:25px; color:#3f4040; margin-bottom:20px;} .home .login .loginEasymon .janelaEasymon .esq h3 span{color:#d72c32; font-weight:900;} .home .login .loginEasymon .janelaEasymon .esq a:link, .home .login .loginEasymon .janelaEasymon .esq a:active, .home .login .loginEasymon .janelaEasymon .esq a:visited{width: 93px;font-size:15px;display: block;background:#e43b41;border-radius: 4px;float: right;color: #ffffff;text-align: center;line-height: 38px;font-weight: 600;padding: 0;margin: 0;} .home .login .loginEasymon .janelaEasymon .esq a:hover{background:#e43b41;} .home .login .loginEasymon .janelaEasymon .dir{padding: 48px 0 0 49px;float: left;width: 251px;} .home .login .loginEasymon .janelaEasymon .dir h3{font-size:25px;line-height:25px;color: #a5a6a8;margin-bottom: 16px;text-transform: uppercase;font-style: italic;} .home .login .loginEasymon .janelaEasymon .dir h3 span{color: #a5a6a8;font-weight:900;} .home .login .loginEasymon .janelaEasymon .dir p{padding: 0;font-size: 14px; line-height: 21px;} .home .login .loginHelpdesk{margin-left: 86px;} .home .login .loginHelpdesk:hover a{padding: 0px 43px 0px 14px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0; background: #c8373c !important; color: #FFFFFF;} .home .login .loginHelpdesk:hover a span{color: #FFFFFF;} .home .login .loginHelpdesk .janelaHelpdesk{display:none; width: 655px;height: 257px;position: absolute;background: #ffffff;z-index: 999;border: 3px solid #d7d7d7;border-left: 3px solid #d13d43;border-radius: 6px;top: -33px;left: 258px;-webkit-box-shadow: 0px 10px 30px -1px rgba(0,0,0,0.58);-moz-box-shadow: 0px 10px 30px -1px rgba(0,0,0,0.58);box-shadow: 0px 10px 30px -1px rgba(0,0,0,0.58);} .home .login .loginHelpdesk:hover .janelaHelpdesk{display:block; } .home .login .loginHelpdesk .janelaHelpdesk .esq{padding: 48px 0 0 48px;float: left;width: 240px;} .home .login .loginHelpdesk .janelaHelpdesk .esq h3{font-size:25px; line-height:25px; color:#3f4040; margin-bottom:20px;} .home .login .loginHelpdesk .janelaHelpdesk .esq h3 span{color:#d72c32; font-weight:900;} .home .login .loginHelpdesk .janelaHelpdesk .esq a:link, .home .login .loginHelpdesk .janelaHelpdesk .esq a:active, .home .login .loginHelpdesk .janelaHelpdesk .esq a:visited{width: 93px;font-size:15px;display: block;background:#e43b41;border-radius: 4px;float: right;color: #ffffff;text-align: center;line-height: 38px;font-weight: 600;padding: 0;margin: 0;} .home .login .loginHelpdesk .janelaHelpdesk .esq a:hover{background:#e43b41;} .home .login .loginHelpdesk .janelaHelpdesk .dir{padding: 48px 0 0 49px;float: left;width: 251px;} .home .login .loginHelpdesk .janelaHelpdesk .dir h3{font-size:25px;line-height:25px;color: #a5a6a8;margin-bottom: 16px;text-transform: uppercase;font-style: italic;} .home .login .loginHelpdesk .janelaHelpdesk .dir h3 span{color: #a5a6a8;font-weight:900;} .home .login .loginHelpdesk .janelaHelpdesk .dir p{padding: 0;font-size: 14px; line-height: 21px;} .home .login form{} .home .login form label{ display:none; } .home .login form input{height:38px;background:#f2f2f2;width: 200px;border:none;margin-bottom:10px;border-radius:6px;color:#3f3f3f;padding:0px 20px;line-height:38px;float:left;clear:left;font-weight:700;} .home .login .helpdesk:link, .home .login .helpdesk:active, .home .login .helpdesk:visited{background:#d1d1d1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position:relative; transition:none;} .home .login a span{ font-size:20px; font-weight:900; color:#c30f15; display:block; float:right; line-height:28px; transition:all 0.5s ease; position:absolute; right:15px; top:0px;} .home .login a:hover{ background:#c8373c !important; color:#FFFFFF;} .home .login a:hover span{ color:#FFFFFF;} .home .slogan{ float:right; width:780px;} .home .slogan .redes{ float:right;} .home .slogan .redes a:link, .home .slogan .redes a:active, .home .slogan .redes a:visited{ display:block; width:20px; height:20px; float:left; margin-right:5px; background:url(../img/redes.png) no-repeat; margin-top:6px; transition:none; } .home .slogan .redes a.facebook{ background-position:1px 0px; } .home .slogan .redes a.twitter{ background-position:-23px 0px; } .home .slogan .redes a.linkedin{ background-position:-50px 0px; } .home .slogan .redes a.youtube{ background-position:-77px 0px; } .home .slogan .redes a.facebook:hover{ background-position:1px -21px; } .home .slogan .redes a.twitter:hover{ background-position:-23px -21px; } .home .slogan .redes a.linkedin:hover{ background-position:-50px -21px; } .home .slogan .redes a.youtube:hover{ background-position:-77px -21px; } .home .slogan .slog{ clear:both; width:100%; padding-top:53px;} .home .slogan .slog h2{ font-size:42px; font-style:italic; font-weight:300; color:#FFFFFF; text-shadow: 0px 5px 4px rgba(43, 6, 6, 0.5); line-height:58px; float:right;} .home .slogan .slog h2 span{ font-weight:900; color:#e94545;} .home .slogan .slog h2 em{ font-size:62px; font-style:italic; padding-left:105px;} .home .slogan .slog h2 em span{ color:#ffffff;} .home .slogan .slog p{ font-size:17px; font-weight:400; color:#ffffff; width:85%; float:right; text-align:right; clear:both; text-transform:uppercase; letter-spacing:0.030em; padding-top:25px; line-height:24px;} .home .slogan .slog p span{ color:#ffa3a3;} .home .slogan .servicos{ float:right; padding-top:38px; overflow:hidden; clear:both; width:750px;} .home .slogan .servicos .texto{ float:left; width:180px;} .home .slogan .servicos .texto p{ color:#ffffff; text-align:right; padding-bottom:22px; line-height:20px; font-size:14px; padding-left:10px;} .home .slogan .servicos .texto h3{ text-shadow: 0px 5px 4px rgba(43, 6, 6, 0.5); color:#ffffff; font-size:14px; text-transform:uppercase; line-height:20px; text-align:right; font-weight:700;} .home .slogan .servicos .texto h3 span{ color:#ff7575;} .home .slogan .servicos ul{ width:565px; float:right;} .home .slogan .servicos ul li{ width:145px; margin-left:30px; float:left; text-align:center; height:130px; margin-bottom:5px;} .home .slogan .servicos ul li.seta{ margin-left:0px; background: url(../img/iconSetaEsquerda.gif) 16px 30px no-repeat; width:38px; position:relative;} .home .slogan .servicos ul li a:link, .home .slogan .servicos ul li a:active, .home .slogan .servicos ul li a:visited{ display:block; text-align:center; color:#ffffff; text-transform:uppercase; font-weight:700; font-style:italic; font-size:15px;} .home .slogan .servicos ul li a:hover{} .home .slogan .servicos ul li a img{ margin:0 auto 5px auto;} .sobre{background: url(../img/fundoQuemSomos.png) center center no-repeat;width:100%;height:720px;overflow:hidden;position:relative; z-index:99;} .sobre .estrutura{ max-width:1265px; min-width:960px;} .sobre .sobrenos{ float:left; width:582px; background:url(../img/logoQuemSomos.png) 0 107px no-repeat; padding-left:48px; min-height:550px; margin-top:30px;} .sobre .sobrenos h2{ font-size:34px; color:#3d3c3c; font-weight:900; font-style:italic; padding-bottom:30px;} .sobre .sobrenos p{ line-height:25px; text-align:justify; height:330px; } .sobre .sobrenos h3{ padding-left:135px; color:#b8595c; font-size:18px; font-weight:700; font-style:italic; line-height:25px; padding-right:10px; margin-bottom:35px;} .sobre .sobrenos h4{ text-transform:uppercase; color:#3d3c3c; line-height:45px; font-weight:900; font-size:15px;} .sobre .sobrenos h4 span{ background:url(../img/quemsomosInterrogacao.gif) no-repeat; width:20px; height:24px; display:inline-block; margin:0px 22px;} .sobre .sobrenos h4 a:link, .sobre .sobrenos h4 a:active, .sobre .sobrenos h4 a:visited{ background:#ffffff; border-radius:5px; line-height:45px; padding:0px 25px; display:inline-block; font-weight:700; color:#d7141b; letter-spacing:0.030em; transition:all 0.5s ease;} .sobre .sobrenos h4 a:hover{ background:#c8373c; color:#FFFFFF; border-radius:30px;} .sobre .escolhaCerta{ width:440px; float:right; margin-top:30px;} .sobre .escolhaCerta h4{ background:url(../img/globoVermelhoCinza.png) 340px 0px no-repeat; font-size:24px; font-weight:900; color:#3d3c3c; font-style:italic; text-transform:uppercase; line-height:26px; padding:5px 0px 5px 0px;} .sobre .escolhaCerta h4 span{ font-weight:400; display:block; padding-left:80px;} .sobre .escolhaCerta .estruturaExperiencia{ width:405px; border-radius:7px; background:#ab0f14; margin-top:25px; padding-right:35px; margin-bottom:30px;} .sobre .escolhaCerta .estruturaExperiencia .experiencia{ background:#ffffff; border-radius:7px; border-right:solid 5px #920d11; padding:30px; overflow:hidden;} .sobre .escolhaCerta .estruturaExperiencia .experiencia h6{ width:115px; float:left; margin-right:30px; text-align:center; font-size:18px; line-height:21px; color:#ab0f14; font-weight:700; font-style:italic; letter-spacing:0.030em;} .sobre .escolhaCerta .estruturaExperiencia .experiencia h6 span{ background:#ab0f14; width:52px; height:41px; display:inline-block; margin-top:8px; text-align:center; color:#ffffff; line-height:12px; border-radius:40px; padding-top:11px;} .sobre .escolhaCerta .estruturaExperiencia .experiencia h6 span em{ font-size:14px; line-height:14px;} .sobre .escolhaCerta .estruturaExperiencia .experiencia p{ width:190px; text-align:justify; line-height:20px; float:left;} .sobre .escolhaCerta .estruturaEquipe{ width:405px; border-radius:7px; background:#ab0f14; margin-top:25px; padding-right:35px; margin-bottom:70px;} .sobre .escolhaCerta .estruturaEquipe .equipe:link, .sobre .escolhaCerta .estruturaEquipe .equipe:active, .sobre .escolhaCerta .estruturaEquipe .equipe:visited{ color:#3d3c3c; background:#ffffff; border-radius:5px; border-right:solid 5px #920d11; line-height:45px; display:block; overflow:hidden; text-align:center; font-size:15px; font-weight:700;} .sobre .escolhaCerta .estruturaEquipe .equipe span{ color:#d7141b;} .sobre .escolhaCerta .estruturaEquipe .equipe:hover{ background:#2a2a2a; color:#FFFFFF;} .sobre .escolhaCerta .estruturaEquipe .equipe:hover span{ color:#FFFFFF;} .sobre .escolhaCerta h5{font-size:24px; color:#3d3c3c; font-style:italic; text-transform:uppercase; line-height:26px; margin-bottom:30px;} .sobre .escolhaCerta h5 span{ font-weight:900;} .sobre .escolhaCerta .parceiros{} .sobre .escolhaCerta .parceiros .setas{ position:relative;} .sobre .escolhaCerta .parceiros .setas .linha{ position:absolute; width:2px; height:60px; background:#f0f0f0; left:217px; top:22px; display:block; z-index:11;} .sobre .escolhaCerta .parceiros .setas a{ position:absolute; background:#787879; width:50px; height:100px; z-index:10; display:block; transition:all 0.3s ease; cursor:pointer;} .sobre .escolhaCerta .parceiros .setas a span{ font-size:24px; color:#ffffff; line-height:95px; text-align:center;} .sobre .escolhaCerta .parceiros .setas a:hover{ background:#780303;} .sobre .escolhaCerta .parceiros .setas .parceiros-prev{border-top-left-radius: 7px; border-bottom-left-radius: 7px; left:0px; top:0px;} .sobre .escolhaCerta .parceiros .setas .parceiros-prev span{ padding-left:15px;} .sobre .escolhaCerta .parceiros .setas .parceiros-next{border-top-right-radius: 7px; border-bottom-right-radius: 7px; right:0px; top:0px;} .sobre .escolhaCerta .parceiros .setas .parceiros-next span{ padding-left:25px;} .sobre .escolhaCerta .parceiros ul{ background:#ffffff; height:100px; margin-left:40px; border-radius:7px; padding:0px; overflow:hidden; width:360px; position:relative; z-index:10;} .sobre .escolhaCerta .parceiros ul li{ margin:0px 10px;} .solucoes{ background:url(../img/fundoServicos.jpg) top center repeat-y; background-attachment:scroll; min-height:1000px; overflow:hidden; margin-top:-135px; padding-top:165px; position:relative;} .solucoes .estruturaInterna{ max-width:1105px; min-width:960px;} .solucoes h2{ font-size:34px; color:#000000; font-weight:900; font-style:italic;} .solucoes .itemSolucao{ margin-top:30px; margin-bottom:10px; padding-left:2%; float:left; width:98%;} .solucoes .itemSolucao h3{ color:#c0252a; font-weight:900; font-style:italic; text-transform:uppercase; font-size:19px; position:relative; margin-bottom:4px;} .solucoes .itemSolucao h3 span{ width:45px; height:45px; left:-65px; top:0px; position:absolute;} .solucoes .itemSolucao:nth-of-type(even) h3{ color:#700004;} .solucoes .itemSolucao ul{ overflow:hidden; /*float:left; width:960px;*/ width: 100%;} .solucoes .itemSolucao ul li{ background:url(../img/iconSolucoesCheck1.gif) no-repeat left center; width:440px; float:left; padding-left:25px; font-size:15px; font-weight:700; font-style:italic; margin-top:6px;} .solucoes .itemSolucao:nth-of-type(even) ul li{background:url(../img/iconSolucoesCheck2.gif) no-repeat left center;} .solucoes .itemSolucao .linha{ height:1px; border-top:solid 2px #f3f3f3; border-bottom:solid 1px #d1d1d1; float:left; margin-top:16px; width:100%;} /* .solucoes .itemSolucao .verDetalhes:link, .solucoes .itemSolucao .verDetalhes:active, .solucoes .itemSolucao .verDetalhes:visited{ float:right; font-size:15px; color:#b61b20; font-weight:700; display:block; position:relative; margin-right:40px; padding:17px 60px 0px 0px;} .solucoes .itemSolucao .verDetalhes span{height: 38px;width:40px; border-radius: 50px;display:block;position:absolute;bottom:-33px;right:0px;border-bottom:solid 2px #960000;background: url(../img/iconSolucoesMais.gif) 13px 13px no-repeat #c0252a;transition:all 0.2s ease;top: 5px;} .solucoes .itemSolucao .verDetalhes:hover span{background: url(../img/iconSolucoesMais.gif) 13px 13px no-repeat #560003; border-radius: 50px;} .solucoes .itemSolucao .verDetalhes strong{visibility:hidden;} .solucoes .itemSolucao .verDetalhes:hover strong{visibility:visible;} .solucoes .itemSolucao:nth-of-type(even) .verDetalhes span{height: 40px;width:40px; border-radius: 40px;display:block;position:absolute;bottom:-33px;right:0px;border-bottom:solid 2px #960000;background: url(../img/iconSolucoesMais.gif) 13px 13px no-repeat #560003;transition:all 0.2s ease;} .solucoes .itemSolucao:nth-of-type(even) .verDetalhes:hover span{background: url(../img/iconSolucoesMais.gif) 13px 13px no-repeat #b61b20; border-radius: 40px;} .solucoes .itemSolucao.ativo .verDetalhes:link, .solucoes .itemSolucao.ativo .verDetalhes:active, .solucoes .itemSolucao.ativo .verDetalhes:visited{ float:right; font-size:15px; color:#666666; font-weight:700; display:block; position:relative; margin-right:40px; padding:17px 60px 0px 0px;} .solucoes .itemSolucao.ativo .verDetalhes span{height: 40px;width:40px; display:block;position:absolute;bottom:-33px;right:0px;border-bottom:solid 2px #b9b9b9;background: url(../img/iconSolucoesMenos.gif) 13px 13px no-repeat #e3e3e3;transition:all 0.2s ease;} .solucoes .itemSolucao.ativo .verDetalhes:hover span{background: url(../img/iconSolucoesMenos.gif) 13px 13px no-repeat #dadada; border-radius: 40px;} */ .solucoes .itemSolucao .verDetalhes:link, .solucoes .itemSolucao .verDetalhes:active, .solucoes .itemSolucao .verDetalhes:visited{ float:right; clear:both; font-size:14px; color:#b61b20; font-weight:700; display:block; padding:20px 0px 0px 24px; margin-right:292px;} .solucoes .itemSolucao:nth-of-type(even) .verDetalhes strong{ color:#700004; } .solucoes .itemSolucao .textoNano{ display:none;} .solucoes .itemSolucao.ativo .textoNano{ display:block; background:#f4f4f4; padding:20px 40px; line-height:23px; clear:both;} .solucoes .itemSolucao.ativo .textoNano .nano{ height:200px; width:100%;} .solucoes .itemSolucao.ativo .textoNano p span.titulo{color: #cf1123; display: block; font-size: 16px; font-weight: 600; margin: 0 0 18px;} .solucoes .itemSolucao.ativo .textoNano p{} .solucoes .itemSolucao.ativo .textoNano p strong{font-weight:600;} .solucoes .itemSolucao.ativo .textoNano p em strong{font-weight:600;} .solucoes .itemSolucao.ativo .textoNano p em{font-style:italic;} .solucoes .itemSolucao.ativo .textoNano p span.textoVermelho{color:#B00002;} .solucoes .itemSolucao.ativo .textoNano ul li{width: inherit;background: none;padding-left: inherit;list-style: inherit;list-style-type: inherit;list-style-image: inherit;list-style-position: inside;} .solucoes .clearLinha{ height:80px; width:100%; float:left;} .contato{ background:url(../img/fundoContato.png) top center no-repeat; width:100%; min-height:1080px; position:relative; margin-top:-75px; padding-top:160px; position:relative;} .contato #mapa{ width:100%; height:650px; margin-top:-30px;} .contato .sombraMapa{ background:url(../img/sombraMapa.png) repeat-x; height:30px; width:100%; position:relative; z-index:8;} .contato .carreira{ overflow:hidden;} .contato .carreira .texto{ float:left; width:370px;} .contato .carreira .texto h2{ font-size:34px; color:#fb5e63; font-weight:900; font-style:italic; margin-bottom:30px;} .contato .carreira .texto p{ color:#ffffff; padding-bottom:20px; border-bottom:solid 2px #767777; line-height:22px; text-align:justify;} .contato .carreira .texto a:link, .contato .carreira .texto a:active, .contato .carreira .texto a:visited{ color:#f4595e; text-decoration:underline;} .contato .carreira .texto a:hover{ color:#ff9ca0;} .contato .carreira .form{ width:720px; float:right; margin-top:75px;} .contato .carreira .vagasDisponiveis{ clear:both; width:100%;} .contato .carreira .form label{ display:none; } .contato .carreira .form input{ height:38px; width:275px; border:none; margin-bottom:14px; border-radius:6px; color:#3f3f3f; padding:0px 20px; line-height:38px; float:left; clear:left; font-weight:700;} .contato .carreira .form input.telefone{ width:150px;} .contato .carreira .form textarea{ float:right; width:295px; height:110px; border:none; color:#3f3f3f; padding:15px; border-radius:4px; resize:none;} .contato .carreira .form a:link, .contato .carreira .form a:active, .contato .carreira .form a:visited{ float:right; background:#e43b41; display:block; width:180px; height:40px; text-align:center; line-height:40px; color:#FFFFFF; border-radius:4px; margin:-2px 144px 0px 0px;} .contato .carreira .form a:hover{ background:#ec2227;} .contato .carreira .form li.sucesso{padding: 0px 0;color: #fb5e63;font-family: 'Lato', serif;text-align: center;font-size: 27px;font-style: italic;} .contato .carreira .form li.sucesso p{font-size: 30px;color: #fb5e63;font-weight: 900;font-style: italic;margin-bottom: 10px;text-transform: uppercase;} .contato .carreira .form li.sucesso em{color: #ffffff;text-transform: uppercase; font-weight: 600; font-style: italic;} .contato .carreira .form li.sucesso img{margin:0 auto 10px auto;} /* INPUT FILE */ .contato .carreira span.mask-input-file{ float:left; border:none; background:#fff; padding:0px 0px 0px 20px; clear:left; color:#3f3f3f; width:296px; font-weight:700; border-radius:6px; height:38px; line-height:38px; position:relative; overflow:hidden; text-transform:uppercase; } .contato .carreira span.mask-input-file label{display:none;} .contato .carreira span.mask-input-file input{ opacity:0; filter:Alpha(Opacity=0); position:absolute; left:0; top:0; width:295px; border:none; cursor:pointer;} .contato .carreira span.mask-input-file .bt{float:right; background:#2b2b2b; border-radius:4px; padding:0px 14px; height:34px; line-height:34px; margin:2px; color:#FFF; font-size:13px;} .contato .carreira span.mask-input-file:hover a.bt{ background:#101010; } .contato .carreira span.mask-input-file em{ width:100px; height:38px; line-height:38px; float:left;} .contato .carreira .vagasDisponiveis{ width:97%; margin-top:55px; float:left; position:relative; overflow:hidden; height:280px; padding-left:3%;} .contato .carreira .vagasDisponiveis h3{ transform: rotate(270deg); transform-origin: left top 0; position:absolute; font-size:50px; font-weight:300; color:#a4a4a4; top:155px; left:-12px;} .contato .carreira .vagasDisponiveis .itemVaga:link, .contato .carreira .vagasDisponiveis .itemVaga:active, .contato .carreira .vagasDisponiveis .itemVaga:visited{ margin-left:56px; display:block; float:left; width:230px; height:180px;} .contato .carreira .vagasDisponiveis .itemVaga:hover{} .contato .carreira .vagasDisponiveis .itemVaga.disponivel:link, .contato .carreira .vagasDisponiveis .itemVaga.disponivel:active, .contato .carreira .vagasDisponiveis .itemVaga.disponivel:visited{ background:#a22b2e; border-radius:8px;} .contato .carreira .vagasDisponiveis .itemVaga.disponivel:hover{ background:#ec2227; } .contato .carreira .vagasDisponiveis .itemVaga.disponivel .vaga{ background:#ffffff; display:block; border-radius:8px; font-size:23px; text-align:center; height:133px; border-bottom:solid 5px #8a2527;} .contato .carreira .vagasDisponiveis .itemVaga.disponivel .vaga h4{ font-size:23px; color:#3f4040; font-weight:700; line-height:28px; padding-top:28px; text-transform: uppercase;} .contato .carreira .vagasDisponiveis .itemVaga.disponivel .vaga .linha{ width:70px; height:2px; background:#e1e1e1; margin:18px auto 0 auto; display:block;} .contato .carreira .vagasDisponiveis .itemVaga.disponivel .candidatarse{ text-align:center; font-size:14px; color:#ffffff; line-height:36px; display:block;} .contato .carreira .vagasDisponiveis .itemVaga.disponivel .candidatarse em{ font-size:20px;} .contato .carreira .vagasDisponiveis .itemVaga.naoDisponivel:link, .contato .carreira .vagasDisponiveis .itemVaga.naoDisponivel:active, .contato .carreira .vagasDisponiveis .itemVaga.naoDisponivel:visited{ border:solid 2px #a4a4a4; width:226px; height:176px; border-radius:8px; text-align:center; color:#737474; text-transform:uppercase; font-size:18px; line-height:25px; font-weight:400; cursor:default; } .contato .carreira .vagasDisponiveis .itemVaga.naoDisponivel h4{ padding-top:51px;} .contato .entreemcontato{ padding-top:65px; position:relative;} .contato .entreemcontato h2.titulo{ font-size:34px; color:#3d3c3c; font-weight:900; font-style:italic; padding-bottom:45px;} .contato .entreemcontato .separador{ float:left; background:url(../img/iconContatoLinhaDivisao.gif) no-repeat; width:40px; height:140px;} .contato .entreemcontato .endereco{ float:left; width:250px; background:url(../img/contatoIconGlobo.gif) no-repeat left top; padding-left:50px;} .contato .entreemcontato .telefones{ float:left; width:335px; background:url(../img/contatoIconTelefone.gif) no-repeat left top; padding-left:50px;} .contato .entreemcontato .informacoes{ float:left; width:340px; background:url(../img/contatoIconPin.gif) no-repeat left top; padding-left:50px;} .contato .entreemcontato .linhaDivisoria{ border-bottom:solid 1px #e6e6e6; margin:30px 0px 200px 0px; width:100%; height:1px; float:left;} .contato .entreemcontato .mensagem{ width:584px; background:url(../img/fundoBoxContato.png) no-repeat top center; height:275px; position:absolute; z-index:10; top:360px; left:-15px;} .contato .entreemcontato .comochegar{ width:584px; background:url(../img/fundoBoxContato.png) no-repeat top center; height:275px; position:absolute; z-index:10; top:360px; right:-15px;} .rodape{ height:33px; background:#ca2e38;} .rodape p{ float:left; color:#f7f7f7; font-size:11px; line-height:33px;} .rodape a:link, .rodape a:active, .rodape a:visited{ float:right; color:#f7f7f7; font-size:11px; line-height:33px;} .rodape a:hover{ color:#ffffff; } .rodape a span{ font-weight:bold;} .contato .entreemcontato .endereco h4{ color:#d0292e; font-size:18px; font-weight:700; text-transform:uppercase;} .contato .entreemcontato .endereco address{ font-size:14px; line-height:24px; padding-top:8px;} .contato .entreemcontato .telefones h4{ color:#a90e13; font-size:18px; font-weight:700; margin-bottom:4px; text-transform:uppercase;} .contato .entreemcontato .telefones p{ float:left; font-size:17px; font-weight:900; color:#404141; width:160px; margin-top:10px;} .contato .entreemcontato .telefones p span{ font-size:14px; color:#939598; font-weight:300; display:block;} .contato .entreemcontato .telefones p:nth-child(4n), .contato .entreemcontato .telefones p:nth-child(5n){ color:#df4952;} .contato .entreemcontato .informacoes h4{ color:#d0292e; font-size:18px; font-weight:700; margin-bottom:4px; text-transform:uppercase;} .contato .entreemcontato .informacoes a:link, .contato .entreemcontato .informacoes a:active, .contato .entreemcontato .informacoes a:visited{ font-size:14px; color:#767676; font-weight:400; display:block; line-height:20px;} .contato .entreemcontato .informacoes a:hover{ color:#a90e13;} .contato .entreemcontato .informacoes h5{ color:#404141; font-size:13px; font-weight:700; margin-top:18px; text-transform:uppercase; margin-bottom:2px;} .contato .entreemcontato .informacoes p{ font-size:14px; color:#767676; font-weight:400; display:block;} .contato .entreemcontato .maisinformacoes{ float:left;} .contato .entreemcontato .redes{ float:right;} .contato .entreemcontato .redes a:link, .contato .entreemcontato .redes a:active, .contato .entreemcontato .redes a:visited{ color:#939598; padding-left:30px; font-weight:700; font-style:italic; line-height:20px; background:url(../img/iconContatoRedesSociais.gif) no-repeat left top; display:block; height:24px; margin-bottom:8px; transition:color 0.5s ease;} .contato .entreemcontato .redes a:hover{ color:#d7151b;} .contato .entreemcontato .redes a.facebook{ background:url(../img/iconContatoRedesSociais.gif) 0 0 no-repeat;} .contato .entreemcontato .redes a.facebook:hover{ background:url(../img/iconContatoRedesSociais.gif) 0 -31px no-repeat;} .contato .entreemcontato .redes a.twitter{ background:url(../img/iconContatoRedesSociais.gif) 0 -62px no-repeat;} .contato .entreemcontato .redes a.twitter:hover{ background:url(../img/iconContatoRedesSociais.gif) 0 -92px no-repeat;} .contato .entreemcontato .redes a.linkedin{ background:url(../img/iconContatoRedesSociais.gif) 0 -123px no-repeat;} .contato .entreemcontato .redes a.linkedin:hover{ background:url(../img/iconContatoRedesSociais.gif) 0 -154px no-repeat;} .contato .entreemcontato .redes a.youtube{ background:url(../img/iconContatoRedesSociais.gif) 0 -184px no-repeat;} .contato .entreemcontato .redes a.youtube:hover{ background:url(../img/iconContatoRedesSociais.gif) 0 -215px no-repeat;} .contato .entreemcontato .mensagem h2{ color:#d0292e; font-size:18px; font-weight:900; margin-bottom:20px;} .contato .entreemcontato .mensagem .form{ background:url(../img/contatoIconEmail.gif) no-repeat left top; padding-left:50px; margin-left:15px;} .contato .entreemcontato .mensagem li.sucesso{padding: 32px 0;color: #fb5e63;font-family: 'Lato', serif;text-align: center;font-size: 27px;font-style: italic;} .contato .entreemcontato .mensagem li.sucesso p{font-size: 26px;color: #fb5e63;font-weight: 900;font-style: italic;margin-bottom: 0px;text-transform: uppercase; line-height:27px;} .contato .entreemcontato .mensagem li.sucesso em{color: #fb5e63;text-transform: uppercase; font-weight: 600; font-style: italic;} .contato .entreemcontato .mensagem li.sucesso img{margin:0 auto 10px auto;} .contato .mensagem .form label{ display:none; } .contato .mensagem .form input{ height:38px; background:#f2f2f2; width:180px; border:none; margin-bottom:10px; border-radius:6px; color:#3f3f3f; padding:0px 20px; line-height:38px; float:left; clear:left; font-weight:700;} .contato .mensagem .form input.telefone{ width:140px;} .contato .mensagem .form textarea{ float:right; background:#f2f2f2; width:190px; height:85px; border:none; color:#3f3f3f; padding:15px; border-radius:4px; margin:0px 49px 10px 0px; resize:none;} .contato .mensagem .form a:link, .contato .mensagem .form a:active, .contato .mensagem .form a:visited{ float:right; background:#e43b41; display:block; width:36px; height:53px; text-align:center; line-height:46px; color:#FFFFFF; border-radius:4px; font-size:29px; margin:-17px 50px 0 0;} .contato .mensagem .form a:hover{ background:#ec2227;} .contato .mensagem .form .mascara{width:172px; height:54px; overflow:hidden; position:relative; margin-left:30px; float:left; margin-top:-13px;} .contato .mensagem .form .mascara .posicaoMascara{ position:absolute; top:-11px; left:-1px;} .contato .entreemcontato .comochegar h2{ color:#d0292e; font-size:18px; font-weight:900; margin-bottom:10px;} .contato .entreemcontato .comochegar p{color:#767676;padding-right:50px;margin-bottom: 25px;} .contato .entreemcontato .comochegar .form{background:url(../img/contatoIconPin.gif) no-repeat left top;padding-left: 50px;margin-bottom:20px;margin-left: 15px;} .contato .entreemcontato .comochegar .form form{border-bottom:1px solid #dbdcdc;width: 457px;padding-bottom: 33px;} .contato .entreemcontato .comochegar .form label{display: none;} .contato .entreemcontato .comochegar .form input{height:38px;background:#f2f2f2;width: 265px;border:none;margin-bottom: 11px;border-radius:6px;color:#3f3f3f;padding:0px 20px;line-height:38px;float:left;/* clear:left; */font-weight:700;} .contato .entreemcontato .comochegar .form input.numero{float: left;margin-left: 11px;width: 59px;} .contato .entreemcontato .comochegar .form a:link, .contato .entreemcontato .comochegar .form a:active, .contato .entreemcontato .comochegar .form a:visited{float: left; background: #333333; display: block; width: 141px; height: 40px; text-align: center; line-height: 40px; color: #FFFFFF; border-radius: 4px; margin: -1px 0 0px 11px;} .contato .entreemcontato .comochegar .form a:hover{background: #42464d;} /* 1024 */ ._1024 .home .menu{width: 240px;} ._1024 .home .menu h1 img{width: 253px; margin-left: 15px;} ._1024 .home .menu .itensMenu{padding-left: 20px; margin-top: 20px;} ._1024 .home .login p{padding:20px 0 8px 20px;} ._1024 .home .login .loginEasymon{margin-left: 20px;} ._1024 .home .login .loginHelpdesk{margin-left: 20px;} ._1024 .home .slogan{width: 720px; padding-right:20px;} ._1024 .home .slogan .servicos .texto{margin-left:0px;} ._1024 .sobre .estrutura{ padding-top:20px;} ._1024 .sobre .sobrenos{width: 480px; background-position: 0 50px;} ._1024 .sobre .sobrenos p{line-height:18px; height:243px; padding-bottom:20px; } ._1024 .sobre .sobrenos h3{margin-bottom: 9px; font-size:17px; line-height:24px;} ._1024 .sobre .sobrenos h4{ font-size:14px; margin-top:38px;} ._1024 .sobre .sobrenos h4 span{ margin:0px 20px;} ._1024 .sobre .escolhaCerta{ width:315px; float:left; margin-left:110px;} ._1024 .sobre .escolhaCerta .estruturaExperiencia{ width:315px;} ._1024 .sobre .escolhaCerta .estruturaEquipe{ width:315px;} ._1024 .sobre .escolhaCerta h4{ background:none;} ._1024 .sobre .escolhaCerta h4 span{ padding-left:60px;} ._1024 .sobre .escolhaCerta .estruturaExperiencia{ padding-right:0px;} ._1024 .sobre .escolhaCerta .estruturaExperiencia .experiencia h6{ width:100%; padding-right:0px; text-align:left; padding-bottom:5px;} ._1024 .sobre .escolhaCerta .estruturaExperiencia .experiencia h6 span{ display:none;} ._1024 .sobre .escolhaCerta .estruturaExperiencia .experiencia p{ width:255px; } ._1024 .sobre .escolhaCerta .estruturaEquipe .equipe:link, ._1024 .sobre .escolhaCerta .estruturaEquipe .equipe:active, ._1024 .sobre .escolhaCerta .estruturaEquipe .equipe:visited{ font-size:13px; } ._1024 .sobre .escolhaCerta .parceiros .setas .linha{ display:none;} ._1024 .sobre .escolhaCerta .estruturaEquipe{ margin-bottom:30px; padding-right:0px;} ._1024 .sobre .escolhaCerta h5{ font-size:20px;} ._1024 .sobre .escolhaCerta .parceiros .setas a{ width:40px;} ._1024 .sobre .escolhaCerta .parceiros .setas .parceiros-prev span{ padding-left:15px;} ._1024 .sobre .escolhaCerta .parceiros ul{ width:235px; margin-left:40px;} ._1024 .sobre .escolhaCerta .parceiros .setas .parceiros-next span{ padding-left:15px;} ._1024 .solucoes{padding:0 50px; background-position: center center;margin-top: 0;} ._1024 .slick-initialized .slick-slide img{ margin:0 auto;} ._1024 .contato .entreemcontato{ overflow:hidden; } /*SOLUCOES */ ._1024 .solucoes{ background:#fbfbfb;} ._1024 .solucoes .itemSolucao .verDetalhes strong{ display:none;} ._1024 .solucoes .itemSolucao .verDetalhes span{ bottom:-53px;} ._1024 .solucoes .itemSolucao h3 span{ left:-59px;} /*CARREIRA*/ ._1024 .contato .carreira .form{ width:620px; margin-right:30px;} ._1024 .contato .carreira .form input{ width:235px;} ._1024 .contato .carreira .form input.telefone{ width:130px;} ._1024 .contato .carreira span.mask-input-file{ width:256px;} ._1024 .contato .carreira .texto{ width:280px; margin-left:30px;} ._1024 .contato .carreira .texto p{ line-height:19px; font-size:13px;} ._1024 .contato .carreira .vagasDisponiveis h3{ left:14px; font-size:45px;} ._1024 .contato .carreira .vagasDisponiveis{ padding-left:6%;} ._1024 .contato .carreira .vagasDisponiveis .itemVaga:link, ._1024 .contato .carreira .vagasDisponiveis .itemVaga:active, ._1024 .contato .carreira .vagasDisponiveis .itemVaga:visited{ width:196px; margin-left:28px;} ._1024 .contato .carreira .vagasDisponiveis .itemVaga.naoDisponivel:link, ._1024 .contato .carreira .vagasDisponiveis .itemVaga.naoDisponivel:active, ._1024 .contato .carreira .vagasDisponiveis .itemVaga.naoDisponivel:visited{ width:196px;} /*CONTATO*/ ._1024 .contato .entreemcontato h2.titulo{ margin-left:30px;} ._1024 .contato .entreemcontato .endereco{ background:none; padding-left:30px; width:225px;} ._1024 .contato .entreemcontato .telefones{ background:none; padding-left:30px; width:320px;} ._1024 .contato .entreemcontato .informacoes{ background:none; padding-left:30px; width:320px;} ._1024 .contato .entreemcontato .separador{ display:none;} ._1024 .contato .entreemcontato .mensagem{ background:none; } ._1024 .contato .entreemcontato .mensagem .form{ background:none; padding-left:0px; margin-left:45px;} ._1024 .contato .entreemcontato .comochegar{ width:434px; background:none;} ._1024 .contato .entreemcontato .comochegar .form{ background:none; margin-left:0px; padding-left:0px;} ._1024 .contato .entreemcontato .linhaDivisoria{ margin:30px 0px 320px;} ._1024 .contato .entreemcontato .comochegar .form input{ width:195px; } ._1024 .contato .entreemcontato .comochegar .form form{ width:395px; } ._1024 .contato .entreemcontato .comochegar .form input.numero{ width:57px;} ._1024 .home .login .loginEasymon .janelaEasymon{ left:192px;} ._1024 .home .login .loginHelpdesk .janelaHelpdesk{ left:192px;}