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

@media only screen and (min-width: 1099px) and (max-width: 1400px) {
	.content90 {width:90%; float:left; margin-left:5%;}
	.content100{width:100%; margin-left:0px;}
	.logotipoTop, .txtTop {	margin-left: 5%;}
	.homeForm {right:5%;}
	.txtMaisSeguro {margin-left:0px;}
	.bg2 .contentRight {margin-right:5%; }
	.bg2 .contentLeft {margin-left:5%; }
	.mao figure {width:400px;}
	.bg2 .contentLeft h2 {font-size:300%; }
	.bg2 .contentRight p, .bg2 .contentLeft p {font-size:140%;}
}
	

/*Tablet*/
@media only screen and (min-width: 769px) and (max-width: 1100px) {
	.content100{width:100%; margin-left:0px;}
.content90 {width:90%; float:left; margin-left:5%;}
.top {height:auto; padding-bottom:120px; margin-bottom:40px; 	background-image: url(../imgs/bgTop-1100.jpg);}
.logotipoTop {	margin-left: auto;  margin-top:100px; margin-right:auto; float:none; display:block;}
.txtTop {width:90%; text-align:center; margin-left: 5%;}
.txtTop h1 {width:100%;}
	.homeForm {right:5%; width:100%; position:static; float:left;}
.contentListrasLeft {
	min-height:550px;
	width: 48%;
	
}
.contentListrasRight {
	margin-top:100px;
	width: 48%;
	
}
.contentListrasRight h2{ font-size:200%;}
.contentListrasLeft figure:nth-child(1) {width:383px;}
.contentListrasLeft figure:nth-child(2) {width:354px;}
.maisSeguro figure {width:40%; height:auto;}
.txtMaisSeguro h2 span:nth-child(1) {font-size: 600%;}
.txtMaisSeguro h2 span:nth-child(2) {font-size: 400%;}
.txtMaisSeguro {width:40%;}
.bg2 .contentRight, .bg2 .contentLeft {margin-left:5%; width:90%; float:left; }
.mao {	text-align: right; left:auto; right:0px;}
.mao figure {width:350px;}
.bg2 {height:auto; padding-bottom:50px;}
	.bg2 .contentRight p {font-size:140%;}
}
@media only screen and (min-width: 769px) and (max-width: 990px) {
	.contentListrasRight {width: 45%;}
	.contentListrasLeft figure:nth-child(1) {width:353px;}
.contentListrasLeft figure:nth-child(2) {width:324px;}
.contentListrasLeft {
	min-height:520px;}
	.telsRodape {float:right;}
	.direitos {clear:both; margin-top:60px;}
	
}
/*Smartphone*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.content100{width:100%; margin-left:0px;}
.content90 {width:90%; float:left; margin-left:5%; height:auto;}
.top { height:auto; padding-bottom:100px; margin-bottom:40px; 	background-image: url(../imgs/bgTop-768.jpg);}
.logotipoTop {width:280px; margin-top:80px; margin-left: auto; margin-right:auto; float:none; display:block;}
.txtTop {width:80%; text-align:center; margin-left: 10%;}
.txtTop h1 {width:100%; font-size:330%; line-height:45px;}
.txtTop p {width:100%; font-size:150%;}
	.homeForm{right:5%; width:100%; position:static; float:left;}
	.diferenciais h2 {width:90%; margin-left:5%;}
	.contentListrasLeft {
	min-height:550px;
	width: 383px;
	float:none;
	margin-left:auto; margin-right:auto;
	text-align:center;
	
}
.contentListrasRight {
	margin-top:30px;
	width: 100%;
	
}
.contentListrasRight h2{ font-size:200%;}
.contentListrasLeft figure:nth-child(1) {width:383px; }
.contentListrasLeft figure:nth-child(2) {width:354px;}
.maisSeguro figure {width:380px; height:380px; margin-left:auto; margin-right:auto; float:none;}
.txtMaisSeguro {width:100%; margin-left:0px; margin-top:30px;}
.bg2 .contentRight, .bg2 .contentLeft {margin-left:5%; width:90%; float:left; margin-right:0px; }
.mao {position:static; 	text-align: right; left:auto; right:0px;}
.mao figure {width:280px; float:right;}
.bg2 {height:auto; padding-bottom:0px; background-image: url(../imgs/bg-cidade-768.jpg);  background-size:cover;}
	.bg2 .contentRight p {font-size:140%;}
	.logoRodape {width:186px; float:none; margin-left:auto; margin-right:auto;}
	.telsRodape {width:100%; margin-top:60px; text-align:center; column-count:1;}
	.telsRodape div {margin-left:40px; margin-right:40px; float:none; display:inline-block; text-align:left; margin-bottom:25px;}
	.direitos {width:100%; text-align:center; margin-top:40px;}
}

/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.content100{width:100%; margin-left:0px;}
.content90 {width:90%; float:left; margin-left:5%;}
.top {height:auto; padding-bottom:90px; margin-bottom:40px; background-image: url(../imgs/bgTop-479.jpg); background-color:#000000;}
.logotipoTop {width:250px; margin-top:80px; margin-left: auto; margin-right:auto; float:none; display:block;}
.txtTop {width:90%; text-align:center; margin-left: 5%;}
.txtTop h1 {width:100%; font-size:300%; line-height:40px;}
.txtTop p {width:100%; font-size:150%;}
	.homeForm {right:5%; width:100%; position:static; float:left;}
	.diferenciais h2 {width:90%; margin-left:5%;}
	.contentListrasLeft {
	min-height:400px;
	width: 100%;
	float:none;
	margin-left:auto; margin-right:auto;
	text-align:center;
	
}
.contentListrasRight {
	margin-top:30px;
	width: 100%;
	
}
.contentListrasRight h2{ font-size:200%;}
.contentListrasLeft figure:nth-child(1) {width:150px; }
.contentListrasLeft figure:nth-child(2) {width:150px; }
.contentListrasLeft figure:nth-child(1) {width:283px; }
.contentListrasLeft figure:nth-child(2) {width:254px;}
.maisSeguro figure {width:90%; height:auto; margin-left:auto; margin-right:auto; float:none;}
.txtMaisSeguro {width:100%; margin-left:0px; margin-top:30px;}
.bg2 .contentRight, .bg2 .contentLeft {margin-left:5%; width:90%; float:left; margin-right:0px; }
.mao {position:static; 	text-align: right; left:auto; right:0px; }
.mao figure {width:200px; float:right;}
.bg2 {height:auto; padding-bottom:0px; background-image: url(../imgs/bg-cidade-479.jpg); background-size:cover; }
	.bg2 .contentRight p {font-size:140%;}
.logoRodape {width:186px; float:none; margin-left:auto; margin-right:auto;}
	.telsRodape {width:100%; margin-top:60px; text-align:center; column-count:1;}
	.telsRodape div {margin-left:40px; margin-right:40px; float:none; display:inline-block; text-align:left; margin-bottom:25px;}
		.direitos {width:100%; text-align:center; margin-top:40px;}
		
		.homeForm .cza1 h1{ font-size:170%; width:200px; line-height:27px; }
}