@media screen and (min-width : 480px){
	body { font-size:55% }

	/* --- informativos */
	#informativos figcaption { margin-top:-3px }

	/* --- material exclusivo */
	#downloads span.formulario span input { width:93% }
	
	/* -- assistência técnica */
	#ass-tecnica > div > span { width:50%; margin-top:15px }

	/* --- internas */
	/* servicos */
	#servicos > aside div span { margin-bottom:2px }
	#servicos > aside div span a { padding:2.5% }
	
	/* produtos */
	#produtos > aside div span { margin-bottom:2px }
	#produtos > aside div span a { padding:2.5% }

	/* contato */
	#retorno { width:91.8% }

}
@media screen and (min-width : 640px){
	/* --- topo */
	header > div figure { width:40%; text-align:left; float:left }
	header .midias-telefone { width:45%; padding:15px 0px; text-align:center; float:right }

	header nav { padding-top:15px; clear:both }
	header nav ul { display:block; list-style:none }
	header nav ul li { width:20%; text-transform:uppercase; float:left }
	header nav ul li a { display:block; padding:8px 4px; background:none; color:#051c47; text-decoration:none; font-weight:bold }
	header nav ul li a.ativo { color:#fff; background:#051c47 }

	header span.acervo-tecnico { display:inline-block; width:45%; float:right }
	header span.acervo-tecnico > a { display:block; width:100%; background:#051c47; color:#fff; font-size:1.4em; padding:8px 0; text-transform:uppercase; text-decoration:none }
	#downloads-topo { display:none; position:absolute; width:auto; background:#051c47; padding:8px; z-index:999 }
	#downloads-topo form { width:100% }

	#downloads-topo span { display:block; width:100%; color:#fff; margin-bottom:5px; text-align:left }
	#downloads-topo span input[type=text],
	#downloads-topo span input[type=password] { width:72%; padding:6px; background:#fff; border:#fff 1px solid }
	#downloads-topo span input[type=submit] { border:none; background:#fff; color:#051c47; cursor:pointer; margin-left:2px; padding:6px }
	#downloads-topo span a { font-size:1.3em; color:#fff; text-decoration:none }
	#downloads-topo div.retorno-login-topo { font-size:1.3em }

	/* --- informativos */
	#informativos > div span { width:25%; margin-bottom:15px }
	#informativos figcaption { min-height:35px }

	/* --- material exclusivo */
	#downloads { display:block }
	#downloads h1 { margin-bottom:10px }
	#downloads p { line-height:18px }
	#downloads span.material { width:40%; float:left }
	#downloads span.formulario { width:46%; margin:10px 0 0 0; float:right }
	#downloads span.formulario span.senha-cadastro { width:62%; text-align:left; float:left }
	#downloads span.formulario input[type=submit]{ float:right }

	#cadastro form fieldset > table { font-size:1.4em; color:#051c47 }
	#cadastro form fieldset > table input[type=text],
	#cadastro form fieldset > table input[type=password] { width:74%; border:#051c47 1px solid; padding:1%; font-size:1em }
	#cadastro form fieldset > table input[type=submit] { border:none; width:87px; height:35px; background:url(../img/botao-enviar.gif); text-indent:-3000em; cursor:pointer }
	#cadastro p.resultado { font-size:1.4em; color:#051c47 }

	#cadastro span.login-disponivel > span,
	#cadastro span.email-disponivel > span { display:inline-block; color:#d00; font-size:0.9em; margin-top:5px; vertical-align:top }

	#lembrar-senha label { font-size:1.4em; padding:8px 8px 8px 0; float:left }
	#lembrar-senha input[type=text] { width:50%; border:#051c47 1px solid; padding:7.2px; font-size:1.4em; margin-right:8px; float:left }
	#lembrar-senha input[type=submit] { border:none; width:87px; height:35px; background:url(../img/botao-enviar.gif); text-indent:-3000em; cursor:pointer }
	#lembrar-senha .retorno-email { display:none; width:57.8%; font-size:1.4em; margin-left:54px; margin-top:10px }

	/* --- internas */
	/* acervo tecnico */
	#acervo-tecnico { width:100%; height:auto }
	#acervo-tecnico a.sair { display:block; position:absolute; top:0; right:0; color:#252d5e; font-size:1.4em; font-weight:bold; text-decoration:none }
	#acervo-tecnico p { font-size:1.4em; color:#252d5e }

	#acervo-tecnico section { display:block }
	#acervo-tecnico section h1 { display:block; background:#959595; padding:1%; font-size:1.8em; font-weight:normal; color:#fff; margin:20px 0 0 0 !important }
	#acervo-tecnico section div { width:100%; height:auto; overflow:hidden; margin-bottom:20px }

	#acervo-tecnico section h1 { cursor:pointer }
	#acervo-tecnico section div div { display:none }
	#acervo-tecnico section div table tr {  }
	#acervo-tecnico section div table tr td { background:#e1e1e1; padding:8px; border-bottom:#fff 1px solid }
	#acervo-tecnico section div table tr td.titulo { font-size:1.2em; color:#252d5e; border-right:#fff 1px solid }
	#acervo-tecnico section div table tr td.titulo > span { display:inline-block; background:#051c47; padding:0; color:#fff; min-height:auto; padding:2px 6px; margin-right:5px; text-transform:uppercase }
	#acervo-tecnico section div table tr td.titulo a { font-size:1.2em; color:#252d5e; text-decoration:none }
	#acervo-tecnico section div table tr td.descricao { font-size:1.4em; color:#252d5e; border-right:#fff 1px solid }
	#acervo-tecnico section div table tr td.baixar { text-align:center; border-right:0 }
	#acervo-tecnico section div table tr td.baixar a { display:inline-block; background:#f3ad1b; padding:0; color:#fff; min-height:auto; padding:2px 6px; text-transform:uppercase; text-decoration:none; font-weight:bold; border-radius:5px }

	/* servicos */
	#tecnicos span { width:33%; margin:0 }
	#tecnicos span strong { display:block; padding:0 }
	#tecnicos > aside div span { width:99.9% }
	#tecnicos > aside div span a { padding:2% }

	#servico-conteudo > p { margin-bottom:20px }
	#servico-conteudo div > span { width:50%; height:auto; vertical-align:top }

	#servicos > aside { width:70%; margin:0 auto }

	/* produtos */
	#produto-conteudo > p { margin-bottom:20px }
	#produto-conteudo div > span { width:50%; height:auto; vertical-align:top }

	#produtos > aside { width:70%; margin:0 auto }

	/* contato */
	#retorno { width:93.8% }

}
@media screen and (min-width : 768px){
	body { font-size:62% }

	/* --- topo */
	header > div figure { width:32%; padding-right:42px }
	header nav ul li a { padding:8px 0 }
	header nav ul li.home { width:10% }
	header nav ul li.sobre { width:15% }
	header nav ul li.produtos { width:20% }
	header nav ul li.servicos { width:16% }
	header nav ul li.trabalhe-conosco { display:inline-block; width:26% }
	header nav ul li.contato { width:13% }
	.separador { height:5px }

	header span.acervo-tecnico { width:32%; margin-top:14px; float:left }
	header .midias-telefone { width:30%; padding:0 0 22px 0; margin-top:12px; float:right }
	header .midias-telefone > .email { margin-top:-5px; font-size:1.5em }

	#downloads-topo span input[type=text],
	#downloads-topo span input[type=password] { width:93.5% }
	#downloads-topo span input[type=submit] { margin:5px 0 0 0 }

	/* --- slides */
	#slides span { padding:2.5% }
	#slides span.titulo { width:75% }
	#slides span.saiba-mais { width:20% }

	/* --- informativos */
	#informativos figcaption { min-height:auto }

	/* --- assistência técnica */
	#ass-tecnica { padding-bottom:20px }
	#ass-tecnica > div > span { width:25%; margin:0 0 20px 0 }
	#ass-tecnica > div > span img { width:100%; height:auto !important }

	/* --- internas */
	/* trabalhe conosco */
	#trabalhe-conosco { display:block; font-size:1.4em; color:#252d5e }
	#trabalhe-conosco table td { padding:0.3% }
	#trabalhe-conosco h2 { font-size:1.2em; font-weight:normal; margin-bottom:15px }
	#trabalhe-conosco h3 { font-size:1em; font-weight:bold; margin-bottom:15px }
	#trabalhe-conosco hr { margin:15px 0; background:#fff1d6; color:#fff1d6 }

	#trabalhe-conosco input[type=text],
	#trabalhe-conosco textarea,
	#trabalhe-conosco select { width:97.8%; font-size:1em; border:#252d5e 1px solid; padding:3px; resize:none }
	#trabalhe-conosco input[type=submit] { width:87px; height:35px; border:none; background:url(../img/botao-enviar.gif); cursor:pointer }

	#trabalhe-conosco tr.simples input[type=text] { width:97.8% }
	#trabalhe-conosco tr.simples select { width:99%; min-width:99%; max-width:99% }
	#trabalhe-conosco tr.duplo input[type=text] { width:94.6% }
	#trabalhe-conosco tr span { display:inline-block }

	#trabalhe-conosco input[name^=inicioEmpr],
	#trabalhe-conosco input[name^=terminoEmpr] { width:34.7% !important }
	#trabalhe-conosco input[name=salario] { width:80% !important; padding-left:10px }

	#trabalhe-conosco p.resultado { color:#051c47; font-size:1em; line-height:20px }

	/* servicos */
	#servicos > aside div span { width:99.9% }
	#servicos > aside div span a { padding:2% }
	
	#servico-conteudo div > span div.descricao { display:none }

	/* produtos */
	#produto-conteudo div > span div.descricao { display:none }

	/* contato */
	#form-contato span input[type=text],
	#form-contato span textarea { width:97.5%; padding:1% }
	#retorno { width:94.9% }
	
	#mapa > iframe { height:320px }

	/* --- rodapé */
	footer { padding:25px 0 }
	footer nav { display:block; width:70%; float:left }
	footer nav ul { list-style:none }
	footer nav ul li { float:left }
	footer nav ul li a { font-size:1.4em; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold }

	footer nav ul li.home { width:10%; text-align:left }
	footer nav ul li.sobre { width:20% }
	footer nav ul li.servicos { width:18% }
	footer nav ul li.trabalhe-conosco { width:36% }
	footer nav ul li.contato { width:16% }

	footer .midias-telefone { margin:0 0 25px 0; float:right }
	footer figure { float:right; clear:both }
	footer .direitos { float:left; margin-top:10px }

}
@media screen and (min-width : 1024px){
	.central { width:940px }
	
	.grayscale {
		filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* firefox 10+, firefox on Android */
		filter:gray; /* ie 6-9 */
		-webkit-filter:gradyscale(100%); /* chrome 19+, safari 6+, safari 6+ iOS */
	}
	.grayscale:hover { filter:none; -webkit-filter:grayscale(0) }

	#principal .central > section { margin:40px 0; padding-bottom:75px }
	#principal section > h1 { margin-bottom:35px }

	/* --- topo */
	header > div figure { margin-top:30px; padding:0 }

	header nav { width:67%; clear:none; float:right }
	header nav ul li { width:auto !important }
	header nav ul li a { display:block; width:auto; padding:12px 15px; color:#051c47; text-decoration:none; font-weight:bold }
	header nav ul li a.ativo { color:#fff; background:#051c47 }

	header span.acervo-tecnico { width:220px; margin-left:145px }
	header .midias-telefone { width:22%; text-align:right }
	header .midias-telefone > .email { width:auto }

	/* --- slides */
	#slides span.titulo { width:80% }
	#slides span.saiba-mais { width:15% }
	#slides span.saiba-mais a { background:url(../img/seta-branca.png) left center no-repeat; padding-left:14px }

	/* --- informativos */
	#informativos > div span { width:220px; margin-right:20px }
	#informativos > div span.ultimo { margin-right:0 }

	/* --- material exclusivo */
	#downloads span.material { width:32%; margin-left:95px }
	#downloads span.formulario span { display:inline-block; width:47.7%; margin-right:15px }
	#downloads span.formulario span.ultimo { margin:0 }
	#downloads span.formulario span input { width:88%; padding:5%; margin-bottom:15px }

	/* acervo tecnico */
	#acervo-tecnico section h1 { padding:1.5% }
	#acervo-tecnico section div table tr td { padding:1.5% }
	#acervo-tecnico section div table tr td.baixar a { padding:8px 11px; font-size:1.1em; border-radius:8px }

	/* --- assistência técnica */
	#ass-tecnica { padding-bottom:55px }

	/* --- internas */
	/* sobre */
	.linha-tempo { width:100%; height:auto }
	.linha-tempo .topo { height:1px; background:url(../img/linha-tempo-topo.gif) center no-repeat }
	.linha-tempo .miolo { min-height:1110px; background:url(../img/linha-tempo-miolo.gif) center repeat-y }
	.linha-tempo .rodape { height:9px; background:url(../img/linha-tempo-final.gif) center no-repeat }

	.linha-tempo .ano-grande,
	.linha-tempo .ano-pequeno,
	.linha-tempo .hoje { margin:0 }
	.linha-tempo .ano-separador { position:absolute; display:block; width:10px; height:10px; left:50%; margin-left:-5px; background:url(../img/ano-separador.gif) no-repeat }

	.linha-tempo .ano-grande .ano { position:absolute; display:block; width:55px; height:55px; line-height:55px; left:50%; margin-left:-27.5px; margin-bottom:0; padding:0; background:url(../img/ano-maior.gif) no-repeat; text-align:center }
	.linha-tempo .hoje .ano { position:absolute; display:block; width:55px; height:55px; line-height:55px; left:50%; margin-left:-27.5px; margin-bottom:0; padding:0; background:url(../img/ano-hoje.gif) no-repeat; text-align:center; text-transform:uppercase }

	.linha-tempo .ano-1977,
	.linha-tempo .ano-1979,
	.linha-tempo .ano-1987,
	.linha-tempo .ano-1990,
	.linha-tempo .ano-2000	{ position:absolute }

	.linha-tempo .ano-1977	{ top:44px; height:100px }
	.linha-tempo .ano-1979	{ top:144px; height:100px }
	.linha-tempo .ano-1987	{ top:244px; height:100px }
	.linha-tempo .ano-1990	{ top:348px; height:300px }
	.linha-tempo .ano-2000	{ top:494px; height:270px }
	.linha-tempo .ano-2010	{ top:790px; height:55px }
	.linha-tempo .hoje		{ top:840px }

	.linha-tempo .ano-1990 .ano-separador { top:92px }
	.linha-tempo .ano-2000 .ano-separador { top:144px }

	.linha-tempo .ano-grande p,
	.linha-tempo .ano-pequeno p,
	.linha-tempo .hoje p { width:45.74468085106383%; margin:18px 0 0 0 }

	.linha-tempo .ano-grande p.esquerda,
	.linha-tempo .ano-pequeno p.esquerda { text-align:right; float:left; clear:both }
	.linha-tempo .hoje p.esquerda { text-align:right; float:left }

	.linha-tempo .ano-grande p.direita,
	.linha-tempo .ano-pequeno p.direita { text-align:left; float:right; clear:both }
	.linha-tempo .hoje p.direita { text-align:left; float:right }
	.linha-tempo h2 { margin-top:15px }
	
	/* servicos */
	#servicos > article { margin-bottom:35px }
	
	#tecnicos { text-align:center; margin-bottom:35px }
	#tecnicos span { width:26% }

	#servicos > aside { width:75%; margin:0 auto }
	#servicos > aside h1 { display:block; width:68%; margin:0 auto 35px auto; }
	#servicos > aside div span { width:32.3%; margin-right:1.5%; vertical-align:top }
	#servicos > aside div span.ultimo { margin-right:0 }
	#servicos > aside div span a { padding:5%; min-height:auto }

	#servico-conteudo div { margin-top:30px }
	#servico-conteudo div > span { width:31%; padding:0 1%; vertical-align:top }
	
	/* produtos */
	#produtos > article { margin-bottom:35px }
	
	#produtos > aside { width:75%; margin:0 auto }
	#produtos > aside h1 { display:block; width:68%; margin:0 auto 35px auto; }
	#produtos > aside div span { width:32.3%; margin-right:1.5%; vertical-align:top }
	#produtos > aside div span.ultimo { margin-right:0 }
	#produtos > aside div span a { padding:5%; min-height:auto }

	#produto-conteudo div { margin-top:30px }
	#produto-conteudo div > span { width:31%; padding:0 1%; vertical-align:top }

	/* trabalhe conosco */
	#trabalhe-conosco tr.simples input[type=text] { width:98.1% }
	#trabalhe-conosco tr.duplo input[type=text] { width:95.1% }
	#trabalhe-conosco textarea { width:98% }

	#trabalhe-conosco input[name^=inicioEmpr],
	#trabalhe-conosco input[name^=terminoEmpr] { width:37.9% !important }

	/* contato */
	#formulario { width:564px; float:left }
	#form-contato { width:90% }
	#form-contato span { margin-bottom:10px }
	#form-contato span label { width:24%; padding:5px 8px 0 0; text-align:right; vertical-align:top }	

	#form-contato span input[type=text],
	#form-contato span textarea { width:70.4%; padding:1.5% }
	#form-contato span textarea { height:101px }

	#form-contato span.obs,
	#form-contato span.enviar { width:74%; float:right }

	#contato aside { width:300px; min-height:392px; float:left }
	#retorno { width:auto; padding-right:20px; margin-bottom:0 }
}
@media screen and (min-width : 1080px){
	body { background:url(../img/fundo.gif) repeat-x #eee }
	#principal { width:1080px; height:auto; margin:0 auto; background:#fff }

	/* --- slides */
	.rslides_nav { position:absolute; width:22px; height:44px; top:42%; display:block !important; z-index:999 }
	.rslides_nav.prev { left:-40px; background:url(../img/seta-anterior.png) }
	.rslides_nav.next { right:-40px; background:url(../img/seta-proximo.png) }
}