@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%;}
.logotipo {width:160px;}
.logoIturan {width:110px;}
.boxTelefone figure {width:35px;}
.boxForm {width:40%; margin-right:5%; height:auto; padding-bottom:30px;}
.boxDestaque {width:24%;}
.diferenciais h2 {margin-top:25px;}
.envolveIcones {width:90%; margin-left:5%;}
.contentLeftPainel {width:50%; margin-left:5%;}
}

/*Smartphone*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%; height:auto;}
.logotipo {width:160px; margin-bottom:15px;}
.logoIturan {width:110px;}
.telefones {float:none; width:380px; margin-left:auto; margin-right:auto; clear:both; margin-bottom:20px;}
.boxTelefone figure {width:35px;}
.contentLeftPainel {width:90%; margin-left:5%;}
.preco {float:none; margin-left:auto; margin-right:auto; margin-top:10px;}
.legendaPainel p {width:100%; text-align:center;}
.txtPainel {width:90%; margin-top:20px; margin-left:5%; text-align:center;}
.boxForm {width:100%; margin-top:20px; float:left; background-color: #FF7200; border-radius:0px; height:auto;}
.btGeral {background-color:#2a4976;}
.top {height:auto; background-image:url(../imgs/imgTop_768.jpg);  padding-bottom:0px;}
.boxForm {padding-bottom:30px;}
.boxDestaque {width:49.8%; height:185px; float:left}
.boxDestaque:nth-child(2n) {border-right:none;}
.boxDestaque:nth-child(1), .boxDestaque:nth-child(2){border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;}
.boxDestaque:nth-child(3), .boxDestaque:nth-child(4) {margin-top:0px;}
.diferenciais h2 {margin-top:25px;}
.envolveIcones {width:90%; margin-left:5%;}
.icones {margin-left:20px; margin-right:20px;}
.diferenciais {height:auto; padding-bottom:30px;}
.faixaCza {-webkit-clip-path: polygon(0 0px, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 00px, 100% 0, 100% 100%, 0% 100%);
}
.telefonesRodape {
	width: 190px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.telefonesRodape .boxTelefone {margin-right:0px;}
.boxTelefone div {margin-top:0px;}
.contentRightRodape {width:90%; margin-left:5%; border-top-style:solid; border-top-width:1px; border-top-color:#FFF; float:left}
.redesSociais {float:left; margin-top:20px; text-align:left;}
.dados {font-size:90%;}
}

/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%;}
.logotipo {width:160px; margin-bottom:15px; margin-top:20px;}
.logoIturan {width:110px;}
.telefones {float:none; width:180px; margin-left:auto; margin-right:auto; clear:both; margin-bottom:20px; }
.boxTelefone figure {width:35px;}
.telefones a {margin-right:0px; margin-bottom:15px; }
.txtPainel {width:90%; margin-top:20px; margin-left:5%; text-align:center}
.txtPainel h1 {font-size:80%; line-height:25px;}
.contentLeftPainel {width:90%; margin-left:5%;}
.preco {margin-left:5%; padding-left:0px; margin-right:auto; margin-top:10px; width:90%; text-align:center}
.preco h2 {font-size:250%;}
.legendaPainel p {width:100%; text-align:center;}
.boxForm {
	width: 100%;
	margin-top: 20px;
	float: left;
	background-color: #FF7200;
	border-radius: 0px;
	height: auto;
	padding-bottom:30px;
}
.btGeral {background-color:#2a4976;}
.ajusta50 {width:100%; margin-right:0px;}
.top {height:auto; background-image:url(../imgs/imgTop_479.jpg) padding-bottom:0px;}
.boxDestaque {width:100%; border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6; border-right:none; }
.boxDestaque:last-child {border-bottom:none;}
.passo {width:90%; margin-right:auto; margin-left:auto;}
.diferenciais h2 {margin-top:25px;}
.envolveIcones {width:90%; margin-left:5%;}
.icones {margin-left:20px; margin-right:20px;}
.diferenciais {height:auto; padding-bottom:30px;}
.faixaCza {-webkit-clip-path: polygon(0 0px, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 00px, 100% 0, 100% 100%, 0% 100%);
	}
.telefonesRodape {width:190px;  float:none; margin-left:auto; margin-right:auto;}
.telefonesRodape .boxTelefone {margin-right:0px;}
.boxTelefone div {margin-top:0px;}
.contentRightRodape {width:90%; margin-left:5%; border-top-style:solid; border-top-width:1px; border-top-color:#FFF; float:left}
.redesSociais{float:none; margin-left:auto; margin-right:auto; margin-top:15px; text-align:center}
.dados {width:100%; text-align:center;}

}