*{
	margin:0;
	padding:0;	
}
#topoEscondido, #seguradorasDev{
	display:none;
}
#topoEscondido{
	background-color:#FFF;
	height:100px;
	width:100%;
	border-bottom:solid 1px #E2E2E2;
	position:fixed;
	left:0;
	top:0;
	z-index:6;
}
#topoEscondido .logo{
	height:90px;
	position:absolute;
	left:10px;
	top:5px;
	cursor:pointer;
	
}
.limite{
	width:1200px;
	position:relative;
	left:50%;
	margin-left:-600px;	
}

.titulo{
	color:#000;
	font-size:45px;
	font-family:Oswald;	
}
.titulo2{
	color:#FFF;
	font-size:48px;
	font-family:Oswald;	
}
.subtitulo{
	color:#000;
	font-weight:300;
	font-size:22px;	
	font-family:Oswald;
	padding:20px 0;
}
.subtitulo2{
	color:#FFF;
	font-weight:300;
	font-size:22px;	
	font-family:Oswald;
	padding:20px 0;
}
.texto{
	color:#555;
	font-weight:300;
	font-family:Oswald;	
	font-size:17px;
}
.liDestaque{
	background-color:#FCFCFC;
	cursor:pointer;
}
.texto2{
	color:#FFF;
	font-weight:300;
	cursor:pointer;
	font-family:Oswald;	
	font-size:17px;
	padding:20px 0;	
}
.botao{
	margin:20px 0;
	width:260px;
	padding: 20px 0;
	background-color:#BF1B21;
	border:none;
	border-radius:5px;
	color:#FFF;
	font-family:Oswald;
	font-size:18px;
	font-weight:400;
	cursor:pointer;
	-moz-transition:all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition:all 0.3s linear;	
}
.botao:hover{
	background-color:#B01B21;
	-moz-transition:all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition:all 0.3s linear;	
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.botao2{
	margin:20px 0;
	width:260px;
	padding: 20px 0;
	background-color:#FFF;
	border:none;
	border-radius:5px;
	color:#BF1B21;
	font-family:Oswald;
	font-size:18px;
	font-weight:400;
	cursor:pointer;
	-moz-transition:all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition:all 0.3s linear;		
}
.botao2:hover{
	background-color:#F9F9F9;
	-moz-transition:all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition:all 0.3s linear;	
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	left:10px;	
}
.subtituloTab{
	color:#000;
	font-weight:bold;
	font-size:22px;	
	font-family:Oswald;	
}
.textoTab{
	color:#BF1B21;
	font-weight:300;
	font-size:20px;	
	font-family:Oswald;	 
}
.cronometro{
	font-size:40px;
	font-family:Oswald;
	color:#FFF;
	width:300px;
	left:50%;
	margin-left:-150px;
}
.autor{
	font-size:17px;
	color:#333;
	font-family:Oswald;
	font-weight:400;
}


#timer_horas{
	position:absolute;
	left:10%;
}
#timer_minutos{
	position:absolute;
	left:35%;
}
#timer_segundos{
	position:absolute;
	left:60%;
}
#timer_decimo{
	position:absolute;
	left:80%;
}
.elem1{
	position:absolute;
	left:25%;
}
.elem2{
	position:absolute;
	left:50%;
}
.elem3{
	position:absolute;
	left:75%;
}

#topo{
	background-color:#FFF;
	height:100px;
	width:100%;
	border-bottom:solid 1px #E2E2E2;
	position:fixed;
	left:0;
	top:0;
	z-index:5;
}
#topo .logo{
	height:90px;
	position:absolute;
	left:10px;
	top:5px;
	cursor:pointer;
	
}
#topo .menuPC{
	position:absolute;
	right:0px;
	width:auto;
}
#topo .menuPC li{
	width:auto;
	position:relative;
	float:left;
	list-style:none;
	text-align:center;
	padding:0 20px;
	height:100px;
}
#topo .menuPC li a{
	text-decoration:none;
	position:relative;
	top:35px;
	cursor:pointer;
}
#banner{
	margin-top:100px;
	width:100%;
	height:550px;
	background-color:#FFF;
}
#banner #boxBanner{
	width:800px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	margin-top:100px;
	text-align:center;	
}
#sobreAuto{
	width:100%;
	margin-top:50px;	
}
#sobreAutoTxt {
	width:600px;	
}
#sobreAuto .texto{
	text-align:left;
	padding:20px 20px 20px 0;		
}

#sobreAuto img{
	width:600px;
	position:absolute;
	right:0;
}
#beneficios{
	margin-top:150px;	
}

#beneficiosTxt {
	width:600px;
	position:relative;	
	left:50%;
	margin-left:-300px;
	text-align:center;
}
#beneficios .titulo{
	text-align:center;
}
#beneficiosTxt .texto{
	padding:20px 0;
}
#beneficios table{
	width:800px;
	text-align:absolute;
	left:50%;	
}
#beneficios table tr td{
	width:200px;
	text-align:center;
}
#beneficios ul{
	width:800px;
	position:relative;
	left:50%;
	margin-left:-400px;
	height:200px;
}
#beneficios ul li{
	position:relative;
	float:left;
	list-style:none;
	width:200px;
	text-align:center;
}
#beneficios ul li img{
	width:100px;
}
#coberturas{
	margin-top:100px;
	margin-bottom:80px;
}
#coberturas table{
	width:700px;
	position:relative;
	left:50%;
	margin-left:-350px;	
	background-color:#FCFCFC;
	border:solid 1px #FAFAFA;
	border-radius:5px;
	padding-bottom:40px;
}
#coberturas table tr th{
	text-align:center;
	height:100px;
}
#coberturas table tr .td1{
	width:560px;
	height:70px;
	text-align:left;
	padding:0 20px;
	border-right:solid 1px #DDD;
}
#coberturas table tr .td2{
	width:100px;
	text-align:center;	
}
#coberturas table tr td img{
	width:30px;
	position:relative;
	left:30px;
}
#oferta{
	margin-top:20px;
	width:100%;
	height:480px;
	background-color:#BF1B21;
	border-radius:10px;
}
#oferta p{
	position:relative;
	top:60px;
	text-align:center;
}
#oferta button{
	position:absolute;
	left:50%;
	margin-left:-125px;
	margin-top:150px;
}

.clear{
	clear:both;
}
#seguradoras{
	position:relative;
	width:100%;
	background-color:#FFF;
	z-index:3;	
}

.box_carrossel{
	width:1000px;
	height:156px;
	margin:0 auto;
	padding:10px 0;
	background-color:#FFF;
	overflow:hidden;
	position:relative;	
	z-index:3;	

}

.carrossel{
	width:1000%;
	list-style:none;
	float:left;
	background-color:#transparent;
	height:auto;
	z-index:3;
}

.carrossel .item img{
	max-width:100%;
	max-height:100%;
	width:150px;
	opacity:0.5;
}
.carrossel .item{
	float:left;
	width: 180px;
	padding:10px;
	position:relative;
}

.carrossel .titulo{
	color:#333;
	font-family:Arial;
	font-size:15px;
	font-weight:600;
	margin-top:50px;
}

#sobre{
	padding: 40px 0;
	background-color:#FCFCFC;
	margin-top:100px;
	margin-bottom:100px;
}
#sobreTxt{
	position:relative;
	text-align:center;
	width:600px;
	left:50%;
	margin-left:-300px;
}
#boxOpiniao{
	width:960px;
	position:relative;
	left:50%;
	margin-left:-480px;
	border-radius:5px;	
	height:200px;
	
}
#sobre #opiniao{
	margin-top:40px;
	width:200px;
	padding:20px;
	position:relative;
	float:left;
	text-align:left;
}

#historia{
	width:100%;
	height:600px;
	background-color:#FFF;
	overflow:hidden;
	
}
#boxHistoria{
	width:1200px;
}
#historia #foto{
	width:600px;
	position:absolute;
	height:600px;
}
#historia #texto{
	width:600px;
	position:absolute;
	left:600px;
	height:600px;
}
#historia #foto img{
	position:absolute;
	border-radius:50%;
	width:300px;
	left:50%;
	margin-left:-150px;
	top:150px;
}
#historia #foto .subtitulo{
	position:absolute;
	top:450px;
	left:50%;
	margin-left:-80px;
	
}
#historia #foto .texto{
	position:absolute;
	top:500px;
	left:50%;
	margin-left:-50px;
	
}

#historia #texto .texto{
	text-align:justify;
	position:relative;
	padding:20px;
}
#historia #texto .titulo{
	position:relative;
	top:20px;
	padding:20px;
}
#historia .rs1{
	position:absolute;
	right:20px;
	bottom:0px;
	width:25px;
}
#historia .rs2{
	position:absolute;
	right:60px;
	bottom:0px;
	width:25px;	
}
#historia .rs3{
	position:absolute;
	right:100px;
	bottom:0px;
	width:25px;	
}
#historia .rst{
	font-family:Oswald;
	font-size:15px;
	color:#555;
	font-weight:bold;
	position:absolute;
	right:140px;
	bottom:0px;
		
}

#perguntasFrequentes{
	width:800px;
	position:relative;
	left:50%;
	margin-left:-400px;
	margin-top:100px;	
}
#perguntasFrequentes .titulo{
	margin:0 0 80px 0;
}
#perguntasFrequentes .subtitulo{
	border:solid 1px #EFEFEF;
	padding: 20px;
	font-weight:400;
	cursor:pointer;
}
#perguntasFrequentes .texto{
	padding:20px;
	display:none;
	cursor:default;
}
#rodape{
	margin-top:100px;
	position:relative;
	width:100%;
	height:250px;
	background-color:#FCFCFC;
}
#rodape p{
	position:relative;
	text-align:center;
	top:65px;
	cursor:default;
	padding:3px 0;
}
#rodape a{
	text-decoration:none;
	color:#555;
}

#formulario{
	z-index:999;
	position:fixed;
	top:0;
	right:0;
	width:800px;
	height:100%;
	background-color:#FCFCFC;
	border-left:solid 1px #E2E2E2;
	overflow:auto;
	right:-800px;
}

#formulario .titulo{
	padding:20px 0 0 0;
	text-align:center;
}
#formulario .subtitulo{
	text-align:center;
	padding:0;
}
#formulario .autor{
	text-align:center;
	padding:10px 0;
}
#formulario form{
	width:300px;
	position:relative;
	left:50%;
	margin-left:-150px;
	margin-top:20px;	
}
#formulario label{
	text-align:left;
	display:block;
	margin-top:20px;
}
#formulario .botao{
	position:relative;
	left:20px;
}
#formulario .btSair{
	width:30px;
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	z-index:12;

}
.campo{
	width:280px;
	height:20px;
	padding:10px;
	color:#555;
	font-family:Oswald;
	font-size:15px;
	border-radius:5px;
	background-color:#FFFFFF;
	border:solid 1px #E2E2E2;
	
}
.textarea{
	width:280px;
	height:80px;
	padding:10px;
	color:#555;
	font-family:Oswald;
	font-size:15px;
	border-radius:5px;
	background-color:#FFFFFF;
	border:solid 1px #E2E2E2;
	
}
.number{
	width:80px;
	height:20px;
	padding:10px;
	color:#555;
	font-family:Oswald;
	font-size:15px;
	border-radius:5px;
	background-color:#FFFFFF;
	border:solid 1px #E2E2E2;
	
}
.radio a{
	display:block;
	color:#555;
	font-family:Oswald;
	font-size:15px;
	padding:2px 0;
	font-weight:300;
}
.radio input{
	margin:0 5px 0 0;
}
#bkg{
	position:fixed;
	top:0;
	left:0;
	z-index:9;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.3;
	display:none;
}
#bkg2{
	position:fixed;
	top:0;
	left:0;
	z-index:9;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.3;
}
#cotacaoEnviada{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#FCFCFC;
	z-index:999;
}
#cotacaoEnviada .titulo{
	text-align:center;
	position:relative;
	padding:50px 0 50px 0;
	border-bottom:solid 1px #CCC;
}
#cotacaoEnviada .subtitulo{
	text-align:center;
	position:relative;
	padding:20px 0 20px 0;	
}
#cotacaoEnviada .texto{
	text-align:center;
	position:relative;
}
#cotacaoEnviada .site{
	position:relative;
	left:50%;
	margin-left:-300px;
	top:100px;
}
#cotacaoEnviada .cotacao{
	position:relative;
	left:50%;
	margin-left:100px;
	top:100px;	
}

#erroCotacao{
	width:280px;
	padding:10px;
	border:solid 1px #CCC;
	border-radius:5px;
	position:fixed;
	left:50%;
	margin-left:-140px;
	top:40%;
	z-index:999;
	background-color:#FFFFFF;
}
#erroCotacao img{
	position:absolute;
	right:-35px;
	top:-20px;
	width:30px;
	cursor:pointer;
}


#politica{
	width:100%;
	height:auto;
	background-color:#FCFCFC;
	z-index:999;
}
#politica .titulo{
	width:70%;
	left:15%;
	text-align:left;
	position:relative;
	padding:50px 0 50px 0;
	border-bottom:solid 1px #CCC;
}
#politica .subtitulo{
	width:70%;
	left:15%;	
	text-align:left;
	position:relative;
	padding:20px 0 20px 0;	
}
#politica .texto{
	width:70%;
	left:15%;	
	text-align:justify;
	position:relative;
}
#politica .site{
	position:relative;
	left:50%;
	margin-left:-300px;
	top:100px;
}
#politica .cotacao{
	position:relative;
	left:50%;
	margin-left:100px;
	top:100px;	
}

/* INICIANDO DESIGN RESPONSIVO*/

/*notebooks*/
@media screen and (max-width: 1230px) {
	.limite{
		width:1000px;
		left:50%;
		margin-left:-500px;	
	}
	#sobreAutoTxt {
		width:500px;	
	}

	#sobreAuto img{
		width:500px;
	}
	#historia{
		height:650px;
	}
	#boxHistoria{
		width:1000px;
		height:650px;
	}
	#historia #foto{
		width:500px;
		height:650px;
	}
	#historia #texto{
		width:500px;
		left:500px;
		height:650px;
	}
	#historia #foto img{
		width:250px;
		margin-left:-125px;
		top:150px;
	}
	#historia #foto .subtitulo{
		top:400px;	
	}
	#historia #foto .texto{
		top:450px;	
	}	
		
	
}

/*Tablets em modo paisagem*/
@media screen and (max-width: 1048px) {
	#topo{
		display:none;
	}
	#topoEscondido{
		display:block;
	}	
	#topoEscondido .menuIcone{
		position:absolute;
		width:50px;
		right:20px;
		top:30px;
		cursor:pointer;
		z-index:10;
		display:block;
	}
	#topoEscondido .menuSair{
		position:absolute;
		width:50px;
		right:20px;
		top:30px;
		cursor:pointer;
		z-index:11;
		display:none;
	}	
	#topoEscondido .menuDev{
		width:100%;
		position:absolute;
		top:100px;
		display:none;
		
	}
	#topoEscondido .menuDev .liComum{
		padding:10px 0 10px 20px;
		cursor:pointer;
		cursor:pointer;
		background-color:#fcfcfc;
		list-style:none;
	}
	#topoEscondido .menuDev .liDestaque{
		padding:10px 0 10px 20px;
		cursor:pointer;
		cursor:pointer;
		background-color:#EAEAEA;
		list-style:none;
	}	
	#topoEscondido .menuDev li:hover{
		background-color:#EAEAEA;

	}
	.limite{
		width:750px;
		left:50%;
		margin-left:-375px;	
	}
	#banner{
		margin-top:50px;
	}
	#banner #boxBanner{
		width:750px;
		margin-left:-375px;
	}	
	#sobreAuto{
		margin-bottom:0px;	
	}		
	#sobreAutoTxt {
		width:375px;	
	}
	#sobreAutoTxt .texto{
		text-align:Justify;
	}	

	#sobreAuto img{
		width:375px;
		margin-top:150px;
	}
	#beneficios {
		margin-top:100px;
		margin-bottom:50px;
	}	

	#beneficios ul{
		width:750px;
		margin-left:-375px;
	}
	#beneficios ul li{

		width:186px;
	}
	#beneficios ul li img{
		width:100px;
	}
	#coberturas{
		margin-bottom:50px;
	}	
	.box_carrossel{
		width:750px;
		height:106px;
		margin-bottom:50px;		
	}
	.carrossel .item img{
		width:120px;
	}
	.carrossel .item{
		width: 130px;
		padding:10px;
	}	
	

	#boxOpiniao{
		width:750px;
		margin-left:-375px;
		
	}
	#sobre{
		margin-bottom:50px;
	}		
	#sobre #opiniao{
		width:145px;
		padding:20px;
	}
		
	#historia{
		height:650px;
	}
	#boxHistoria{
		width:750px;
		height:650px;
	}
	#historia #foto{
		width:375px;
		height:650px;
	}
	#historia #texto{
		width:375px;
		left:375px;
		height:650px;
	}
	#perguntasFrequentes{
		width:700px;
		margin-left:-350px;	
	}
	#formulario{
		width:700px;
		right:-700px;
	}	
}

/*Tablets em modo retrato*/
@media screen and (max-width: 768px) {
	.limite{
		width:580px;
		left:50%;
		margin-left:-290px;	
	}

	#banner #boxBanner{
		width:580px;
		margin-left:-290px;
	}
	#sobreAutoTxt {
		width:290px;	
	}	


	#sobreAuto img{
		width:290px;
		margin-top:150px;
	}
	#beneficios{
		margin-top:50px;
		margin-bottom:0;
	}

	#beneficios ul{
		width:580px;
		margin-left:-290px;
	}
	#beneficios ul li{

		width:135px;
	}
	#beneficios ul li img{
		width:100px;
	}
	#beneficiosTxt {
		width:580px;
		position:relative;	
		left:50%;
		margin-left:-290px;
		text-align:center;
	}
	#coberturas{
		margin-top:50px;
	}	
	
	#coberturas table{
		width:580px;
		margin-left:-290px;	
	}

	#coberturas table tr .td1{
		width:480px;
	}
	#coberturas table tr .td2{
		width:100px;	
	}
	#coberturas table tr td img{
		width:30px;
		left:15px;
	}
	#oferta{
		height:600px;
	}
	.box_carrossel{
		width:580px;
		height:106px;
	}
	
	.carrossel .item img{
		width:106px;
	}
	.carrossel .item{
		width: 106px;
		padding:5px;
		margin-bottom:50px;
	}	
	#sobre{
		margin-top:0px;
		width:580px;
		margin-bottom:50px;
	}		
	#boxOpiniao{
		width:580px;
		margin-left:-290px;
		
	}
	#sobre #opiniao{
		width:135px;
		padding:5px;
	}
	#sobreTxt{
		width:580px;
	}
		
	#historia{
		height:850px;
	}
	#boxHistoria{
		width:580px;
		height:850px;
	}
	#historia #foto{
		width:280px;
		height:850px;
	}
	#historia #texto{
		width:280px;
		left:280px;
		height:850px;
	}
	#historia #foto img{
		width:250px;
		margin-left:-125px;
		top:300px;
	}
	#historia #foto .subtitulo{
		top:550px;	
	}
	#historia #foto .texto{
		top:600px;	
	}		
	#perguntasFrequentes{
		width:580px;
		margin-left:-290px;	
	}
	#formulario{
		width:500px;
		right:-500px;
	}	
	
	#cotacaoEnviada .titulo{
		font-size:20px;
		padding:20px 0 20px 0;
	}
	#cotacaoEnviada .subtitulo{
		font-size:15px;
		padding:20px 0 20px 0;	
	}
	#cotacaoEnviada .texto{
		font-size:13px;
	}
	#cotacaoEnviada .botao{
		width:150px;
		font-size:15px;
	}
	#cotacaoEnviada .site{
		left:50%;
		margin-left:-200px;
		top:10px;
	}
	#cotacaoEnviada .cotacao{
		left:50%;
		margin-left:100px;
		top:10px;	
	}	
	
	
	
	
}

/*eReaders e smartphones*/
@media screen and (max-width: 600px) {
	.titulo{
		font-size:35px;	
	}
	.titulo2{
		font-size:38px;	
	}
	
	#topoEscondido{
		height:60px;
	}
	#topoEscondido .logo{
		height:50px;
		left:10px;
		top:5px;	
	}
	#topoEscondido .menuIcone, #topoEscondido .menuSair{
		width:30px;
		top:15px;
	}
	#topoEscondido .menuDev{
		top:60px;	
	}
	.limite{
		width:450px;
		margin-left:-225px;	
	}
	#banner{
		margin-top:0px;
		height:500px;
		margin-bottom:0px;
	}
	#banner #boxBanner{
		width:450px;
		margin-left:-225px;
	}
	#sobreAuto{
		margin-top:50px;
	}
	#sobreAutoTxt {
		width:430px;
		position:relative;
		left:50%;
		margin-left:-215px;

	}	
	#sobreAuto .titulo{
		padding:10px;
	}
	#sobreAuto .texto{
		text-align:justify;
		padding:10px;		
	}	

	#sobreAuto img{
		display:none;
	}
	#beneficiosTxt {
		width:430px;
		left:50%;
		margin-left:-225px;
		text-align:center;
	}
	#beneficiosTxt .titulo{
		text-align:left;
		padding:0 10px;		
	}
	#beneficiosTxt .texto{
		text-align:justify;
		padding:20px 10px;		
	}	
	
	#beneficios ul{
		width:450px;
		margin-left:-225px;
	}
	#beneficios ul li{
		width:112px;
	}
	#beneficios ul li img{
		width:90px;
	}
	#coberturas table{
		width:450px;
		margin-left:-225px;	
	}

	#coberturas table tr .td1{
		width:350px;
		height:90px;
	}
	#coberturas table tr .td2{
		width:100px;	
	}
	#coberturas table tr td img{
		width:30px;
		left:15px;
	}
	#oferta{
		width:100%;
		height:600px;
	}
	#oferta{
		width:100%;
		position:relative;
	}
	#oferta .titulo2, #oferta .texto2{
		width:450px;
		position:relative;
		left:50%;
		margin-left:-225px;
	}	
	.box_carrossel{
		width:450px;
		height:56px;
	}
	
	.carrossel .item img{
		width:80px;
	}
	.carrossel .item{
		width: 80px;
		padding:5px;
		margin-bottom:50px;
	}	
	#sobre{
		width:450px;
		margin-bottom:0px;
		margin-left:-225px;
		position:relative;
		left:50%;
	}		
	#sobre #opiniao{
		width:205px;
		padding:10px;
		text-align:center;
	}
	#sobreTxt{
		width:450px;
		margin-left:-225px;
	}
	#boxOpiniao{
		position:relative;
		left:50%;
		width:450px;
		margin-left:-225px;			
		height:300px;
	}
	
	#historia{
		height:1050px;
		margin-bottom:50px;
		margin-top:20px;
		
	}
	#boxHistoria{
		width:100%;
		height:1050px;
	}

	#historia #texto{
		width:450px;
		left:50%;
		margin-left:-225px;
		height:700px;
	}
	#historia #foto{
		width:100%;
		height:280px;
		position:absolute;
		margin-top:0;
		bottom:0;

	}	
	#historia #foto img{
		width:200px;
		left:50%;
		margin-left:-100px;
		top:0;
	}
	#historia #foto .subtitulo{
		top:190px;
		font-size:19px;
		margin-left:-65px;		
	}
	#historia #foto .texto{
		top:240px;	
		margin-left:-45px;
	}

	#historia .rst{
		bottom:0px;		
	}
	
	#perguntasFrequentes{
		width:450px;
		margin-left:-225px;
		margin-top:50px;		
	}
	#perguntasFrequentes .titulo{
		margin-bottom:20px;
		text-align:center;
	}
	#formulario{
		width:400px;
		right:-400px;
	}	
}

/*smartphones*/
@media screen and (max-width: 480px) {
	.titulo{
		font-size:30px;	
	}
	.titulo2{
		font-size:33px;	
	}
	.limite{
		width:280px;
		margin-left:-140px;	
	}	
	.campo{
		width:200px;
		
	}
	.textarea{
		width:200px;	
	}
	.number{
		width:50px;	
	}
	
	
	#topoEscondido{
		height:60px;
	}
	#topoEscondido .logo{
		height:50px;
		left:10px;
		top:5px;	
	}
	#topoEscondido .menuIcone, #topoEscondido .menuSair{
		width:30px;
		top:15px;
	}
	#topoEscondido .menuDev{
		top:60px;	
	}
	#banner{
		margin-top:0px;
	}
	#banner #boxBanner{
		width:280px;
		margin-left:-140px;
	}
	#sobreAutoTxt {
		width:280px;
		position:relative;
		left:50%;
		margin-left:-140px;

	}	
	#sobreAuto .titulo{
		padding:10px;
	}
	#sobreAuto .texto{
		text-align:justify;
		padding:10px;		
	}	

	#beneficios{
		margin-bottom:0px;
		height:450px;
	}
	#beneficiosTxt {
		width:280px;
		left:50%;
		margin-left:-140px;
		text-align:center;
	}	
	
	#beneficios ul{
		width:280px;
		margin-left:-140px;
	}
	#beneficios ul li{
		width:70px;
		padding:0;
		margin:0;
	}
	#beneficios ul li img{
		width:50px;
	}
	#beneficios ul .subtitulo{
		font-size:13px;
	}
	#coberturas{
		margin-top:0px;
	}
	#coberturas table{
		width:280px;
		margin-left:-140px;
		padding:0;		
	}

	#coberturas table tr .td1{
		width:200px;
		height:120px;
	}
	#coberturas table tr .td2{
		width:77px;	
	}
	#coberturas table tr td img{
		width:20px;
		left:10px;
	}
	#oferta{
		width:100%;
		position:relative;
	}
	#oferta .titulo2, #oferta .texto2{
		width:260px;
		position:relative;
		left:50%;
		margin-left:-140px;
		padding-left:10px;
		padding-right:10px;
	}

	.botao2{
		margin:20px 0;
		width:240px;
		padding: 20px 0;
	}
	.cronometro{
		font-size:40px;
		font-family:Oswald;
		color:#FFF;
		width:280px;
		left:50%;
		margin-left:-140px;
	}
	#seguradoras{
		display:none;
	}
	#seguradorasDev{
		display:block;
		width:280px;
		position:relative;
		left:50%;
		margin-left:-140px;
		background-color:#FCFCFC;
		text-align:center;
		
	}

	#seguradorasDev img{
		padding:10px;
		width:75px;
		position:relative;
		opacity:0.5;
	}	
	#sobre{
		width:280px;
		margin-bottom:50px;
		margin-left:-140px;
		position:relative;
		left:50%;
		padding:50px 0 0 0;
		height:650px;
	}

	
	#sobre #opiniao{
		width:260px;
		padding:0 10px;
		text-align:center;
	}
	#sobreTxt{
		width:280px;
		margin-left:-140px;
	}
	#boxOpiniao{
		position:relative;
		left:50%;
		width:280px;
		margin-left:-140px;			
		height:450px;
	}
	
	#historia{
		height:1330px;
		margin-bottom:50px;
	}
	#boxHistoria{
		width:100%;
		height:1330px;
	}

	#historia #texto{
		width:280px;
		left:50%;
		margin-left:-140px;
		height:1010px;
	}
	#historia #foto{
		width:100%;
		height:280px;
		position:absolute;
		margin-top:0;
		bottom:0;

	}	
	
	#perguntasFrequentes{
		width:280px;
		margin-left:-140px;	
	}
	#perguntasFrequentes .titulo{
		margin-bottom:20px;
		text-align:center;
	}
	#formulario{
		width:280px;
		right:-280px;
	}
	#formulario form{
		width:200px;
		margin-left:-110px;	
	}	
	#formulario .botao{
		width:180px;
	}

	#cotacaoEnviada .titulo{
		font-size:20px;
		padding:20px 0 20px 0;
	}
	#cotacaoEnviada .subtitulo{
		font-size:15px;
		padding:20px 0 20px 0;	
	}
	#cotacaoEnviada .texto{
		font-size:13px;
	}
	#cotacaoEnviada .botao{
		width:130px;
		font-size:12px;
		padding:10px;
	}
	#cotacaoEnviada .site{
		left:50%;
		margin-left:-135px;
		top:10px;
	}
	#cotacaoEnviada .cotacao{
		left:50%;
		margin-left:5px;
		top:10px;	
	}	
}
@media screen and (max-height: 330px) {
	#cotacaoEnviada .titulo{
		font-size:15px;
		padding:5px 0 5px 0;
	}
	#cotacaoEnviada .subtitulo{
		font-size:12px;
		padding:5px 0 5px 0;	
	}
	#cotacaoEnviada .texto{
		font-size:12px;
	}
	#cotacaoEnviada .botao{
		width:130px;
		font-size:12px;
		padding:5px;
		margin-top:5px;
	}
	#cotacaoEnviada .site{
		left:50%;
		margin-left:-135px;
		top:10px;
	}
	#cotacaoEnviada .cotacao{
		left:50%;
		margin-left:5px;
		top:10px;	
	}	
	
}