html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p {padding:0; margin:0}

html {font-family:Arial, Helvetica, sans-serif; background:#000}

.wrapper {width:956px; margin:0 auto; position:relative;}
.wrapper, html {background:#000000 url(../img/bg_body.jpg) no-repeat center top}
body {background:url(../img/bg_footer.jpg) no-repeat center bottom}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
sup {font-size:6px}

.clear {height:1px; display:block; clear:both;}

/*IMG REPLACEMENT*/
#busca label, #login label, .btOk, h1 a, #menuNavegacao li a, #menuApoio li a, 
#btFaleconosco, #btExtranet,  .btLeiaMais, #contentFooter li a, #footer h6 a, #colunaDirMinH,
#paginacao span, #colapseMinH, #boxFale input.btOk, #player div a, #thumbs a.anterior, 
#thumbs a.proximo, .btPergunta, em.carregando, #modalVideo a, .btDownload, #btDownload a, 
#txtExtranet {text-indent:-1000px; overflow:hidden; display:block;}

/*HEADER APOIO*/
#headerApoio {width:100%; min-width:956px; height:33px; background:url(../img/bg_headerapoio.gif) repeat-x; border-bottom:1px solid #9608d1; position:absolute; top:0; left:0; z-index:100}
#headerApoio .wrapper {margin:0 auto; background:none; padding:0}
/*TEMP*/
#headerApoio .wrapper {display:block}

#busca {width:360px; float:left; padding:8px 0 0 43px;}
#login {width:310px; float:left; padding:8px 0 0 50px}
#linguas {width:180px; float:right; color:#fff; font-weight:bold; font-size:8px; padding-top:11px} 
#linguas p {font-size:8px}
#linguas a {color:#fff; font-weight:bold; text-decoration:none} 
#linguas a:hover {color:#8100c6} 
#linguas a.ativo {color:#887692} 

#busca .ipt {width:127px; background:url(../img/ipt_busca.gif) no-repeat; border:none; float:left; display:inline;}
#busca select {width:140px; float:left; margin-right:3px; font-size:10px;}

#login .ipt {width:100px; background:url(../img/ipt_login.gif) no-repeat; border:none; float:left; display:inline;}
#login a {font-size:10px; color:#959595; float:right; white-space:nowrap; display:block; float:left;}

.ipt {font-size:10px; height:16px; color:#898989; text-align:center; margin-right:3px}
.btOk {line-height:10000px; width:21px; height:16px; float:left; background:url(../img/bt_ok.gif) no-repeat; border:none; margin-right:2px}
.btPergunta {line-height:10000px; width:20px; height:16px; float:left; background:url(../img/bt_pergunta.gif) no-repeat; border:none}

#msgBemVindo {color:#FFF; font-weight:bold;}
#msgBemVindo a {color:#fff; font-weight:bold; text-decoration:none; float:none; display:inline} 
#msgBemVindo a:hover {color:#8100c6} 

/*HEADER*/
#header {height:105px; padding-top:34px}
h1 {width:217px; height:70px; top:53px; position:absolute; display:table}
h1 a {width:217px; height:70px; background:url(../img/logo_pontomidia-header.jpg) no-repeat}


/*CONTENT*/
#colunaEsq {width:184px; float:left;}
#colunaDir {width:720px; float:right;}
#colunaDirMinH {height:370px; width:1px; display:block; float:left;}


/*CONTENT::COLUNA DIR*/
/*HOME*/
#flashLoad {width:615px; height:174px; margin-left:18px; display:inline; outline:none}
h2 {font-size:10px; color:#fff; padding-left:15px; background:url(../img/ico_bullet.gif) no-repeat 3px 3px; margin-bottom:7px}
h3 {font-size:12px; color:#fff; padding-left:15px; background:url(../img/ico_bullet.gif) no-repeat 3px 4px; margin-bottom:7px}
p {color:#808080; font-size:12px}

.boxHold {margin-top:40px}
.boxHold p {font-size:10px;}
.boxHold h3 {background:none; padding:0; margin:0}
.destaques {float:left; width:380px; margin-left:19px; display:inline;}
.noticias {float:right; width:312px;}
.btNoticias {clear:both; padding-left:15px; position:absolute;}
.btNoticias a {color:#fff}

.box {height:85px; background:url(../img/bg_box.gif) no-repeat; padding:6px 8px 47px 8px; position:relative;}
.destaques .box {width:170px; float:left;}
.destaques .boxCentral {float:right;}

.noticias .box {height:89px; padding:4px 8px 0 8px; cursor:pointer;}
.noticias p {width:212px; display:block; margin-bottom:5px; cursor:pointer;}
.noticias p a {color:#808080}
.box p span {display:block; color:#fff}

.btLeiaMais {width:13px; height:13px; background:url(../img/bt_leiamais.gif) no-repeat; position:absolute; top:78px; right:5px}


/*A EMPRESA::HISTORIA*/
.boxEmpresa {width:612px; background:url(../img/bg_box-empresa.jpg) no-repeat; padding:15px}
#boxHistoria p {margin-bottom:10px}
#boxHistoria img {width:612px; height:125px; margin:0 auto 50px auto}

/*A EMPRESA::EQUIPE*/
#boxEquipe h4 {font-size:10px; margin-bottom:7px; font-weight:bold; padding-left:5px}
#boxEquipe table {margin:0 auto 20px auto; font-size:12px; color:#959595; font-weight:bold; width:613px}
#boxEquipe table td {padding:3px 5px}
#boxEquipe table tr.impar {background:#1d1621}
#boxEquipe p {font-size:12px; margin-bottom:10px}

/*A EMPRESA::NOTICIAS*/
#boxNoticias {float:left; height:270px;}
#boxNoticias p {margin-bottom:15px}
#boxNoticias h4 {font-size:12px; font-weight:bold; margin-bottom:15px}
#boxNoticias h4 a {color:#fff; padding-left:20px; background:url(../img/ico_seta.gif) no-repeat 0 2px}
#boxNoticias img {float:left; margin:0 25px 10px 0}

#paginacao {height:18px; margin:0 auto 40px auto; clear:both; list-style:none; padding-left:190px}
#paginacao li {float:left; height:18px; margin-right:10px; display:inline; background:url(../img/bt_paginacao.gif) no-repeat; }
#paginacao a {height:18px; font-size:11px; color:#fff; font-weight:bold; float:left; padding:2px 3px 0 6px}
#paginacao span {width:4px; height:18px; float:left; background:url(../img/bt_paginacao-fim.gif) no-repeat;}

#paginacao .bt_anterior a {padding:2px 3px 0 16px; background:url(../img/bg_anterior.gif) no-repeat 4px 5px}
#paginacao .bt_proximo a {padding:2px 13px 0 6px; background:url(../img/bg_proximo.gif) no-repeat right 5px}

#colunaDir .noticiaSingle li.bt_anterior {margin-right:100px}

/*CONTENT::PARCEIROS*/
h4 {font-size:11px; font-weight:normal; color:#fff}
#contentFooter {height:57px; clear:both;}
#contentFooter h4 {margin-bottom:5px}
#contentFooter ul {list-style:none}
#contentFooter li {float:left; height:35px}
#contentFooter li a {height:35px}

#parceiros {width:400px; float:left;}
#membro {width:284px; float:right;}

#parceiroBarco {width:35px; margin-right:48px}
#parceiroBarco a {width:35px; background:url(../img/logo_barco.gif) no-repeat;}
#parceiroExton {width:167px; margin-right:57px}
#parceiroExton a {width:167px; background:url(../img/logo_extron.jpg) no-repeat;}
#parceiroDraper {width:75px;}
#parceiroDraper a {width:75px; background:url(../img/logo_draper.gif) no-repeat}
#membroInfo {width:100px;}
#membroInfo a {width:100px; background:url(../img/logo_info.gif) no-repeat}


/*TECNOLOGIA*/
#colapseHold {padding:15px 0 25px 0}
#colapseHold a {color:#fff}
#colapseHold ul {width:260px; list-style:none; color:#808080; font-size:11px; float:left; padding:115px 0 20px 45px}
#colapseHold .paddingMaior ul {padding:130px 0 70px 45px}
#colapseHold h4 {font-size:12px; font-weight:bold; margin-bottom:15px; padding-left:15px;}
#colapseHold h4 a {padding-left:20px; background:url(../img/ico_mais.gif) no-repeat 0 2px}
#colapseHold h4 a.ativo {background:url(../img/ico_menos.gif) no-repeat 0 2px}
#colapseHold h5 {font-size:11px; color:#fff; margin-bottom:10px; padding-top:90px}
#colapseHold .paddingMaior h5 {font-size:11px; color:#fff; margin-bottom:10px; padding-top:130px}
#colapseHold p {font-size:11px; margin-bottom:10px}
#colapseHold img {position:absolute; left:15px}
#colapseHold img.fotoB {right:0; left:auto;}

.colapseSingle {width:618px; height:0; padding-right:25px; background:url(../img/bg_produto.jpg) no-repeat left 79px; margin-bottom:0; position:relative; overflow:hidden; display:none}
.aberto {height:228px; margin-bottom:15px; display:block;}

#colapseMinH {height:350px; width:1px; display:block; float:left;}

/*TECNOLOGIA::PROJETORES*/
/*TECNOLOGIA::PERFIFERICOS*/
/*TECNOLOGIA::ILUMINACAO DIGITAL*/
#boxIluminacao {background:url(../img/bg_box-empresa.jpg) no-repeat; padding:15px; width:615px}
#boxIluminacao p {margin-bottom:10px}
#boxIluminacao ul {color:#808080; font-size:11px; padding:10px 0 30px 100px}
#boxIluminacao img {margin-bottom:40px}

/*CLIENTES*/
#boxClientes ul {width:490px; list-style:none; margin:20px 0 0 70px}
#boxClientes li {float:left; margin:0 18px 19px 0; display:inline}
#boxClientes img {width:78px; height:58px;}

/*PARCEIROS*/
#boxParceiros {width:612px; background:url(../img/bg_box-parceiros.jpg) no-repeat; padding:15px}
#boxParceiros ul {list-style:none; margin:55px 0 0 19px}
#boxParceiros li {float:left; margin:0 30px 0; display:inline}
#boxParceiros img {border:0}

/*SEU EVENTO*/
#colunaDir .boxEvento {background:url(../img/bg_box-empresa.jpg) no-repeat; padding:15px; width:615px}
.boxEvento .colapseSingle {background:none;}
.boxEvento .aberto {height:100px}
#colunaDir .boxEvento p {font-size:12px}
.boxEvento .colapseSingle p {padding-left:34px; font-size:12px}

/*FALE CONOSCO*/
#boxFale {height:375px; background:transparent url(../img/bg_box-empresa.jpg) no-repeat scroll 0 0; padding:15px; width:612px;}
#boxFale p {margin-bottom:10px}
label {font-size:8px; color:#898989; font-weight:bold; display:block; margin-bottom:3px}
#boxFale span {display:inline; float:left; margin-right:15px; height:40px; padding:0}
#boxFale span input {width:100%; padding:0; border:0; height:18px; font-size:10px}
#formHold {padding:0 0 0 29px; margin-top:20px}

/*FALE CONOSCO::CONTATO*/
span.nome {width:210px;}
span.nome input {background:url(../img/ipt_nome.gif) no-repeat}
span.nome input.error {background:url(../img/ipt_nome-a.gif) no-repeat}
span.email {width:193px;}
span.email input {background:url(../img/ipt_email.gif) no-repeat}
span.email input.error {background:url(../img/ipt_email-a.gif) no-repeat}
span.telefone {width:116px;}
span.telefone input {background:url(../img/ipt_telefone.gif) no-repeat}
span.telefone input.error {background:url(../img/ipt_telefone-a.gif) no-repeat}
#boxFale span.mensagem {width:100%; height:130px; margin:0}
span.mensagem textarea {width:538px; height:96px; background:url(../img/textarea_mensagem.gif) no-repeat; border:0; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding:5px; overflow:hidden;}
span.mensagem textarea.error {background:url(../img/textarea_mensagem-a.gif) no-repeat}
#boxFale span.newsletter input {float:left; width:auto}
span.newsletter label {float:left; font-size:9px; padding:7px 0 0 5px}

#boxFale input.btOk {width:28px; height:22px; padding:0; margin:0 34px 0 0; line-height:1000px; background:url(../img/bt_ok-form.gif) no-repeat; float:right; cursor:pointer; display:inline;}

/*FALE CONOSCO::SEJA NOSSO PARCEIRO*/
span.empresa {width:116px;}
span.empresa input {background:url(../img/ipt_empresa.jpg) no-repeat}
span.empresa input.error {background:url(../img/ipt_empresa-a.gif) no-repeat}
span.area {width:193px;}
span.area input {background:url(../img/ipt_area.jpg) no-repeat}
span.area input.error {background:url(../img/ipt_area-a.gif) no-repeat}

/*FALE CONOSCO::TRABALHE CONOSCO*/
span.curriculo {margin-left:118px}
span.curriculo input {}

/*FALE CONOSCO::ORCAMENTO*/
span.empresa2 {width:210px;}
span.empresa2 input {background:url(../img/ipt_empresa2.jpg) no-repeat}
span.empresa2 input.error {background:url(../img/ipt_empresa2-a.gif) no-repeat}
span.data {width:193px;}
span.data input {background:url(../img/ipt_data.jpg) no-repeat}
span.data input.error {background:url(../img/ipt_data-a.gif) no-repeat}
span.local {width:116px;}
span.local input {background:url(../img/ipt_local.jpg) no-repeat}
span.local input.error {background:url(../img/ipt_local-a.gif) no-repeat}

/*SOLUCOES E SERVICOS*/
#boxSolucoes {height:525px; margin:10px 0 0 0}
#boxSolucoes ul {height:36px; list-style:none}
#boxSolucoes ul li {width:83px; height:36px; display:inline; float:left; margin-right:2px; overflow:hidden;}
#boxSolucoes ul li a {width:83px; height:36px; background:url(../img/bg_aba-inativo.gif) no-repeat; display:block; text-align:center; font-size:12px; color:#fff; outline:none}
#boxSolucoes ul li a.ativo {background:url(../img/bg_aba-ativo.gif) no-repeat}
#aba-introducao {padding-top:10px}
#aba-desenho {padding-top:3px}
#aba-portfolio {padding-top:10px}
.conteudoHold {width:612px; height:274px; background:url(../img/bg_solucoes.gif) no-repeat; padding:15px}
.conteudoHold .colunaEsqInt {width:300px; float:left}
.conteudoHold .colunaDirInt {width:290px; float:right}
.btDesenho {width:184px; height:18px; display:block; margin:27px auto 0 auto; color:#fff; text-align:center; background:url(../img/bt_desenho-tecnico.gif) no-repeat; font-size:12px; padding-top:3px}

#introducao {}
#introducao p {margin-bottom:10px}
#desenho {display:none}
#desenho p {margin-top:10px}
#portfolio {display:none}
#portfolio p {margin-bottom:10px; color:#fff}
#portfolio p span {font-weight:bold}
#portfolio .colunaDirInt {width:350px}
#portfolio table {width:334px;}
#portfolio td {padding:3px 5px;}
#portfolio td p {margin:0; padding:0; text-transform:uppercase; color:#fff; font-size:11px}
#portfolio td span {text-transform:uppercase; color:#8100c6; font-weight:normal; font-size:11px}


#player {width:244px; height:182px; float:left; position:relative; overflow:hidden; margin-bottom:31px; border:3px solid #67078F}
#playerImagens {width:1200px; height:161px; background:#000}
#playerImagens img {width:244px; height:161px; float:left; display:block;}
#navPlayer {width:244px; height:22px; background:#fff; position:absolute; bottom:0; overflow:hidden;}
#navPlayer a {width:10px; height:16px; display:block; position:absolute; top:3px; outline:none}
#navPlayer a.anterior {background:url(../img/bt_player-anterior.gif) no-repeat; left:81px}
#navPlayer a.pause {background:url(../img/bt_player-pause.gif) no-repeat; left:115px}
#navPlayer a.proximo {background:url(../img/bt_player-proximo.gif) no-repeat; left:150px}
#navPlayer a.video {background:url(../img/bt_player-video.gif) no-repeat; left:213px}
#navPlayer a.ampliar {width:11px; background:url(../img/bt_lupa.gif) no-repeat; left:193px}
em.carregando {width:32px; height:32px; font-size:10px; color:#fff; background:url(../img/loading.gif) no-repeat}

#thumbs {height:59px; clear:both; position:relative;}
#thumbs a.anterior {width:26px; height:43px; background:url(../img/bt_thumbs-anterior.gif); position:absolute; left:0; top:8px; outline:none}
#thumbs a.proximo {width:26px; height:43px; background:url(../img/bt_thumbs-proximo.gif); position:absolute; right:0; top:8px; outline:none}
#thumbsHold {width:548px; height:59px; margin:0 0 0 32px; overflow:hidden;}
#thumbsHold a {width:72px; height:53px; display:inline; padding:3px; float:left; overflow:hidden; margin-right:16px; outline:none}
#thumbsHold a:hover, #thumbsHold a.ativoT {background:#67078f}
#thumbsHold a img {border:0}

#modalVideo {/*width:465px; height:344px; background:#000;*/ cursor:auto; display:none;}
#modalVideo a {width:64px; height:19px; float:right; background:url(../img/bt_fechar.gif) no-repeat}
#modalVideo div {clear:both; position:relative; background:#000}
#modalVideo div img.logoModal {position:absolute; border:none; right:10px; bottom:10px}
#modalVideo img {display:block; margin:0 auto 0 auto; border:1px solid #67078F; border:6px solid #9900d8}

/*BUSCA*/
#boxBusca {height:300px; background:transparent url(../img/bg_box-empresa.jpg) no-repeat scroll 0 0; padding:15px; width:612px;}
#boxBusca p {margin-bottom:10px}
#boxBusca p span {font-weight:bold; color:#fff}
#boxBusca ul {list-style:none; padding-left:25px;}
#boxBusca li {background:transparent url(../img/ico_bullet.gif) no-repeat scroll 3px 4px; padding-left:15px; font-size:12px; color:#959595; margin-bottom:5px}
#boxBusca li a {color:#959595;}
#boxBusca li span {font-weight:bold}

/*FOOTER*/
.imgCase {position:absolute; right:0; z-index:10; right:71px; margin-top:-38px;}
#footer {clear:both; background:url(../img/bg_footer.jpg) no-repeat center top}
#footer .wrapper {height:102px; background:url(../img/bg_footer.jpg) no-repeat center top; padding:0; position:relative;}
#footer h5 {font-size:10px; font-weight:normal; text-align:center; color:#595959; padding-top:30px}
#footer h6 {width:68px; height:32px; position:absolute; right:0; top:30px}

/*EXTRANET::LOGIN*/
#loginExtranet {margin:50px auto 0 auto;}
#loginExtranet p {text-align:center} 
#loginExtranet input {position:absolute; margin:0 0 0 390px}
#loginExtranet input.btOk {width:25px; height:20px; padding:0; line-height:1000px; background:url(../img/bt_ok-extranet.gif) no-repeat; float:right; cursor:pointer; display:inline;}
#loginExtranet input.iptLoginExtra {width:193px; height:18px; border:0 none; font-size:10px; padding:0; background:url(../img/ipt_email.gif) no-repeat; margin:1px 0 0 192px;}


/*EXTRANET::DOWNLOAD*/
.listagemDownload {font-size:10px; color:#fff; font-weight:bold; text-align:left; margin:40px 0 0 25px}
.listagemDownload td {padding-bottom:5px}
.listagemDownload .tdDivisoria {text-align:center; width:20px}
.listagemDownload .tdPeso {padding-right:20px}
.btDownload {width:71px; height:18px; background:url(../img/bt_download.gif) no-repeat;}
