@charset "utf-8";
/* CSS Document */

/*Tablet*/
@media only screen and (min-width: 1100px) and (max-width: 1475px) {
.ilustramao{ right:-20%;}
.boxTelefones a{font-size:100%;}
.boxTelefones p {font-size:120%; height:40px;}
.boxTelefones {width:auto; float:right;}
.envolveTels {width:50%; float:left}
.telefones {background-position: 10% top; }
}
/*Tablet*/
@media only screen and (min-width: 769px) and (max-width: 1100px) {
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%;}
.contentTop {width:90%; float:left; margin-left:5%;}
.painel h2 {width:320px; margin-top:200px;}
.destaques, .abas {width:100%;}
.bt1, .bt2, .bt3, .bt4 {font-size:100%;}
.sobreTokio {background-size:500px;}
.txtSobre {width:100%;}
.ilustramao { display:none;}
.listaMotivos, .dezMotivos h2 {width:100%; }
.boxTelefones a{font-size:100%;}
.boxTelefones p {font-size:120%; height:40px;}
.boxTelefones {width:auto; float:right; margin-left:250px;}
.envolveTels {width:50%; float:left}
.telefones {background-size:220px; background-position: 3% top;}
.contentAba1, .contentAba2, .contentAba3, .contentAba4{ margin-left:5%; width:90%;}
.painel { background-image: url(../imgs/bgPainel-1100.jpg); }
}

/*Smartphone*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
.contentTop {width:90%; float:left; margin-left:5%;}
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%; height:auto;}
.logotipoRodape {float:none; margin-left:auto; margin-right:auto;}
.dadosRodape{margin-left:0px; width:100%; text-align:center;}
header {
	background-color: #FFF;
	height: auto;
	background-position: center 200px;
}
.destaques, .abas {width:100%;}
.contentTop h2 {width:100%; margin-left:0px; text-align:center; margin-top:25px; }
.envolveForm {width:100%; height:auto; padding-bottom:30px;}

.contentRight {margin-right:auto; width:180px; margin-left:auto; float:none; clear:both;}
.contentRight {padding-top:25px;}
.telefone {width:180px; margin-bottom:15px; margin-top:15px; text-align:center;}
.numTelefone  {width:auto; font-size:110%;}

.envolveFormGeral {width:100%; margin-left:0px;}
.painel h2 {width:100%; text-align:center; padding-left:0px; margin-top:20px;}
.bt1, .bt2, .bt3, .bt4 {display:none;}
.destaquesSelect {display: block; }
.txtSobre {width:100%; text-align:center; margin-bottom:30px;}
.ilustramao { display:none;}
.boxApp { margin-left:auto; margin-right:auto; float:none;}
.listaMotivos, .dezMotivos h2 {width:100%; }
.telefones {
	background-size: 200px;
	background-position: center top;
	padding-top:210px;}

.boxTelefones {width:90%; float:left; margin-left:5%;}
 .envolveTels {width:100%; float:left}
 .txtSobreSlim {width:100%; margin-left:0px; margin-top:80px;}
.logoRodape {float:none; margin-left:auto; margin-right:auto; width:131px; margin-top:40px;}
.redesSociais {margin-top:15px; margin-bottom:20px;}
.formTopGeral {width:90%; margin-left:5%;}
.contentAba1, .contentAba2, .contentAba3, .contentAba4{ margin-left:5%; width:90%;}
.painel { height:auto; background-image: url(../imgs/bgPainel-768.jpg); background-size:cover; }
.logoSlim { display:none;}
.slimMobile{ margin-top:7px; display:block; float:right; clear:right; width:100px;}
.logotipo { margin-top:12px; width:170px;}
}

/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.contentTop {width:100%; float:left;  height:auto;}
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%; height:auto;}
.logotipoRodape {float:none; margin-left:auto; margin-right:auto;}
.dadosRodape, .assinatura {margin-left:0px; width:100%; text-align:center;}
header {
	background-color: #FFF;
	height: auto;
	background-position: center 250px;
}
.destaques, .abas {width:100%;}
.destaquesSelect select{ float:left; margin-left:1%; width:98%;}
.envolveForm {width:100%; height:auto; padding-bottom:30px; margin-top:20px;}
.contentRight {margin-right:auto; width:180px; margin-left:auto; float:none; clear:both;}
.logoSuhai {float:none; margin-left:auto; margin-right:auto;}
.telefone {width:180px; margin-bottom:15px; margin-top:15px; text-align:center;}
.numTelefone  {width:auto; font-size:110%;}
.painel h2 {width:100%; text-align:center; padding-left:0px; margin-top:20px;}
.bt1, .bt2, .bt3, .bt4 {display:none;}
.destaquesSelect {display: block; }
.txtSobre {width:100%; margin-bottom:30px; text-align:center;}
.ilustramao { display:none;}
.boxApp {width:200px; text-align:center; padding-top:15px; padding-bottom:15px; padding-left:0px; margin-left:auto; margin-right:auto; float:none;}
.boxApp img {margin-top:15px;}
.listaMotivos, .dezMotivos h2 {width:100%; }
.telefones {
	background-size: 200px;
	background-position: center top;
	padding-top:210px;}

.boxTelefones {width:90%; float:left; margin-left:5%;}
 .envolveTels {width:100%; float:left}
  .txtSobreSlim {width:100%; margin-left:0px; margin-top:60px; margin-bottom:60px; float:left}
  .sobreSlim {background-image:none; background-color:#06443b; height:auto;}
  .logoRodape {float:none; margin-left:auto; margin-right:auto; width:131px; margin-top:40px;}
  .redesSociais {margin-top:15px; margin-bottom:20px;}
  .formTopGeral {width:90%; margin-left:5%;}
  .contentAba1, .contentAba2, .contentAba3, .contentAba4{ margin-left:2%; width:96%;}
  .painel { height:auto; background-image: url(../imgs/bgPainel-479.jpg); background-size:cover; }
  .envolveCarinha, .whatsapp h3, .whatsapp p{ float:left; width:100%; text-align:center;}
  .envolveCarinha img{ float:none;}
  .bgCinza{padding-bottom:10px;}
  
  .logoSlim { display:none;}
.slimMobile{ margin-top:7px; display:block; float:right; margin-right:1%; clear:right; width:90px;}
.logotipo { margin-top:12px; width:160px; margin-left:1%;}
}