@import url("reset.css");
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Open+Sans:300,400,600,700,800');

body{font:normal 14px 'Droid Sans'; color:#7d8184;}
	*{ outline:none;}
	a:link, a:active, a:visited{ text-decoration:none; outline:none; color:#7d7d7d; }
		a:hover{ color:#e41e2c;}
		a img, img{display:block;}

	::selection {background:#2c3a40; color:#ccf0ff;} 
	::-webkit-selection {background:#2c3a40; color:#ccf0ff;}
	::-moz-selection {background:#2c3a40; color:#ccf0ff;}
	
	.clear{clear:both;}
	
	/* ESTILO DO ERRO NO CAMPO jquery.validar.js*/

	form .validar-erro{ border-color:#ed762e !important; }
	.atencao .centroAtencao{ width:1280px; margin:0 auto;}
	.atencao{ background:#da5a1d; position:fixed; bottom:0; width:100%; padding:20px 40px 10px 40px; border-top:solid 3px #e17b4a; display:none; cursor:pointer; z-index:1000000000000;  }
		.atencao .h1{ font-size:16px; margin:0px 0px 5px 0px; letter-spacing:-0.050em; color:#ffffff; font-weight:normal; margin:0px 0px 5px 0px; text-transform:uppercase;}
		.atencao p{  font-size:12px ; color:#ffe5d9; text-transform: lowercase; }
			.atencao p span{ font-weight:bold; color:#ffffff;}
		.atencao #msgerro{ max-height:55px; 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:#030303; 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;}	  
	
	
	/* TOPO */
	.centro{ max-width:1180px; min-width:320px; margin:0 auto;} 
	.estruturaTopo{ background:#fbfbfb; height:105px; }
	
	.estruturaTopo .logo{ float:left; margin-top:17px; margin-right:9%; width: 200px; height: 68px; overflow: hidden;}
		.estruturaTopo .menuTopo{ float:left; height:100%; width:47%;}
			.estruturaTopo .menuTopo > li{ float:left; width:24.8%; position:relative; }
			.estruturaTopo .menuTopo > li > a:link,
			.estruturaTopo .menuTopo > li > a:active,
			.estruturaTopo .menuTopo > li > a:visited{ height:105px; width:100%; text-align:center; padding:45px 0px 0px 0px; display:block; font-size:13px; color:#7d8184; box-sizing:border-box; transition:all 0.5s ease;}
				.estruturaTopo .menuTopo > li > a span{ background:url(../img/iconSeta.png) no-repeat; width:10px; height:6px; display:block; margin:7px auto 0 auto; text-align:center; transition:all 0.5s ease;}
		.estruturaTopo .menuTopo > li.divisor{ height:60px; width:1px; background:#e8e8e9; display:block; margin-top:45px; float:left;}
			
	.estruturaTopo .menuIcones{ float:right;}
		.estruturaTopo .menuIcones > li{ float:left; position:relative; }
		.estruturaTopo .menuIcones > li > a:link,
		.estruturaTopo .menuIcones > li > a:active,
		.estruturaTopo .menuIcones > li > a:visited{ background:url(../img/iconMenu.png) no-repeat; width:23px; margin:0px 1px; height:75px; opacity:0.5; padding:30px 10px 0 10px; display:block; }		
			.estruturaTopo .menuIcones > li:hover > a{ opacity:1;}
			.estruturaTopo .menuIcones > li:hover > a span{ display:block;}
		 
		.estruturaTopo .menuIcones > li:nth-child(1) > a{ background-position:9px 44px;}
		.estruturaTopo .menuIcones > li:nth-child(2) > a{ background-position:-37px 44px;}
		.estruturaTopo .menuIcones > li:nth-child(3) > a{ background-position:-83px 44px;}
		.estruturaTopo .menuIcones > li:nth-child(4) > a{ background-position:-128px 44px;}
			
			.estruturaTopo .menuIcones > li > a span{ background:url(../img/iconSeta.png) no-repeat; width:10px; height:6px; display:block; margin:45px auto 0 auto; text-align:center; transition:all 0.5s ease; display:none;}
		
		.estruturaTopo .menuIcones > li:hover .subMenu{ display:block;} 
			.estruturaTopo .menuIcones > li:hover{ background:#f2f2f2; color:#2a2a2a;}
		
		
	/* SUBMENU */
	
	.estruturaTopo li.solucoes .subMenu li.divisorSubmenu{ height:120px; width:1px!important; background:#e1e1e2; display:block; margin:25px 0px; float:left;}
	
	.estruturaTopo li.solucoes .subMenu{ position:absolute; top:105px; left:50%; transform:translateX(-50%); background:#f2f2f2; z-index:90000; width:659px; display:none;}
		.estruturaTopo li.solucoes .subMenu li{ float:left; width:164px;}
		.estruturaTopo li.solucoes .subMenu h2{ font-weight:bold; text-transform:uppercase; transition:all 0.5s ease;}
			.estruturaTopo li.solucoes .subMenu li a img{ display:inline-block; margin-top:25px; margin-bottom:15px;}
			.estruturaTopo li.solucoes .subMenu li a:link,
			.estruturaTopo li.solucoes .subMenu li a:active,
			.estruturaTopo li.solucoes .subMenu li a:visited{ display:block; width:100%; height:170px; text-align:center; color:#2e2e31; transition:all 0.5s ease;}
				.estruturaTopo li.solucoes .subMenu li a:hover{ background:#ffffff;}
				.estruturaTopo li.solucoes .subMenu li a:hover h2{ color:#e71725;}
	
	.estruturaTopo li.perfil .subMenu{ position:absolute; top:105px; left:50%; transform:translateX(-50%); background:#f2f2f2; z-index:90000; width:200px; display:none; padding:6px 20px;}
		.estruturaTopo li.perfil .subMenu li{ width:100%; margin:0px; border-bottom:solid 1px #dedede;}
			.estruturaTopo li.perfil .subMenu li a:link,
			.estruturaTopo li.perfil .subMenu li a:active,
			.estruturaTopo li.perfil .subMenu li a:visited{ display:block; width:100%; line-height:42px; text-align:center; color:#2e2e31; font-weight:bold; text-transform:uppercase; transition:all 0.5s ease;}
				.estruturaTopo li.perfil .subMenu li a:hover{ color:#e71725;}
		.estruturaTopo li.perfil .subMenu li:last-child{ border-bottom:none;} 
	
	.estruturaTopo li:hover .subMenu{ display:block;}
	.estruturaTopo li:hover{ background:#f2f2f2; color:#2a2a2a;}
	.estruturaTopo .menuTopo > li:hover > a span{ margin-top:10px;}
	
	
	/* SUBMENU ICONES */
	.estruturaTopo .menuIcones .formLogin .subMenu{ position:absolute; top:105px; left:50%; transform:translateX(-50%); background:#f2f2f2; z-index:900000; width:240px; display:none; padding:25px 30px;}
	.estruturaTopo .menuIcones .formLogin.liPainel .subMenu{ right:-100%; left:inherit; transform:none;}
	
		.estruturaTopo .menuIcones .formLogin .subMenu h3{ font:300 30px 'Open Sans'; color:#2e2e31; margin-bottom:10px;}
			.estruturaTopo .menuIcones .formLogin .subMenu h3 span{ font-weight:700;}
	 		.estruturaTopo .menuIcones .formLogin .subMenu form{}
			.estruturaTopo .menuIcones .formLogin .subMenu form label{ display:none;}
			.estruturaTopo .menuIcones .formLogin .subMenu form input{ height:33px; width:100%; margin-bottom:10px; border:solid 1px #ffffff; color:#2e2e31; line-height:36px; padding:1px 10px 0px 10px; box-sizing:border-box; transition:all 0.5s ease;}
				.estruturaTopo .menuIcones .formLogin .subMenu form input:focus{ border:solid 1px #3a3a3a; box-shadow: 0px 0px 8px 1px rgba(50,50,50,0.1); color:#1a1a1a;}
			 .estruturaTopo .menuIcones .formLogin .subMenu form a:link,
			 .estruturaTopo .menuIcones .formLogin .subMenu form a:active,
			 .estruturaTopo .menuIcones .formLogin .subMenu form a:visited{ font-weight:700; color:#ffffff; padding:10px 15px; background:#e41e2c; float:right; transition:all 0.5s ease;}
			 	.estruturaTopo .menuIcones .formLogin .subMenu form a em{ font-size: 20px; float: right; line-height: 12px; margin-left: 5px;}
			 	.estruturaTopo .menuIcones .formLogin .subMenu form a:hover{ background:#f56216;} 
	
	
	.estruturaTopo li.liCentral .subMenu{ position:absolute; top:105px; left:50%; transform:translateX(-50%); background:#f2f2f2; z-index:90000; width:160px; display:none; padding:6px 20px;}
		.estruturaTopo li.liCentral .subMenu li{ width:100%; margin:0px; border-bottom:solid 1px #dedede;}
			.estruturaTopo li.liCentral .subMenu li a:link,
			.estruturaTopo li.liCentral .subMenu li a:active,
			.estruturaTopo li.liCentral .subMenu li a:visited{ display:block; width:100%; line-height:42px; text-align:center; color:#2e2e31; font-weight:bold; text-transform:uppercase; transition:all 0.5s ease;}
				.estruturaTopo li.liCentral .subMenu li a:hover{ color:#e71725;}
		.estruturaTopo li.liCentral .subMenu li:last-child{ border-bottom:none;} 
	
	/* MENU FLUTUANTE */
	
	.estruturaTopo li.liMenuMobile .subMenu{ position:absolute; top:0px; right:0px; left:inherit; background:#f2f2f2; z-index:90000; width:190px; display:none; padding:40px 35px 40px 35px;}
	.estruturaTopo li.liMenuMobile .subMenu .iconeMenu{ background:url(../img/iconMenu.png) no-repeat -139px 0px; display:block; width:23px; height:22px; position:absolute; right:10px; top:44px;}
		.estruturaTopo li.liMenuMobile .subMenu h3 a:link,
		.estruturaTopo li.liMenuMobile .subMenu h3 a:active,
		.estruturaTopo li.liMenuMobile .subMenu h3 a:visited{ font-size:14px; line-height:22px; font-weight:700; color:#2e2e31; text-transform:uppercase; transition:all 0.5s ease;}
			.estruturaTopo li.liMenuMobile .subMenu h3 a:hover{ color:#e6101f;}
		.estruturaTopo li.liMenuMobile .subMenu ul{ margin-top:21px;}
			.estruturaTopo li.liMenuMobile .subMenu ul li{ margin:2px 0px;}
			.estruturaTopo li.liMenuMobile .subMenu ul li.titulo{ font-weight:bold; color:#e31f2b; font-size:14px; margin-bottom:5px;}
				.estruturaTopo li.liMenuMobile .subMenu ul li.titulo a:link,
				.estruturaTopo li.liMenuMobile .subMenu ul li.titulo a:active,
				.estruturaTopo li.liMenuMobile .subMenu ul li.titulo a:visited{ font-weight:bold; color:#e31f2b; font-size:14px; margin-bottom:5px;}
					.estruturaTopo li.liMenuMobile .subMenu ul li.titulo a:hover{ font-weight:bold; color:#f56318; font-size:14px; margin-bottom:5px;}
			
			.estruturaTopo li.liMenuMobile .subMenu ul.boxLinks li a em{ font-size:18px; color:#d6d6d6; padding-right:2px; transition:all 0.5s ease;}
			.estruturaTopo li.liMenuMobile .subMenu ul.boxLinks li a:link,
			.estruturaTopo li.liMenuMobile .subMenu ul.boxLinks li a:active,
			.estruturaTopo li.liMenuMobile .subMenu ul.boxLinks li a:visited{ font-size:13px; color:#7c8184; transition:all 0.5s ease;}
				.estruturaTopo li.liMenuMobile .subMenu ul.boxLinks li a:hover{ color:#e6101f; padding-left:5px;}
					.estruturaTopo li.liMenuMobile .subMenu ul.boxLinks li a:hover em{ color:#b5000d;}
			
			.estruturaTopo li.liMenuMobile .subMenu ul li.tituloRedes{ font-weight:bold; color:#2e2e31; font-size:14px; text-transform:uppercase; margin-top:20px; margin-bottom:7px;}
			
			.estruturaTopo li.liMenuMobile .subMenu ul li.redes a:link,
			.estruturaTopo li.liMenuMobile .subMenu ul li.redes a:active,
			.estruturaTopo li.liMenuMobile .subMenu ul li.redes a:visited{ background:url(../img/home/iconSocialMenu.gif) no-repeat; width:25px; height:25px; float:left; margin-right:10px; opacity:0.8}
				.estruturaTopo li.liMenuMobile .subMenu ul li.redes a:hover{ opacity:1;} 
			
			.estruturaTopo li.liMenuMobile .subMenu ul li.redes a.facebook{ background-position:0 0;}
			.estruturaTopo li.liMenuMobile .subMenu ul li.redes a.twitter{ background-position:-35px 0;}
			.estruturaTopo li.liMenuMobile .subMenu ul li.redes a.linkedin{ background-position:-70px 0;}
			.estruturaTopo li.liMenuMobile .subMenu ul li.redes a.instagram{ background:url(../img/home/instagram.png) no-repeat left top;}
	
	
	/* BOX AJUDA */
	 
	 .boxAjuda{ background:url(../img/home/fundoChamada.jpg) no-repeat top center; height:210px; width:100%; float:left;}
	 	.boxAjuda h2{ float:left; width:22%; font:300 35px 'Open Sans'; padding-bottom:38px; color:#ffffff; border-bottom:solid 2px rgba(255,255,255,0.1); padding-top:67px; letter-spacing:-0.030em; line-height:35px;}
		.boxAjuda p{ width:40%; margin:0px 5%; float:left; color:#ffffff; font-size:22px; line-height:30px; padding-top:68px; }
		
		.boxAjuda .contatoAjuda{ float:left; width:28%; padding-top:70px;}
			.boxAjuda .contatoAjuda h3{ font-size:18px; color:#ededee; font-weight:bold; font-style:italic;}
		
		.boxAjuda .contatoAjuda a:link,
		.boxAjuda .contatoAjuda a:active,
		.boxAjuda .contatoAjuda a:visited{font-weight:700; width:100%; display:block; color:#f68b29; padding:10px 13px; background:none; float:left; transition:all 0.5s ease; margin-top:13px; border:solid 2px #f68b29; text-transform:uppercase; box-sizing:border-box; text-align:center;}
		 	.boxAjuda .contatoAjuda a span{ font-size: 20px; display:inline-block; line-height: 12px; margin-left:2px; margin-top:1px;}
		 	.boxAjuda .contatoAjuda a:hover{ background:#f68b29; color:#ffffff;}
	
	
	/* CASES DE SUCESSO */ 
	
	.casesLista{ padding:20px 0 0 0;}
		.casesLista .centro{ position:relative;}
		.casesLista h2{ transform: rotate(270deg); transform-origin: left top 0; font:700 35px 'Open Sans'; color:#efefef; position:absolute; bottom:130px; left:-79px;}
		.casesLista .itemCase{ margin-top:50px; overflow:hidden; box-sizing: }
			.casesLista .itemCase .imagemCase{ width:19.5%; float:left;}
			.casesLista .itemCase .textoCase{ width:80.5%; float:left;}
		
		.casesLista .itemCase .textoCase h3{ font-size:30px; border-bottom:solid 1px #efefef; padding-bottom:10px; margin-bottom:15px; padding-left:4%; padding-right:7%; color:#2e3033; font-family:'Open Sans'; letter-spacing:-1px; line-height:30px;}
		.casesLista .itemCase .textoCase h4{ font-size:14px; color:#f36f2b; line-height:18px; font-weight:700; text-transform:uppercase; padding-left:4%;}
			.casesLista .itemCase .textoCase h4 span{ font-size:18px; display:block; float:left; margin-right:10px; line-height:16px;}
			.casesLista .itemCase .textoCase p{ padding-left:4%; padding-top:1%; line-height:20px;}
			
		.casesLista a:link,
		.casesLista a:active,
		.casesLista a:visited{ background:#e41e2c; height:45px; line-height:45px; margin:60px auto 0 auto; display:block; width:273px; text-align:center; color:#ffffff; font-weight:700;}
			.casesLista a:hover{ background:#f75a0a;}
				.casesLista a:hover em{ border-top: 16px solid #f75a0a;}
			.casesLista a span{ font-size:18px; display:inline-block; padding-left:2px; line-height:11px;}
		.casesLista a em{ position:absolute; display:block; width:0; height:0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 16px solid #e41e2c;    bottom:-16px; left:50%; transform:translateX(-50%);}
		
		
	/* RODAPE */
	
	.rodape{ width:100%; background:#171819; border-bottom:solid 8px #111111; clear:both; float:left; }
		.rodape .rodapeTopo{ border-bottom:solid 1px #2f3030; padding-bottom:30px; margin-bottom:30px;}	

		.rodape .rodapeTopo .conteudoTopoRodape{ margin-top: -20px; display: flex; justify-content: space-between; flex-wrap: wrap;}		
			.rodape .rodapeTopo .logo{ float:left; margin-top:33px; width: 248px; }
			.rodape .rodapeTopo address{ width:260px; box-sizing:border-box; float:left; padding-left:35px; background:url(../img/home/iconRodapeEnd.gif) 0px 42px no-repeat; padding-top:42px; color:#ffffff; line-height:20px;}

			.brand-space{ width:166px; height: 50px; float: left; }
			
		.wrap-trace{height:0; margin-bottom: 30px;}

			.rodape .rodapeTopo .trace:link,
			.rodape .rodapeTopo .trace:active,
			.rodape .rodapeTopo .trace:visited{ position: relative; display:block; background:url(../img/home/iconRodapeMapa.gif) center 21px #e31f2b no-repeat; text-align:center; line-height:15px; color:#ffffff; font-weight:700; width:166px; height:47px; border-bottom:solid 1px #ab151e; margin:-20px auto 0; padding-top:68px; text-transform:uppercase; transition:all 0.5s ease; }
				.rodape .rodapeTopo .trace:hover{ color:#ffdddd; border-bottom:solid 5px #8f060e; height:45px; padding-top:65px; background-position: center 19px;}
	
		.rodape .rodapeTopo .fone{ width:235px; padding-left:32px; background:url(../img/home/iconRodapeTelefone.gif) 0px 44px no-repeat; float:left; font-size:23px; font-weight:700; color:#ffffff; padding-top:42px; box-sizing:border-box;}
			.rodape .rodapeTopo .fone em{ font-weight:400;}
		
		.rodape .rodapeTopo .mensagem{ width:212px; padding-left:32px; background:url(../img/home/iconRodapeEmail.gif) 0px 44px no-repeat; float:left; color:#ffffff; padding-top:42px; box-sizing:border-box;}
		.rodape .rodapeTopo .mensagem a:link,
		.rodape .rodapeTopo .mensagem a:active,
		.rodape .rodapeTopo .mensagem a:visited{ color:#e41e2c; line-height:16px; display:block; font-weight:bold; padding-top:5px; transition:all 0.5s ease;}
			.rodape .rodapeTopo .mensagem a:hover{ color:#ff7d06;}
			
		.rodape .rodapeLinks{}
			.rodape .rodapeLinks .textoSobre{font-size:13px; float:left; width:19%; margin-right:6%; color:#919598; line-height:24px; height:250px; border-bottom:solid 1px #3a3a3b;}
			.rodape .rodapeLinks .mapaSite{ float:left; width:17%; height:250px; border-bottom:solid 1px #3a3a3b;}
				.rodape .rodapeLinks .mapaSite h3{ font-size:14px; color:#ffffff; font-weight:700; margin-bottom:13px; text-transform:uppercase;}
				.rodape .rodapeLinks .mapaSite a:link,
				.rodape .rodapeLinks .mapaSite a:active,
				.rodape .rodapeLinks .mapaSite a:visited{ color:#ccced0; display:block; transition:all 0.5s ease; margin-bottom:7px;}
				.rodape .rodapeLinks .mapaSite a em{ color:#393a3a; transition:all 0.5s ease;}
					.rodape .rodapeLinks .mapaSite a:hover{ color:#ffffff; padding-left:5px;}
					.rodape .rodapeLinks .mapaSite a:hover em{ color:#f4f4f4;}
			
			.rodape .rodapeLinks .servicosRodape{ width:21%; float:left; height:250px; border-bottom:solid 1px #3a3a3b;}		
				.rodape .rodapeLinks .servicosRodape h3{ font-size:14px; color:#ffffff; font-weight:700; margin-bottom:13px; text-transform:uppercase;}
				.rodape .rodapeLinks .servicosRodape a:link,
				.rodape .rodapeLinks .servicosRodape a:active,
				.rodape .rodapeLinks .servicosRodape a:visited{ color:#939699; display:block; transition:all 0.5s ease; margin-bottom:9px;}
					.rodape .rodapeLinks .servicosRodape a em{ color:#393a3a; transition:all 0.5s ease;}
					.rodape .rodapeLinks .servicosRodape a:hover{ color:#FFFFFF; padding-left:5px;}
					.rodape .rodapeLinks .servicosRodape a:hover em{ color:#ffffff;}
			
			.rodape .rodapeLinks .servicosRodape.consultoria{ height:250px; border-bottom:none; width:18%; border-bottom:solid 1px #3a3a3b;}
			.rodape .rodapeLinks .servicosRodape.desenvolvimento{ height:71px; width:18%;}
			.rodape .rodapeLinks .servicosRodape.infraestrutura{ float:right; height:inherit; border-bottom:none; width:15%;}
				.rodape .rodapeLinks .servicosRodape.infraestrutura a{ margin-bottom:8px;}
			
			.rodape .rodapeLinks .copyright{ float:left; width:19%; margin-right:6%; margin-top:25px; color:#393a3a; line-height:18px;}
			.rodape .rodapeLinks .divRedes{ float:left; width:57%; margin-top:25px;}
				.rodape .rodapeLinks .divRedes h3{ color:#7e8185; font-weight:700; text-transform:uppercase; font-size:14px; text-align:right; float:left; width:13%; padding-right:5%;}				
				.rodape .rodapeLinks .divRedes .rede-social-links{ overflow: hidden; }
				.rodape .rodapeLinks .divRedes a:link,
				.rodape .rodapeLinks .divRedes a:active,
				.rodape .rodapeLinks .divRedes a:visited{ float:left; font-size:12px; font-weight:700; padding-left:38px; display:block; line-height:25px; color:#ffffff; margin-top:3px; transition:all 0.5s ease;}
					.rodape .rodapeLinks .divRedes a.facebook{ margin-right:5%; background:url(../img/home/iconRodapeSocialFacebook.gif) no-repeat left top;}
					.rodape .rodapeLinks .divRedes a.twitter{ margin-right:5%; background:url(../img/home/iconRodapeSocialTwitter.gif) no-repeat left top;}
					.rodape .rodapeLinks .divRedes a.linkedin{ background:url(../img/home/iconRodapeSocialLinkedin.gif) no-repeat left top;}

					.rodape .rodapeLinks .divRedes a.instagram{  margin-right:5%; background:url(../img/home/instagram.png) no-repeat left top;}
					
					.rodape .rodapeLinks .divRedes a.facebook:hover{ color:#7fa8ff;}
					.rodape .rodapeLinks .divRedes a.twitter:hover{ color:#6cd9ff;}
					.rodape .rodapeLinks .divRedes a.linkedin:hover{ color:#529fed;}
					.rodape .rodapeLinks .divRedes a.instagram:hover{  color:#9F3592;}
					
/* BANNER INTERNO */

.bannerInterno{ height:382px; width:100%;} 
	.bannerInterno h2{ font:800 65px 'Open Sans'; color:#ffffff; padding-top:130px; line-height:50px;}
	.bannerInterno h3{ font:600 35px 'Open Sans'; color:#ea2734; line-height:50px;}
	.bannerInterno p{ font:normal 15px/24px 'Droid Sans'; color:#dcdcdc;}