@import url("reset.css"); /* css reset */

body {background:#000 url(../pics02/bg.gif); font-size:small; /* o restante das fontes terão tamanho relativo ao body */}
h2.outras_noticias {position:relative; left:-12px; text-indent:-9000em; overflow:hidden; margin-top:60px; color:#fff !important; height:36px; background:url(../pics02/tt-outras_noticias.gif) no-repeat;}
.imgLeft {float:left;}

div.clear {clear:both;}

.ocultaObj {display:none;}

#selo10anos {position:absolute; top:82px; right:75px; width:182px; height:44px;}
#twitter, #youtube {position:absolute;width:30px;height:30px;top:130px;}
#twitter {right:46px;}
#youtube {right:85px;}

/*******************************************************
					   CONTAINER
*******************************************************/
div.map{position:absolute; top:315px; right:60px;}
#container {position:relative; width:1003px; margin:0 auto;}

/*******************************************************
					   HEADER
*******************************************************/
#header {width:1003px; height:171px; background:url(../pics02/header.gif) no-repeat;}
#header ul#versao {position:absolute; top:80px; right:48px;}
ul#versao li {margin-top:4px; width:14px; height:14px;}
ul#versao li.versao01 {background:url(../pics/bullet-versao01.gif) no-repeat;}
ul#versao li.versao02 {background:url(../pics/bullet-versao02.gif) no-repeat;}

#header ul#versao a {display:block;  text-indent:-9000em; overflow:hidden;}
#header ul#versao a:hover {text-decoration:underline;}

#header a.logo-interativa {float:left; position:relative; width:204px; height:42px; display:block; top:84px; margin-left:41px; text-indent:-9000em; overflow:hidden; background:url(../pics02/logo-interativa.jpg) no-repeat; cursor:pointer;}
#header a.informativo {float:left; position:relative; width:175px; height:44px; display:block; top:40px; left:423px;text-indent:-9000em; overflow:hidden; background:url(../pics/informativo-branco.png) no-repeat; cursor:pointer;}
#header ul#nav {float:right; margin:7px 36px 0 0; display:inline;}
ul#nav li {float:left; display:inline; margin-left:5px;}
ul#nav li.replacement {display:inline; margin-left:20px;}
ul#nav li span {float:left; display:block; width:33px; height:40px; margin:3px 0 0 6px; cursor:pointer;}
ul#nav li a.replacement {margin-top:5px; float:left; display:block;  height:14px; text-indent:-9000em; overflow:hidden;}
ul#nav li.bt01 span {background:url(../pics02/ico-assista.gif) no-repeat;}

ul#nav li.bt01 a {width:102px; background:url(../pics02/tt-assista.gif) no-repeat;}
ul#nav li.bt02 span {background:url(../pics02/ico-trabalhe.gif) no-repeat;}
ul#nav li.bt02 a {width:87px; background:url(../pics02/tt-trabalhe.gif) no-repeat;}
ul#nav li.bt03 span {background:url(../pics02/ico-atendimento.gif) no-repeat;}
ul#nav li.bt03 a {width:100px; background:url(../pics02/tt-atendimento.gif) no-repeat;}
ul#nav a:hover {position:relative;}
ul#nav a.replacement:hover {}

ul#nav li.ico a {display:block; width:30px; height:25px; text-indent:-9000em; overflow:hidden;}
ul#nav li.ico01 a {background:url(../pics02/ico-home.gif) no-repeat;}
ul#nav li.ico02 a {background:url(../pics02/ico-email.gif) no-repeat;}
ul#nav li.ico03 a {background:url(../pics02/ico-feed.gif) no-repeat;}

#blog {position:absolute; top:13px; left:313px;}
#blog a img.img-blog{float:left; display:inline; margin-top:-5px}
/***#blog a img.txt-blog{float:left; display:inline; margin:0px 0 0 3px;}***/
#blog span{background:url(../pics02/txt-blog-a.png) no-repeat; width:30px; text-indent:-9000em; margin:0px 0 0 35px; display:block;}

/*******************************************************
					   MENU
*******************************************************/
#menu {margin:0 auto; width:993px; height:62px;}
#menu li {float:left; width:161px; height:62px; background:url(../pics02/bt-menu.jpg) no-repeat;}
#menu li.bt01 {width:173px; background:url(../pics02/bt-first-menu.jpg) no-repeat;}
#menu li.bt06 {width:175px; background:url(../pics02/bt-last-menu.jpg) no-repeat;}

#menu li.bt01 a {background-position:38px 2px;}
#menu li.bt02 a {background-position:41px 2px;}
#menu li.bt03 a {background-position:16px 2px;}
#menu li.bt04 a {background-position:37px 2px;}
#menu li.bt05 a {background-position:38px 2px;}
#menu li.bt06 a {background-position:43px 2px;}

#menu li a {text-align:center; margin-top:17px; display:block; height:12px; font:0.9em arial, tahoma; color:#fff; background:url(../pics02/seta-menu.gif) no-repeat 18px 2px;}
#menu li a:hover {color:#fc0;}

/*******************************************************
					   CONTENT
*******************************************************/
#content dl {position:relative; float:left; font:0.9em/16px tahoma, arial; color:#000;  height:137px; width:255px; margin-bottom:35px;}
#content dl.col01 dd {}
#content dl.col01 dt{width:163px; height:137px; float:left; display:inline}
html>body #content dl.col01 {margin-right:70px;} 
html:first-child>body #content dl.col01 {width:280px;} /* hack para Opera */
html:first-child>body #content dl.col02 {width:220px;}
html:first-child>body #content dl.col01 {margin-right:40px;}
#content dd span.title {font-size:1.1em;}

#content dt {text-align:center; float:left; clear:both; display:inline;}
#content dd {margin-left:173px;}
#content dt a.visitar {font-size:0.8em; margin-top:4px; margin-left:45px; padding-top:2px; width:76px; height:16px; display:block; background:url(../pics02/bg-visitar.gif) no-repeat;}
#content p {text-align:justify; padding:6px 12px 6px 0; font:0.9em/18px tahoma, arial; color:#000;}
#content a {font:0.92em tahoma, arial; color:#339;}
#content a:hover {text-decoration:underline;}

#content li {font:0.9em/18px tahoma, arial; color:#000;}
#content h2 {padding:8px 0; font:bold 1.2em tahoma, arial; color:#c90;}
#content h2.center {text-align:center;}

ul.marcador li {padding-left:18px; background:url(../pics02/marcador.gif) no-repeat 0 6px;}

#content #title {margin:35px 0 0 35px; width:602px;}

#content h1.replacement {height:28px; text-indent:-9000em; overflow:hidden; color:#000;}
#content h1.type01 {margin-bottom:20px; border-bottom:1px solid #666;}
h1.empresa {background:url(../pics02/tt-empresa.gif) no-repeat;}
h1.equipe {background:url(../pics02/tt-equipe.gif) no-repeat;}
h1.ultimos_projetos {background:url(../pics02/tt-ultimos_projetos.gif) no-repeat;}
h1.portifolio {background:url(../pics02/tt-portifolio.gif) no-repeat;}
h1.noticias {background:url(../pics02/tt-noticias.gif) no-repeat;}
h1.identidade {background:url(../pics02/tt-identidade.gif) no-repeat;}
h1.area_restrita {background:url(../pics02/tt-area_restrita.gif) no-repeat;}
h1.contato {background:url(../pics02/tt-contato.gif) no-repeat;}
h1.trabalhe02 {background:url(../pics02/tt-trabalhe02.gif) no-repeat;}
h1.atendimento_online {background:url(../pics02/tt-atendimento_online.gif) no-repeat;}
h1.obrigado {background:url(../pics02/tt-obrigado.gif) no-repeat;}
h1.newsletter {background:url(../pics02/tt-newsletter.png) no-repeat;}
h1.produtos-servicos {background:url(../pics02/tt-newsletter.png) no-repeat;}

#content #title h1.replacement {width:95%;}

#content .borda img {margin-right:15px; padding:2px; border:1px solid #666;}
#content ul#paginacao li {float:left; display:inline; margin-left:8px;}
#content ul#paginacao li a {display:block; padding:4px 8px 4px 9px; color:#fff; background-color:#000;}
#content ul#paginacao li a:hover {text-decoration:none; color:#000; background-color:#fc0;}

/*******************************************************
					   box01 / box02
*******************************************************/
div.box {position:relative; width:415px; float:left; display:inline; margin-left:55px;}
div.box h1.replacement {width:95%;}

div.box ul {margin-bottom:20px;}

#box01 h1.novidades {background:url(../pics02/tt-novidades.gif) no-repeat;}
#box01 h1.newsletter {background:url(../pics02/tt-newsletter.gif) no-repeat;}

form#newsletter {margin-bottom:30px;}

#box01 h1.newsletter {text-indent:0 !important;}

#box01 h1.newsletter span {font:0.9em tahoma, arial; display:block; position:relative; top:10px; left:120px;}
#box01 li {idth:410px; height:20px; overflow:hidden;}

#content #box02 h1.type01 {margin-left:5px;}
#box02 h1.replacement {background:url(../pics02/tt-exclusividades.gif) no-repeat;}

div#imoveis,div#ferias,div#advogados,div#pague_tranquilo {margin-bottom:10px; width:411px; height:110px;}
div#imoveis {background:url(../pics02/exclusividades-imoveis.jpg) no-repeat;}
div#ferias {background:url(../pics02/exclusividades-ferias.jpg) no-repeat;}
div#advogados {background:url(../pics02/exclusividades-advogados.jpg) no-repeat;}
div#pague_tranquilo {background:url(../pics02/exclusividades-pague_tranquilo.jpg) no-repeat;}

div.exclusividades {position:relative; cursor:pointer;}

div.exclusividades a {position:absolute; top:88px;  right:45px;}

/*******************************************************
					   mainContent
*******************************************************/
#mainContent {margin-top:35px;}

/*******************************************************
					   COLs
*******************************************************/
#col01 {position:relative; width:590px; float:left; display:inline; margin-left:30px;}
#col01 h1.replacement {width:550px; margin-left:35px;}
#col01 ul.thumbs {float:left; text-align:center;}
#col01 ul li {margin:10px 0 10px 0;}

#col02 {width:267px; float:right; display:inline; margin-right:40px;}
#col02 h1.replacement {width:267px;height:38px;}
#col02 h1.websites {cursor:pointer; background:url(../pics02/tt-websites.jpg) no-repeat; margin-bottom:20px;}
#col02 h1.identidade {cursor:pointer;background:url(../pics02/tt-identidade_visual.jpg) no-repeat;}
#col02 ul.nav {margin:0 0 20px 25px;}
#col02 ul.nav li a {font-size:1em;}
#col02 ul.nav li a:hover {color:#000;}
#col02 ul.nav li a.active {color:#000;}
#col02 a.ferias {text-indent:-9000em; display:block; overflow:hidden; width:249px; height:122px; background:url(../pics02/ft-ferias_em_natal.jpg) no-repeat;}
#col02 #parceiros {width:249px; margin-top:12px; background-color:#ccc;}
#col02 #parceiros img {margin:0 auto;}

#col-left-2009 {position:relative;width:660px;float:left;display:inline;margin-left:60px;}
#col-left-2009 ul.sites-destaques {margin:30px 0 0 60px;}
#col-left-2009 ul.sites-destaques li {width:250px;margin-bottom:30px;display:block;float:left;}
#col-left-2009 ul.sites-destaques li.impar {margin-right:50px;}
#col-left-2009 ul.sites-destaques li img {width:250px;height:170px;}
#col-left-2009 ul.sites-destaques span {display:block;text-align:center;margin-top:5px;}

#col-left-2009 span.pergunta {color:#c90;font-weight:bold;}
#col-left-2009 .citacao-fatos {font-style:italic;}
#col-left-2009 .citacao-func, #col-left-2009 blockquote {text-align:justify; padding:6px 12px 0 0; font:0.9em/18px tahoma, arial; color:#000;}
#col-left-2009 blockquote {margin-top:10px;}

#col-left-2009 a {color:#c90;}

#col-2009 {height:127px;width:180px;float:right;display:inline;margin-right:80px;border:2px dashed #c90;}
#content #col-2009 ul {margin:10px;}
#content #col-2009 ul li {margin:0 0 10px 0;color:#c90;list-style:inside circle;}
#content #col-2009 ul li a {font-size:1.2em;color:#c90;border-bottom:1px dotted #c90;}
#content #col-2009 ul li a:hover {border:none;text-decoration:none;}
#content #col-2009 ul li a:active {border:1px dotted #c90;}

#nav-2009 {width:710px;}
#nav-2009 a {color:#c90;}
#nav-2009 a.right {float:right;}
#nav-2009 a.left {float:left;margin-left:60px;}

#parceiros ul {margin:20px 0;}

#parceiros ul li {margin-bottom:20px; text-align:center; color:#666;}
#parceiros ul li a {text-indent:-9000em; display:block; overflow:hidden;}
#parceiros ul li.item01 a {height:64px; background:url(../pics02/associados-cdl.jpg) no-repeat;}
#parceiros ul li.item02 a {height:45px; background:url(../pics02/associados-aneinfo.jpg) no-repeat;}
#parceiros ul li.item03 a {height:41px; background:url(../pics02/colaborador-achievement.jpg) no-repeat;}
#parceiros ul li.item04 a {height:70px; background:url(../pics02/colaborador-cdi.jpg) no-repeat;}
#parceiros div.top {width:249px; height:9px; background:url(../pics02/top-col02.jpg) no-repeat;}
#parceiros div.bot {width:249px; height:19px; background:url(../pics02/bot-col02.jpg) no-repeat; clear:both;}

/*******************************************************
					   FOOTER
*******************************************************/
#footer {position:relative; width:1003px; height:72px; background:url(../pics02/footer.gif) no-repeat; clear:both;}
#footer address {padding-top:40px; text-align:center; font:normal 0.9em tahoma, arial; color:#000;}
#footer a.estatistica {position:absolute; bottom:-7px; right:27px;}

/*******************************************************
					  content > FORMs
*******************************************************/
#content input, #content select, #content textarea {color:#000; background-color:#ccc; border:1px solid #999;}
#content label {color:#000;}

/*******************************************************
					   lightwindow
*******************************************************/
#lightwindow_contents h1 {font:bold 1.2em tahoma, arial; margin:8px 0; color:#035795;}
#lightwindow_contents p {text-align:justify; font:0.9em/18px tahoma, arial; margin: 0 0 20px 0; color: #cccccc; line-height: 140%;}

/*******************************************************
					   PORTIFOLIO
*******************************************************/
.alpha {position:absolute; left:80px; width:250px; background-color:#fff; z-index:1;}
div.borda {margin:6px; background-color:#f0f0f0;}

div.borda p {padding:10px !important; color:#000 !important;}
#box {width:490px; overflow:hidden; position:relative; top:0; left:16px;}
#paginas {height:210px; width:7000px; text-align:center;}
#moveEsquerda, #moveDireita {cursor:pointer; width:19px; height:202px;}
#moveEsquerda {position:absolute; top:0; left:-8px; z-index:1; background:url(../pics/seta_esquerda-branco.gif) no-repeat;}
#moveDireita {position:absolute; top:0; right:30px; background:url(../pics/seta_direita-branco.gif) no-repeat;}
.float-rel {position:relative; float:left; display:inline;}

/*******************************************************
					   IMAGEFLOW
*******************************************************/
#scrollbar{border-bottom:1px solid #ccc !important;}

#slider{background:url(../pics02/slider.gif) no-repeat !important;}

/*******************************************************
					   WEB-CAM
*******************************************************/
#mensagem {background-image: url(bg-webcam02.jpg);}

/*******************************************************************************
									OVERLAY
*******************************************************************************/
#BGoverlay {position:fixed; z-index:1; top:0; left:0; height:100%; width:100%; background-color:#000;}
* html #BGoverlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#BGoverlay {filter:alpha(opacity=55, finishopacity=55, style=1); opacity:.55; -khtml-opacity:.55;}
div#overlay {position:absolute; left:50%; margin-left:-270px; width:540px; height:350px; z-index:2; background-color:#fff; display:none; border:4px solid #ccc;}
#overlay h1 {font:bold 1.2em tahoma, arial; padding:10px; color:#035795;}
#overlay p {text-align:justify; font:0.9em/18px tahoma, arial; margin: 0 0 20px 0; color: #666; line-height: 140%; padding:10px;}
#overlay a.fechar {font:0.76em tahoma, arial; float:right; display:block; padding:6px 6px 0 0; color:#000;}
#overlay a.fechar:hover {text-decoration:underline;}

/*******************************************************************************
									NOTÍCIAS
*******************************************************************************/
.fonte-right {float:right;}

/*******************************************************************************
									ENCONTRO
*******************************************************************************/

.encontro {position:absolute;top:65px;right:342px;}