@charset “utf-8”;

@font-face {
  font-family: "responsivenav";
  src:url("icons/responsivenav.eot");
  src:url("icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("icons/responsivenav.ttf") format("truetype"),
    url("icons/responsivenav.woff") format("woff"),
    url("icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "Helv";
src: url('font/Lane-Narrow.ttf');
  
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "franklin-demi";
  src: url('font/FranklinGothic-Medium.woff') format('woff'),
       url('font/FranklinGothic-Medium.ttf') format('truetype'),
       url('font/FranklinGothic-Medium.svg#FranklinGothic-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "Helv";
src: url('font/HelveticaNeueLTStd Lt.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "franklin-demi";
src: url('font/FRADMCN.TTF');
  font-weight: normal;
  font-style: normal;
}




body{margin:0px; padding:0px}


*{margin:0px; padding:0px ; border:none; }
ul{margin:0px; padding:0px;}
li{margin:0px; padding:0px;}
img{margin:0px; padding:0px;}
p{margin:0px; padding:0px;}
form{margin:0px; padding:0px; width: auto; height: auto;}
#clear{clear:both;}
h1{margin:0px; padding:0px;}
h2{margin:0px; padding:0px;}
h3{margin:0px; padding:0px;}

#barra-cabecalho{width: 100%; height: 136px; background-color: #fff;   }
#largura-cabecalho{max-width: 1060px; height: 136px; margin: 0 auto;  }
#banner_home{width: 100%; height: auto; }

/* menu topo */
#menutop{max-width: 650px; height: auto; float:right;  font-family:'Helv'; font-size:20px; }

#menutop ul{padding: 0; margin:0px; margin-top: 40px;}

.homeicone{background-image:url(imgs/menu_home.png); background-position:top center; background-repeat:no-repeat; width:21px; height:19px; margin:0 auto; padding-bottom:10px;}
.home{text-decoration:none; color:#fff; font-family:'Helv'; font-size:20px;   border-right:solid 1px #E4E4E4;  display: inline;  padding-right:20px;  }
.home a{text-decoration:none; color:#414141; text-decoration:none; color:#414141; font-family:'Helv'; font-size:20px;}
.home a:hover{text-decoration:none;  text-decoration:none; color:#000; font-family:'Helv'; font-size:20px; }





.agenciaicone{ background-image:url(imgs/menu_agencia.png); background-position:top center; background-repeat:no-repeat; width:21px; height:19px; margin:0 auto; padding-bottom:10px;}
.agencia{text-decoration:none; color:#414141; font-family:'Helv'; font-size:20px;   border-right:solid 1px #E4E4E4;   display: inline; padding-right:20px; }
.agencia a{text-decoration:none; color:#414141; text-decoration:none; color:#414141; font-family:'Helv'; font-size:20px;}
.agencia a:hover{text-decoration:none;  text-decoration:none; color:#000; font-family:'Helv'; font-size:20px;  }

.servicosicone{background-image:url(imgs/menu_servicos.png); background-position:top center; background-repeat:no-repeat; width:21px; height:19px; margin:0 auto; padding-bottom:10px;}
.servicos{text-decoration:none; color:#414141; font-family:'Helv'; font-size:20px;   border-right:solid 1px #E4E4E4;   display: inline;padding-right:20px; }
.servicos a{text-decoration:none; color:#414141; text-decoration:none; color:#414141; font-family:'Helv'; font-size:20px;}
.servicos a:hover{text-decoration:none;  text-decoration:none; color:#000; font-family:'Helv'; font-size:20px; }

.portifolioicone{background-image:url(imgs/menu_portfolio.png); background-position:top center; background-repeat:no-repeat; width:21px; height:19px; margin:0 auto;padding-bottom:10px;}
.portifolio{text-decoration:none; color:#414141; font-family:'Helv'; font-size:20px;   border-right:solid 1px #E4E4E4;   display: inline; padding-right:20px; }
.portifolio a{text-decoration:none; color:#414141; text-decoration:none; color:#414141; font-family:'Helv'; font-size:20px;}
.portifolio a:hover{text-decoration:none;  text-decoration:none; color:#000; font-family:'Helv'; font-size:20px; }

.contatoicone{background-image:url(imgs/menu_contato.png); background-position:top center; background-repeat:no-repeat; width:21px; height:19px; margin:0 auto;  padding-bottom:10px;}
.contato{text-decoration:none; color:#414141; font-family:'Helv'; font-size:20px;    display: inline; }
.contato a{text-decoration:none; color:#414141; text-decoration:none; color:#414141; font-family:'Helv'; font-size:20px;}
.contato a:hover{text-decoration:none;  text-decoration:none; color:#000; font-family:'Helv'; font-size:20px; }



.barra {
    position: fixed;
    top: 0;
    width: 100%;
  }



/* CONTEUDO DA HOME */

/*SOBRE*/
#sobre{max-width:1070px; height:auto;  padding-top:72px; margin:0 auto; padding-bottom: 70px;}
#sobre h1{font-family:'franklin-demi'; font-size:40px; color:#414141; text-align:center; border-bottom:solid 1px #ccc; width:614px; padding-bottom:5px;  margin: 0 auto; font-weight:normal;}
#sobre span{font-family:'franklin-demi'; font-size:40px; color:#414141; border-bottom:solid 4px #414141; padding-bottom:8px;}
#sobre h2{font-family:'Helv'; font-size:23px; color:#414141; text-align:center; font-weight:100; padding-top:47px;font-weight:normal; }

.btconhecahome{font-family:'Helv'; font-size:22px; color:#414141; text-align:center; font-weight:100; width:224px; padding-top:50px; margin:0 auto; font-weight:normal;}
.btconhecahome a{font-family:'Helv'; font-size:22px; color:#414141; text-align:center; font-weight:100;  padding:13px 36px 13px 26px ; text-decoration:none; text-decoration:none;  border:solid 1px #666;
       -webkit-transition:background 0.5s ease-out;
       -moz-transition:background 0.5s ease-out;
       -o-transition:background 0.5s ease-out;
       -ms-transition:background 0.5s ease-out; font-weight:normal;}
.btconhecahome a:hover{font-family:'Helv'; font-size:22px; color:#FFF; text-align:center; font-weight:100; padding:13px 38px 13px 26px; width:224px; text-decoration:none; background-color:#414141; border:none;   filter:alpha(opacity=100);
      -moz-opacity:1;
       opacity:1; font-weight:normal;}

/*SERVIÇOS*/
#meionossosservicoshome{width:100%; height:auto; background-color:#F8F8F8; }
#nossosservicoshome{max-width:1070px; min-height:650px; padding-top:40px; padding-bottom:54px; margin:0 auto;}
#nossosservicoshome h1{font-family:'franklin-demi'; font-size:40px; color:#414141;  text-align:center; background-image:url(imgs/linha.png); background-repeat:no-repeat; background-position:center top;font-weight:normal; }
#nossosservicoshome h2{font-family:'Helv'; font-size:23px; color:#414141; text-align:center; font-weight:100; margin-bottom:60px;font-weight:normal; }
#servicos{width:300px; min-height:200px; float:left; padding-left:25px; padding-right:25px; padding-bottom:60px; }
#servicos h1{font-family:'Helv'; font-size:26px; text-align:center;  color:#414141; margin-top:20px;font-weight:normal; }
#servicos article{font-family:'Helv'; font-size:17px; text-align:center;  color:#666;  font-weight:normal }
#servicos article a{font-family:'Helv'; font-size:17px; text-align:center;  color:#666; text-decoration:none; font-weight:normal}
#servicos article a:hover{font-family:'Helv'; font-size:17px; text-align:center;  color:#000; text-decoration:none; font-weight:normal}
#servicos p{text-align: center;}
#servicos h2{font-family:'Helv'; font-size:26px; text-align:center; font-weight:normal; color:#414141; margin-top:20px; margin-bottom:0px; padding-bottom:17px;font-weight:normal; }

/*PORTIFOLIO*/
#portifoliohome{max-width:1090px; min-height:400px; padding-top:36px; padding-bottom:40px; margin:0 auto;}
#portifoliohome h1{font-family:'franklin-demi'; font-size:40px; color:#414141;  text-align:center; background-image:url(imgs/linha2.png); background-repeat:no-repeat; background-position:center top;font-weight:normal; }
#portifoliohome h2{font-family:'Helv'; font-size:23px; color:#414141; text-align:center; font-weight:100; margin-bottom:60px;font-weight:normal; }

#figure{max-width:341px; height:256px; float:left; margin-right:8px; margin-bottom:20px; margin-left:12px;}
figure.foto-legenda {position: relative;  z-index:5;}
figure.foto-legenda img {width: 100%; height: 256px;}
figure.foto-legenda figcaption {
	opacity: 0;
	position: absolute;
	top: 0px;
	
	width: 100%;
	height: 150px;
	padding: 10px;
	box-sizing: border-box;
	transition: opacity 1s; margin-top:107px;
}
figure.foto-legenda:hover figcaption {
	opacity: 1;
}
#linksite{width:48px; height:48px; background-image:url(imgs/icon-link-portifolio.png); float:left; margin-left:128px; margin-top:10px; margin-bottom:15px;}
#linkvisualizar{width:48px; height:48px; background-image:url(imgs/icon-lupa-portifolio.png);  float:left; margin-left:128px;  margin-top:10px; margin-bottom:15px;}

/*CONTATO*/
#contato{width:100%; height:auto; background-color:#21BBBA; padding-top:20px; padding-bottom:18px; }
#contatohome{max-width:1070px; height:434px; margin:0 auto; padding-bottom:48px; padding-top:10px;}
#contatohome h1{font-family:'franklin-demi'; font-size:40px; color:#FFF;  text-align:center; background-image:url(imgs/linha.png); background-repeat:no-repeat; background-position:center top;font-weight:normal;  }
#contatohome h2{font-family:'Helv'; font-size:23px; color:#FFF; text-align:center; font-weight:100;font-weight:normal; }


#formulario{max-width:600px; height:380px; float:left; padding-top:60px; margin-right:57px;}
#contatoform{}
.contatoformtxt1{width:268px; height:40px; outline:none; border:none; background-color:#F9F9F9; color:#414141; font-size:16px; font-family:'Helv'; padding-left:10px; padding-right:10px; background-image:url(imgs/icon_form_nome.png); background-repeat:no-repeat; background-position:right; margin-right:17px; margin-bottom:27px;}
.contatoformtxt2{width:268px; height:40px; outline:none; border:none; background-color:#F9F9F9; color:#414141; font-size:16px; font-family:'Helv'; padding-left:10px; padding-right:10px; background-image:url(imgs/icon_form_email.png); background-repeat:no-repeat; background-position:right; margin-bottom:27px;}
.contatoformtxt3{width:268px; height:40px; outline:none; border:none; background-color:#F9F9F9; color:#414141; font-size:16px; font-family:'Helv'; padding-left:10px; padding-right:10px; background-image:url(imgs/icon_form_empresa.png); background-repeat:no-repeat; background-position:right; margin-right:17px; margin-bottom:27px;}
.contatoformtxt4{width:268px; height:40px; outline:none; border:none; background-color:#F9F9F9; color:#414141; font-size:16px; font-family:'Helv'; padding-left:10px; padding-right:10px; background-image:url(imgs/icon_form_telefone.png); background-repeat:no-repeat; background-position:right; margin-bottom:27px; }
.contatoformtxt5{width:575px; height:122px; outline:none; border:none; background-color:#F9F9F9; color:#414141; font-size:16px; font-family:'Helv'; padding:10px; margin-bottom:27px;  }

.btenviarcontato{float:right; margin-right:24px;}
#endereco{width:320px; height:200px; float:left; padding-top:36px;}



.iconsondestamos{margin-left:20px; }
.iconsredessociaisrdp{float:left; margin-right:15px; margin-top:30px; }
.iconscontatordp{float:left; margin-top:5px; margin-right:10px; }

/*RODAPE*/
#rdpcont{width:1007px; height:auto; background-color:#585858;}
#enderecordp{width:285px; height:138px; border-right:solid 2px #666666;}
#direitos{width:100%; height:52px; background-color:#FFF; padding-top:8px;}


/*classes*/

#logoagencia{float: left; padding-top: 18px; max-width:245px; height:auto;}
#logoagencia img{width:100%; height:auto;}

.listbox{width: 100%; padding-left: 50%;}
.slide {background: #2D2D2D}
#imgslide {margin: 0 auto;}
.textrdp4{font-family:'Helv'; font-size:18px; color:#666; text-align:center; padding-top:17px;}



/*textos*/

.txt1{font-family:'franklin-demi'; font-size:20px; color:#FFF; font-weight:normal;  }
.txt2{font-family:'Helv'; font-size:17px; color:#FFF; font-weight:600; margin-top:15px;}
.txt3{font-family:'Helv'; font-size:17px; color:#FFF; font-weight:600; margin-top:3px;}

.txt4{font-family:'franklin-demi'; font-size:22px; color:#FFF; text-align:center;}
.txt4 a{font-family:'franklin-demi'; font-size:22px; color:#FFF; text-align:center; text-decoration:none;}
.txt4 a:hover{font-family:'franklin-demi'; font-size:22px; color:#FFF; text-align:center; text-decoration:none;}

.txt4_2{font-family:'franklin-demi'; font-size:22px; color:#FFF; text-align:center; padding-bottom:10px;}
.txt5{font-family:'Helv'; font-size:20px; color:#FFF; font-weight:normal;  text-align:center;}
.txt5 a{font-family:'Helv'; font-size:20px; color:#FFF; font-weight:normal;  text-align:center; text-decoration:none;}
.txt5 a:hover{font-family:'Helv'; font-size:20px; color:#FFF; font-weight:normal;  text-align:center; text-decoration:none;}

.txt6{font-family:'Helv'; font-size:17px; color:#FFF; font-weight:600; margin-top:3px; float:left;}
.txt7{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:100px; }
.txt7-l{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:100px; }
.txt7-serv{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:100px; }
.txt7_2{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:40px; }
.txt7_3{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:180px; }
.txt7_3-g{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:60px; }
.txt8{font-family:'Helv'; font-size:18px; color:#fff; font-weight:normal; margin:14px auto 0px auto ; text-align:center; background-color:#23C9C9; padding:10PX; border-radius: 20px; width:300px;}
.txt8 a{text-decoration:none ; color:#fff; font-family:'Helv'; }
.txt8 a:hover{text-decoration:none; color:#fff; font-family:'Helv';}
.txt8-l{font-family:'Helv'; font-size:18px; color:#fff; font-weight:normal; margin:14px auto 0px auto ; text-align:center; background-color:#23C9C9; padding:10PX; border-radius: 20px; width:300px;}
.txt8-l a{text-decoration:none ; color:#fff; font-family:'Helv'; }
.txt8-l a:hover{text-decoration:none; color:#fff; font-family:'Helv';}

.txt82{font-family:'Helv'; font-size:18px; color:#fff; font-weight:normal; margin:14px auto 0px auto ; text-align:center; background-color:#23C9C9; padding:10PX; border-radius: 20px; width:328px;}
.txt82 a{text-decoration:none ; color:#fff; font-family:'Helv'; }
.txt82 a:hover{text-decoration:none; color:#fff; font-family:'Helv';}
.txt9{font-family:'franklin-demi'; font-size:21px;  color:#666; font-weight:normal; margin-bottom:16px; }
.txt10{font-family:'franklin-demi'; font-size:30px;  color:#666; font-weight:normal; margin-bottom:25px; }
.txt11{font-family:'Helv'; font-size:18px;  color:#666; margin-top:40px; }
.txt12{font-family:'franklin-demi'; font-size:30px;  color:#FFF; background-color:#585858; padding:10px 16px; border-radius:65%; float:left; margin-right:20px; margin-bottom:20px;}




/* PÁGINAS INTERNAS */

#iconebarralojavirtual{max-width:342px; margin:0 auto; padding-bottom:30px;}
#iconebarraidentidadevisual{max-width:218px; margin:0 auto; padding-bottom:30px;}
#iconebarraservicosgoogle{max-width:305px; margin:0 auto; padding-bottom:30px;}
#iconebarraredesocial{max-width:223px; margin:0 auto; padding-bottom:40px;}
#iconebarracriacaosite{max-width:298px; margin:0 auto; padding-bottom:30px;}
#iconebarraemailmkt{max-width:250px; margin:0 auto; padding-bottom:30px;}
/* RODAPE */

#internas{width:100%; height:294px; background-color:#585858; }
#cont{max-width:1007px; height:204px; margin:0 auto; padding-top:30px;}
#direitosh{width:100%; height:60px; background-color:#FFF; padding-top:8px;}

#cont1 {width:320px; height:113px; float:left; background-image:url(imgs/linhasrodape.png); background-repeat:repeat-y; background-position:right; margin-top:25px;}
#cont2 {width:380px; height:113px; float:left; background-image:url(imgs/linhasrodape.png); background-repeat:repeat-y; background-position:right; margin-top:25px;}
#cont3 {width:285px; height:113px; float:left; margin-top:25px;}

.textrdp1{font-family:'franklin-demi'; font-size:20px; color:#FFF; font-weight:normal;  text-align:center; padding-bottom:16px; }
.textrdp2{font-family:'Helv'; font-size:18px; color:#fff;  text-align:center; padding-bottom:4px; }
.textrdp2_2{font-family:'Helv'; font-size:18px; color:#fff;  text-align:center; float:left; padding-bottom:4px;}
.textrdp3{font-family:'Helv'; font-size:18px; color:#fff; float:left;}
.textrdp4{font-family:'Helv'; font-size:18px; color:#666; text-align:center; padding-top:17PX;}

.localizarrodape{ margin-right: 15px; padding-left:65px;float: left;}
.iconscontatordp{float:left; margin-right:6px; padding-left:20px;}
.iconsredes{float:left; margin-left:70px; margin-top:10px;}
.iconsredes2{float:left; margin-left:14px; margin-top:10px;}
.iconsrdp{padding-left:60px; margin-right:14px; float:left; padding-top:4px;}
.iconsrdp2{padding-left:92px; margin-right:14px; float:left; padding-top:4px; margin-bottom:10px;}
.imagempcgooglepag{float:left; margin-right:20px; }

.iconsredes{float:left; margin-left:70px; margin-top:10px;}

.iconerdp{float:left; margin-right:14px; margin-top:5px;}

/* FIM DE RODAPE */

#meiointernas{width:100%; height:auto; background-color:#F8F8F8; padding-top:80px; padding-bottom:130px;}
#meiointernas-mkt{width:100%; height:auto; background-color:#F8F8F8; padding-top:80px; padding-bottom:130px; }
#meiointernas-criacaosite{width:100%; height:auto; background-color:#F8F8F8; padding-top:80px; padding-bottom:100px; }
#meiointernas-ident{width:100%; height:auto; background-color:#F8F8F8; padding-top:80px; padding-bottom:130px;}
#barraazulinternas{width:100%; min-height:294px; background-color:#21BBBA; }
#barraazulinternas2{width:100%; height:374px; background-color:#21BBBA; }
#barraazulinternas3{width:100%; height:294px; background-color:#21BBBA; }

 #barraazulinternasquemsomos{width:100%; height:374px; background-color:#21BBBA; }

#iconegquemsomos{max-width:400px; minheight:200px; float:left; padding-right:65px;}

#internastitulos{max-width:1094px; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat; padding-top:48px; background-position:center top;}
#internastitulos2{max-width:1094px; min-height:264px; margin:0 auto;  padding-top:30px;}


#conteudomeiointernas{max-width:1070px; height:auto; margin:0 auto;}
#conteudomeiointernas img{float:left; padding-right:20px; padding-bottom:45px;}
#conteudomeiointernas h1{font-family:'Helv'; font-size:26px;  color:#414141;font-weight:normal;}
#conteudomeiointernas article{font-family:'Helv'; font-size:18px;  color:#414141;}
#conteudomeiointernas article a{font-family:'Helv'; font-size:18px;  color:#414141; text-decoration:none;}
#conteudomeiointernas article a:hover{font-family:'Helv'; font-size:18px;  color:#000; text-decoration:none;}

#conteudomeiointernas-mkt{max-width:1070px; height:auto; margin:0 auto;}
#conteudomeiointernas-mkt img{float:left; padding-right:20px; padding-bottom:45px;}
#conteudomeiointernas-mkt h1{font-family:'Helv'; font-size:21px;  color:#666; font-weight:normal; padding-bottom:15px;font-weight:normal;}
#conteudomeiointernas-mkt article{font-family:'Helv'; font-size:16px;  color:#666; }
#conteudomeiointernas-mkt article a{font-family:'Helv'; font-size:16px;  color:#666; text-decoration:none;}
#conteudomeiointernas-mkt article a:hover{font-family:'Helv'; font-size:16px;  color:#666; text-decoration:none;}



#conteudomeiointernas-serv{max-width:1070px; height:auto; margin:0 auto;}
#conteudomeiointernas-serv img{float:left; padding-right:20px; padding-bottom:45px;}
#conteudomeiointernas-serv h1{font-family:'Helv'; font-size:26px;  color:#414141; padding-bottom:15px;font-weight:normal;}
#conteudomeiointernas-serv article{font-family:'Helv'; font-size:18px;  color:#414141;}
#conteudomeiointernas-serv article a{font-family:'Helv'; font-size:18px;  color:#414141; text-decoration:none;}
#conteudomeiointernas-serv article a:hover{font-family:'Helv'; font-size:18px;  color:#000; text-decoration:none;}


#blocosinternasservicos{width:480px; height:125px; float:left; padding-right:15px; padding-top:30px; margin-right:20px; padding-left:20px; margin-bottom:25px;  }
#blocosinternasservicos:hover{width:480px; height:125px; float:left; padding-right:15px; padding-top:30px; margin-right:20px; padding-left:20px; margin-bottom:25px;background-color:#FFF;}

#blocosinternasservicos2{width:480px; height:125px; float:left; padding-right:15px; padding-top:30px; margin-right:20px; padding-left:20px;margin-bottom:25px;   }
#blocosinternasservicos2:hover{width:480px; height:125px; float:left; padding-right:15px; padding-top:30px;  padding-left:20px; margin-bottom:25px;background-color:#FFF;}




.internastitulosh1{font-family:'franklin-demi'; font-size:44px; color:#FFF;  text-align:center; border-bottom:solid 1px #91E5E4; padding-bottom:35px;  width:380px; font-weight:normal; }
.internastitulosh2{font-family:'Helv'; font-size:24px; color:#E9F8F8;  text-align:center; margin-top:30px;font-weight:normal;}
/* QUEM SOMOS */

#internastitulos-quemsomos{max-width:1094px; min-height:264px; margin:0 auto;  padding-top:30px; font-weight:normal;}
#internastitulos-quemsomos h1{font-family:'franklin-demi'; font-size:32px; color:#FFF; padding-bottom:30px; padding-top:24px; font-weight:normal; }
#internastitulos-quemsomos h2{font-family:'Helv'; font-size:20px; color:#E9F8F8; font-weight:normal; }


#somosum{max-width:300px; min-height:200px; border-right: solid 1px #CCCCCC; float:left; padding-right:40px;}
#somosum h1{font-family:'franklin-demi'; font-size:24px;  color:#1EACAC; padding-bottom:23px; text-align:center;font-weight:normal;}
#somosum h2{font-family:'Helv'; font-size:17px; color:#858585; font-weight:normal; font-weight:normal;}

#somosdois{max-width:300px; min-height:200px; border-right: solid 1px #CCCCCC; float:left; padding-right:40px; padding-left:40px;}
#somosdois h1{font-family:'franklin-demi'; font-size:24px;  color:#1EACAC; padding-bottom:23px; text-align:center; font-weight:normal;}
#somosdois h2{font-family:'Helv'; font-size:17px; color:#858585; font-weight:normal; font-weight:normal;}

#somostres{max-width:300px; min-height:200px; float:left; padding-left:40px;}
#somostres h1{font-family:'franklin-demi'; font-size:24px;  color:#1EACAC; padding-bottom:23px; text-align:center;font-weight:normal; }
#somostres h2{font-family:'Helv'; font-size:17px; color:#858585; font-weight:normal; font-weight:normal;}

#circulos{max-width:1070px; height:auto; margin:0 auto; margin-top:62px;}

.imagensqs {
  width: 210px;
  height: 210px;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  padding:0px; margin:0px;
  margin-right:46px;
  margin-bottom:40px;
  border:solid 10px #FFFFFF;

  }
  
  
 
.imagensqs2 {
  width: 210px;
  height: 210px;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  padding:0px; margin:0px;
  margin-bottom:40px;
    border:solid 10px #FFFFFF;

  }

/* SERVIÇOS */

#blocosconteudosservicos h1{font-family:'franklin-demi'; margin:0 auto; font-weight:normal;font-weight:normal; }



/* SERVICOS CRIAÇÕES DE SITES */

#internastitulos-criacaosites{max-width:1094px; min-height:457px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;  padding-top:48px;}
#internastitulos-criacaosites h1{font-family:'franklin-demi'; font-size:44px; color:#FFF; padding-bottom:34px; padding-top:24px; text-align:center;font-weight:normal;}
#internastitulos-criacaosites h2{font-family:'Helv'; font-size:24px; color:#E9F8F8;  text-align:center;font-weight:normal;}
#internastitulos-criacaosites img{  padding-top:30px; }
#cricacao_dir{max-width:500px; min-height:200px; float:left; border-right:solid 1px #CCCCCC; padding-right:30px; margin-right:40px; }
#cricacao_dir h1{font-family:'franklin-demi'; font-size:20px; color:#666666; padding-bottom:20px;font-weight:normal;}
#cricacao_dir article{font-family:'Helv'; font-size:18px; color:#666666;}
#cricacao_esq{max-width:495px; min-height:200px; float:left; }
#cricacao_esq h1{font-family:'franklin-demi'; font-size:20px; color:#666666; padding-bottom:20px;font-weight:normal;}
#cricacao_esq article{font-family:'Helv'; font-size:18px; color:#666666;}
#cricaosites_cinza{width:100%; min-height:200px; padding-top:45px; padding-bottom:25px; background-color:#F2F2F2; margin-bottom:40px; margin-top:65px;}
#cricaosites_cinzainternto{max-width:1070px; min-height:200px; margin:0 auto;}
#cricaosites_cinzainternto2{max-width:800px; height:auto; float:left;}
#cricaosites_cinzainternto h3{font-family:'franklin-demi'; font-size:28px; color:#666666; padding-bottom:20px; }
#cricaosites_cinzainternto article{font-family:'Helv'; font-size:18px; color:#666666;  }



/* SERVIÇOS EMAIL MARKETING */


#blocosinternasservicosmarketing{width:480px; min-height:100px; float:left; padding-right:15px; padding-top:25px; margin-right:20px; padding-left:20px; margin-bottom:10px;  }


#blocosinternasservicosmarketing2{width:480px; min-height:100px; float:left; padding-right:15px; padding-top:25px; margin-right:20px; padding-left:20px;margin-bottom:10px;   }




#barraazulinternas-emailmarketing{width:100%; height:505px; background-color:#21BBBA; }
#internastitulos-emailmarketing{max-width:1094px; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;   padding-top:48px;}
#internastitulos-emailmarketing h1{font-family:'franklin-demi'; font-size:44px; color:#FFF;  text-align:center; font-weight:normal;  margin-bottom:20px;font-weight:normal;}
#internastitulos-emailmarketing h2{font-family:'Helv'; font-size:24px; color:#E9F8F8;  text-align:center; font-weight:normal; }
#barraazulinternas-ident{width:100%; height:505px; background-color:#21BBBA; }

#barraazulinternas-cg{width:100%; height:505px; background-color:#21BBBA; }
#barraazulinternas-grs{width:100%; height:505px; background-color:#21BBBA; }


#conteudomeiointernas-emailmarketing{max-width:1070px; height:auto; margin:0 auto; padding:0px;}
#conteudomeiointernas-emailmarketing h1{font-family:'franklin-demi'; font-size:22px;  color:#666; font-weight:normal; margin-bottom:4px;font-weight:normal;}
#conteudomeiointernas-emailmarketing article{font-family:'Helv'; font-size:18px;  color:#414141;}
#conteudomeiointernas-emailmarketing img{float:left; padding-right:20px; padding-bottom:65px;}
#blocosinternasservicos-emailmarketing{max-width:480px; height:220px; float:left; padding-right:50px;}
#blocosinternasservicos-emailmarketing article{font-family:'Helv';font-size:18px; padding-top:10px;}
#blocosinternasservicos-emailmarketing2{max-width:480px; height:220px; float:left; padding-right:50px; margin-bottom:80px;}
#blocosinternasservicos-emailmarketing2 article{font-family:'Helv';font-size:18px; padding-top:10px;}
.iconprincipal-emailmarketing{padding-left:434px; margin-bottom:28px;}
.emailmkt{font-family:'franklin-demi'; font-size:22px; color:#414141; }



/*SERVIÇOS GESTÃO SOCIAL*/

#meiointernas-redessociais{width:100%; height:auto; background-color:#F8F8F8; padding-top:80px; padding-bottom:130px; }
#meiointernas-redessociais h1{font-family:'franklin-demi'; font-size:19px;  color:#666; font-weight:normal; margin-bottom:26px;font-weight:normal;  }
#meiointernas-redessociais article{font-family:'Helv'; font-size:18px;  color:#414141; padding-bottom:16px;}
#gestaoredesosiciais{max-width:600px; height:auto; float:left;}

#internastitulos-redessociais{max-width:1094px; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;  padding-top:26px;}
#internastitulos-redessociais h1{font-family:'franklin-demi'; font-size:44px; color:#FFF;  text-align:center;  margin-bottom:20px;font-weight:normal;}
#internastitulos-redessociais h2{font-family:'Helv'; font-size:24px; color:#E9F8F8;  text-align:center;font-weight:normal; }
.iconprincipal-redessociais{padding-left:434px; margin-bottom:28px;}
#imgredsocialg{ max-width:414px; height:auto; float:right; }
#imgredsocialg img{width:100%;}

/* SERVIÇOS LOJA VIRTUAL E GOOGLE */

.iconprincipal-lojavirtual{margin-bottom:28px; margin:0 auto;}

#meiointernas-lojas{width:100%; height:auto; background-color:#F8F8F8; padding-bottom:130px; }
#conteudomeiointernas-lojavitual-cinza{width:100%; height:auto; background-color:#EFEFEF; padding-top:80px; padding-bottom:25px; margin-bottom:40px;}  
#conteudomeiointernas-lojavitual{max-width:1070px; height:auto; margin:0 auto; padding:0px;}
#conteudomeiointernas-lojavitual h1{font-family:'franklin-demi'; font-size:26px;  color:#666; margin-bottom:22px; font-weight:normal;font-weight:normal;}
#conteudomeiointernas-lojavitual h2{font-family:'franklin-demi'; font-size:22px;  color:#666; margin-bottom:36px; margin-top:46px; font-weight:normal;font-weight:normal;}
#conteudomeiointernas-lojavitual article{font-family:'Helv'; font-size:17px;  color:#666; font-weight:normal;}
#conteudomeiointernas-lojavitual ul li{font-family:'Helv'; font-size:17px; color:#666; background-image:url(imgs/marcador-indentidadevisual.png); background-repeat:no-repeat; list-style:none; padding-left:32px; padding-bottom:20px; max-width:680px; display:block; margin-right:35px; }
#conteudomeiointernas-lojavitual2{max-width:1070px; height:auto; margin:0 auto; padding:0px;}
#conteudomeiointernas-lojavitual2 h1{font-family:'franklin-demi'; font-size:26px;  color:#666; margin-bottom:18px;font-weight:normal;}
#conteudomeiointernas-lojavitual2 ul li{font-family:'Helv'; font-size:17px; color:#666; background-image:url(imgs/marcador-lojavirtual2.png); background-repeat:no-repeat; list-style:none; padding-left:32px; padding-bottom:16px; width:500px; display:inline-table;}


#google1{max-width:330px; height:106px; float:left; padding-right:50px; }
#google2{max-width:280px; height:106px; float:left; }
#blocoscampanhasgoogle{max-width:280px; height:auto; float:left; margin-bottom:60px;}
#blocoscampanhasgoogle img { text-align:center; margin-top:20px; padding-bottom:8px; }
#blocoscampanhasgoogle {font-family:'franklin-demi'; font-size:18px;  color:#666; text-align:center; font-weight:normal; }

#blocoscampanhasgoogle2{max-width:200px; height:auto; float:left; margin-left:30px; margin-bottom:60px;}
#blocoscampanhasgoogle2 img { text-align:center; margin-top:20px; padding-bottom:8px; }
#blocoscampanhasgoogle2 {font-family:'franklin-demi'; font-size:18px;  color:#666; text-align:center; font-weight:normal; }

#blocoscampanhasgoogle3{max-width:240px; height:auto; float:left; margin-left:30px;margin-bottom:60px;}
#blocoscampanhasgoogle3 img { text-align:center; margin-top:20px; padding-bottom:8px; }
#blocoscampanhasgoogle3 {font-family:'franklin-demi'; font-size:18px;  color:#666; text-align:center; font-weight:normal;}

#blocoscampanhasgoogle4{max-width:240px; height:auto; float:left; margin-left:30px; margin-bottom:60px;}
#blocoscampanhasgoogle4 img { text-align:center; margin-top:20px; padding-bottom:8px; }
#blocoscampanhasgoogle4 {font-family:'franklin-demi'; font-size:18px;  color:#666; text-align:center; font-weight:normal;}


.txt12{font-family:'franklin-demi'; font-size:30px;  color:#FFF; background-color:#585858; padding:10px 16px; border-radius:65%; float:left; margin-right:20px; margin-bottom:20px;}
.txt13{font-family:'Helv'; font-size:18px;  color:#666; }

/* SERVIÇOS LOJA VIRTUAL E GOOGLE  e IDENTIDADE VISUAL */
#barraazulinternas-lojagoogle{width:100%; height:505px; background-color:#21BBBA; }
#internastitulos-identidadevisual{max-width:100%; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;  padding-top:38px; background-position:center top;}
#internastitulos-identidadevisual h1{font-family:'franklin-demi'; font-size:44px; color:#FFF;  text-align:center;  margin-bottom:20px;font-weight:normal;}
#internastitulos-identidadevisual h2{font-family:'Helv'; font-size:28px; color:#E9F8F8;  text-align:center;font-weight:normal; width:900px; margin:0 auto;}
#conteudomeiointernas-identidadevisual{max-width:1070px; height:auto; margin:0 auto; padding:0px;}
#conteudomeiointernas-identidadevisual h1{font-family:'franklin-demi'; font-size:32px;  color:#666; font-weight:normal; margin-bottom:16px;font-weight:normal;}
#conteudomeiointernas-identidadevisual article{font-family:'Helv'; font-size:18px;  color:#414141;}
#conteudomeiointernas-identidadevisual-bloco {width:auto; height:259px; background-color:#FFF; margin-top:70px; box-shadow: 0px 0px 10px #E1E1E1; -webkit-box-shadow: 0px 0px 1px #E1E1E1;-moz-box-shadow: 0px 0px 1px #E1E1E1; }

#conteudomeiointernas-identidadevisual-bloco ul li{font-family:'Helv'; font-size:18px; color:#666; background-image:url(imgs/marcador-indentidadevisual.png); background-repeat:no-repeat; list-style:none; padding-left:32px; padding-bottom:20px; width:250px; display:inline-table; margin-right:35px;}
.imagem-lojavirtual{float:right; padding-top:50px;}

#servicospacote{width:650px; height:auto; float:left; padding:20px 0px 0px 20px;}
#imagemservicospacotes{float:right;}



/* portifolio e clientes */

#barraazulinternas-pc{width:100%; height:300px; background-color:#21BBBA; }
#internastitulos-pc{max-width:1070px; min-height:246px; margin:0 auto;  }
#internastitulos-pc h1{font-family:'franklin-demi'; font-size:40px; color:#FFF;  margin-bottom:20px; padding-top:80px;font-weight:normal; }
#internastitulos-pc h2{font-family:'Helv'; font-size:24px; color:#E9F8F8;  font-weight:normal;  }
#blocotitulos-pc{width:580px; height:auto; float:left;}
#meiointernas-pc{width:100%; height:auto; background-color:#F8F8F8; padding-bottom:130px; }
#conteudomeiointernas-pc{max-width:1070px; min-height:200px; margin:0 auto; padding:0px; padding-top:40px;}
#conteudomeiointernas-pc h1{font-family:'franklin-demi'; font-size:32px;  color:#666; font-weight:normal; font-weight:normal;}
#conteudomeiointernas-pc article{font-family:'Helv'; font-size:18px;  color:#414141;}

#iconebarrapc{max-width:436px;  padding-top:60px; float:right;  }






/* -------------------------------- 

ABAS PORTIFOLIO

-------------------------------- */
.area-total-abas{width:auto; height:auto;}
 .lista-abas, .lista-abas * {
                margin:0;
                padding:0;
                outline:none;
                border:0;
                background:none; 
            }
            .lista-abas {
                position:relative;
                font-size:0;
                text-align:left;
                color:#414141
            }
            .lista-abas > input {
                position:absolute;
                display:none
            }
            .lista-abas > label {
                position:relative;
                z-index:1;
                display:inline-block;
                box-sizing:border-box;
                -moz-box-sizing:border-box;
                font-family:'franklin-demi';
                font-size:16px;
                line-height:45px;
                cursor:pointer
            }
            .lista-abas > label span {
                display:block;
                padding:5px;
				margin-bottom:20PX; margin-right:12PX; 
               
            }
            .lista-abas > label span span {
                padding:0 20px;
                background:transparent;
                transition:background .3s, color .4s;
                -o-transition:background .3s, color .4s;
                -ms-transition:background .3s, color .4s;
                -moz-transition:background .3s, color .4s;
                -webkit-transition:background .3s, color .4s; border:solid 1px #414141333;
            }
            .lista-abas > label:hover span span {
                background:#24CDCD; border:solid 1px #24CDCD;
                color:#fff
            }
            .lista-abas > input:checked + label span span {
                background:#24CDCD;border:solid 1px #24CDCD; 
                color:#fff
            }
            .lista-abas > ul {
                list-style:none;
                position:relative;
                display:block;
                font-size:13px
            }
            .lista-abas > ul > li {
                position:absolute;
                top:0;
                left:0;
                width:100%;
                overflow:auto;
                
                box-sizing:border-box;
                -moz-box-sizing:border-box;
                opacity:0;
                -o-transform-origin:0% 0%;
                -ms-transform-origin:0% 0%;
                -moz-transform-origin:0% 0%;
                -webkit-transform-origin:0% 0%;
                -o-transition:opacity .8s, -o-transform .8s;
                -ms-transition:opacity .8s, -ms-transform .8s;
                -moz-transition:opacity .8s, -moz-transform .8s;
                -webkit-transition:opacity .8s, -webkit-transform .8s
            }
            .lista-abas > .aba-1:checked ~ ul > .aba-1, 
            .lista-abas > .aba-2:checked ~ ul > .aba-2, 
            .lista-abas > .aba-3:checked ~ ul > .aba-3, 
            .lista-abas > .aba-4:checked ~ ul > .aba-4 {
                position:relative;
                z-index:1;
                opacity:1
            }
            .conteudo {
                width:100%;
                position:relative; margin:0; padding:0px;
                
            }
            .pagina-url {
                float:right;
                margin-top:15px
            }
            .amimacao-flip > ul {
                 -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
            }
            .amimacao-flip > ul > li {
                 -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
            }
            .amimacao-flip > .aba-1:checked ~ ul > .aba-1, 
            .amimacao-flip > .aba-2:checked ~ ul > .aba-2, 
            .amimacao-flip > .aba-3:checked ~ ul > .aba-3, 
            .amimacao-flip > .aba-4:checked ~ ul > .aba-4 {
                -o-transform:rotateX(0deg);
                -ms-transform:rotateX(0deg);
                -moz-transform:rotateX(0deg);
                -webkit-transform:rotateX(0deg);
                -o-transition-delay:0.2s;
                -ms-transition-delay:0.2s;
                -moz-transition-delay:0.2s;
                -webkit-transition-delay:0.2s
            }


#portifolioabas{max-width:1090px; min-height:400px; padding-top:12px;  margin:0 auto;  }

#figure-p{max-width:335px; height:255px; float:left; margin-right:8px; margin-bottom:20px; margin-left:12px;}
figure.foto-legenda-p {position: relative;  z-index:5;}
figure.foto-legenda-p img {width: 100%; height: 256px;}
figure.foto-legenda-p figcaption {
	opacity: 0;
	position: absolute;
	top: 0px;
	background-color: #24CDCD;
	width: 100%;
	height: 150px;
	padding: 10px;
	box-sizing: border-box;
	transition: opacity 1s; margin-top:107px;
}
figure.foto-legenda-p:hover figcaption {
	opacity: 1;
}

#conteudomenu{min-width:1030px; height:auto; margin:0 auto; z-index:999}
#partemenu{width:1030px; height:auto; float:right;}

#iconecriacaositesm{float:right;}
#iconecriacaositesm2{display:none;}

#meioporthome{width:100%; margin:0 auto;}


/* CONTATO OK  */

#barraazulinternascontato-ok{width:100%; height:326px; background-color:#21BBBA; padding-top:20px }
#iconeaviao{max-width:240px; min-height:200px; float:right; padding-right:80px;}
#blocoaviao{max-width:600px; height:auto; float:left;}
#internastitulos-aviao{max-width:1094px; min-height:264px; margin:0 auto;  padding-top:30px;}
#internastitulos-aviao h1{font-family:'franklin-demi'; font-size:62px; color:#FFF; padding-bottom:30px; padding-top:24px; font-weight:normal;font-weight:normal; }
#internastitulos-aviao h2{font-family:'Helv'; font-size:24px; color:#E9F8F8; font-weight:normal; }

.txtcnpj{font-family:'franklin-demi'; font-size:12px; color:#999; text-align:center; padding-bottom:16px; padding-top:4px; font-weight:normal;}

/**


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}