@charset "utf-8";
/* CSS Document */
/*Tablet*/
@media only screen and (min-width: 1099px) and (max-width: 1300px) {
	.content100 {width:100%;}
.content90 {width:90%; float:left; margin-left:5%;}
	
}
/*Tablet*/
@media only screen and (min-width: 769px) and (max-width: 1100px) {
.content100 {width:100%;}
.content90 {width:90%; float:left; margin-left:5%;}
.painel .contentLeft, .ituran-motos .contentLeft  {width:45%; margin-top:80px; font-size:85%}
.ituran-motos {height:auto; padding-bottom:30px;}
.boxPreco {float:right; margin-right:0px; position:static; margin-top:40px;}
.box-rastreador div .detailTitulo h2 { width:100%;}
.txtRastreador {margin-bottom:30px;}

.box-rastreador .boxPreco {float:right; width:90%; margin-right:5%;  margin-bottom:30px; }
.envolvePreco { position:static; float:left;}
.seguradoras-moto { text-align:center;}
.painel {background-image: url(../imgs/bgPrincipal_1100_2.jpg); }
.ituran-motos {	background-image: url(../imgs/bgMoto_1100.jpg); }
}

/*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;}
.painel {height:auto;}
.painel .contentLeft, .ituran-motos .contentLeft {width:00100%; margin-top:40px; font-size:90%; margin-bottom:20px;}
.ituran-motos {height:auto; padding-bottom:30px;}
.boxPreco {float:left; margin-left:5%; position:static; margin-top:0px; width:90%; height:auto; padding-bottom:20px;}
.whats-top {float:none; margin-right:auto; margin-left:auto; width:190px; height:45px; margin-bottom:25px;}
.logoRepTop {float:none; margin-right:auto; margin-left:auto;width:133px;}
.beneficios .detailTitulo h2, .vantagens .detailTitulo h2  {width:80%;}
.box-rastreador {width:100%; margin-right:0px; padding-bottom:30px;}
.box-rastreador div .detailTitulo h2 { width:100%;}
.box-rastreador .boxPreco {float:right; width:90%; margin-right:5%;  margin-bottom:30px; }
.envolvePreco { position:static; float:left;}
.txtRastreador {margin-bottom:30px;}
.logoRodape, .redesSociais, .telefones  {float:none; margin-left:auto; margin-right:auto; text-align:center;}
.telefones a { width:100%; text-align:center;}
.whats-rodape {float:none; margin-left:auto; margin-right:auto; margin-top:160px;}
.linkPolitica {width:100%; float:left; text-align:center; margin-top:25px;}
.seguradoras-moto { text-align:center;}
.painel {background-image: url(../imgs/bgPrincipal_768_2.jpg); }
.ituran-motos {	background-image: url(../imgs/bgMoto_768.jpg); }
}

/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%;}
.painel {height:auto;}
.painel .contentLeft, .ituran-motos .contentLeft  {width:100%; margin-top:40px; font-size:90%; margin-bottom:20px;}
.ituran-motos {padding-bottom:30px; position:relative; margin-bottom: 240px;}
#ituranMoto .boxPreco{ margin:auto; right:auto; left:5%; width:90%; position:absolute; bottom:-500px; margin-top:70px;}
.boxPreco {float:left; margin-left:5%; position:static; margin-bottom:40px; margin-top:0px; width:90%; height:auto; padding-bottom:20px;}


.whats-top {float:none; margin-right:auto; margin-left:auto; width:190px; height:45px; margin-bottom:25px;}
.logoRepTop {float:none; margin-right:auto; margin-left:auto;width:133px;}
.beneficios .detailTitulo h2, .vantagens .detailTitulo h2  {width:80%;}
#seguroMoto .box-cobertura { width:90%; height:auto; padding-bottom:35px;}
.box-rastreador {width:100%; margin-right:0px;  padding-bottom:30px;}
.box-rastreador div .detailTitulo h2 { width:100%;}
.txtRastreador {margin-bottom:30px;}
.box-rastreador .boxPreco {float:right; width:90%; margin-right:5%;  margin-bottom:30px; }
.envolvePreco { position:static; float:left;}
.redesSociais, .telefones  {float:none; margin-left:auto; margin-right:auto; text-align:center;}
.logoRodape  {width:200px; float:none; margin-left:auto; margin-right:auto; text-align:center;}
.whats-rodape {float:none; margin-left:auto; margin-right:auto; margin-top:100px;}
.linkPolitica {width:100%; float:left; text-align:center; margin-top:25px;}
.telefones a { width:100%; text-align:center;}
.seguradoras-moto { text-align:center;}
.painel {background-image: url(../imgs/bgPrincipal_479_2.jpg); }
.ituran-motos {	background-image: url(../imgs/bgMoto_479.jpg); }
}