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

@media only screen and (max-width: 696px) 
{
	.conteudo{margin-bottom:70px;}
	.conteudoInterno{width:calc(100% - 40px);left:auto;position:relative; margin-left:20px;}
	.colEsquerda{clear:both; margin-left:0; margin-top:0; width:100%}
	.colDireita{clear:both}
	.titulo{font-size:30px; margin-left:0; width:100%; margin-top:50px; margin-bottom:10px; clear:both}
	.subTitulo{font-size:23px; margin-left:0; clear:both}
	.cabEtapa{font-size:23px; clear:both; margin-top:10px; margin-bottom:10px;}
	.colDireita{width:100%; margin-top:0;}
	.colDireita img{width:250px; height:60px;}
	
	.erroCadastro{font-size:15px; margin-left:0; width:100%;line-height:25px;margin-bottom:10px; margin-top:30px;}
	.linha{margin-left:0px;width:100%; margin-top:10px;}
	.espaco{margin-left:0;}
	 .espacoMobile{margin-left:20px;}
	 .espacoMobile2{margin-top:10px;}
	 .campoRadio{line-height:22px; padding-top:0;}
	.nomeCampo{font-size:20px; clear:both;}
	.campoConteudo{clear:both; width:100%; font-size:20px;}
	.campoConteudoPS{font-size:17px; line-height:23px;}
	#btnBuscaCEP{margin-left:0}
	#btnAlteraCEP{margin-left:0}
	.btnForm{font-size:20px;}
	#divCarregandoCEP{font-size:17px;}
	
	.campoInput{font-size:20px;line-height:28px;height:44px; width:calc(100% - 30px) !important;}
	
	
	#modalDescricao{width:calc(100% - 60px); height:500px;}
	.boxModal{width:100%;}
	.iconeModal{ margin-top:10px; margin-left:10px;}
	.tituloModal{margin-top:15px; margin-left:0; font-size:20px; line-height:28px; width:100%;}
	.textoModal{margin-top:15px; margin-left:0; margin-right:0; font-size:20px; line-height:28px; height:200px;}
	.divUsar{margin-top:30px; margin-left:20px;}
	.divDescartar{margin-top:30px;margin-left:0;}
	.lnkUsar{font-size:20px; }
	.lnkDescartar{font-size:20px; }
}


@media only screen and (min-width: 697px) and (max-width: 1200px)
{
	.conteudo{margin-bottom:70px;}
	.conteudoInterno{width:616px;left:50%; position:relative; margin-left:-308px;}
	
	.colEsquerda{clear:both; margin-left:0; margin-top:0; width:100%}
	.colDireita{clear:both}
	.titulo{font-size:30px; margin-left:0; width:100%; margin-top:50px; margin-bottom:10px; clear:both}
	.subTitulo{font-size:23px; margin-left:0; clear:both}
	.cabEtapa{font-size:23px; clear:both; margin-top:10px; margin-bottom:10px;}
	.colDireita{width:100%; margin-top:0;}
	.colDireita img{width:250px; height:60px;}
	
	.erroCadastro{font-size:15px; margin-left:0; width:100%;line-height:25px;margin-bottom:10px; margin-top:30px;}
	.linha{margin-left:0px;width:100%; margin-top:10px;}
	.nomeCampo{font-size:20px; padding-top:6px;}
	.campoConteudo{font-size:20px}
	.campoConteudoPS{font-size:17px; line-height:23px;}
	#btnBuscaCEP{margin-top:2px}
	#btnAlteraCEP{margin-top:2px}
	.btnForm{font-size:20px;}
	#divCarregandoCEP{font-size:17px; margin-top:7px;}
	.campoInput{font-size:20px;line-height:28px;height:44px;}
	.espacoBtnOK{margin-top:30px;}
	.nomeCampoRadio{margin-top:4px;}
	.espacoForo{margin-left:15px;}
	
	
	#dsNome{width:500px}
	#dsEmail{width:493px}
	#nrCPF{width:517px}
	#nrCNPJ{width:507px}
	#dtNascimento{width:95px}
	#dsCelular{width:150px}
	#dsSenha{width:180px}
	#nrCEP{width:120px}
	
	#dsEndereco{width:462px}
	#nrNumero{width:70px}
	#dsComplemento{width:191px}
	#dsBairro{width:489px}
	#dsCidade{width:225px}
	#opEstado{width:110px}
	
	#dsCargo{width:321px}
	#dsRepresentante{width:329px}
	#nrPIS{width:200px}
	
	#dsDescricao{width:571px; resize:none; height:170px;}
	#dsAtivo,#dsAtivoDivisao,#dsPassivo,#dsPassivoDivisao{width:571px; resize:none; height:92px;}
	#nrValor{width:243px}
	#opFormaPagamento{width:388px}
	
	#nrParcela{width:194px}
	#intFrequenciaParcelas{width:70px}
	#dtTermino{width:150px}
	#dtInicio{width:150px}
	
	#intPrazoEntrega{width:50px}
	#opPrazoEntrega{width:214px; margin-left:15px;}
	#intVigencia{width:250px}
	#dtAssinatura{width:150px}
	#intMulta{width:200px}
	#dsLocal{width:390px}
	
	#hrInicioT1{width:153px}
	#hrFimT1{width:153px; margin-left:15px;}
	#hrInicioT2{width:153px}
	#hrFimT2{width:153px; margin-left:15px;}
	#nrDiaInicio{width:200px}
	#nrDiaFim{width:200px; margin-left:15px;}
	#intTotalHoras{width:200px}
	#dsMotivo{width:349px}
	#dsAssunto{width:225px}
	
	#modalDescricao{width:600px; height:450px;}
	.boxModal{width:100%; height:430px;}
	.iconeModal{ margin-top:10px; margin-left:10px;}
	.tituloModal{margin-top:15px; margin-left:0; font-size:20px; line-height:28px; width:100%;}
	.textoModal{margin-top:15px; margin-left:0; margin-right:0; font-size:20px; line-height:28px; height:200px;}
	.divUsar{margin-top:30px; margin-left:20px;}
	.divDescartar{margin-top:30px;margin-left:0;}
	.lnkUsar{font-size:20px; }
	.lnkDescartar{font-size:20px; }
}