/* @@@@@@@@@ ESTRUTURA @@@@@@@@@ */
body {
	background: url(../imagens/bck_geral.gif);
/*	text-align: center; /* --- HACK PARA CENTRALIZAR NO IE 5 --- */
}

#moldura {
 	width: 775px;
	\width: 795px; /* --- HACK PARA COLOCAR O MESMO TAMANHO NO IE --- */ 
	w\idth: 775px; /* --- HACK PARA COLOCAR O MESMO TAMANHO NO IE --- */
	margin: 0 auto;
	min-width: 775px;
	max-width: 1200px;
	border-right: 1px solid #E7E7EF;
	background: #FFF;
/*	text-align: left; /* --- HACK PARA CENTRALIZAR NO IE 5 --- */
}

/* --- HACKS PARA COLOCAR TAMANHO MINIMO NO IE --- */
* html #minwidthx {
	height: 1px;
	border-left: 775px solid #FFF;
}

* html #minwidthy {
	height: 1px;
	margin: 0;
	margin-left: -775px;
	position: relative;
}
/* --- HACKS PARA COLOCAR TAMANHO MINIMO NO IE --- */

#topo {
	height: 139px;
	background: #FFF;
}

#cabecalho {
	height: 45px;
	background: #FFF;
}

#menuPri {
	float: left;
	width: 185px;
	background: #CFCFCF;
}

#menuSec {
	float: right;
	width: 165px;
	background: #CFCFCF;
}

#conteudo {
	margin: 0;
	padding: 0;
	background: #848484;
}

#rodape {
	clear: both;
	height: 50px;
	background: #333;
}

#base {
	clear: both;
	height: 117px;
	background: #E7E7EF;
}


/* @@@@@@@@@ ESTRUTURA INTERNA @@@@@@@@@ */
body {
	background: url(../imagens/bck_geral.gif);
/*	text-align: center; /* --- HACK PARA CENTRALIZAR NO IE 5 --- */
}

#molduraInt {
 	width: 775px;
	\width: 795px;  /* --- HACK PARA COLOCAR O MESMO TAMANHO NO IE --- */
	w\idth: 775px;  /* --- HACK PARA COLOCAR O MESMO TAMANHO NO IE --- */
	margin: 0 auto;
	min-width: 775px;
	max-width: 1200px;
	border-right: 1px solid #E7E7EF;
	background: #FFF;
/*	text-align: left; /* --- HACK PARA CENTRALIZAR NO IE 5 --- */
}

/* --- HACKS PARA COLOCAR TAMANHO MINIMO NO IE --- */
* html #minwidthxInt {
	height: 1px;
	border-left: 775px solid #FFF;
}

* html #minwidthyInt {
	height: 1px;
	margin: 0;
	margin-left: -775px;
	position: relative;
}
/* --- HACKS PARA COLOCAR TAMANHO MINIMO NO IE --- */

#topoInt {
	height: 139px;
	background: #FFF;
}

#cabecalhoInt {
	height: 45px;
	background: #FFF;
}

#menuPriInt {
	float: left;
	width: 175px;
	background: #FFF;
}

#menuSecInt {
	float: right;
	width: 175px;
	background: #CFCFCF;
}

#conteudoInt {
	margin: 0 0 0 175px;
	padding: 20px 20px 0;
	background: #FFF;
}

#rodapeInt {
	clear: both;
	height: 50px;
	background: #333;
}

#baseInt {
	clear: both;
	height: 117px;
	background: #E7E7EF;
}


/* @@@@@@@@@ LAYOUT @@@@@@@@@ */
* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

body {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

a {
	color: #4A59B5;
}
	
a:visited {
	color: #006;
}

a:hover {
	color: #006;
}

a.um, a.um:visited, a.um:hover {
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
}

a.um {
	color: #4A59B5;
}

a.um:visited {
	color: #006;
}

a.um:hover {
	color: #006;
}

a.dois, a.dois:visited, a.dois:hover {
	font-weight: bold;
	text-decoration: none;
}

a.dois {
	color: #FFF;
}

a.dois:visited {
	color: #FFF;
}

a.dois:hover {
	color: #FFD700;
}

p {
	padding: 10px 0;
}

.textoOculto {
	text-indent: -99999px; 
	display: none; 
	overflow: hidden;
}

.alinhamentoEsquerdo {
	text-align: left;
}

.alinhamentoCentro {
	text-align: center;
}

.alinhamentoDireito {
	text-align: right;
}

.alerta {
	margin: 80px 0 50px 0;
	text-align: center;
	font-weight: bold;
}

.alerta a {
	margin: 30px auto;
	width: 53px;
	height: 11px;
	background: url(../imagens/bot_voltar.gif) no-repeat;
}

.box {
  float: left;
}

/* ### TOPO ### */
#topoLogo {
	float: left;
	width: 375px;
	height: 139px;
}

#topoLogo h1 {
	width: 375px;
	height: 139px;
	cursor: hand;
	background: url(../imagens/log_mecsul.gif) no-repeat center center;
	}
	
#topoMenu {
	float: left;
	width: 400px;
}


/* ### CABECALHO ### */
#cabecalhoA, #cabecalhoB, #cabecalhoC {
	float: left;
	margin-top: 5px;
	height: 25px;
}

#cabecalhoA {
	margin-left: 10px;
	padding-top: 8px;
	width: 475px;
}

#cabecalhoB {
	padding-top: 8px;
	padding-left: 20px;
	width: 105px;
	background: url(../imagens/fig_seta.gif) no-repeat;
}

#cabecalhoC {
	width: 150px;
}

#cabecalhoD, #cabecalhoF {
	float: left;
	width: 192px;
	height: 15px;
	border-top: 2px solid #FFD700;
	background: #4A59AD;
}

#cabecalhoE, #cabecalhoG {
	float: left;
	width: 195px;
	height: 15px;
	border-top: 2px solid #FFD700;
	background: #CECFCE;
}

.buscaInpute {
	height: 15px; 
	margin: 5px 3px;
	color: #039;
	border:1px solid #A5ACB2;
}

.buscaInpute:focus {
	background: #EEE;
}



/* ### MENU PRIMARIO ### */

/* ### MENU SECUNDARIO ### */

/* ### CONTEUDO ### */
#conteudoIntA, #conteudoIntB, #conteudoIntC, #conteudoIntD {
	float: left;
	width: 193px;
}

.titIntA, .titIntB, .titIntC, .titIntD, .titIntE, .titIntF, .titIntEmpresa, .titIntProdutos, .titIntRepresentantes, .titIntLinks, .titIntContato, .titIntLogin, .titIntAreaRestrita, .titIntNewsletter, .titIntBusca, .titIntNoticias, .titIntEventos, .titIntMecsulMundo, .titIntRepNacionais, .titIntRepInternacionais, .titIntLoginPrivada, .titIntLoginPublica, .icoDownload, #areaRestrita a, #topoLogo h1, .alerta a, legend, .atendimento, .titIntAtendimento {
	text-indent: -99999px; 
	display: block; 
	overflow: hidden;
}

.titIntA, .titIntB, .titIntC, .titIntD, .titIntE, .titIntF {
	margin: 15px 0 0 15px;
	width: 122px;
	height: 16px;
}

.titIntA {
	background: url(../imagens/tit_pri_noticias.gif) no-repeat;
}

.titIntB {
	background: url(../imagens/tit_pri_eventos.gif) no-repeat;
}

.titIntC {
	background: url(../imagens/tit_pri_area_restrita.gif) no-repeat;
}

.titIntD {
	background: url(../imagens/tit_pri_newsletter.gif) no-repeat;
}

.titIntE {
	background: url(../imagens/tit_pri_atendimento.gif) no-repeat;
}

.titIntF {
	background: url(../imagens/tit_pri_taxas_cambiais.gif) no-repeat;
}

#conteudo p, #menuPriInt p {
	padding: 0 15px 0 30px;
}

.titIntEmpresa, .titIntProdutos, .titIntRepresentantes, .titIntLinks, .titIntContato, .titIntLogin, .titIntAreaRestrita, .titIntNewsletter, titIntBusca, .titIntNoticias, .titIntEventos, .titIntAtendimento {
	margin: 10px 0 30px 0;
	width: 148px;
	height: 16px;
}

.titIntEmpresa {
	background: url(../imagens/tit_int_empresa.gif) no-repeat;
}

.titIntProdutos {
	background: url(../imagens/tit_int_produtos.gif) no-repeat;
}

.titIntRepresentantes {
	background: url(../imagens/tit_int_representantes.gif) no-repeat;
}

.titIntLinks {
	background: url(../imagens/tit_int_links.gif) no-repeat;
}

.titIntContato {
	background: url(../imagens/tit_int_contato.gif) no-repeat;
}

.titIntLogin {
	background: url(../imagens/tit_int_login.gif) no-repeat;
}

.titIntAreaRestrita {
	background: url(../imagens/tit_int_area_restrita.gif) no-repeat;
}

.titIntNewsletter {
	background: url(../imagens/tit_int_newsletter.gif) no-repeat;
}

.titIntBusca {
	background: url(../imagens/tit_int_busca.gif) no-repeat;
}

.titIntNoticias {
	background: url(../imagens/tit_int_noticias.gif) no-repeat;
}

.titIntEventos {
	background: url(../imagens/tit_int_eventos.gif) no-repeat;
}

.titIntAtendimento {
	background: url(../imagens/tit_int_atendimento.gif) no-repeat;
}

.titTitulo {
	margin-left: 30px;
	font-size: 12px;
	font-weight: bold;
}

#conteudoDetalhes {
	margin: 20px 0 0 60px;
	width: 480px;
}

#noticias, #eventos {
	margin-left: 15px;
	width: 175px;
	font-weight: bold;
}

.maisNoticias, .maisEventos {
	margin-left: 15px;
}

#areaRestrita, #newsletter {
	margin-left: 17px;
	width: 160px;
	font-weight: bold;
}

.areaRestritaInpute, .newsletterInpute {
	height: 15px; 
	margin: 5px 3px;
	color: #039;
	border:1px solid #A5ACB2;
}

.areaRestritaInpute:focus, .newsletterInpute:focus {
	background: #EEE;
}

#taxaCambial {
	margin: 0 15px;
	font-weight: bold;
}

.atendimento {
	margin: 0 15px;
	width: 113px;
	height: 73px;
	background: url(../imagens/fig_skype.gif) no-repeat;
}

/* $$$ PAG EMPRESA &&& */
#empresaDetalhesA, #empresaDetalhesB {
	float: left;
	margin-bottom: 10px;
	width: 260px;
}

#empresaDetalhesA {
	height: 155px;
	background: url(../imagens/fig_fachada.jpg) no-repeat center 13px;
}


/* $$$ PAG PRODUTOS $$$ */
#produtosInt {
	width: 100%;
	height: 470px;
	background-color: #FFFFFF;
}

#produtosLinhaMoldura {
	width: 520px;
	height: 70px;
	border-bottom: 1px solid #E7E7EF;
}

.produtosLinha {
	margin: 0 auto;
	clear: both; 
	display: block; 
	position: absolute;
}

.produtosLinha li {
	float: left; 
	list-style-type: none; 
	text-transform: uppercase; 
}

.produtosLinhaTexto {
	margin: 15px 0 25px 25px;
}

.produtosTipo li, .produtosModelo li {
	padding-bottom: 5px;
}

.produtosTipo {
	margin: 20px 0 0 25px;
	list-style-position: inside;
	list-style-image: url(../imagens/mar_dois.gif);
	list-style-type: none;
}

.produtosTipoTexto {
	margin-left: 25px;
}

.produtosModelo {
	margin: 20px 0 0 50px;
	list-style-position: inside;
	list-style-image: url(../imagens/mar_tres.gif);
	list-style-type: none;
}

.produtosModeloTexto {
	margin-left: 55px;
}

#produtosDetalhesA, #produtosDetalhesB {
	float: left;
	margin-top: 15px;
	padding-top: 10px;
	width: 260px;
	height: 30px;
}

#produtosDetalhesC, #produtosDetalhesD {
	float: left;
	margin-bottom: 10px;
	width: 260px;
	height: 275px;
}

#produtosDetalhesE, #produtosDetalhesF, #produtosDetalhesG, #produtosDetalhesH {
	float: left;
	clear: both;
	margin-bottom: 10px;
	width: 520px;
}

#produtosDetalhesA {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #4A59B5;
}

#produtosDetalhesC {
	text-align: center;
}

#produtosDetalhesD {
	margin: 0;
	overflow: auto;
}

#produtosDetalhesD p {
	padding: 0 10px 10px 0;
}

#produtosDetalhesF {
	margin-top: 10px;
}

#produtosDetalhesG {
	margin: 0 auto;
	text-align: center;
}

#produtosDetalhesH {
	margin: 0 auto;
	height: 30px;
	text-align: center;
}

#projetoEspecialDetalhesA {
	clear: both;
	margin-top: 15px;
	width: 450px;
	text-align: center;
}

#projetoEspecialDetalhesB {
	clear: both;
	margin: 10px auto;
	width: 250px;
}

#projetoEspecialDetalhesC {
	float: left;
	margin: 15px; auto;
	width: 200px;
	height: 250px;
	background: url(../../imagens/produtos/fig_projetos01.jpg) no-repeat center center;
}

#projetoEspecialDetalhesD {
	float: left;
	margin: 15px; auto;
	width: 200px;
	height: 250px;
	background: url(../../imagens/produtos/fig_projetos02.jpg) no-repeat center center;
}

#projetoEspecialDetalhesE {
	clear: both;
	margin: 0;
	width: 520px;
	text-align: center;
}

label {
	font-weight: bold;
}

.impute, .textearea {
	margin: 0 0 5px 0;
	color: #039;
	background: #EEE;
	border: 1px solid #A5ACB2;
}

.impute {
	height: 15px; 
}

.impute:focus {
	background: #CDCDCD;
}

/* $$$ PAG REPRESENTATES &&& */
#representantesDetalhesA, #representantesDetalhesB {
	float: left;
	padding-top: 10px;
	width: 260px;
	height: 30px;
}

#representantesDetalhesC, #representantesDetalhesD {
	float: left;
	margin-bottom: 10px;
	width: 260px;
	height: 280px;
}

#representantesDetalhesE {
	float: left;
	width: 520px;
}

#representantesDetalhesF {
	float: left;
	padding: 20px 0 0 35px;
	width: 480px;
}

#representantesDetalhesC {
	text-align: center;
}

#representantesDetalhesD {
	margin: 0;
	overflow: auto;
}

#representantesDetalhesD p {
	padding: 0 10px 10px 0;
}

#representantesDetalhesF h1 {
	font-size: 14px;
	font-weight: bold;
	color: #4A59B5;
	text-transform: uppercase;
}

.titIntMecsulMundo {
	margin: 0 auto;
	width: 200px;
	height: 30px;
	background: url(../imagens/tit_int_rep_mecsul_mundo.gif) no-repeat;
}

.titIntRepNacionais {
	width: 104px;
	height: 26px;
	background: url(../imagens/tit_int_rep_nacionais.gif) no-repeat;
}

.titIntRepInternacionais {
	width: 142px;
	height: 26px;
	background: url(../imagens/tit_int_rep_internacionais.gif) no-repeat;
}

.representantesEstadoPais {
	margin: 5px 0 0 20px;
	padding-bottom: 5px;
	list-style-position: inside;
	list-style-image: url(../imagens/mar_tres.gif);
	list-style-type: none;
}

/* $$$ PAG CONTATOS $$$ */
#contatoDetalhesA, #contatoDetalhesB {
	float: left;
	margin-bottom: 30px;
	width: 260px;
	height: 315px;
}

#contatoDetalhesA {
	background: url(../imagens/fig_mapa.gif) no-repeat center center;
}

#contatoDetalhesC {
	clear: both;
	margin: 0;
	width: 520px;
	text-align: center;
}

#contatoDetalhesD {
	clear: both;
	margin: 20px auto;
	width: 250px;
}

label {
	font-weight: bold;
}

.impute, .textearea {
	margin: 0 0 5px 0;
	color: #039;
	background: #EEE;
	border: 1px solid #A5ACB2;
}

.impute {
	height: 15px; 
}

.impute:focus {
	background: #CDCDCD;
}

/* $$$ PAG LOGIN $$$ */
#loginDetalhesA {
	width: 520px;
	margin-bottom: 10px;
}

#loginDetalhesB, #loginDetalhesD {
	float: left;
	width: 520px;
}

#loginDetalhesC, #loginDetalhesE {
	float: left;
	margin: 10px 0;
	width: 520px;
}

.titIntLoginPrivada {
	width: 171px;
	height: 47px;
	background: url(../imagens/tit_int_login_privada.gif) no-repeat;
}

.titIntLoginPublica {
	width: 171px;
	height: 47px;
	background: url(../imagens/tit_int_login_publica.gif) no-repeat;
}

.icoDownload {
	width: 20px;
	height: 20px;
	cursor: hand;
	background: url(../imagens/ico_download.gif) no-repeat;
}

#areaRestrita a.acessar {
	margin: 15px 0;
	width: 130px;
	height: 15px;
	background: url(../imagens/bot_area_restrita.gif) no-repeat;
}

#areaRestrita a.sair {
	margin: 15px 45px;
	width: 32px;
	height: 15px;
	background: url(../imagens/bot_sair.gif) no-repeat;
}

#areaRestrita a.senha {
	margin: 0 0 5px 5px;
	width: 125px;
	height: 15px;
	background: url(../imagens/bot_senha.gif) no-repeat;
}

/* $$$ PAG SENHA $$$ */
#senhaDetalhesA {
	margin: 0;
	width: 520px;
	text-align: center;
}

#senhaDetalhesB {
	margin: 20px auto;
	width: 250px;
}

/* $$$ PAG SKYPE &&& */
#skypeDetalhesA, #skypeDetalhesB {
	float: left;
	margin-bottom: 10px;
	width: 260px;
}


/* ### RODAPE ### */

/* ### BASE ### */
#baseFundo {
	height: 40px;
	border-bottom: 1px solid #FFF;
	background: url(../imagens/bck_base.gif) repeat-x;
}

#baseA, #baseB {
	float: left;
	height: 78px;
	background: #4A59B5;
}

#baseA {
	width: 234px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#baseB, #baseC {
	width: 540px;
}

#baseC {
	height: 45px;
	border-bottom: 1px solid #FFF;
}

#baseD {
	height: 31px;
	border-bottom: 1px solid #FFF;
	background: #FFD700;
}

#baseA p {
   padding: 30px 45px;
	color: #FFF;
}

.baseMenu {
	padding: 14px 40px;
}

.baseMenu li {
	margin-right: 15px;
	display: inline;
}

#base address, #baseInt address {
	padding: 10px 40px;
	font-style: normal;
}