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

ÍNDICE

1. Tags Gerais

2. Dimensões e posicionamento
        2.1 Topo
                2.1.1 Menu Principal
                2.1.2 Menu de Serviços
        2.2 Centro
                2.2.1 Conteúdo 2 Colunas
                        2.2.1.1 Coluna Esquerda
                        2.2.1.2 Coluna Direita
                        2.2.2.3 Conteúdo Home
        2.3 Rodapé
3. Classes

*/

/* 1. TAGS GERAIS */

html,
body {margin:0; padding:0;}

body {background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#8a8a8a;}

/* Links */
a {color:#7d3c8c}
a img {border:0;}

/* Títulos */
h1,
h2,
h3 {border-bottom:1px solid #e3e3e3;}

h1 {margin:11px 0 0 0; color: #9763a3; font-size:24px;font-weight:normal;}
h2 {margin:10px 0 0 0; font-weight:normal; font-size:18px; color:#B3B3B3;}
h3 {font-size:15px; text-transform:uppercase; padding:0 0 3px 0; color: #9763a3; margin:0 0 15px 0;}

/* 2. DIMENSÕES E POSICIONAMENTO */

#topo,
#miolo,
#rodape {width: 990px; margin: 0 auto;}

/* 2.1 Topo */
#topo {background:url(img/bg-topo.gif) top right no-repeat; padding:0 0 20px 0;margin-top: 0px;}
#logo {display: block; padding: 28px 0 0 0; width: 246px;float:left;}

/* 2.1.1 Menu Principal */
#mainMenu {font-size:13px; padding:0 0 0 175px; float:left}
#mainMenu a {color: #8a8a8a; text-decoration:none; padding:15px 10px 4px 10px; display:block; float:left;}
a.pgInicial {width:78px}
a.empresa {width:52px}
a.diferenciais {width:67px}
a.news {width:111px}
a.contato {width:46px}
a.restrito {width:94px}
#mainMenu a:hover {color: #ffffff; background-color: #8a8a8a;}
/* 2.1.1 Menu Principal Espanhol */
#mainMenuEs {font-size:13px; padding:0 0 0 155px; float:left}
#mainMenuEs a {color: #8a8a8a; text-decoration:none; padding:15px 10px 4px 10px; display:block; float:left;}
#mainMenuEs a.pgInicial {width:78px}
#mainMenuEs a.empresa {width:52px}
#mainMenuEs a.diferenciais {width:74px}
#mainMenuEs a.news {width:111px}
#mainMenuEs a.contato {width:52px}
#mainMenuEs a.restrito {width:100px}
#mainMenuEs a:hover {color: #ffffff; background-color: #8a8a8a;}
/* 2.1.1 Menu Principal Inglês */
#mainMenuEn {font-size:13px; padding:0 0 0 210px; float:left}
#mainMenuEn a {color: #8a8a8a; text-decoration:none; padding:15px 10px 4px 10px; display:block; float:left;}
#mainMenuEn a.pgInicial {width:34px}
#mainMenuEn a.empresa {width:56px}
#mainMenuEn a.diferenciais {width:69px}
#mainMenuEn a.news {width:102px}
#mainMenuEn a.contato {width:46px}
#mainMenuEn a.restrito {width:107px}
#mainMenuEn a:hover {color: #ffffff; background-color: #8a8a8a;}

/* 2.1.2 Menu de Serviços */
#menuServicos {font-size:14px; margin:auto; padding:10px 0 25px 0; width:973px;}
#menuServicos a {text-decoration:none; border-left:1px solid #fcfcfc; border-right: 1px solid #f6f6f6; padding:5px 9px 2px 9px; display: block; float:left;}
#menuServicos a:hover {text-decoration:underline}

#boxes {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}
#dialog {
    width: 608px;
    height: 431px;
    margin-left: -304px;
    margin-top: -215px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 99999;
}
#dialog .close {
    position: absolute;
    right: 5px;
    top: 10px;
    padding: 10px;
    opacity: 1;
    filter: alpha(opacity=100);
}
#mask {
    width: 100%;    
    height: 100%;
    position: relative;
    z-index: 3333;                
    background: rgba(0, 0, 0, 0.7);
}

/* 2.1.3 Escolha de idioma */
#flags { padding:5px 0 0 650px; float:left}

/* 2.1.4 Atendimento Online */
#atendimentoOnline {font-size:15px; padding:8px 0 0 603px; float:right;text-align:right;line-height: 0px;margin-top: 15px;}
#atendimentoOnline img.whatsapp,
#atendimentoOnlineEs img.whatsapp,
#atendimentoOnlineEn img.whatsapp {width: 21px !important; position: relative; bottom: -5px;}

/* 2.1.4 Atendimento Online Espanhol */
#atendimentoOnlineEs {font-size:15px; padding:8px 0 0 603px; float:right;text-align:right; line-height: 0px; margin-top: -15px;}
/* 2.1.4 Atendimento Online Inglês */
#atendimentoOnlineEn {font-size:15px; padding:8px 0 0 603px; float:right;text-align:right; line-height: 0px; margin-top: -25px;}

/* 2.2 Centro */
#wrapper {border:0 solid #7d3c8c; border-top-width:2px; border-bottom-width: 2px; clear:both;}
#miolo {padding:0 0 25px 0;}

/* 2.2.1 Conteúdo 2 Colunas */
#colEsc,
#colDir {float:left;}

/* 2.2.1.1 Coluna Esquerda */
#colEsc {width: 650px; margin:0 26px 0 0}

/* Banner Rotativo */
#bannerHome {margin:0 0 38px 0;}

/* Eventos e Notícias */
#boxNewsHome {float:left; width:318px; margin:0 0 10px 0;}
#boxNewsHome_noticias_gerais_esquerda {float:left; width:318px; margin:18px 20px 10px 0;}
#boxNewsHome_noticias_gerais_edireita {float:left; width:312px; margin:18px 0 10px 0;}
#newsHome {border-bottom:1px solid #f5f5f5; margin:0 0 8px 0; display: block;}
#newsHome img {border: 3px solid #8a8a8a; float:left; margin:0 10px 0 0;}
#newsHome p {display:block;  margin:0}

/* Destaque */
#boxDestaqueHome {float:left; width:306px; margin:0 0 0 26px;}
#boxDestaqueHome div {width: 306px; background-repeat:no-repeat;}   

/* Box Empresa*/
#boxEmpresa {float:left; width:318px; margin:0 0 10px 0;}

/* Conteúdo Página Interna */
#innerPage {}
#innerPage p,
#innerPage ul {line-height:20px; margin:18px 0;}
#innerPage ul { padding:0 0 0 35px; list-style-type:square;}
#innerPage li {line-height:20px; margin:5px 0}

/*Solicite uma Proposta*/
#faleConoscoInterna {}
#faleConoscoInterna  p{margin:0}
#faleColA, 
#faleColB {float:left;}
#faleColA {width:334px;}
#faleColB {width:314px;}

/* Imagem ilustrativa */
div.imgTitle {width:648px; height:188px; border:1px solid #8a8a8a; display:block; margin:20px 0 10PX 0; background-repeat:no-repeat; background-position:center;}   

/* Box para imagens */
#imgContainer {float:right; border: 1px solid #e3e3e3; padding:0 5px; margin:20px 0 0 10px}
#imgContainer img {display:block; margin:5px auto; border:1px solid #8a8a8a;}


/* 2.2.1.2 Coluna Direita */
#colDir {width:314px;}

/* 2.2.2.3 Conteúdo Home */ 
#depoimentos,
#algunsClientes {margin:0 0 23px 0;}

/* Índice Quantum */
#indiceQuantum,
#indiceQuantumInterna {background:url(img/velocimetro-quantum.gif) no-repeat; padding: 5px 5px 5px 10px;}
#indiceQuantum {margin:0 0 16px 0;}
#indiceQuantum p, 
#indiceQuantumInterna p{color:#ffffff; margin:12px 0 0 65px; display:block}
#indiceQuantumInterna {margin:21px 0 16px 0;}

/* Depoimentos */
#depoimentos {}
#depoimentos p {font-style:italic; border:0 solid #ececec; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; text-align:center; padding:15px; margin:-15px 0 0 0}

/* Alguns Clientes */
#algunsClientes {}
#clienteHome {background-position: center; background-repeat: no-repeat; width:104px; height:44px;float:left;}

/* Fale Conosco Home */
#faleConoscoHome {}
#faleConoscoHome p {margin:7px 0}       

/* 2.3 Rodapé */
#rodape {background:url(img/bg-rodape.gif) bottom right no-repeat; padding: 26px 0 42px 0; line-height:25px; clear:both}
#rodapeLinks {float:left; width:160px}
#logo-rodape-aserc {
    float: left;
    width: 140px;
    margin: 0 0 0 50px;
}
#rodapeLinks a {color:#8a8a8a; text-decoration:none;}
#rodapeLinks a:hover {text-decoration:underline;}
#rodapeEnd {float: right; }

/* 3. CLASSES */

/* Links Mais - Voltar ao topo */
a.saibaMais,
a.leiaMais,
a.voltarTopo {font-size:13px; display:block; clear:both; text-decoration: none; margin-top:10px;}

a.saibaMais,
a.leiaMais {background:url(img/seta-mais.png) no-repeat;}

a.saibaMais {width:96px; background-position: 279px 302px; padding:298px 0 9px 210px;}
a.leiaMais {
    width:74px;
    background-position: 60px 14px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top:10px;
    padding-bottom:5px;
}
a.voltarTopo {background:url(img/seta-topo.png) no-repeat; background-position: right 6px; text-align:right; padding:0 12px 0 0; border-bottom:1px solid #d2bbd7; margin:0 0 30px 0}

/* Formulários */
input.text,
textarea {border: 1px solid #c1c1c1; padding:5px}
.faleHome {width:302px}
.faleInterna {width:636px}
.DDD {width:30px}
.fone {width:100px}


#solicite_proposta{ width:395px ;margin:0 auto; margin-top:45px; font-size:13px }
#centralizar_imagem{ width:182px ; margin:0 auto; }

#links-rodape img {
    width: 24px;
    margin-right: 3px;
} 
#links-rodape {
    margin: 5px 0 0 0;
}