@charset "utf-8";

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

}

body {background: url(../imagens/bg-body.jpg) repeat center top; color: #333;}

/* estrutura da página */
#topo {width: 100%; height: 115px; float: left; background-color: #000;}
#conteudo {width: 100%; }
#rodape {width: 100%; height:60px; clear: both; background-color: #000;}
/* fim css estrutura da página */

/* css para o topo */

#redes-sociais {width: 60px; margin: 67px 0 0 0;}
    #redes-sociais a {float: left;}

#busca {width: 400px; height:31px; margin: 69px 0 0 10px; position: relative;}
    #busca h1 {font:italic 16px 'FuturaMdBTMedium'; color: #fff; float: left; margin: 0 10px 0 0; text-transform: uppercase;}
    #busca form#formBusca label {float: left; margin: 0 0 0 5px;}
    #busca form#formBusca label input[type=text] {width: 290px; height: 17px; background-color: #fff; border-top:none; border-right: none; border-left: 3px solid #ccc; border-bottom: 3px solid #ccc; font: 12px 'FuturaMdBTMedium'; color: #333;}
    #busca form#formBusca a.btnBuscar {width: 34px; height: 19px; float:left; margin:1px 0 0 0; background: url(../imagens/btnOkNormal.png) no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer;}
        #busca form#formBusca a.btnBuscar:hover {background: url(../imagens/btnOkHover.png) no-repeat;}
    
/* fim css para o topo */

/* css para index.php */
#logomarca {width: 291px; height: 61px; margin: 28px 0 0 0;}
#box-menu-banner {width: 100%; height: 279px; margin: 7px 0 0 0; background:#000 url(../imagens/bg-box-menu-banner.png) no-repeat center top;}
    #box-menu {width: 146px; text-align: right; margin: 2px 0 0 -15px; overflow: visible; position: relative; *padding:0 5px 0 0; *margin: 0 0 0 -16px;}
        #box-menu ul {}
        #box-menu ul li {height: 20px; display: block; margin: 10px 0 0 0;}
        #box-menu ul li a {font:italic 13px 'FuturaMdBTMedium'; color: #fff; text-decoration: none; text-transform: uppercase;}
            #box-menu ul li a:hover {color: #b7b7b7;}
            
        #box-menu ul li ul#submenu {display: none; padding: 5px; position: absolute; right: -177px; top: 100px; background-color: #2B2E2D; z-index: 50;}
            #box-menu ul li ul#submenu li {padding: 5px; margin: 0; border-bottom: 1px dotted #f2f2f2; height: auto;}
                #box-menu ul li ul#submenu li a {}
            #box-menu ul li ul#submenu li.noBorder {border: none;}
        
    #box-banner {width: 807px; height: 279px; margin: 0 0 0 22px; *width: 805px; *margin:0 0 0 15px;}

#conteudo-principal {width: 807px; background: url(../imagens/bg-conteudo-principal.png) repeat;}
#box-areas-atuacao {width: 807px; margin: 15px auto 0 auto; }
    #box-areas-atuacao h1 {width: 661px; height: 26px; margin: 0 auto;}
    
    #banner-jquery {width:775px; height: 445px; margin: 5px auto 0 auto; background: url(../imagens/bg-banner-jquery.png) repeat center top; position: relative;}
        #icone-bessone {width:31px; height: 31px; position: absolute; top: 4px; right: 4px;}
    .imgDivisoria {width: 808px; height: 3px; margin: 10px 0 0 0;}
    
    #box-stj-news {width: 372px; height: 181px; margin: 5px 0 0 10px; padding: 50px 10px 10px 10px; background: url(../imagens/box-stj-news.png) no-repeat center top; position: relative;}
    #box-twitter {width: 392px; height: 241px; margin: 5px 10px 0 0; background: url(../imagens/box-twitter.png) no-repeat center top;}
    #banner-adv-apoio {width:776px; height: 95px; margin: 10px 0 0 16px;}
        
/* fim css para index.php */

/* css para áreas de atução */

#box-txt-areas-atuacao {width: 777px; padding: 15px;}
#galeria-areas-atuacao {width: 100%; height: 450px;}

/* fim css para áreas de atuação */

/* css para /sobre/ */

#box-sobre-bc {width: 100%; margin: 15px 0 0 0;}
    #box-sobre-bc h1 {width: 658px; height: 25px; margin: 0 auto;}
    #box-sobre-bc img.imgSobre {margin: 15px 0 0 0;}
    
    #box-txt-sobre {width: 300px; margin: 15px;}

/* fim css para /sobre/ */

/* css para /equipe/ */

#box-equipe {width: 100%; min-height: 561px; background: url(../imagens/img-equipe.jpg) no-repeat right top;}
    #box-equipe h1.titulo {width: 658px; height: 25px; margin: 15px 0 0 0;}
    #box-txt-equipe {width: 380px; padding: 15px; background: url(../imagens/bg-box-textos.png) repeat center top;}
        #box-txt-equipe h1 {float: left; padding: 5px 0; font:14px "FuturaMdBTMedium"; color: #707070; text-transform: uppercase;}        

/* fim css para /equipe/ */

/* css para /parcerias/ */

#box-parcerias {width: 100%; height: 646px; position: relative; background: url(../parcerias/imagens/bg-box-parcerias.png) no-repeat right 21px;}
    #box-parcerias h1 {width: 658px; height: 25px; margin: 15px 0 0 0;}
    
    #box-txt-parcerias {width: 355px; margin: 15px;}
        #box-txt-parcerias ul#listaParcerias {margin: 0 0 0 20px;}
        #box-txt-parcerias ul#listaParcerias li {display: block; line-height: 150%;}
    
    #box-parcerias img.imgParceriasMaos {width: 437px; height: 646px; position: absolute; top: 0; right: 0; z-index: 10;}

/* fim css para /parcerias/ */

/* css para /estrutura/ */

#box-estrutura {width: 100%; min-height: 400px; margin: 15px 0 0 0; position: relative;}
    #box-estrutura h1 {width: 658px; height: 25px;}
    
    
    .box-txt-estrutura {width: 440px; height: 165px; margin: 15px; position: relative;}
        #box-estrutura img.mapa {width:300px; height: 286px; margin: 20px 0 0 0;}
    
    #box-fotos-estrutura {width: 295px; position: relative; margin: 30px 0 0 0;}

/* fim css para /estrutura/ */

/* css para /clientes/ */

#box-clientes {width: 100%; position: relative;}
    #box-clientes h1 {width: 652px; height: 25px; margin: 15px 0 0 0;}
    
    #box-img-clientes {width: 442px; margin: 20px 0 0 10px; padding: 3px; background-color: #fff;}
        #box-img-clientes p {width: 96%; padding: 10px 0 5px 10px;}
    
    #box-txt-clientes {width: 300px; margin: 15px;}
        #box-txt-clientes ul {margin: 0 0 0 20px; list-style-type: disc;}
        #box-txt-clientes ul li {margin: 3px 0 0 0;}
    
/* fim css para /clientes/ */

/* css para advocacia de apoio */

#box-advocacia-apoio {width: 100%; min-height: 618px; background: url(../advocacia-apoio/imagens/img-adv-apoio.png) no-repeat right 30px; position: relative;}
        #box-txt-advocacia-apoio {width:370px; margin: 15px 0 0 0; padding:0 15px 0 15px;}        
        #box-advocacia-apoio h1 {width: 612px; height: 25px; float: left; margin: 10px 0 0 0;}
        
        #box-txt-advocacia-apoio ul {width: 100%; margin: 0 0 0 20px; padding: 0 0 20px 0; list-style-type: disc;}
        #box-txt-advocacia-apoio ul li {}
        #box-txt-advocacia-apoio a {text-decoration: underline; color: #333; font:12px "FuturaMdBTMedium";}

/* fim css para advocacia de apoio */

/* css para /contato/ */

#box-contato {width: 782px; padding:20px 10px 20px 15px; position: relative;}
    #box-contato form#formContato {width: 455px; margin: 0 0 0 0;}
        #box-contato form label {display: block; margin: 10px 0 0 0;}
            #box-contato form label input[type=text] {width: 447px; height: 35px; padding: 2px 0 0 5px; background: url(../imagens/bg-input-text.jpg) no-repeat; border: none; font:12px "FuturaMdBTMedium"; color:#333; text-transform: uppercase; width:/*\**/ 447px; height:/*\**/25px\9; padding: /*\**/12px 0 0 5px\9; *height:27px; *padding-top:10px; }
                #box-contato form label input[type=text]:focus {width: 445px; height: 33px; border: 1px solid #000; height:/*\**/23px\9; padding-top: /*\**/10px\9;}
            
            #box-contato form label select {width:452px; height: 37px; padding: 10px 10px 10px 2px; background: url(../imagens/bg-input-text.jpg) no-repeat; border: none; font:12px "FuturaMdBTMedium"; color: #333; text-transform: uppercase;}                
                
            #box-contato form label textarea {width: 445px; height: 128px; padding: 5px 0 0 5px; background-color: #fff; border: 1px solid #ABAAAA; font:12px "FuturaMdBTMedium"; color:#333; text-transform: uppercase;}
                #box-contato form label textarea:focus {width: 445px; height: 128px; border: 1px solid #000;}
                
            #box-contato form label a.estilo-btn {width: 106px; height: 25px; background: url(../imagens/btn-enviar.png) no-repeat; border: none; cursor: pointer; margin: 0 2px 0 0; text-transform: uppercase;}
                #box-contato form label a.estilo-btn:hover {background: url(../imagens/btn-enviar-hover.png) no-repeat;}
                
    .enderecos {width: 300px; height: 76px; margin: 8px 0 0 5px; padding:10px; background: url(../imagens/bg-enderecos-contato.png) no-repeat center top;}
        .enderecos h1 {font:15px "FuturaMdBTMedium"; color: #333; text-align: left; border-bottom: 1px solid #ccc; }
        .enderecos p {margin: 5px 0 0 0;}
                
#box-email-enviado {width: 741px; background: #f2f2f2 url(../imagens/icone-bessone-cini.png) no-repeat 720px 11px; padding: 10px;}
    #box-email-enviado p {font:13px "FuturaMdBTMedium"; color: #333; text-align: left; line-height: 125%; display: block;}
            
/* fim css para /contato/ */

/* css para áreas de atuação */

#box-areas-atuacao-detalhe {width: 100%; margin: 15px 0 0 0; position: relative;}
    #box-areas-atuacao-detalhe h1 {width: 659px; height: 25px;}
    
    #box-txt-areas-atuacao-detalhe-autoral {width: 400px; min-height: 530px; padding:15px; background: url(../imagens/bg-box-textos.png) repeat center top;}
    #box-txt-areas-atuacao-detalhe-autoral ul {margin: 0 0 0 30px; list-style-type: disc; width: 365px;}
        #box-txt-areas-atuacao-detalhe-autoral ul li {margin: 3px 0 0 0;}
    
    #box-txt-areas-atuacao-detalhe-adm-econ {width: 400px; min-height: 530px; padding:15px; background: url(../imagens/bg-box-textos.png) repeat center top;}
    #box-txt-areas-atuacao-detalhe-adm-econ ul {margin: 0 0 0 30px; list-style-type: disc; width: 365px;}
        #box-txt-areas-atuacao-detalhe-adm-econ ul li {margin: 3px 0 0 0;}
        
    #box-txt-areas-atuacao-detalhe-ambiental {width: 390px; min-height: 520px; padding:15px; background: url(../imagens/bg-box-textos.png) repeat center top;}
    #box-txt-areas-atuacao-detalhe-ambiental ul {margin: 0 0 0 30px; list-style-type: disc; width: 360px;}
        #box-txt-areas-atuacao-detalhe-ambiental ul li {margin: 3px 0 0 0;}
        
    #box-txt-areas-atuacao-detalhe-homoafetivo {width: 400px; min-height: 530px; padding:15px; background: url(../imagens/bg-box-textos.png) repeat center top;}
    #box-txt-areas-atuacao-detalhe-homoafetivo ul {margin: 0 0 0 30px; list-style-type: disc; width: 370px;}
        #box-txt-areas-atuacao-detalhe-homoafetivo ul li {margin: 3px 0 0 0;}
        
    #box-txt-areas-atuacao-detalhe-trabalho {width: 430px; min-height: 475px; padding:15px; background: url(../imagens/bg-box-textos.png) repeat center top;}
    #box-txt-areas-atuacao-detalhe-trabalho ul {margin: 0 0 0 30px; list-style-type: disc; width: 395px;}
        #box-txt-areas-atuacao-detalhe-trabalho ul li {margin: 3px 0 0 0;}
        
        #box-areas-atuacao-detalhe img#dirHomo {width: 481px; height: 503px; position: absolute; top: 0; right: -84px;}
        #box-areas-atuacao-detalhe img#dirAmb {width: 475px; height: 467px; position: absolute; top: 8px; right: -60px;}
        #box-areas-atuacao-detalhe img#dirAdmEcon {width: 405px; height: 518px; position: absolute; top: 0px; right: 0px;}
        #box-areas-atuacao-detalhe img#dirTrab {width: 367px; height: 499px; position: absolute; top: 10px; right: 0px;}
        #box-areas-atuacao-detalhe img#dirAut {width: 429px; height: 514px; position: absolute; top: 0px; right: 0px;}
        #box-areas-atuacao-detalhe img#dirCobr {width: 392px; height: 590px; position: absolute; top: 0px; right: 0px;}
        
        #box-botao {width: 171px; height: 25px; position: absolute; top: 520px; right: 10px; }
            
            #box-botao a.download {width: 171px; height: 24px; padding: 0 0 5px 0; background:url(../imagens/btn-download.png) no-repeat; text-indent: -9999px; overflow: hidden; float: left;}
            #box-botao a.download:hover {width: 171px; height: 24px; background:url(../imagens/btn-download-hover.png) no-repeat;}
        
            #box-botao a.areasAtuacao {width: 171px; height: 25px; background:url(../imagens/btn-areas-atuacao.png) no-repeat; text-indent: -9999px; overflow: hidden; float: left;}
            #box-botao a.areasAtuacao:hover {width: 171px; height: 25px; background:url(../imagens/btn-areas-atuacao-hover.png) no-repeat;}

/* fim css para áreas de atuação */

/* css para o rodapé */

#rodape .box-enderecos {margin: 10px 0 0 0;}
    #rodape .box-enderecos img {width: 28px; height:28px; float: left; margin: 4px 5px 0 0;}
    #rodape .box-enderecos p {font: 10px "FuturaMdBTMedium"; color: #fff; float: right;}    

/* fim css para o rodapé */

/* classes em geral */
.limite {width: 960px; margin: 0 auto;}
.fleft {float:left;}
.fright {float: right;}
.clear {clear: both;}
.txt-conteudo {width: 100%; font:12px "FuturaMdBTMedium"; color: #333; text-align: left; padding: 0 0 20px 0; line-height: 130%; float: left; text-decoration: none;}
p.ultimop {float: right !important;}
.ml {margin-left: 170px !important;}
.mr {margin-right: 15px !important;}
.bold {font-weight: bold;}