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

/*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%;}
.boxSusep {width:76%; margin-left:10%;}
.boxSusep figure {width:250px;}
.textoPT {margin-right:5%; width:45%;}
.textoPT a {width:48%; margin-left:1%; margin-right:1%;}
/*.inputGeral {float:left; width:100%; padding:inherit;}*/
}
@media only screen and (min-width: 769px) and (max-width: 995px) {
.boxSusep figure {float:none; margin-left:auto; margin-right:auto; width:250px;}
.boxSusep {text-align:center; padding-bottom:15px; padding-top:15px;}	
.boxSusep p {float:none; margin-top:0px;}


}

/*Smartphone*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
.linkWhats {right:40px;}
.contentTop {width:100%; float:left;}
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%; height:auto;}
.faixaVde {width:100%; text-align:center; height:auto;
padding-top:110px; padding-right:0px; }
.faixaLra {display:none;}
.mobileBlock {display:block; }
.boxSusep figure {float:none; margin-left:auto; margin-right:auto; width:250px;}
.boxSusep {text-align:center; padding-bottom:15px; padding-top:15px; width:90%; margin-left:5%;}	
.boxSusep p {float:none; margin-top:0px;}
.boxCote {width:80%; margin-left:10%;}
.boxDiferencial {width:100%; margin-left:0px;}
.boxDiferencial figure {width:10%;}
.boxDiferencial .boxTxt {width:79%; }
.diferenciais{ background-image:none; background-color:#06443b; height:auto; padding-bottom:50px;}
.boxAssistencia {width:50%;}
.iconeSobreSuhai {width:20%;}
.faixaLeft, .faixaRight {width:40%;}
.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 200px;
}
.contentTop h2 {width:100%; margin-left:0px; text-align:center; margin-top:25px; }
.envolveForm { position:static; margin-top:8px; float:left; width:100%; height:auto; padding-bottom:30px; margin-bottom:0px;}
.logotipo {width:120px; margin-left:5%; margin-top:25px;}
.contentRight {display:none;}
.telefone {display:none}

/*.telefone {width:200px; margin-bottom:15px; margin-top:0px; margin-left:20px; }
.numTelefone  {width:auto; font-size:80%;}
.numTelefone p{	font-size: 90%; }*/
.imgPT {width:100%; max-width:523px; float:none; margin-left:auto; margin-right:auto;}
.perdatotal h2 {margin-bottom:40px;  float:left; width:90%; display:block;; margin-left:5%;}
.textoPT {width:90%; margin-left:5%; margin-right:5%; }
.textoPT a {width:48%; margin-left:1%; margin-right:1%;}
.logoSuhai {margin-right:5%; width:80px;}
.laranjaMobile {
	display: block;
	background-color: #FF6000;
	float: left;
	width: 100%;
}
.icone {top:10px; }
.topFix{
	position:static;
	float:left;
}
#full-width-slider {
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
}
.sobreSeguro{ padding-top:30px;}
.telMobile {display:block; width:450px; float:none; margin-left:auto; margin-right:auto; }
.inputGeral, .inputGeralDuplo, .input35 {width:100%;}
.envolveFormGeral { margin-top:40px;}
.ajustaInput50 {width:100%;}
}

/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.linkWhats {right:40px;}
.contentTop {width:100%; float:left;  height:auto;}
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%; height:auto;}
.faixaLra {display:none;}
.faixaVde {width:100%; text-align:center; height:auto; padding-top:100px; padding-right:0px; }
.mobileBlock {display:block; }
.boxSusep figure {float:none; margin-left:auto; margin-right:auto; width:180px;}
.boxSusep {text-align:center; padding-bottom:15px; padding-top:15px; width:96%; margin-left:0px;}	
.boxSusep p {float:none; margin-top:0px;}
.boxCote {width:100%;}
.boxDiferencial {width:100%; margin-left:0px;}
.boxDiferencial figure {width:85px; float:none; margin-left:auto; margin-right:auto;}
.boxDiferencial .boxTxt {width:100%; margin-left:0px; text-align:center }
.diferenciais{ background-image:none; background-color:#06443b; height:auto; padding-bottom:50px;}
.boxAssistencia {width:100%;}
.iconeSobreSuhai {width:40%;}
.faixaLeft, .faixaRight {width:30%;}
.logotipoRodape {float:none; margin-left:auto; margin-right:auto;}
.dadosRodape, .assinatura {margin-left:0px; width:100%; text-align:center;}
.logoSuhai {margin-right:5%; width:80px;}
header {
	background-color: #FFF;
	height: auto;
	background-position: center 250px;
}
.contentTop h2 {width:100%; margin-left:0px; text-align:center; margin-top:25px; }
.envolveForm {width:100%; margin-top:8px; margin-bottom:0px;}
.logotipo {width:100px; margin-left:5%; margin-top:25px; }
.telMobile {display:block; width:200px; float:none; margin-left:auto; margin-right:auto; }
.telefone {display:none}
.envolveForm{ float:left; height:auto;}
.envolveFormGeral {width:94%; margin-left:0px; margin-top:40px;}
.relFaixas{
	float: left;
}
.imgPT {width:100%;}
.textoPT {width:90%; margin-left:5%; margin-right:5%; }
.textoPT a {width:100%; margin-right:0px; margin-bottom:15px;  margin-top:15px;}
.perdatotal {padding-bottom:60px;}
.inputGeral, .inputGeralDuplo, .input35 {width:100%;}

.laranjaMobile {
	display: block;
	background-color: #FF6000;
	float: left;
	width: 100%;
}
.icone {top:10px; margin-bottom:40px;}

.topFix{
	position:static;
	float:left;
}
#full-width-slider {
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
}
.sobreSeguro{ padding-top:30px;}
.telefone figure {width:35px; margin-top:3px;}
.contentRight {display:none;}
.ajustaInput50 {width:100%;}
}