#cx-home{width:100%; display:block; position:relative; background-color: #0CC; background-position:50%; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; /*background-image:url(imagem/fundos/fundo-logotipo-ber-negocios-e-servicos.jpg);*/}
#cx-home .conteudo{}
#cx-home .cx-logo{width:100%; display:inline-block; padding:4em 0;}
#cx-home .cx-logo img{ width:25%; min-width:15em; max-width:40em; border:0; vertical-align:middle;}
#cx-home .cx-logo .dados-contato{width:70%; min-width:15em; vertical-align:middle; display:inline-block;}
#cx-home .cx-logo .dados-contato span a{font-size:2em; font-weight:400; line-height:1.5em; color:#fff; text-decoration:none; display:block;}
#cx-home .cx-logo .dados-contato span .tamanho{font-size:1.5em;}
/*quem somos*/
#cx-qs{width:100%; display:block; position:relative; background-color:#fff; background-position:50%; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-image:url(../imagem/fundos/fundo-quem-somos.jpg);}
#cx-qs .conteudo{display:inline-block; vertical-align:middle;}
#cx-qs .cx-dados{width:100%; display:inline-block; padding:6em 0;}
#cx-qs .cx-dados .titulo,
#cx-qs .cx-dados .descricao,
#cx-qs .cx-dados .contato{width:100%; display:inline-block;}
	#cx-qs .cx-dados .titulo span{font-size:3em; font-weight:600; text-transform:uppercase; line-height:1.5em; color:#000;}
	#cx-qs .cx-dados .titulo span img{width:20%; min-width:9em; max-width:40em; border:0; display:inline-block;}
	#cx-qs .cx-dados .descricao span{font-size:1.5em; font-weight:400; line-height:1.5em; color:#fff;}
	#cx-qs .cx-dados .contato span{font-size:1.75em; font-weight:400; line-height:1.5em; color:#fff;}
#cx-qs .cx-dados .contato{padding:1em 0;}
	#cx-qs .cx-dados .contato span a{color:#f5f5f5; text-decoration:none;  font-weight:600;}
	#cx-qs .cx-dados .contato span .tamanho{font-size:0.9em;}
		#cx-qs .cx-dados .contato span a i{ font-size:1em; display:inline-block; vertical-align:middle;}
	#cx-qs .cx-dados .contato span a:hover{color: #333;}
/* marcas */
#cx-representantes{width:100%; display:block; position:relative; background-color:#bfd9ff;}
#cx-representantes .conteudo{}
#cx-representantes .cx-representado{width:100%; display:inline-block; padding:4em 0;}
#cx-representantes .cx-representado .cx-imagem{width:25%; min-width:15em; display:inline-block; vertical-align:middle;}
#cx-representantes .cx-representado img{ width:100%; border:0;}
	#cx-representantes .cx-representado .cx-texto{width:60%; display:inline-block; vertical-align:middle; min-width:15em;}
#cx-representantes .cx-representado .cx-texto .titulo,
#cx-representantes .cx-representado .cx-texto .descricao{width:90%; display:inline-block;}
#cx-representantes .cx-representado .cx-texto .descricao{ text-align:justify;}
	#cx-representantes .cx-representado .cx-texto .titulo span{font-size:2.5em; font-weight:600; text-transform:uppercase; line-height:1.5em; color: #00C;}
	#cx-representantes .cx-representado .cx-texto .descricao span{font-size:1.25em; font-weight:400; line-height:1.5em; color:#333;}
/*produtos*/
#cx-o-que-fazemos{width:100%; display:inline-block; position:relative; background-color:#000; background-position:50%; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-image:url(../imagem/fundos/fundo-alpar-e-br-negocios-e-servicos.jpg);}
#cx-o-que-fazemos .conteudo{padding:8em 0;}
#cx-o-que-fazemos .cx-dados .titulo,
#cx-o-que-fazemos .cx-dados .descricao,
#cx-o-que-fazemos .cx-dados .area-botao{width:100%; display:inline-block;}
	#cx-o-que-fazemos .cx-dados .titulo span{font-size:3em; font-weight:600; text-transform:uppercase; line-height:1.5em; color:#fff;}
	#cx-o-que-fazemos .cx-dados .descricao span{font-size:1.5em; font-weight:400; line-height:1.5em; color: #CCC;}
#cx-o-que-fazemos .cx-dados .area-botao{margin-top:2em;}
	#cx-o-que-fazemos .cx-dados .area-botao span a{font-size:1.5em; text-decoration:none; cursor:pointer; font-weight:400; line-height:1.5em; color: #CCC; display:inline-block; padding:0.5em 2em; color:#FFF; background-color:#099; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;}
	#cx-o-que-fazemos .cx-dados .area-botao span a:hover{ background-color:#fff;color:#099;}
@media only screen and (max-width: 600px) {
#cx-representantes .cx-representado .cx-imagem,
#cx-representantes .cx-representado .cx-texto{width:100%;}
#cx-representantes .cx-representado .cx-imagem{ margin-bottom:3em;}
}
@media only screen and (max-width: 533px) {
#cx-produtos .cx-dados .titulo span,
#cx-qs .cx-dados .titulo span,
#cx-representantes .cx-representado .cx-texto .titulo span{ font-size:2em; font-weight:500;}
#cx-produtos .conteudo{padding:6em 0;}
}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 800px) {}