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

/*Banner*/
@media only screen and (min-width: 1100px) and (max-width: 1300px) {
.envolve, .envolvePreco {left:5%;}
}

/*Tablet*/
@media only screen and (min-width: 769px) and (max-width: 1100px) {
.content100{width:100%; float:left;}
.sobreIturan, .content90 {width:90%; float:left; margin-left:5%;}
.maos {right:5%;}
.boxTxtIturan {width:350px;}
.maisDiferenciais {width:90%; margin-left:5%;}
.logoRodape {width:210px;}
.telsRodape {float:right;}
.redesSociais {margin-top:30px; float:right; clear:both;}
.envolve, .envolvePreco {left:2%;}
.formGeral {margin-right:2%;}
.painelCidade, .asfalto { display:none;}
.painel{ background-image: url(../imgs/cidadeprotecao_1100.jpg); background-repeat: no-repeat; background-position: center top; }
.faixaIturanSeguro{ background-image: url(../imgs/bgFixed_1100.jpg); background-position: center center; }
.aceitacaoAbs{ position:static; float:left; margin-top:30px;}
.faixaRoxa { padding-bottom: 20px; }
.callAction {width:240px;}
}


/*Smartphone*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
.content100{width:100%; float:left;}
.sobreIturan, .content90 {width:90%; float:left; margin-left:5%; height:auto;}
.logotipo {width: 282px; float:none; margin-left:auto; margin-right:auto;}
.contentRightTop {
	width: 400px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	height: 70px
}
.boxTxtIturan {	width: 100%; }
.boxTxtIturan a { z-index: 2000;}
.maos {right:0px; width:320px;}
.faixaIturanSeguro{height:700px; background-image: url(../imgs/bgFixed_768.jpg); background-position: center center; }
.boxAceitacao {width:200px;}
.maisDiferenciais {width:90%; margin-left:5%;}
.logoRodape {width:210px; float:none; margin-left:auto; margin-right:auto;}
.telsRodape {float:none; margin-left:auto; margin-right:auto; width:390px;  height:60px;}
.redesSociais {margin-top:50px; float:none; margin-left:auto; margin-right:auto; text-align:center;}
.assinatura {text-align:center; width:100%; width:100%;}
.wd {margin-top:60px;}
.carro {width:100%; position:static; float:left; margin-left:auto; margin-right:auto; text-align:center;}
.carro .img100 { width:450px; float:none; margin-left: auto; margin-right:auto;}
.painelCidade, .asfalto { display:none;}
.painel{ background-image: url(../imgs/cidadeprotecao_768.jpg); background-repeat: no-repeat; background-position: center top; }
.aceitacaoAbs{ position:static; float:left; margin-top:30px;}
.faixaRoxa { padding-bottom: 20px; }
.faixaVasc1 p {width:90%; text-align:center;}
.faixaVasc2 {height:170px;}
.logoVasconcelos {margin-top:40px;}
.callAction {width:100%; float:left;}
.input50 {width:100%; margin-right:0px;}
}
/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.content100{width:100%;}
.sobreIturan, .content90 {width:90%; float:left; margin-left:5%; height:auto;}
.logotipo {width: 200px; float:none; margin-left:auto; margin-right:auto;}
.contentRightTop {width:190px; float:none; margin-left:auto; margin-right:auto; height:120px}
.boxTel {margin-bottom:20px;}
.maos {right:0px;}
.boxTxtIturan { margin-top:50px; width: 100%; text-align:center;}
.faixaIturanSeguro{height:700px; background-image: url(../imgs/bgFixed_479.jpg); background-position: center center; }
.boxTxtIturan a {width:100%;}
.maos {right:0px; width:300px;}
.maisDiferenciais {width:90%; margin-left:5%;}
.logoRodape {width:200px; float:none; margin-left:auto; margin-right:auto; }
.telsRodape {float:none; height:60px; width:200px; margin-left:auto; margin-right:auto; margin-top:25px}
.redesSociais {width:100%; border-top-color:#DEDEDE; border-top-style:solid; border-top-width:1px; text-align:center; margin-top:20px; float:right; clear:both; padding-top:25px;}
.assinatura {width:100%; text-align:center;}
.painel{height:auto; }
	.formGeral {width:100%; margin-right:0px; }
	.asfalto {display:none;}
	.carro {width:280px; position:static; float:none; margin-left:auto; margin-right:auto; margin-top:210px;}
	.envolvePreco {width: 250px; position:static; float:none; margin-left:auto; margin-right:auto;   margin-top:30px;  padding:0px;  }
	.envolve {width:90%; margin-top:0px; top:20px; text-align:center; left:5%; }
.painelCidade, .asfalto { display:none;}
.painel{ background-image: url(../imgs/cidadeprotecao_479.jpg); background-repeat: no-repeat; background-position: center top; }
.aceitacaoAbs{ position:static; float:left; margin-top:30px;}
.faixaRoxa { padding-bottom: 20px; }
	.faixaVasc1 p {width:90%; text-align:center;}
.faixaVasc2 {height:300px; padding-left:0px; width:100%;}
.logoVasconcelos {float:none; margin-left:auto; margin-right:auto;}
.envolveMulher {width:100%; text-align:center;}
.mulher {margin-left:auto; margin-right:auto;}
.callAction {width:100%; float:left; margin-top:5px; background-color:#FF6915; color:#FFF}
.input50 {width:100%; margin-right:0px;}
}

@media only screen and (min-width: 180px) and (max-width: 320px) {
.maos {right:0px; width:180px;}
.boxAceitacao {width:100%;}
}

@media only screen and (min-width: 479px) and (max-width: 1010px) {
	.painel{height:auto;}
	/*.formGeral {width:100%; margin-right:0px; margin-top:20px;}*/
	.envolve {width:90%; margin-top:30px; text-align:center; left:5%; }
	.carro {width:100%; position:static; float:left; margin-left:auto; margin-right:auto; text-align:center;}
	.carro .img100 { width:450px; float:none; margin-left:auto; margin-right:auto;}
	.envolvePreco {margin-top:450px; position:static; float:none; margin-left:auto; margin-right:auto; width:250px;}
	/*.inputGeral {width:42%; float:left }*/
	.callAction {width:100%; float:left; margin-top:5px; background-color:#FF6915; color:#FFF}

}
/*@media only screen and (min-width: 479px) and (max-width: 1010px) {
	.painel{height:auto;}
	.formGeral {width:100%; margin-right:0px; margin-top:20px;}
	.envolve {width:90%; margin-top:30px; text-align:center; left:5%; }
	.carro {width:100%; position:static; float:left; margin-left:auto; margin-right:auto; text-align:center;}
	.carro .img100 { width:450px; float:none; margin-left:auto; margin-right:auto;}
	.envolvePreco {margin-top:450px; position:static; float:none; margin-left:auto; margin-right:auto; width:250px;}
	
	

}*/