@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/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;
}


/* CSS Document */

#iconegquemsomos2{display:none;}

@media (max-width: 680px) {

/* CONTATO OK  */

#barraazulinternascontato-ok{width:100%; min-height:500px; background-color:#21BBBA; padding-top:20px; padding-bottom:50px;}
#iconeaviao{max-width:240px; min-height:200px; float:none; padding-right:0px; margin:0 auto; padding-top:30px;}
#blocoaviao{max-width:600px; height:auto; float:none;}
#internastitulos-aviao{max-width:86%; 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;  }
#internastitulos-aviao h2{font-family:'Helv'; font-size:24px; color:#E9F8F8; font-weight:normal; }



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


#iconecriacaositesm2{ display:block; width:195px; height:auto; margin:0 auto;}				
	
#iconecriacaositesm{display:none;}				
#menutam{width:100%; height:auto; margin:0 auto; }

 #bglogo{width:226px; height:auto; float:left; margin-left:20px; }

.fixed h1{width:226px; height:27px; background-image:url(imgs/logo-branco-480.png); float:left; background-repeat:no-repeat; margin-top:18px;}

.homeicone {display:none;}
.agenciaicone{display:none;}
.servicosicone{display:none;}
.portifolioicone{display:none;}
.contatoicone{display:none;}


.fixed ul{border:none;   }
.fixed li {text-decoration:none; color:#fff;   }
.fixed li a{text-decoration:none; color:#fff; }
.fixed li a:hover{text-decoration:none;  text-decoration:none; color:#fff; background-color: rgba(51, 51, 51, 0.8)  }

.fixed {
position: fixed;
left: 0;
width: 100%;
height: 60px;
box-shadow: 0 0 40px #222;
-webkit-box-shadow: 0 0 40px #222;
-moz-box-shadow: 0 0 40px #222; background-color: rgba(51, 51, 51, 0.8); 
}

.fixed nav{margin-top:0px;}




.bglogo{width:226px; height:78px; background-image:url(imgs/logo-agenciabemcriativa-480.png); float:left; background-repeat:no-repeat; margin-top:18px;  }
 
 
#meiointernas-mkt{width:100%; height:auto; background-color:#F8F8F8; padding-top:40px; padding-bottom:70px; }  
 
#logoagencia{float: left; padding-top: 18px; margin-left:20px;  max-width:245px; height:auto;}
#logoagencia img{margin-left:20px;  width:150px; height:auto;}
#menutop{display:none;}
 
#internastitulos{max-width:480px; min-height:346px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat; padding-top:48px; background-position:center top;} 
#internastitulos-criacaosites{max-width:480px; min-height:346px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat; padding-top:48px; background-position:center top; } 
 
 #sobre{max-width:480px; height:auto;  padding-top:30px; margin:0 auto; padding-bottom: 70px; padding-left:20px; padding-right:20px;}
#sobre h1{font-family:'franklin-demi'; font-size:19px; color:#414141; text-align:center; border-bottom:solid 1px #ccc; width:auto; padding-bottom:0px;  margin: 0 auto;}
#sobre span{font-family:'franklin-demi'; font-size:19px; color:#414141; border-bottom:solid 4px #414141; padding-bottom:11px;}
#sobre h2{font-family:'Helv'; font-size:18px; color:#414141; text-align:center; font-weight:100; padding-top:30px; font-weight:normal; }
.btconhecahome{font-family:'Helv'; font-size:18px; color:#414141; text-align:center; font-weight:100; max-width:220px; padding-top:50px; margin:0 auto }
.btconhecahome a{font-family:'Helv'; font-size:18px; 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;}
.btconhecahome a:hover{font-family:'Helv'; font-size:18px; 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;}

/* titulos internas*/



/* nosso serviços*/
#nossosservicoshome{max-width:480px; min-height:650px; padding-top:20px; padding-bottom:20px; margin:0 auto;}
#nossosservicoshome h1{font-family:'franklin-demi'; font-size:24px; color:#414141;  text-align:center; background-image:url(imgs/linha.png); background-repeat:no-repeat; background-position:center top; }
#nossosservicoshome h2{font-family:'Helv'; font-size:18px; color:#414141; text-align:center; font-weight:100; margin-bottom:60px; font-weight:normal;} 
#servicos{width:330px; min-height:180px; float:none; padding-left:20px; padding-right:20px; padding-bottom:55px; margin:0 auto;}
#servicos h1{font-family:'Helv'; font-size:26px; text-align:center; font-weight:normal; color:#414141;}
 #servicos h2{font-family:'Helv'; font-size:22px; text-align:center; font-weight:normal; color:#414141; margin-top:20px; margin-bottom:0px; padding-bottom:17px; }

/* portifolio */

#portifoliohome{max-width:480px; min-height:400px; padding-top:28px; padding-bottom:40px; margin:0 auto;}
#portifoliohome h1{font-family:'franklin-demi'; font-size:22px; color:#414141;  text-align:center; background-image:url(imgs/linha2.png); background-repeat:no-repeat; background-position:center top; }
#portifoliohome h2{font-family:'Helv'; font-size:18px; color:#414141; text-align:center; font-weight:100; margin-bottom:60px; width:300px; margin:0 auto; padding-bottom:50px; padding-top:4px; font-weight:normal;}
#figure{max-width:334px; height:250px; float:none; margin:0 auto; padding-left:10px; padding-right:10px; margin-bottom:20px;  } 
 
/* contato */ 

#contato{width:100%; height:auto; background-color:#21BBBA; padding-top:20px; padding-bottom:60px;}
#contatohome{max-width:380px; height:700px; margin:0 auto; padding-bottom:48px; padding-top:10px;}
#contatohome h1{font-family:'franklin-demi'; font-size:22px; color:#FFF;  text-align:center; background-image:url(imgs/linha.png); background-repeat:no-repeat; background-position:center top; padding-bottom:0px;  }
#contatohome h2{font-family:'Helv'; font-size:18px; color:#FFF; text-align:center; font-weight:100; padding-top:0px; width:320px; margin:0 auto; padding-top:4px;  font-weight:normal;}
#formulario{max-width:480px; height:500px; float:none; padding-top:30px; margin-right:0px; margin:0 auto;}
.contatoformtxt1{width:380px; 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-bottom:27px; }
.contatoformtxt2{width:380px; 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:380px; 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:380px; 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:380px; 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:1px;}
#endereco{width:400px; height:260px; float:none; padding-top:36px; margin:0 auto}


 .textrdp4{font-family:'Helv'; font-size:18px; color:#666; text-align:center; padding-top:27PX; width:300px; margin:0 auto}

 #internas{width:100%; min-height:480px; background-color:#585858; padding-top:40px; }
#cont{max-width:420px; min-height:234px; margin:0 auto;}
#direitos{width:100%; height:80px; background-color:#FFF; margin-top:40px; padding-top:0PX;  }
#direitosh{width:100%; height:80px; background-color:#FFF; margin-top:10px; padding-top:0PX;padding-bottom:8px; }

#cont1 {width:350px; height:100px; float:none; background-image:none; background-repeat:repeat-y; background-position:right; margin-top:0px; margin-bottom:0px; margin:0 auto; padding-bottom:40px;}
#cont2 {width:350px; height:100px; float:none; background-image:none; background-repeat:repeat-y; background-position:right; margin-top:0px; margin-bottom:0px; margin:0 auto; padding-bottom:40px;}
#cont3 {width:320px; height:100px; float:none; padding-top:0px; margin:0 auto;}
.iconsredes{float:left; margin-left:85px; margin-top:10px;  }
 /* quem somos */

 #barraazulinternasquemsomos{width:100%; height:auto; background-color:#21BBBA; position:static; padding-bottom:40px;}
 
 #internastitulos-quemsomos{max-width:420px; min-height:264px; margin:0 auto;  padding-top:35px;}
#internastitulos-quemsomos h1{font-family:'franklin-demi'; font-size:24px; color:#FFF; padding-bottom:30px; padding-top:0px;  text-align:center; }
#internastitulos-quemsomos h2{font-family:'Helv'; font-size:20px; color:#fff; text-align:center; font-weight:normal;}
#iconegquemsomos{display:none;}
#iconegquemsomos2{display:block; margin:0 auto;  max-width:300px; padding-top:50px;}
#iconegquemsomos2 img{width:100%; height:auto;}

#conteudomeiointernas{max-width:86%; padding-left:7%; padding-right:7%; height:auto; margin:0 auto;}
#somosum{max-width:420px; min-height:150px; border-right: solid 0px #CCCCCC; float:none;  padding-top:20px; padding-right:0px; padding-bottom:10px; margin-bottom:10px; }
#somosum h1{text-align:left;}
#somosdois{max-width:420px; min-height:150px; border-right: solid 0px #CCCCCC; float:none;  padding-top:20px; padding-right:0px; padding-left:0px; padding-bottom:10px; margin-bottom:10px;}
#somosdois h1{text-align:left;}
#somostres{max-width:420px; min-height:60px; float:left; padding-left:0px; padding-top:20px; margin-top:5px; padding-bottom:10px; margin-bottom:10px;}
#somostres h1{text-align:left;}
#circulos{max-width:420px; height:auto; margin:0 auto; margin-top:50px;}
#somosum h2{font-family:'Helv'; font-size:18px; color:#414141; }
#somosdois h2{font-family:'Helv'; font-size:18px;color:#414141; }
#somostres h2{font-family:'Helv'; font-size:18px; color:#414141;}
	
.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:0px;
  border:solid 10px #FFFFFF; margin-left:80px; margin-bottom:40px;

  }
  

.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;
    border:solid 10px #FFFFFF; margin-left:80px; margin-bottom:40px;

  }
.txt7{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:40px; }
 
 /* seviços */
 
 
#conteudomeiointernas-serv{max-width:100%; height:auto; margin:0 auto;}
#conteudomeiointernas-serv img{float:left; padding-right:20px; padding-bottom:60px;  margin-bottom:35px;}
#conteudomeiointernas-serv h1{font-family:'Helv'; font-size:24px;  color:#414141; margin-bottom:20px;}
#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:86%; height:auto; float:left; padding-right:7%; padding-top:30px;  padding-left:7%;  padding-top:10px; padding-bottom:10px;}
#blocosinternasservicos:hover{width:86%; height:auto; float:left; 9 padding-top:30px;  padding-right:7%; padding-left:7%; background-color:#FFF; padding-top:10px; padding-bottom:10px;}

#blocosinternasservicos2{width:86%; height:auto; float:left; padding-right:7%; padding-top:30px;  padding-left:7%;  padding-top:10px; padding-bottom:10px;}
#blocosinternasservicos2:hover{width:86%; height:auto; float:left; padding-right:7%; padding-left:7%; padding-top:30px;  background-color:#FFF; padding-top:10px; padding-bottom:10px;} 
 
 
 .internastitulosh1{font-family:'franklin-demi'; font-size:36px; color:#FFF;  text-align:center; border-bottom:solid 1px #91E5E4; padding-bottom:35px;  width:330px;   }
.internastitulosh2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; margin-top:50px; padding-right:40px; padding-left:40px;font-weight:normal;}
.txt7-serv{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:30px; }


/* serviçcos criação de sites  */
#meiointernas-criacaosite{width:100%; height:auto; background-color:#F8F8F8; padding-top:45px; padding-bottom:50px; } 
#internastitulos-criacaosites{max-width:480px; min-height:490px; 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:36px; color:#FFF; padding-bottom:34px; padding-top:24px; text-align:center;}
#internastitulos-criacaosites h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; width:380px; margin:0 auto; font-weight:normal;}
#internastitulos-criacaosites img{  padding-top:20px; }

#cricacao_dir{max-width:100%; min-height:100px; float:none; border-right:solid 0px #CCCCCC; padding-right:5px; padding-left:5px; margin-right:0px; padding-bottom:35px;   }
#cricacao_dir h1{font-family:'franklin-demi'; font-size:20px; color:#666666; padding-bottom:20px;}
#cricacao_dir article{font-family:'Helv'; font-size:18px; color:#666666; padding-bottom:0px;  }
#cricacao_esq{max-width:100%; min-height:100px; float:none; padding-right:5px; padding-left:5px; padding-bottom:20px; }
#cricacao_esq h1{font-family:'franklin-demi'; font-size:20px; color:#666666; padding-bottom:20px;}
#cricacao_esq article{font-family:'Helv'; font-size:18px; color:#666666;}
#cricaosites_cinza{width:100%; height:100px; padding-top:20px; padding-bottom:0px; background-color:#F8F8F8; margin-bottom:40px; margin-top:20px;  }
#cricaosites_cinzainternto{max-width:100%; min-height:150px; margin:0 auto;}
#cricaosites_cinzainternto2{max-width:86%; height:auto; float:none; margin:0 auto;}
#cricaosites_cinzainternto h3{font-family:'franklin-demi'; font-size:23px; color:#666666; padding-bottom:20px;  }
#cricaosites_cinzainternto article{font-family:'Helv'; font-size:18px; color:#666666;  }
#cricaosites_cinzainternto img{float:none; position:relative; top:-470px; padding-left:120px;}


/* serviços emailmarketing*/

#internastitulos-emailmarketing{max-width:100%; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;  padding-top:38px;}
#internastitulos-emailmarketing h1{font-family:'franklin-demi'; font-size:38px; color:#FFF;  text-align:center;  margin-bottom:20px; }
#internastitulos-emailmarketing h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; width:400px; margin:0 auto;}



#blocosinternasservicosmarketing{width:86%; height:auto; float:left; padding-right:7%; padding-top:30px;  padding-left:7%; margin-bottom:35px; }
#blocosinternasservicosmarketing:hover{width:86%; height:auto; float:left; padding-right:7%; padding-left:7%;padding-top:30px;  margin-bottom:35px;background-color:#FFF; }

#blocosinternasservicosmarketing2{width:86%; height:auto; float:left; padding-right:7%; padding-top:30px;  padding-left:7%; margin-bottom:35px;  }
#blocosinternasservicosmarketing2:hover{width:86%; height:auto; float:left; padding-top:30px; padding-right:7%; padding-left:7%;; margin-bottom:35px;background-color:#FFF; } 

#conteudomeiointernas-mkt{max-width:100%; height:auto; margin:0 auto; padding-left:2%; padding-right:2%;}
#conteudomeiointernas-mkt img{float:left; padding-right:20px; padding-bottom:78px; margin-bottom:70px;}
#conteudomeiointernas-mkt h1{font-family:'Helv'; font-size:22px;  color:#414141; margin-bottom:20px;}
#conteudomeiointernas-mkt article{font-family:'Helv'; font-size:18px;  color:#414141;}
#conteudomeiointernas-mkt article a{font-family:'Helv'; font-size:18px;  color:#414141; text-decoration:none;}
#conteudomeiointernas-mkt article a:hover{font-family:'Helv'; font-size:18px;  color:#000; text-decoration:none;}

#sectiontitumkt{width:90%; height:auto; padding-left:5%; padding-right:5%}



/* SERVIÇOS LOJA VIRTUAL E GOOGLE  e IDENTIDADE VISUAL */

#barraazulinternas-lojagoogle{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }

#internastitulos-identidadevisual{max-width:100%; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;  padding-top:38px;}
.iconprincipal-lojavirtual{margin-bottom:28px; margin:0 auto;}

#meiointernas-lojas{width:100%; height:auto; background-color:#F8F8F8; padding-bottom:130px; }

#conteudomeiointernas-lojavitual-cinza{width:86%; height:auto; background-color:#EFEFEF; padding-top:30px; padding-bottom:25px; margin-bottom:40px; padding-left:7%; padding-right:7%;}  
#conteudomeiointernas-lojavitual{max-width:100%; height:auto; margin:0 auto; padding:0px;}
#conteudomeiointernas-lojavitual h1{font-family:'franklin-demi'; font-size:24px;  color:#666; margin-bottom:22px;}
#conteudomeiointernas-lojavitual h2{font-family:'franklin-demi'; font-size:18px;  color:#666; margin-bottom:36px; margin-top:46px; }
#conteudomeiointernas-lojavitual article{font-family:'Helv'; font-size:18px;  color:#414141;}

#conteudomeiointernas-lojavitual 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; max-width:100%; margin-right:0px; }

#conteudomeiointernas-lojavitual2{max-width:100%; height:auto; margin:0 auto; padding:0px; padding-left:7%; padding-right:7%;}
#conteudomeiointernas-lojavitual2 h1{font-family:'franklin-demi'; font-size:26px;  color:#666; margin-bottom:18px;}
#conteudomeiointernas-lojavitual2 ul li{font-family:'Helv'; font-size:18px; color:#666; background-image:url(imgs/marcador-lojavirtual2.png); background-repeat:no-repeat; list-style:none; padding-left:32px; padding-bottom:16px; width:auto; display:inline-table;}

.imagem-lojavirtual{float:none;  position:relative; padding-left:30px; width:80%;}

#google1{max-width:100%; height:100px; float:none; padding-right:0px; }
#google2{max-width:100%; height:100px; float:none; }
.txt12{font-family:'franklin-demi'; font-size:30px;  color:#FFF; background-color:#585858; padding:10px 16px; border-radius:60%; float:left; margin-right:20px; margin-bottom:20px;}
.txt13{font-family:'Helv'; font-size:18px;  color:#666; }


#internastitulos-identidadevisual{max-width:100%; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;  padding-top:38px;}
#internastitulos-identidadevisual h1{font-family:'franklin-demi'; font-size:36px; color:#FFF;  text-align:center;  margin-bottom:20px;}
#internastitulos-identidadevisual h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; font-weight:normal; width:400px; }
.txt7-l{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:70px; }
.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';}

/**/
#barraazulinternas-ident{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }
#meiointernas-ident{width:86%; height:auto; background-color:#F8F8F8; padding-top:40px; padding-bottom:130px; padding-left:7%; padding-right:7%;}
#conteudomeiointernas-identidadevisual-bloco {width:auto; min-height:580px; 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:auto; display:inline-table; margin-right:35px;}

#servicospacote{width:auto; height:auto; float:none; padding:20px 0px 0px 20px;}
#imagemservicospacotes{float:none; margin:0 auto; width:300px; height:197px; padding-top:30px; padding-bottom:30px;}
#imagemservicospacotes img{float:none; width:100%; height:100%; }
.txt10{font-family:'franklin-demi'; font-size:20px;  color:#666; font-weight:normal; margin-bottom:25px; }


#conteudomeiointernas-identidadevisual h1{font-family:'franklin-demi'; font-size:24px;  color:#666; font-weight:normal; margin-bottom:16px;}
#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;}


/* campnhas google */

#barraazulinternas-cg{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }
.imagempcgooglepag{float:none; margin-bottom:50px; margin-left:20px; }

#blocoscampanhasgoogle{max-width:170px; height:auto; float:left; padding-bottom:30px; padding-top:20px; padding-left:15px;}
#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:170px; height:auto; float:left; margin-left:30px; padding-bottom:30px; padding-top:20px; padding-left:15px;}
#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:170px; height:auto; float:left; margin-left:0px;padding-left:15px;}
#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:170px; height:auto; float:left; margin-left:30px;padding-left:15px;}
#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;}
.txt7_3-g{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:100px; }


/*SERVIÇOS GESTÃO SOCIAL*/

#meiointernas-redessociais{width:86%; height:auto; background-color:#F8F8F8; padding-top:80px; padding-bottom:130px; padding-left:7%; padding-right:7%;  }
#meiointernas-redessociais h1{font-family:'franklin-demi'; font-size:19px;  color:#666; font-weight:normal; margin-bottom:26px;  }
#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:auto; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;  padding-top:26px; background-position:center top;}
#internastitulos-redessociais h1{font-family:'franklin-demi'; font-size:36px; color:#FFF;  text-align:center;  margin-bottom:20px;}
#internastitulos-redessociais h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; font-weight:normal; width:400px; margin:0 auto; }
.iconprincipal-redessociais{padding-left:434px; margin-bottom:28px;}
#imgredsocialg{ max-width:246px; height:238px; float:none; margin:0 auto;}
#imgredsocialg img{width:100%; height:100%;padding-top:50px; }



/* portifolio e clientes */

#barraazulinternas-pc{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }
#internastitulos-pc{max-width:100%; min-height:246px; margin:0 auto;  }
#internastitulos-pc h1{font-family:'franklin-demi'; font-size:30px; color:#FFF; text-align:center;  margin-bottom:20px; margin-top:0px; padding-top:40px; }
#internastitulos-pc h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center;  font-weight:normal;}
#blocotitulos-pc{width:80%; height:auto; float:none; padding-left:10%; padding-right:10%}
#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:80px;}
#conteudomeiointernas-pc h1{font-family:'franklin-demi'; font-size:32px;  color:#666; font-weight:normal; }
#conteudomeiointernas-pc article{font-family:'Helv'; font-size:18px;  color:#414141;}

#iconebarrapc{max-width:360px; margin:0 auto;  float:none; position:relative;}
#iconebarrapc img{ width:100%; height:80%;}

/**/

.area-total-abas{width:auto; height:auto; padding-left:5%; padding-right:5%;}

      .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:14px;
                line-height:45px;
                cursor:pointer
            }
            .lista-abas > label span {
                display:block;
                padding:5px;
				margin-bottom:15PX; margin-right:-15px; margin-left:26px;
               
            }
            .lista-abas > label span span {
                padding:0 13px;
                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;
            }


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

#figure-p{max-width:335px; height:219px; float:left; margin-right:0px; margin-bottom:20px; margin-left:0px; }
figure.foto-legenda-p {position: relative;  z-index:5;}
figure.foto-legenda-p img {width: 100%; height:222px;}
figure.foto-legenda-p figcaption {
	opacity: 0;
	position: absolute;
	top: 0px;
	background-color: #24CDCD;
	width: 100%;
	height: 130px;
	padding: 10px;
	box-sizing: border-box;
	transition: opacity 1s; margin-top:92px; padding-bottom:5px;
}
figure.foto-legenda-p:hover figcaption {
	opacity: 1;
}
.txt4{font-family:'franklin-demi'; font-size:20px; color:#FFF; text-align:center;}
.txt5{font-family:'Helv'; font-size:18px; color:#FFF; font-weight:normal;  text-align:center;}

#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;}


 }




@media (min-width: 681px) and (max-width: 768px){
	
/* barra cinza internas  */

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

#iconecriacaositesm{display:none;}

.bglogo{width:226px; height:87px; background-image:url(imgs/logo-tab.png); float:left; background-repeat:no-repeat;   }

#internas{width:100%; min-height:530px; background-color:#585858; }
#cont{max-width:700px; min-height:234px; margin:0 auto;}
#direitos{width:100%; height:60px; background-color:#FFF; margin-top:40px; padding-top:0PX; }
#direitosh{width:100%; height:60px; background-color:#FFF; margin-top:10px; padding-top:0PX; padding-bottom:8px;}

#internastitulos{max-width:100%; min-height:410px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat; padding-top:48px; background-position:center top;} 
#internastitulos-criacaosites{max-width:100%; min-height:346px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat; padding-top:48px; background-position:center top; } 

#cont1 {width:350px; height:130px; float:left; background-image:url(imgs/linhasrodape.png); background-repeat:repeat-y; background-position:right; margin-top:25px;}
#cont2 {width:350px; height:130px; float:left; background-image:none; background-repeat:repeat-y; background-position:right; margin-top:25px; margin-bottom:40px;}
#cont3 {width:285px; height:200px; float:none; padding-top:25px; margin:0 auto;}

#meiointernas{width:100%; height:auto; background-color:#F8F8F8; padding-top:80px; padding-bottom:80px; } 
#meiointernas-mkt{width:100%; height:auto; background-color:#F8F8F8; padding-top:60px; padding-bottom:80px; } 

#meiointernas-criacaosite{width:100%; height:auto; background-color:#F8F8F8; padding-top:80px; padding-bottom:80px; } 

 #menutop{display:none;}
 
 #sobre h2{font-family:'Helv'; font-size:24px; color:#414141; text-align:center; font-weight:100; padding-top:30px; width:700px; margin:0 auto; font-weight:normal;}
 
 
 
 /* nosso serviços*/
#nossosservicoshome{max-width:760px; min-height:650px; padding-top:20px; padding-bottom:20px; 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; }
#nossosservicoshome h2{font-family:'Helv'; font-size:24px; color:#414141; text-align:center; font-weight:100; margin-bottom:60px; font-weight:normal;} 
#servicos{width:300px; height:310px; float:left; padding-left:40px; padding-right:40px; padding-bottom:20px; }
#servicos h1{font-family:'Helv'; font-size:26px; text-align:center; font-weight:normal; color:#414141;}
#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; }

#end1{width:300px; height:auto; float:left; padding-left:10px;}
#end2{width:300px; height:auto; float:left;}

/* portifolio */

#portifoliohome{max-width:760px; min-height:400px; padding-top:28px; 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; }
#portifoliohome h2{font-family:'Helv'; font-size:26px; color:#414141; text-align:center; font-weight:100; margin-bottom:60px; width:500px; margin:0 auto; padding-bottom:50px; padding-top:4px; font-weight:normal;}
#figure{max-width:760px; height:250px; float:left; margin:0 auto; padding-left:22px; padding-right:10px; margin-bottom:30px;  } 

/* contato */
#contato{width:100%; height:auto; background-color:#21BBBA; padding-top:20px; padding-bottom:70px;}
#contatohome{max-width:700px; min-height:700px; margin:0 auto; padding-bottom:60px; 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; padding-bottom:0px;  }
#contatohome h2{font-family:'Helv'; font-size:24px; color:#FFF; text-align:center; font-weight:100; padding-top:0px; width:540px; margin:0 auto; padding-top:4px; padding-bottom:20px;  font-weight:normal;}
#formulario{max-width:700px; height:320px; float:none; padding-top:30px; margin-right:0px; margin:0 auto;}
.contatoformtxt1{width:317px; height:45px; 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:317px; height:45px; 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:317px; height:45px; 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:317px; height:45px; 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:680px; height:150px; 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:15px;}

#endereco{width:680px; height:200px; float:left; padding-top:36px; margin:0 auto;}


/* quem somos */
 
 #barraazulinternasquemsomos{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }
 #internastitulos-quemsomos{max-width:700px; min-height:264px; margin:0 auto;  padding-top:35px;}
#internastitulos-quemsomos h1{font-family:'franklin-demi'; font-size:32px; color:#FFF; padding-bottom:30px; padding-top:0px; text-align:center;  }
#internastitulos-quemsomos h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; font-weight:normal;}


#conteudomeiointernas{max-width:86%; height:auto; margin:0 auto; padding-left:7%; padding-right:7%;}

#somosum{max-width:290px; min-height:180px; border-right: solid 1px #CCCCCC; float:left; padding-top:20px; padding-right:35px; padding-bottom:10px; margin-bottom:10px; }
#somosdois{max-width:290px; min-height:180px; border-right: solid 0px #CCCCCC; float:left; padding-top:20px; padding-right:0px; padding-left:40px; padding-bottom:10px; margin-bottom:10px;}
#somostres{max-width:670px; min-height:60px; float:left; padding-left:0px; padding-top:20px; margin-top:5px; padding-bottom:10px; margin-bottom:10px;}
#somostres h1{text-align:left;}
#circulos{max-width:700px; height:auto; margin:0 auto; margin-top:50px;}
#somosum h2{font-family:'Helv'; font-size:18px; color:#414141;}
#somosdois h2{font-family:'Helv'; font-size:18px; color:#414141;}
#somostres h2{font-family:'Helv'; font-size:18px; color:#414141;}

.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:0px;
  border:solid 10px #FFFFFF; margin-left:70px; margin-bottom:40px;

  }
  

.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;
    border:solid 10px #FFFFFF; margin-left:70px; margin-bottom:40px;

  }
.txt7{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:320px;}
.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;}

 /* seviços */
 
#conteudomeiointernas-serv{max-width:100%; height:auto; margin:0 auto;}
#conteudomeiointernas-serv img{float:left; padding-right:20px; padding-bottom:78px; margin-bottom:35px;}
#conteudomeiointernas-serv h1{font-family:'Helv'; font-size:26px;  color:#414141; margin-bottom:20px;}
#conteudomeiointernas-serv article{font-family:'Helv'; font-size:20px;  color:#414141; }
#conteudomeiointernas-serv article a{font-family:'Helv'; font-size:20px;  color:#414141; text-decoration:none;}
#conteudomeiointernas-serv article a:hover{font-family:'Helv'; font-size:20px;  color:#000; text-decoration:none;}
 
 #blocosinternasservicos{width:86%; height:auto; float:left; padding-right:7%; padding-top:30px;  padding-left:7%; padding-top:10px; padding-bottom:10px;}
#blocosinternasservicos:hover{width:86%; height:auto; float:left;  padding-top:30px; padding-right:7%; padding-left:7%;
background-color:#FFF; padding-top:10px; padding-bottom:10px;}

#blocosinternasservicos2{width:86%; height:auto; float:left; padding-right:7%; padding-top:30px;  padding-left:7%;  padding-top:10px; padding-bottom:10px;}
#blocosinternasservicos2:hover{width:86%; height:auto; float:left;  padding-top:30px;  padding-right:7%; padding-left:7%; background-color:#FFF; padding-top:10px; padding-bottom:10px;} 

.internastitulosh1{font-family:'franklin-demi'; font-size:50px; color:#FFF;  text-align:center; border-bottom:solid 1px #91E5E4; padding-bottom:35px;  width:400px; padding-top:50px;   }
.internastitulosh2{font-family:'Helv'; font-size:26px; color:#fff;  text-align:center; margin-top:50px; padding-right:40px; padding-left:40px; font-weight:normal;}

.txt7-serv{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:20px; }

/* serviçcos criação de sites  */
#meiointernas-criacaosite{width:100%; height:auto; background-color:#F8F8F8; padding-top:45px; padding-bottom:50px; } 
#internastitulos-criacaosites{max-width:100%; min-height:490px; 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;}
#internastitulos-criacaosites h2{font-family:'Helv'; font-size:26px; color:#fff;  text-align:center; width:680px; margin:0 auto; font-weight:normal;}
#internastitulos-criacaosites img{  padding-top:20px; }

#cricacao_dir{max-width:100%; min-height:100px; float:none; border-right:solid 0px #CCCCCC; padding-right:5px; padding-left:5px; margin-right:0px; padding-bottom:35px;   }
#cricacao_dir h1{font-family:'franklin-demi'; font-size:24px; color:#666666; padding-bottom:20px;}
#cricacao_dir article{font-family:'Helv'; font-size:18px; color:#666666; padding-bottom:0px;  }
#cricacao_esq{max-width:100%; min-height:100px; float:none; padding-right:5px; padding-left:5px; padding-bottom:200px; }
#cricacao_esq h1{font-family:'franklin-demi'; font-size:24px; color:#666666; padding-bottom:20px;}
#cricacao_esq article{font-family:'Helv'; font-size:18px; color:#666666;}
#cricaosites_cinza{width:100%; height:100px; padding-top:20px; padding-bottom:0px; background-color:#F8F8F8; margin-bottom:0px; margin-top:20px;  }
#cricaosites_cinzainternto{max-width:100%; min-height:150px; margin:0 auto; }
#cricaosites_cinzainternto2{max-width:86%; height:auto; float:none; margin:0 auto;}
#cricaosites_cinzainternto h3{font-family:'franklin-demi'; font-size:23px; color:#666666; padding-bottom:20px;  }
#cricaosites_cinzainternto article{font-family:'Helv'; font-size:18px; color:#666666;  }
#cricaosites_cinzainternto img{float:none; position:relative; top:-400px; padding-left:250px;}

/* serviços emailmarketing*/

#blocosinternasservicosmarketing{width:86%; min-height:110px; float:left; padding-right:7%; padding-top:30px;  padding-left:7%; margin-bottom:5px; }
#blocosinternasservicosmarketing:hover{width:86%; min-height:110px; float:left; padding-right:7%; padding-left:7%;padding-top:30px;  margin-bottom:5px;background-color:#FFF;}

#blocosinternasservicosmarketing2{width:86%; min-height:110px; float:left; padding-right:7%; padding-top:30px;  padding-left:7%; margin-bottom:5px;  }
#blocosinternasservicosmarketing2:hover{width:86%; min-height:110px; float:left; padding-top:30px; padding-right:7%; padding-left:7%;; margin-bottom:5px;background-color:#FFF;} 


#sectiontitumkt{width:86%; height:auto; padding-left:7%; padding-right:7%}

#internastitulos-emailmarketing{max-width:100%; 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;  margin-bottom:20px; }
#internastitulos-emailmarketing h2{font-family:'Helv'; font-size:24px; color:#fff;  text-align:center; width:670px; margin:0 auto; font-weight:normal; }


/* SERVIÇOS LOJA VIRTUAL E GOOGLE  e IDENTIDADE VISUAL */

#barraazulinternas-lojagoogle{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }

#internastitulos-identidadevisual{max-width:100%; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;  padding-top:38px;}
.iconprincipal-lojavirtual{margin-bottom:28px; margin:0 auto;}

#meiointernas-lojas{width:100%; height:auto; background-color:#F8F8F8; padding-bottom:130px; }

#conteudomeiointernas-lojavitual-cinza{width:86%; height:auto; background-color:#EFEFEF; padding-top:30px; padding-bottom:25px; margin-bottom:40px; padding-left:7%; padding-right:7%;}  
#conteudomeiointernas-lojavitual{max-width:100%; height:auto; margin:0 auto; padding:0px;}
#conteudomeiointernas-lojavitual h1{font-family:'franklin-demi'; font-size:24px;  color:#666; margin-bottom:22px;}
#conteudomeiointernas-lojavitual h2{font-family:'franklin-demi'; font-size:18px;  color:#666; margin-bottom:36px; margin-top:46px;}
#conteudomeiointernas-lojavitual article{font-family:'Helv'; font-size:18px;  color:#414141;}

#conteudomeiointernas-lojavitual 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; max-width:100%; margin-right:0px; }

#conteudomeiointernas-lojavitual2{max-width:100%; height:auto; margin:0 auto; padding:0px; padding-left:5%;}
#conteudomeiointernas-lojavitual2 h1{font-family:'franklin-demi'; font-size:26px;  color:#666; margin-bottom:18px;}
#conteudomeiointernas-lojavitual2 ul li{font-family:'Helv'; font-size:18px; color:#666; background-image:url(imgs/marcador-lojavirtual2.png); background-repeat:no-repeat; list-style:none; padding-left:32px; padding-bottom:16px; width:auto; display:inline-table;}

.imagem-lojavirtual{float:none;  position:relative; padding-left:130px; }

#internastitulos-identidadevisual h1{font-family:'franklin-demi'; font-size:36px; color:#FFF;  text-align:center;  margin-bottom:20px;}
#internastitulos-identidadevisual h2{font-family:'Helv'; font-size:24px; color:#fff;  text-align:center; font-weight:normal;  width:680px; margin:0 auto;}

#conteudomeiointernas-identidadevisual{max-width:92%; height:auto; margin:0 auto; padding:0px;}
#conteudomeiointernas-identidadevisual-bloco {width:100%; min-height:380px; background-color:#FFF; margin-top:50px; 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:auto; display:inline-table; margin-right:35px;}

#servicospacote{width:auto; height:auto; float:none; padding:20px 0px 0px 20px;}
#imagemservicospacotes{float:none; margin:0 auto; width:300px; height:197px; padding-top:70px; padding-bottom:30px; float:right; padding-right:25px; }
#imagemservicospacotes img{float:right; width:96%; height:96%;  }
#servicospacote ul{width:350px; height:auto; float:left; }

#meiointernas-ident{width:86%; height:auto; background-color:#F8F8F8; padding-top:40px; padding-bottom:100px; padding-left:7%; padding-right:7%;}


/* campnhas google */
#conteudomeiointernas-lojavitual2{max-width:100%; height:auto; margin:0 auto; padding:0px; padding-left:7%; padding-right:7%;}

#barraazulinternas-cg{width:100%; height:auto; background-color:#21BBBA; padding-bottom:30px; }
.imagempcgooglepag{float:none; margin-left:100px; margin-bottom:50px;}

#blocoscampanhasgoogle{width:320px; height:auto; float:left; padding-bottom:30px; margin-left:20px; padding-left:30px; padding-right:30px; padding-top:25px; }
#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{width:320px; height:auto; float:left; margin-left:0px; padding-bottom:30px; padding-left:30px; padding-right:30px; padding-top:25px;}
#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{width:320px; height:auto; float:left; margin-left:20px;padding-left:30px; padding-right:30px; }
#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{width:320px; height:auto; float:left; margin-left:0px;padding-left:30px; padding-right:30px;}
#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;}
.txt7_3-g{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:100px; }


/*SERVIÇOS GESTÃO SOCIAL*/

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

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


#barraazulinternas-pc{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }
#internastitulos-pc{max-width:100%; min-height:246px; margin:0 auto;  }
#internastitulos-pc h1{font-family:'franklin-demi'; font-size:40px; color:#FFF; text-align:center;  margin-bottom:20px; margin-top:0px; padding-top:40px; }
#internastitulos-pc h2{font-family:'Helv'; font-size:26px; color:#fff;  text-align:center;  font-weight:normal;}
#blocotitulos-pc{width:80%; height:auto; float:none; padding-left:10%; padding-right:10%}
#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:80px;}
#conteudomeiointernas-pc h1{font-family:'franklin-demi'; font-size:32px;  color:#666; font-weight:normal; }
#conteudomeiointernas-pc article{font-family:'Helv'; font-size:18px;  color:#414141;}

#iconebarrapc{max-width:360px; margin:0 auto;  float:none;  }
#iconebarrapc img{ width:100%; height:80%;}

/**/

.area-total-abas{width:auto; height:auto; padding-left:5%; padding-right:5%;}

      .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:15PX; margin-right:10px; margin-left:25px;
               
            }
            .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;
            }


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

#figure-p{max-width:320px; height:252px; 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;
}
#meioporthome{width:auto; margin:0 auto;}



#barraazulinternascontato-ok{width:100%; min-height:500px; background-color:#21BBBA; padding-top:20px }
#iconeaviao{max-width:240px; min-height:200px; float:none; padding-right:0px; margin:0 auto;}
#blocoaviao{max-width:600px; height:auto; float:none;}
#internastitulos-aviao{max-width:86%; 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;  }
#internastitulos-aviao h2{font-family:'Helv'; font-size:24px; color:#E9F8F8; font-weight:normal; }



}




@media (max-width: 380px) {
	
	#meioporthome{width:86%; margin:0 auto;}
#iconecriacaositesm{display:none;}	
	#bglogo{width:220px; height:auto; float:left; margin-left:0px; }

#meiointernas-ident{width:86%; height:auto; background-color:#F8F8F8; padding-top:40px; padding-bottom:130px; padding-left:7%; padding-right:7%;}
	
	
#internastitulos{max-width:auto; min-height:390px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat; padding-top:48px; background-position:center top;} 	
	#internastitulos-criacaosites{max-width:390px; min-height:346px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat; padding-top:48px; background-position:center top; } 

 #meiointernas{width:100%; height:auto; background-color:#F8F8F8; padding-top:80px; padding-bottom:70px; } 
 #meiointernas-mkt{width:100%; height:auto; background-color:#F8F8F8; padding-top:40px; padding-bottom:70px; } 
#menutop{display:none;}
#contato{width:100%; height:auto; background-color:#21BBBA; padding-top:20px; padding-bottom:60px;}
#contatohome{max-width:300px; height:700px; margin:0 auto; padding-bottom:48px; padding-top:10px;}
#contatohome h1{font-family:'franklin-demi'; font-size:22px; color:#FFF;  text-align:center; background-image:url(imgs/linha.png); background-repeat:no-repeat; background-position:center top; padding-bottom:0px;  }
#contatohome h2{font-family:'Helv'; font-size:18px; color:#FFF; text-align:center; font-weight:100; padding-top:0px; width:280px; margin:0 auto; padding-top:4px;  font-weight:normal;}
#formulario{max-width:300px; height:500px; float:none; padding-top:30px; margin-right:0px; margin:0 auto;}
.contatoformtxt1{width:280px; 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-bottom:27px; }
.contatoformtxt2{width:280px; 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:280px; 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:280px; 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:280px; height:122px; outline:none; border:none; background-color:#F9F9F9; color:#414141; font-size:16px; font-family:'Helv'; padding:10px; margin-bottom:27px;  }
#endereco{width:280px; height:260px; float:none; padding-top:36px; margin:0 auto}

#internas{width:100%; min-height:480px; background-color:#585858; padding-top:40px; }
#cont{max-width:300px; min-height:234px; margin:0 auto;}
#direitos{width:100%; height:80px; background-color:#FFF; margin-top:40px; padding-top:0PX; }
#direitosh{width:100%; height:80px; background-color:#FFF; margin-top:10px; padding-top:0PX; padding-bottom:8px;}

#cont1 {width:350px; height:100px; float:none; background-image:none; background-repeat:repeat-y; background-position:right; margin-top:0px; margin-bottom:0px; margin:0 auto; padding-bottom:40px;}
#cont2 {width:350px; height:100px; float:none; background-image:none; background-repeat:repeat-y; background-position:right; margin-top:0px; margin-bottom:0px; margin:0 auto; padding-bottom:40px;}
#cont3 {width:320px; height:100px; float:none; padding-top:0px; margin:0 auto;}
.iconsredes{float:left; margin-left:85px; margin-top:10px;  }


 .textrdp4{font-family:'Helv'; font-size:18px; color:#666; text-align:center; padding-top:27PX; width:280px; margin:0 auto}

/* quem somos */
 
 #barraazulinternasquemsomos{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }

#conteudomeiointernas{max-width:86%; height:auto; margin:0 auto; padding-left:7%; padding-right:7%;} 
  #internastitulos-quemsomos{max-width:270px; min-height:264px; margin:0 auto;  padding-top:35px;}


#circulos{max-width:320px; height:auto; margin:0 auto; margin-top:50px;}

.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:0px;
  border:solid 10px #FFFFFF; margin-left:40px; margin-bottom:40px;

  }
  

.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;
    border:solid 10px #FFFFFF; margin-left:40px; margin-bottom:35px;

  }
.txt7{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:40px; }
.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:280px;}

#cont1 {width:300px; height:100px; float:none; background-image:none; background-repeat:repeat-y; background-position:right; margin-top:0px; margin-bottom:0px; margin:0 auto; padding-bottom:40px;}
#cont2 {width:300px; height:100px; float:none; background-image:none; background-repeat:repeat-y; background-position:right; margin-top:0px; margin-bottom:0px; margin:0 auto; padding-bottom:40px;}
#cont3 {width:300px; height:100px; float:none; padding-top:0px; margin:0 auto;}
.iconsredes{float:left; margin-left:85px; margin-top:10px;  }
.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;}
.iconsrdp{padding-left:30px; margin-right:14px; float:left; padding-top:4px;}
.iconsrdp2{padding-left:62px; margin-right:14px; float:left; padding-top:4px; margin-bottom:10px;}
.iconsredes{float:left; margin-left:78px; margin-top:10px;  }

 /* seviços */
 
 #conteudomeiointernas-serv{max-width:100%; height:auto; margin:0 auto;}
#conteudomeiointernas-serv img{float:left; padding-right:20px; padding-bottom:78px; margin-bottom:45px;}
#conteudomeiointernas-serv h1{font-family:'Helv'; font-size:24px;  color:#414141; margin-bottom:20px;}
#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:86%; height:auto; float:left; padding-right:7%; padding-top:30px;  padding-left:7%; padding-top:10px; padding-bottom:10px;}
#blocosinternasservicos:hover{width:86%; height:auto; float:left; padding-right:7%; padding-left:7%; padding-top:30px;   background-color:#FFF; padding-top:10px; padding-bottom:10px;}

#blocosinternasservicos2{width:86%; min-height:auto; float:left; padding-right:7%; padding-top:30px;  padding-left:7%;  padding-bottom:10px; padding-top:10px;}
#blocosinternasservicos2:hover{width:86%; height:auto; float:left;  padding-top:30px;  padding-right:7%; padding-left:7%; background-color:#FFF; padding-top:10px; padding-bottom:10px;}

.internastitulosh1{font-family:'franklin-demi'; font-size:30px; color:#FFF;  text-align:center; border-bottom:solid 1px #91E5E4; padding-bottom:35px;  width:280px;   }
.internastitulosh2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; margin-top:50px; padding-right:20px; padding-left:20px; font-weight:normal;}

.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 0PX; border-radius: 20px; width:270px;}

.txt7-serv{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:60px; }

/* serviçcos criação de sites  */
#cricaosites_cinzainternto2{max-width:84%; height:auto; float:none; margin:0 auto; }

#internastitulos-criacaosites{max-width:300px; min-height:490px; 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:32px; color:#FFF; padding-bottom:34px; padding-top:15px; text-align:center;}
#internastitulos-criacaosites h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; width:270px; margin:0 auto; font-weight:normal; font-weight:normal;}
#internastitulos-criacaosites img{  padding-top:20px; }
#cricaosites_cinza{width:100%; height:100px; padding-top:20px; padding-bottom:30px; background-color:#F8F8F8; margin-top:20px; }
#cricaosites_cinzainternto img{top:-550px; padding-left:60px;}

/* serviços email mkt */

#blocosinternasservicosmarketing{width:90%; min-height:230px; float:left; padding-right:5%; padding-top:30px;  padding-left:5%; margin-bottom:5px; padding-bottom:30px;}
#blocosinternasservicosmarketing:hover{width:90%; min-height:230px; float:left; padding-top:30px;padding-right:5%; padding-left:5%;  margin-bottom:5px;background-color:#FFF; padding-bottom:30px;}

#blocosinternasservicosmarketing2{width:90%; min-height:230px; float:left; padding-right:5%; padding-top:30px;  padding-left:5%; margin-bottom:5px; padding-bottom:30px; }
#blocosinternasservicosmarketing2:hover{width:90%; min-height:230px; float:left;  padding-top:30px; padding-right:5%; padding-left:5%;  margin-bottom:5px;background-color:#FFF; padding-bottom:30px;} 

#internastitulos-emailmarketing{max-width:100%; min-height:246px; margin:0 auto; background-image:url(imgs/firulas.png); background-repeat:no-repeat;  padding-top:38px;}
#internastitulos-emailmarketing h1{font-family:'franklin-demi'; font-size:38px; color:#FFF;  text-align:center;  margin-bottom:20px; }
#internastitulos-emailmarketing h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; width:270px; margin:0 auto; font-weight:normal}


/* loja virtual e identidade visual */

#barraazulinternas-lojagoogle{width:100%; min-height:auto; background-color:#21BBBA; padding-bottom:40px; }

#iconebarralojavirtual{max-width:300px; margin:0 auto; padding-bottom:30px;}
#iconebarralojavirtual img{width:96%;}

.txt7-l{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:70px; }
.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 0px; border-radius: 20px; width:280px;}
.txt8-l a{text-decoration:none ; color:#fff; font-family:'Helv'; }
.txt8-l a:hover{text-decoration:none; color:#fff; font-family:'Helv';}

#internastitulos-identidadevisual h1{font-family:'franklin-demi'; font-size:28px; color:#FFF;  text-align:center;  margin-bottom:20px;}
#internastitulos-identidadevisual h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; font-weight:normal; width:280px; }

#conteudomeiointernas-identidadevisual-bloco {width:auto; min-height:660px; 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:auto; display:inline-table; margin-right:35px;}

#servicospacote{width:auto; height:auto; float:none; padding:20px 0px 0px 20px;}
#imagemservicospacotes{float:none; margin:0 auto; width:300px; height:197px; padding-top:30px; padding-bottom:30px;}
#imagemservicospacotes img{float:none; width:80%; height:80%; padding-left:8% }
#servicos{width:280px; min-height:180px; float:none; padding-left:20px; padding-right:20px; padding-bottom:55px; margin:0 auto; }

/* campanhas google */
#conteudomeiointernas-lojavitual h1{font-family:'franklin-demi'; font-size:22px;  color:#666; margin-bottom:22px;}

#conteudomeiointernas-lojavitual2{max-width:100%; height:auto; margin:0 auto; padding:0px; padding-left:7%; padding-right:7%;}

.imagempcgooglepag{float:none; margin-left:0px; margin-bottom:50px; width:96%; height:96%;}

#blocoscampanhasgoogle{width:130px; height:auto; float:left; padding-bottom:30px; padding-top:20px; margin:0 auto;}
#blocoscampanhasgoogle img { text-align:center; margin-top:20px; padding-bottom:8px; width:65%; height:70% }
#blocoscampanhasgoogle {font-family:'franklin-demi'; font-size:18px;  color:#666; text-align:center; font-weight:normal; }

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

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

#blocoscampanhasgoogle4{width:130px; height:auto; float:left; margin-left:0px; }
#blocoscampanhasgoogle4 img { text-align:center; margin-top:20px; padding-bottom:8px; width:55%; height:55% }
#blocoscampanhasgoogle4 {font-family:'franklin-demi'; font-size:18px;  color:#666; text-align:center; font-weight:normal;}
.txt7_3-g{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:100px; }


/* gestao redes sociais */
#meiointernas-redessociais{width:86%; height:auto; background-color:#F8F8F8; padding-top:40px; padding-bottom:130px; padding-left:7%; padding-right:7%;  }

#internastitulos-redessociais h1{font-family:'franklin-demi'; font-size:36px; color:#FFF;  text-align:center;  margin-bottom:20px;}
#internastitulos-redessociais h2{font-family:'Helv'; font-size:20px; color:#fff;  text-align:center; font-weight:normal; width:300px; margin:0 auto; }

#barraazulinternas-grs{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }




/* por */
#barraazulinternas-pc{width:100%; height:auto; background-color:#21BBBA; padding-bottom:40px; }
#iconebarrapc{max-width:300px; margin:0 auto;  float:none;  }
#iconebarrapc img{ width:100%; height:80%;}

/**/

.area-total-abas{width:auto; height:auto; padding-left:5%; padding-right:5%;}

      .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:12px;
                line-height:40px;
                cursor:pointer
            }
            .lista-abas > label span {
                display:block;
                padding: 5px;
				margin-bottom:15PX; margin-right:0px; margin-left:5px;
               
            }
            .lista-abas > label span span {
                padding:0 12px;
                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;
            }


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

#figure-p{max-width:335px; height:223px; 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: 220px;}
figure.foto-legenda-p figcaption {
	opacity: 0;
	position: absolute;
	top: 0px;
	background-color: #24CDCD;
	width: 100%;
	height: 140px;
	padding: 10px;
	box-sizing: border-box;
	transition: opacity 1s; margin-top:80px;
}
figure.foto-legenda-p:hover figcaption {
	opacity: 1;
}

 #bglogo{width:226; height:auto; float:left; margin-left:20px; padding-bottom:5px; }

.fixed h1{width:245px; height:27px; background-image:url(imgs/logo-branco-480.png); float:left; background-repeat:no-repeat; margin-top:18px;}

.bglogo{width:245px; height:78px; background-image:url(imgs/logo-agenciabemcriativa-480.png); float:left; background-repeat:no-repeat; margin-top:18px;  }

.fixed {
position: fixed;
left: 0;
width: 100%;
height: 60px;
box-shadow: 0 0 40px #222;
-webkit-box-shadow: 0 0 40px #222;
-moz-box-shadow: 0 0 40px #222; background-color: rgba(51, 51, 51, 0.8); 
}
.fixed nav{margin-top:0px;}

#linksite{width:48px; height:48px; background-image:url(imgs/icon-link-portifolio.png); float:left; margin-left:120px; margin-top:10px; margin-bottom:15px;}
#linkvisualizar{width:48px; height:48px; background-image:url(imgs/icon-lupa-portifolio.png);  float:left; margin-left:120px;  margin-top:10px; margin-bottom:15px;}

.txt7_2{font-family:'franklin-demi'; font-size:18px; color:#666666; font-weight:normal;  text-align:center; padding-top:40px; }
#conteudomeiointernas-mkt img{float:left; padding-right:20px; padding-bottom:78px; margin-bottom:165px;}

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

}



@media (width: 375px) {
#meioporthome{width:auto; margin:0 auto;}
#figure-p{max-width:335px; height:260px; float:left; margin-right:0px; margin-bottom:20px; margin-left:20px;}
figure.foto-legenda-p {position: relative;  z-index:5;}
figure.foto-legenda-p img {width: 100%; height: 245px;}
figure.foto-legenda-p figcaption {
	opacity: 0;
	position: absolute;
	top: 0px;
	background-color: #24CDCD;
	width: 100%;
	height: 140px;
	padding: 10px;
	box-sizing: border-box;
	transition: opacity 1s; margin-top:105px;
}
figure.foto-legenda-p:hover figcaption {
	opacity: 1;
}


#barraazulinternascontato-ok{width:100%; min-height:500px; background-color:#21BBBA; padding-top:20px; padding-bottom:70px;}
#iconeaviao{max-width:240px; min-height:200px; float:none; padding-right:0px; margin:0 auto; padding-top:30px;}
#blocoaviao{max-width:600px; height:auto; float:none;}
#internastitulos-aviao{max-width:86%; 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;  }
#internastitulos-aviao h2{font-family:'Helv'; font-size:24px; color:#E9F8F8; font-weight:normal; }


}




/*


@media (max-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}