* { margin: 0; padding: 0; }
BODY { font-family: Arial, Verdana, Tahoma, Trebuchet MS; font-size: 12px; color: #FFF; line-height: 160%; background: #333; }
IMG { border: none; }
A { color: #FFF; text-decoration: none; }
A:HOVER { text-decoration: underline; }
IMG.f-left { float: left; margin: 0 20px 20px 0; border: 5px solid #FFF; }
IMG.f-right { float: right; margin: 0 0 20px 20px; border: 5px solid #FFF; }
.clr { clear: both; }
.a-left { text-align: left; }
.a-right { text-align: right; }
.f-left { float: left; }
.f-right { float: right; }
#normal { background: url(../images/bg-body.jpg) repeat-x top #1F1F1F; }
#normal-internas { background: url(../images/bg-body-internas.jpg) repeat-x top #1F1F1F; }
.layout { width: 1000px; margin: 0 auto; }

#logo { float: left; width: 380px; height: 145px; background: url(../images/bg-logo.jpg) no-repeat; }
#logo DIV { margin: 30px 0 0 10px; }
#logo DIV A { display: block; width: 343px; height: 110px; background: url(../images/logo-comunick.gif) no-repeat top; }
#logo DIV A:HOVER { background: url(../images/logo-comunick.gif) no-repeat bottom; }

/*MENU*/
UL#menu { float: right; margin: 90px 5px 0 0; }
UL#menu LI { list-style: none; float: left; height: 30px; margin-right: 10px; }
UL#menu LI A { height: 30px; display: block; background: url(../images/bg-menu.gif); }
A#mn-pagina-inicial { width: 118px; background: url(../images/bg-menu.gif) scroll 0px 0px !important; }
    A:hover#mn-pagina-inicial { background: url(../images/bg-menu.gif) scroll 0px 60px !important; }
    A#mn-pagina-inicial.ativo, A:hover#mn-pagina-inicial.ativo { background: url(../images/bg-menu.gif) scroll 0px 30px !important; }
A#mn-agencia { width: 82px; background: url(../images/bg-menu.gif) scroll 421px 0px !important; }
    A:hover#mn-agencia { background: url(../images/bg-menu.gif) scroll 421px 60px !important; }
    A#mn-agencia.ativo, A:hover#mn-agencia.ativo { background: url(../images/bg-menu.gif) scroll 421px 30px !important; }
A#mn-servicos { width: 83px; background: url(../images/bg-menu.gif) scroll 340px 0px !important; }
    A:hover#mn-servicos { background: url(../images/bg-menu.gif) scroll 340px 60px !important; }
    A#mn-servicos.ativo, A:hover#mn-servicos.ativo { background: url(../images/bg-menu.gif) scroll 340px 30px !important; }
A#mn-cases { width: 96px; background: url(../images/bg-menu.gif) scroll 257px 0px !important; }
    A:hover#mn-cases { background: url(../images/bg-menu.gif) scroll 257px 60px !important; }
    A#mn-cases.ativo, A:hover#mn-cases.ativo { background: url(../images/bg-menu.gif) scroll 257px 30px !important; }
A#mn-clientes { width: 80px; background: url(../images/bg-menu.gif) scroll 160px 0px !important; }
    A:hover#mn-clientes { background: url(../images/bg-menu.gif) scroll 160px 60px !important; }
    A#mn-clientes.ativo, A:hover#mn-clientes.ativo { background: url(../images/bg-menu.gif) scroll 160px 30px !important; }
A#mn-contato { width: 80px; background: url(../images/bg-menu.gif) scroll 80px 0px !important; }
    A:hover#mn-contato { background: url(../images/bg-menu.gif) scroll 80px 60px !important; }
    A#mn-contato.ativo, A:hover#mn-contato.ativo { background: url(../images/bg-menu.gif) scroll 80px 30px !important; }
/*MENU/END*/

#shadow-left { float: left; width: 15px; height: 340px; background: url(../images/bg-shadow-left.png) no-repeat; }
#shadow-right { float: left; width: 15px; height: 340px; background: url(../images/bg-shadow-right.png) no-repeat; }
#flash { float: left; width: 970px; height: 340px; background: #1F1F1F; }
#conteudo { padding: 0 15px; }
#box1 { float: left; width: 465px; margin: 0 40px 40px 0; }
#box2 { float: left; width: 465px; }
#box1-ico { float: left; width: 103px; height: 70px; background: url(../images/chamada-depoimentos.jpg) no-repeat; }
#box2-ico { float: left; width: 103px; height: 94px; background: url(../images/chamada-equipe.jpg) no-repeat center; }
.box-texto { float: right; width: 342px; padding-left: 20px; background: url(../images/bg-divisor01.jpg) no-repeat left top; }
#box1 H4, #box2 H4 { margin: 30px 0 20px 0; }
#box1 P, #box2 P { width: 340px; }
#box1 P SPAN, #box2 P SPAN { font-weight: bold; color: #C0A062; }

#caminho { position: relative; top: -15px; margin-bottom: 10px; font-size: 11px; }
#caminho SPAN { color: #C0A062; font-weight: bold; }
#box4 { float: left; width: 609px; padding-right: 30px; margin: 20px 0; }
#box4 H2 { padding-bottom: 20px; }
#box4 H3 { margin-bottom: 10px; padding-bottom: 5px; font-size: 16px; border-bottom: 1px solid #C0A062; text-transform: uppercase; letter-spacing: -1px; }
#box4 H3 A:hover { text-decoration: none; }
#box4 H4 { padding-bottom: 12px; }
#box4 H5 { font-size: 18px; }
#box4 H6 { font-size: 14px; color: #C0A062; }
#box4 P { padding-bottom: 20px; }
#box4 UL.depoimentos LI { list-style: none; display: none; padding-bottom: 20px; }
#box5 { float: right; width: 310px; padding-left: 20px; margin: 20px 0; border-left: 1px dashed #666; }
#box5 H4 { padding-bottom: 12px; }
#box5-img { width: 310px; height: 80px; border: 5px solid #FFF; }
#box5-img LI { list-style: none; width: 300px; height: 80px !important; }
#box6 { width: 300px; height: 80px; border: 5px solid #FFF; }
UL#lista { padding-top: 15px; }
UL#lista LI { list-style: none; padding-top: 4px; background: url(../images/bl-mod1.gif) no-repeat left; padding-left: 20px; }

/*AGÊNCIA - EQUIPE E ESTRUTURA*/
.equipe { width: 609px; margin-bottom: 17px; border-bottom: 1px solid #4C4C4C; }
.equipe-foto { float: left; width: 268px; margin-bottom: 17px; }
.equipe-foto IMG { border: 5px solid #FFF; }
.equipe-descricao { float: left; width: 310px; margin-bottom: 17px; padding: 15px; background: url(../images/bg-equipe.jpg) top repeat-x #292929; }
.equipe-descricao A { text-decoration: underline; }
.setinha { position: absolute; margin: 0 0 0 -58px; width: 43px; height: 32px; background: url(../images/setinha-equipe.png) no-repeat; }
.cursor { cursor: help; text-decoration: none !important; }
UL.listas-contratar { padding-bottom: 20px; }
UL.listas-contratar LI { list-style: none; padding: 0 0 15px 15px; background: url(../images/bl-mod1.gif) scroll 0px 3px no-repeat; }

/*CASES*/
.cases { background: url(../images/bg-servicos.jpg) repeat-x; padding-bottom: 15px; }
.cases-tit { line-height: 30px; cursor: pointer; }
.cases-tit DIV { float: left; padding-left: 10px; font-weight: bold; }
.cases-tit IMG { float: right; }
.cases-conteudo { display: none; padding: 20px; background: #000; border-bottom: 1px solid #666; }
.cases-conteudo IMG { border: 5px solid #FFF; }
.cases-categorias { float: left; width: 113px; height: 113px; padding: 0 39px 39px 0; text-indent: -9999px; }
.cases-categorias a { display: block ; width: 113px; height: 113px; cursor: pointer !important; }
.cases-categorias a#televisao { background: url(../images/ico-cases-televisao.png); }
.cases-categorias a#websites { background: url(../images/ico-cases-websites.png); }
.cases-categorias a#logomarcas { background: url(../images/ico-cases-logomarcas.png); }
.cases-categorias a#formaturas { background: url(../images/ico-cases-formaturas.png); }
.cases-categorias a:hover { background-position: bottom !important; }
.logomarcas { float: left; width: 162px; padding: 0 40px 30px 0; }
.logomarcas .logo { width: 162px; height: 162px; padding-top: 6px; background: url(../images/bg-cases.gif) no-repeat; text-align: center; }
.logomarcas .cliente { text-align: center; }
.logomarcas .web { width: 162px; height: 156px; padding-top: 6px; background: url(../images/bg-cases.gif) no-repeat; text-align: center; }

/*SERVIÇOS*/
UL.listas-servicos { padding-bottom: 20px; }
UL.listas-servicos LI { list-style: none; padding: 0 0 5px 15px; background: url(../images/bl-mod1.gif) scroll 0px 3px no-repeat; }
UL.servicos-abas LI { list-style:none; float: left; margin-left:1px; padding-left:15px; color: #777; font-weight: bold; background: url(../images/bg-abas-off.jpg) top left no-repeat; cursor:pointer; }
UL.servicos-abas LI DIV { padding-right:15px; line-height:26px; background: url(../images/bg-abas-off.jpg) bottom right no-repeat; }
UL.servicos-abas .aba-ativa { position: relative; bottom: -1px; padding-left:15px; color: #FFF; background: url(../images/bg-abas-on.jpg) top left no-repeat; }
UL.servicos-abas .aba-ativa DIV { padding-right:15px; line-height:26px; background: url(../images/bg-abas-on.jpg) bottom right no-repeat; }
.servicos { margin-bottom: 20px; padding: 20px; font-size: 12px; border-top: 1px solid #666; border-bottom: 1px solid #666; background: #000; }
.servicos-radio, .servicos-impresso, .servicos-internet { display: none; }
.servicos-televisao LI { list-style: none; padding-left: 37px; margin-bottom: 15px; background: url(../images/ico-cases-televisao.gif) no-repeat; }
.servicos-radio LI { list-style: none; padding-left: 37px; margin-bottom: 15px; background: url(../images/ico-cases-radio.gif) no-repeat; }
.servicos-impresso LI { list-style: none; padding-left: 37px; margin-bottom: 15px; background: url(../images/ico-cases-impresso.gif) no-repeat; }
.servicos-internet LI { list-style: none; padding-left: 37px; margin-bottom: 15px; background: url(../images/ico-cases-internet.gif) no-repeat; }
.ver-resultado { line-height: 13px; padding-left: 15px; color: #C0A062; font-weight: bold; background: url(../images/bl-mod2.gif) no-repeat; }
.ver-resultado A { color: #C0A062; cursor: pointer; }

/*CLIENTES*/
.clientes LI { float: left; list-style: none; width: 120px; height: 100px; margin: 0 30px 30px 0; background: url(../images/bg-clientes.jpg) repeat-x; }
.clientes LI IMG { border: 1px solid #BA9A5D; margin: 5px; }
.depoimentos { background: #000; border-bottom: 1px solid #666; padding: 20px 20px 0; margin-bottom: 10px; }
.depoimentos STRONG { color: #C0A062; }

/*CONTATO*/
.campo-padrao { width: 450px; height: 25px; margin-bottom: 15px; background: url(../images/bg-campo-padrao.gif) no-repeat; }
    .campo-padrao INPUT { width: 430px; height: 22px; margin: 3px 0 0 10px; border: 0; background: none; font-size: 14px; font-weight: bold; color: #1F1F1F; }
.campo-pequeno { width: 250px; height: 25px; margin-bottom: 15px; background: url(../images/bg-campo-pequeno.gif) no-repeat; }
    .campo-pequeno INPUT { width: 230px; height: 22px; margin: 3px 0 0 10px; border: 0; background: none; font-size: 14px; font-weight: bold; color: #1F1F1F; }
.campo-textarea { width: 450px; height: 150px; margin-bottom: 15px; background: url(../images/bg-campo-textarea.jpg) no-repeat; }
    .campo-textarea TEXTAREA { width: 430px; height: 130px; margin: 10px 0 0 10px; border: 0; background: none; font-family: Arial, Verdana, Tahoma, Trebuchet MS; font-size: 14px; font-weight: bold; color: #1F1F1F; }
#enviar-mensagem { width: 118px; height: 26px; margin: 0 0 25px 332px; border: 0; cursor: pointer; background: url(../images/bt-enviar-mensagem.jpg) no-repeat; }
#enviar-mensagem:hover { background: url(../images/bt-enviar-mensagem.jpg) bottom no-repeat; }

/*BOTÕES*/
.bt-voltar A { display: block; width: 52px; height: 26px; background: url(../images/bt-voltar.jpg) top no-repeat; }
.bt-voltar A:HOVER { background: url(../images/bt-voltar.jpg) bottom no-repeat; }
.bt-mais-depoimentos A { display: block; width: 123px; height: 26px; background: url(../images/bt-mais-depoimentos.jpg) top no-repeat; }
.bt-mais-depoimentos A:HOVER { background: url(../images/bt-mais-depoimentos.jpg) bottom no-repeat; }
.bt-depoimentos A { display: block; float: right; width: 93px; height: 26px; background: url(../images/bt-depoimentos.jpg); }
.bt-depoimentos A:HOVER { background: url(../images/bt-depoimentos.jpg) bottom; }
.bt-conheca A { display: block; float: right; width: 68px; height: 26px; background: url(../images/bt-conheca.jpg); }
.bt-conheca A:HOVER { background: url(../images/bt-conheca.jpg) bottom; }

/*RODAPÉ*/
#rodape { border-top: 1px solid #666; }
#copyright { float: left; width: 185px; height: 22px; margin: 30px 0 39px 15px; background: url(../images/copyright.gif) no-repeat; }
#creditos { float: right; width: 65px; height: 32px; margin: 25px 22px 34px 0; background: url(../images/creditos.gif) no-repeat; }

/*THICKBOX*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link {color: #333;}
#TB_window a:visited {color: #333;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #333;}
#TB_window a:focus{color: #333;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayBG { background-color:#1F1F1F; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; bottom:25%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 60%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }

/*FORMATURAS*/
#previous { float: left; width: 50px; height: 50px; border: 5px solid #FFF; background: url(../images/bt-previous.jpg); cursor: pointer; position: relative; margin: 50px -20px 0 0; z-index: 30; }
#next { float: left; width: 50px; height: 50px; border: 5px solid #FFF; background: url(../images/bt-next.jpg); cursor: pointer; position: relative; margin: 50px 0 0 -20px; z-index: 30; }
.disabled { background-position: bottom !important; cursor: auto !important; }
#convite { float: left; width: 520px !important; margin-bottom: 50px; background: #FFF; }
#convite ul li { list-style: none; padding: 10px; width: 500px !important; display: block; }