/* FONT-FACE */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 9, 2012 */
@font-face {
    font-family: 'Humnst777BTBold';
    src: url('../fontes/hum777b-webfont.eot');
    src: url('../fontes/hum777b-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fontes/hum777b-webfont.woff') format('woff'),
        url('../fontes/hum777b-webfont.ttf') format('truetype'),
        url('../fontes/hum777b-webfont.svg#Humnst777BTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Humanst521BTRoman';
    src: url('../fontes/humanist-521-bt_0-webfont.eot');
    src: url('../fontes/humanist-521-bt_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fontes/humanist-521-bt_0-webfont.woff') format('woff'),
        url('../fontes/humanist-521-bt_0-webfont.ttf') format('truetype'),
        url('../fontes/humanist-521-bt_0-webfont.svg#Humanst521BTRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBlack';
    src: url('../fontes/lato-black-webfont.eot');
    src: url('../fontes/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fontes/lato-black-webfont.woff') format('woff'),
        url('../fontes/lato-black-webfont.ttf') format('truetype'),
        url('../fontes/lato-black-webfont.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* RESET */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color:black;
    font-family:"Humanst521BTRoman";
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* FORMATACAO TIPOGRAFIA */
body{
    color:#9E9E9E;
    font-family:"Humanst521BTRoman";
}

/* CLASSES - COMPORTAMENTOS PADROES */
.link-img{display:block;}

/* image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Esconde para ambos screenreaders e browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide somente visualmente, mas é reconhecido pelos screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extenção da classe .visuallyhidden para permitir o elemento a ser focusable quando navegado via teclado: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Esconde visualmente e dos screenreaders mas permanece no layout */
.invisible { visibility: hidden; }

/* Clearfix faz com que a div pai de um elemento flotado acompanhe-o sem usar overflow: auto ou overflow:hidden */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* BUTTONS */
.bt-saiba-mais{
    width:94px; height:20px;    overflow:hidden;
    line-height:22px;
    display:block;
    color:#FFF;
    font-size:12px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    background:url("../img/buttons/buttons.png") no-repeat -79px -37px;
}

.bt-saiba-mais:hover{color:#C0C8D8;}

.bt-ir-topo{
    width:20px; height:20px;
    display:block;
    background:url("../img/buttons/buttons.png") no-repeat 0 0;
    position:absolute;
    top:115px;  right:55px;
}

.bt-ir-topo:hover{background-position:-30px 0;}

.bt-ver-todas{
    width:123px;
    height:23px;
    line-height:23px;
    padding-right:24px;
    display:block;
    background:url("../img/buttons/buttons.png") no-repeat 0 -107px;
    margin:0 auto;
    font-size:10px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    color:#FFF;
}

.bt-ver-todas:hover{color:#C0C8D8;}

.bt-voltar{
    width:123px;
    height:23px;
    line-height:23px;
    padding-left:24px;
    display:block;
    background:url("../img/buttons/buttons.png") no-repeat 0 -140px;
    margin:0 auto;
    font-size:10px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    color:#FFF;
}

.bt-voltar:hover{color:#C0C8D8;}

.bt-enviar{
    border:0;
    outline:0;
    font-size:14px;
    color:#FFF;
    text-transform:uppercase;
    text-align:center;
    font-family:"Humanst521BTRoman";
    padding:10px;
    border:1px solid #9B9B9B;
    background:#062568;
    cursor:pointer;
    clear:both;
    float:right;
}

.bt-enviar:hover{
    color:#C0C8D8;
}

/* IMAGES REPLACEMENTS */
#logotipo a{width:145px; height:76px; background:url("../img/logotipos/logotipos.png") no-repeat 0 0;}
.logo-apresentacao{width:329px; height:99px; background:url("../img/logotipos/logotipos.png") no-repeat 0 -87px;}
.logo-footer{width:143px;    height:43px; background:url("../img/logotipos/logotipos.png") no-repeat top right;}

/* TITLES */
.tt-secao{
    font-family:"Humanst521BTRoman";
    font-size:15px;
    text-align:center;
    height:37px;
    line-height:33px;
    background:url("../img/backgrounds/bg-titles.png") no-repeat 0 0;
    color:#FFF;
    text-transform:uppercase;
    margin:0 auto;
    margin-bottom:15px;
}

.tt-servico{
    background:url("../img/backgrounds/bg-titles-dinamicos.png") no-repeat bottom right;

    font-family:"Humanst521BTRoman";
    font-size:15px;
    color:#FFF;
    text-align:center;
    text-transform:uppercase;

    height:37px;
    line-height:33px;
    padding-right:11px;
    margin-bottom:37px;

    visibility: hidden;
    float:left;
}

.tt-servico span{
    padding-left:11px;
    background:url("../img/backgrounds/bg-titles-dinamicos.png") no-repeat top left;
    display:block;
    height:37px;
}

.subtt-secao{
    font-family:"Humanst521BTRoman";
    font-size:12px;
    color:#969696;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:55px;
}

.tt-o-que-fazemos{width:161px;}
.tt-quem-somos{width:294px; background-position:0 -97px;}
.tt-nossos-clientes{width:161px;}
.tt-materias-artigos{width:178px;    background-position:0 -50px;}
.tt-fale-conosco{width:161px;}

.tt-outros-servicos{
    font-size:25px;
    text-transform:uppercase;
    color:#052769;
    padding-bottom:20px;
}

/* ESTRUTURA */
html{background:url("../img/backgrounds/bg-html.jpg") top left repeat;}

#wrapper{
    width:980px;
    margin:0 auto;
    position:static;
    z-index:1;
    background:url("../img/backgrounds/bg-wrapper.png") no-repeat center top;
    padding-top:126px;
}

#header{
    position:fixed;
	top:0;
	right:0;
	left:0;
    background:url("../img/backgrounds/bg-body.jpg") top left repeat-x;
    z-index:2;
}

#header div{
    width:980px;
    height:77px;
    margin:0 auto;
}

#content{
    width:880px;
    padding:0 50px;
    background:url("../img/backgrounds/bg-content.jpg") top left repeat-y;
}

#footer{
    clear:both;
    width:880px;
    height:310px;
}

#main{
    clear:both;
    width:545px;
    float:left;
    background:url("../img/backgrounds/bg-linha.png") no-repeat 0 15px;
}

#sidebar{
    width:258px;
    height:400px;
    float:right;
}


/* HEADER */
#logotipo{
    float:left;
    margin-left:15px;
}

.menu-global{
    padding:12px 0 0 26px;
    float:left;
    
    position:absolute;
    top:0;
}

.menu-global1{right:582px;}
.menu-global2{left:557px;}

.menu-global li{
    float:left;
    margin-right:8px;
}

.menu-global li.last{
    margin-right:0;
}

.menu-global li.last span{
    padding-right:0;
}

.menu-global li a{
    font-family:"LatoBlack";
    color:#FFF;
    font-size:12px;
    text-decoration:none;
    text-transform:uppercase;
    padding:12px 0;
    display:block;
}

.menu-global li a:hover{
    color:#C0C8D8;
}

.menu-global li a span{
    padding-right:8px;
    border-right:1px solid #355183;
    letter-spacing:0.05em;
}

.menu-global li.last span{border-right:none;}

#header .fone{
    float:right;
    font-family:"Humnst777BTBold";
    color:#FFF;
    font-size:15px;
    line-height:16px;
    padding-left:26px;
    background:url("../img/icons/icons.png") no-repeat scroll 0 1px;
    margin:23px 15px 0 0;
}

/* FOOTER */
.logo-footer{
    margin:52px auto 48px auto;
}

#footer address{
    clear:both;
    float:left;
    padding:11px 5px 0 5px;
    background:url("../img/backgrounds/bg-linha.png") no-repeat top left;
    font-size:16px;
    line-height:20px;
    margin-right:120px;
}

#footer address span{display:block;}

#footer .cidade-cep{width:300px; padding-bottom:16px;}

#footer address .fone{
    padding-left:22px;
    background:url("../img/icons/icons.png") no-repeat -90px -82px;
}

#footer address .e-mail{
    padding-left:22px;
    background:url("../img/icons/icons.png") no-repeat -116px -102px;
    color:#9E9E9E;
    text-decoration:none;
}

#footer address .e-mail:hover{text-decoration:underline;}

#menu-footer,
#menu-footer-servicos{
    float:left;
    padding:11px 5px 0 5px;
    background:url("../img/backgrounds/bg-linha.png") no-repeat top left;
}

#menu-footer-servicos{
    float:right;
    width:230px;
}

#menu-footer li,
#menu-footer-servicos li{
    font-size:13px;
    margin-bottom:10px;
    line-height:15px;
}

#menu-footer a,
#menu-footer-servicos a{
    text-decoration:none;
    color:#6E6E6E;
    padding-left:16px;
    display:block;
    background:url("../img/bullets/bullets.png") no-repeat -21px -18px;
}

#menu-footer a:hover,
#menu-footer-servicos a:hover{
    background-position:0 -37px;
    color:#375287;
}

/* INICIAL */
/* SECOES */
#o-que-fazemos,
#quem-somos,
#clientes,
#materias-e-artigos,
#fale-conosco{
    position:relative;
    background:url("../img/backgrounds/bg-linha.png") no-repeat 0 122px;
    padding-top:107px;
}

/* APRESENTACAO */
#apresentacao{
    padding:57px 0 92px 0;
    background:url("../img/backgrounds/bg-linha-chaves.png") no-repeat bottom center;
}

.logo-apresentacao{margin:0 auto 100px auto;}

#frase-impacto{
    width:516px;
    font-family:"Humnst777BTBold";
    color:#052769;
    text-transform:uppercase;
    font-size:18px;
    line-height:35px;
    margin: 0 auto;
    text-align:center;
    position:relative;
    padding:3px 60px;
    margin:65px auto 65px auto;
}

.aspas-inicio{
    display:block;
    width:52px; height:41px;
    background:url("../img/backgrounds/bg-blockquote.png") no-repeat top left;
    position:absolute;
    top:0;  left:0;
}

.aspas-fim{
    display:block;
    width:52px; height:41px;
    background:url("../img/backgrounds/bg-blockquote.png") no-repeat bottom right;
    position:absolute;
    bottom:0;   right:0;
}

#apresentacao .fone-destaque{
    width:308px;
    display:block;
    font-size:46px;
    font-family:"Humnst777BTBold";
    color:#052868;
    margin:0 auto;
    padding-left:59px;
    background:url("../img/icons/icons.png") no-repeat -40px -38px;
}

/* O QUE FAZEMOS */
#lista-servicos li{
    width:235px;
    float:left;
    margin:0 85px 65px 0;
    text-align:center;
}

#lista-servicos li.last-col{margin-right:0;}

#lista-servicos h2{
    height:31px;
    font-family:"Humnst777BTBold";
    font-size:16px;
    color:#052769;
    padding-bottom:12px;
    text-transform:uppercase;
}

#lista-servicos p{
    height:115px;
    line-height:120%;
    font-size:16px;
    padding-bottom:14px;
}

.bt-saiba-mais{
    margin:0 auto;
}

/* QUEM SOMOS */
#quem-somos p{
    font-size:16px;
    font-weight:normal;
    padding:0 75px;
    line-height:130%;
    text-align:center;
}

/* NOSSOS CLIENTES */
#clientes{
    height:480px;
    overflow:hidden;
}


.bloco-clientes{min-height:515px;}

#lista-clientes-logos{
    width:660px;
    margin:0 auto 22px auto;
    padding:0 0 0 49px;
}

#lista-clientes-logos .slide,
#lista-clientes-logos .slide ul{
    height:405px;
}

#lista-clientes-logos .slide li{
    width:110px;    height:80px;
    float:left;
    padding:3px;
    margin:0 49px 49px 0;
    background:url("../img/backgrounds/bg-logo-clientes.png") no-repeat 0 0;
    text-align:center;
}

#lista-clientes-logos li.last-col{margin-right:0;}

#lista-clientes-logos img{margin:4px auto 0 auto;}

.lista-clientes-textos{display:none;}

#lista-clientes-logos .slide ul.slide-textos li{
    float:none;
    font-size:13px;
    color:#052769;
    text-align:center;
    background:none;
    width:605px;
    height:auto;
    padding:0;
    margin:0 0 10px 0;
}


#lista-clientes{
    padding:0 50px;
    font-size:13px;
    color:#052769;
    font-family:"Humnst777BTBold";
    padding-bottom:70px;
    background:url("../img/backgrounds/bg-linha-chaves.png") no-repeat center bottom transparent;
    margin-bottom:22px;
}

#lista-clientes .col{
    float:left;
    width:172px;
    margin:0 30px 15px 0;
}

#lista-clientes .last-col{
    margin-right:0;
}

#lista-clientes .col li{
    height:25px;
    padding-bottom:15px;
}

.lista-clientes-logotipos{
    background:url("../img/backgrounds/bg-carousel-clientes.png") no-repeat center center;
}

.lista-clientes-logotipos .jcarousel-container{
    width:611px;
    height:405px;
    margin:0 auto;
    position:relative;
}

.lista-clientes-logotipos .jcarousel-clip{
    width:611px;
    height:405px;
    overflow:hidden;
}

.lista-clientes-logotipos .jcarousel-item{
    width:611px;
    height:405px;
}

.lista-clientes-logotipos .jcarousel-item ul{
    width:660px;
}

.bt-anterior{width:48px;    height:48px;    background:url("../img/buttons/bt-carousel-clientes.png") no-repeat 0 0; position:absolute; top:154px;  left:-83px;}
.bt-anterior:hover{background-position:-58px 0;}
.bt-proximo{width:48px;    height:48px;    background:url("../img/buttons/bt-carousel-clientes.png") no-repeat -123px 0; position:absolute; top:154px;  right:-83px;}
.bt-proximo:hover{background-position:-181px 0;}

/* MATERIAIS E ARTIGOS */
#lista-materias,
#lista-todas-materias{
    background: url("../img/backgrounds/bg-linha-chaves.png") no-repeat scroll center bottom transparent;
    padding-bottom:76px;
    margin-bottom:23px;
}

#lista-materias li{
    width:235px;
    float:left;
    margin:0 85px 0 0;
    text-align:center;
}

#lista-materias li.last-col{margin-right:0;}

#lista-materias h4{
    height:40px;
    font-family:"Humnst777BTBold";
    font-size:16px;
    color:#052769;
    text-transform:uppercase;
}

#lista-materias .data-materia{
    font-size:12px;
    color:#6E6E6E;
    display:block;
    text-align:center;
    padding-bottom:12px;
}

#lista-materias p{
    height:96px;
    line-height:120%;
    font-size:16px;
    padding-bottom:14px;
}



#lista-todas-materias li.col{
    width:265px;
    float:left;
    margin:0 40px 15px 0;
    line-height:110%;
}

#lista-todas-materias li.last-col{margin-right:0;}

#lista-todas-materias a{
    text-decoration:none;
    color: #052769;
    font-family: "Humnst777BTBold";
    font-size: 13px;
    display:block;
}

#lista-todas-materias h5{height:35px;   overflow:hidden;}

#lista-todas-materias a:hover{text-decoration:underline;}


#lista-todas-materias .col li{
    height:35px;
    margin-bottom:20px;
}

.todas-materias{display:none;}
/* FALE CONOSCO */

#fale-conosco .tt-fale-conosco{
    margin-bottom:25px;
}

.fale-conosco-fone,
.fale-conosco-email{
    display:block;
    text-align:center;
    font-size:14px;
}


.fale-conosco-email{
    color:#9E9E9E;
    text-decoration:none;
}

.fale-conosco-fone{
    font-size:20px;
    padding-bottom:2px;
}

#fale-conosco .subtt{
    margin-bottom:59px;
}

#formulario{
    float:left;
    width:410px;
}

#formContato{
    background:url("../img/backgrounds/bg-form-contato.png") no-repeat bottom left;
}

.formulario-localizacao{
    background:url("../img/backgrounds/bg-linha-chaves.png") no-repeat center bottom;
    padding-bottom:95px;
}

#formulario p{
    font-size:20px;
    letter-spacing:0.02em;
    margin-bottom:8px;
}

#formulario ul li{
    padding-bottom:15px;
    position:relative;
}

#formulario .campo-form{
    padding:0;
    border:0;
    font-size:36px;
    line-height:37px;
    border:2px solid #E4E4E4;
    color:#C2C3C7;
    font-family:"Humanst521BTRoman";
    padding:15px 15px 14px 15px;
    width:376px;
}

#formulario input.error, #formulario textarea.error{
    border:2px solid #052769;
}

#formulario textarea{
    resize:none;
    margin:0;
}

#formulario label.error{
    font-size:11px;
    line-height:13px;
    text-transform:uppercase;
    color:#FFF;
    position:absolute;
    bottom:15px;   right:0;
    padding:4px 4px 2px 4px;
    background:#052769;
}

#localizacao{
    float:right;
    width:397px;
}

#localizacao h5{
    font-size:20px;
    letter-spacing:0.02em;
    margin-bottom:8px;
}

#localizacao address{
    font-size:15px;
    line-height:18px;
    padding-top:10px;
}

#localizacao address span{
    display:block;
}

/* INTERNAS */

/* Servico Detalhe */
#menu-local li{
    float:left;
    margin-right:3px;
}

#menu-local li a{
    padding:8px 19px;
    float:left;
    text-decoration:none;
    color:#052669;
}

#menu-local li a:hover,
#menu-local li.selected a{
    background:#052669;
    color:#FFF;
    border-radius:3px;
    -web-kit-border-radius:3px;
    -moz-border-radius:3px;
}

.content-internas .bloco{
    background:url("../img/backgrounds/bg-linha-chaves.png") no-repeat center bottom;
    padding-bottom:95px;
    margin-bottom:52px;
}

.content-internas #apresentacao{
    background:none;
    padding-bottom:0;
}

.destaque-servico{
    clear:both;
    font-size:15px;
    color:#0F0F0F;
    text-transform:uppercase;
    line-height:135%;
    padding-bottom:30px;
}

.cms{
    background:url("../img/backgrounds/bg-linha.png") no-repeat left bottom;
    padding-bottom:25px;
    margin-bottom:42px;
}

.cms p{
    font-size:15px;
    line-height:135%;
    margin-bottom:23px;
}

#solicite-contato{
    width:224px;
    height:432px;
    background:url("../img/backgrounds/bg-solicite-contato.png") no-repeat 0 0;
    padding:17px;
}

.side-fone{
    display:block;
    width:148px;
    height:24px;    line-height:24px;
    margin:0 auto;
    font-size:26px;
    color:#FFF;
    padding:0 0 14px 40px;
    background:url("../img/icons/icons.png") no-repeat -140px -124px;
}

#solicite-contato p{
    padding:20px 0 15px 0;
    background:url("../img/backgrounds/bg-linha-solicite-contato.png") no-repeat center top;
    color:#FFF;
    font-size:16px;
}

#solicite-contato .input{
    width:201px;
    font-size:16px;
    color:#b6b6b6;
    padding:11px;
    background:#FFF;
    border:none;
    outline:0;
    font-family:"Humanst521BTRoman";
}

#solicite-contato textarea{
    width:201px;
    height:60px;
    padding:11px;
    resize:none;
    font-family:"Humanst521BTRoman";
    font-size:16px;
    color:#b6b6b6;
    margin:0;
    font-size:16px;
}

#solicite-contato label.error{
    font-size:10px;
    text-transform:uppercase;
    position:absolute;
    bottom:3px;
    right:6px;
    line-height:12px;
    color:#052669;
}

#solicite-contato .linha-form{
    position:relative;
    margin-bottom:11px;
}

#bt-enviar-solicite{
    border:0;
    outline:0;
    margin:0;

    width:76px;
    height:23px;    line-height:23px;
    padding-bottom:3px;
    background:#FFF;
    color:#052669;
    text-transform:uppercase;
    margin-left:74px;
    cursor:pointer;
}

.linha-form-bt{
    padding-top:9px;
    background:url("../img/backgrounds/bg-linha-enviar.png") no-repeat center bottom;
}

/* Artigo Detalhe */

.tt-ultimos-artigos{
    color: #052769;
    font-size: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

#ultimos-artigos{
    width:224px;
    padding:0 17px;
}

#ultimos-artigos li{
    margin-bottom:20px;
}

#ultimos-artigos li a{
    font-size:15px;
    color: #9E9E9E;
    padding:0;
    text-decoration: none;
    line-height:18px;
}

#ultimos-artigos li a:hover{text-decoration:underline;}

.tt-artigo-detalhe{
    clear:both;
    font-size:15px;
    color:#0F0F0F;
    text-transform:uppercase;
    line-height:135%;
    padding-bottom:25px;
}

.content-internas .tt-materias-artigos{
    margin-bottom:30px;
}

.img-artigo-detalhe{
    margin:0 auto 27px auto;
}

.cms-artigo-detalhe{
    background:none;
    padding-bottom:0;
}

.bt-ver-todas-materias{
    color: #052669;
    text-decoration: none;
}

.bt-ver-todas-materias:hover{
    text-decoration:underline;
}

#localizacao .ver-mapa-ampliado{
    display:block;
    padding-top:7px;
}

#localizacao .ver-mapa-ampliado,
#localizacao .ver-mapa-ampliado a{
    font-size:13px;
    color:#9E9E9E;
}

/* ALTERACAO NO MENU E LOGOTIPO */
body #header div{position:relative;}

body #header .logotipo-absolute{
    position:absolute;
    float:none;
    margin:0;
    top:0;
    left:417px;
}

#header .fone{display:none;}

