@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{background:#004682;}
body, td, tbody{color:#333333; font-family:Helvetica, Arial, sans-serif; font-size:12px;}
img{border:0}
a, img, object{outline:0}
a:link, a:visited{font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#333333;}
a:hover{}
p{margin:0; padding:10px 0; line-height:18px; text-align:justify;}

h1{color:#004682; text-transform:uppercase; font-size:18px; margin-bottom:18px;}
h2{color:#000000; font-size:14px; margin-top:10px;}
h2 a:link, h2 a:visited{color:#000000; font-size:14px;}
h2 a:hover{text-decoration:underline}
h3{color:#ff6600; font-size:30px; font-family:Georgia, "Times New Roman", Times, serif;}
h4{color:#004682; font-size:14px;}
h5{color:#333; font-size:12px;}
h6{color:#00c8f3; font-size:12px;}

#TUDO{width:100%; height:100%; background:#FFF url(../img/fundoNuvens.gif) repeat-x center top;}
#wrapper{width:100%; height:100%; background:url(../img/fundoGradiente.gif) repeat-x bottom;}
#conteudo{width:978px; overflow:hidden; min-height:700px; margin:0 auto 38px auto;}
.centrado{width:960px; overflow:hidden; margin:0 auto;}

.experimente_nuvens{background:url(../img/fundoExperimente.png) no-repeat center 242px;}


/* TOPO */
#boxTopo{height:230px; margin-bottom:8px;}
#topo{height:60px; margin-top:30px;}
#logo{float:left; width:222px; overflow:hidden; margin-right:197px;}
.botoesTopo{float:right; margin-top:23px;}
.botoesTopo a:link, .botoesTopo a:visited{text-decoration:none; margin-left:10px;}

/* MENU TOPO */
#menuTopo{height:60px; margin-top:80px;}
#menuTopo .items{height:24px;}
#menuTopo .items a:link, #menuTopo .items a:visited{color:#666; text-transform:uppercase; text-decoration:none; padding:0 16px; line-height:24px; height:24px; overflow:hidden; display:block; float:left;}
#menuTopo .items a:hover{background-color:#00c8f3; color:#FFF;}
#menuTopo .items .primeiro{background:url(../img/cantoMenuE.png) no-repeat;}
#menuTopo .items .ultimo{background:url(../img/cantoMenuD.png) no-repeat right;}
#menuTopo .items .comSeparador{border-right:1px dotted #666}
#menuTopo .items .seleccionado:link, #menuTopo .items .seleccionado:visited{background-color:#00c8f3; color:#FFF; font-weight:bold;}
#menuTopo .subitems{height:36px; background:url(../img/submenu.png) no-repeat; color:#FFF; line-height:30px; display:none;}
#menuTopo .subitems a:link, #menuTopo .subitems a:visited{color:#FFF; line-height:33px; text-transform:uppercase; padding:0 15px; text-decoration:none;}

/* RODAPE */
#barraAzul{width:100%; height:29px; overflow:hidden; background:#00c8f3; border-top:1px solid #FFF; border-bottom:1px solid #99ddf9;}
#barraAzul .links{width:960px; overflow:hidden; margin:0 auto; color:#004682; line-height:29px;}
#barraAzul a:link, #barraAzul a:visited{color:#004682; font-size:10px; text-transform:uppercase; padding:0 2px; text-decoration:none;}
#boxRodape{width:960px; overflow:hidden; margin:38px auto 0px auto; padding-bottom:70px;}
#boxRodape .rodape{margin-top:40px; border-top:1px solid #1582bf; padding-top:18px;}

/* MENU RODAPE */	
#menuRodape{width:674px; overflow:hidden;}
#menuRodape td{border-right:1px solid #1582bf; padding:0 18px 0 16px; vertical-align:top;}
#menuRodape td.semSep{border-right:0}
#menuRodape a:link, #menuRodape a:visited{color:#FFF; text-decoration:none; display:block;}
#menuRodape a:hover{text-decoration:underline}
#menuRodape a.main:link, #menuRodape a.main:visited{text-transform:uppercase; font-weight:bold; margin-bottom:6px;}

/* NEWSLETTER */
#newsletter{width:257px; height:145px; overflow:hidden; background:url(../img/newsletter.png) no-repeat left top;}
#newsletter .newsletter{overflow:hidden; margin:50px 0 0 15px; width:230px; height:90px; line-height:26px;}
#newsletter .botaoNews{width:8px; height:10px; float:right; margin:5px 15px 0 0;}
#newsletter .info{background:url(../img/input.png) no-repeat left 4px; width:230px; overflow:hidden; line-height:26px;}
#newsletter input.boxGeral{background:none; border:0; float:left;padding-top:8px;}
#newsletterForm{width:220px; height:50px;}
#resultado{ width:220px; height:55px; display:none; overflow:hidden; line-height:15px;}
#erro, .erro{color:#ff8300; font-weight:bold; display:none; padding-left:2px; font-size:10px;}
.erro{display:none; float:right; font-size:11px;}

/* HOME */
#home .col1{ overflow:hidden; float:left; width:754px; height:310px; margin-bottom:30px;}
#home .col2{ overflow:hidden; float:right; width:185px; margin-top:5px;}
#home .col3{ overflow:hidden; width:100%; margin-top:18px;}

.caixa{ float:left;overflow:hidden; width:307px; height:224px;background: url(../img/col.png) no-repeat; cursor:pointer; position:relative;}
.caixa.over{background: url(../img/colOver.png) no-repeat;}
.caixa.over .saibaMais{color:#FF6600}
.caixa .conteudo{ float:left; overflow:hidden; width:255px; padding:45px 0 0 25px;}
.caixa .conteudo h1{color:#004682; text-transform:uppercase; font-size:18px;}
.caixa .conteudo span{color:#333333;}
.caixa .conteudo h2{color:#000000; font-size:14px; overflow:hidden;}
.caixa .conteudo img{ margin:10px 0 10px 40px;}
.caixa .conteudo a:link, .caixa .conteudo a:visited{text-decoration:none; cursor:pointer;}
.caixa .conteudo a:hover{ text-decoration:underline;}

.semmargem{margin:0px;}
.commargem{margin-right:18px;}

#home .barra{overflow:hidden; float:left; width:248px; height:33px;background: url(../img/barra.png) no-repeat; position:absolute; left:30px; bottom:0px;}
#home .barra span {color:#FFF;  text-transform:uppercase; line-height:33px; padding-left:15px;}

#home .demo{margin-bottom:20px}


/* IMOBILIARIO */
#imobiliario{overflow:hidden; width:100%;}
#imobiliario .col1{height:318px; background:url(../img/bannerImobiliario.png) no-repeat center top;}
#imobiliario .col3{margin-top:18px;}

/* IMOBLIARIO - SOFTWARE GESTAO */
#imobiliario_SG .topo{margin-bottom:35px}
#imobiliario_SG .topo .floatLeft{width:305px; overflow:hidden; padding-top:40px;}
#imobiliario_SG .topo .floatRight{width:631px; height:312px; overflow:hidden; background:url(../img/bannerSWGestao.png) no-repeat;}
#imobiliario_SG .pagina{width:712px; overflow:hidden;}
#imobiliario_SG .menuDireita{width:208px; overflow:hidden;}

#imobiliario_SG .bannerDivulgacao{float:right; width:631px; height:312px; overflow:hidden; background:url(../img/bannerDivulgacao.png) no-repeat;}
#imobiliario_SG .bannerWebistes{float:right; width:631px; height:312px; overflow:hidden; background:url(../img/bannerWebsites.png) no-repeat;}



/* MENU LATERAL */
#menuLateral{width:208px; overflow:hidden;}
#menuLateral .titulo{background:url(../img/SG.png) no-repeat; width:100%; height:31px; overflow:hidden; color:#FFF; text-transform:uppercase; line-height:31px; font-size:14px; text-align:center; margin-bottom:5px;}
a.btn_menu:link, a.btn_menu:visited{ background:url(../img/seta.gif) no-repeat left 10px; text-decoration:none; color:#666666; padding-left:15px; line-height:30px;text-decoration:none; display:block;}
a.btn_submenu:link, a.btn_submenu:visited{ background:url(../img/seta.gif) no-repeat 15px 10px; text-decoration:none; color:#666666; padding-left:25px; line-height:30px;text-decoration:none; display:block;}

/*EMPRESA*/
#empresa .bannerEmpresa{background:url(../img/bannerEmpresa.png) no-repeat center top; height:154px; margin-bottom:40px;}
#empresa .floatLeft{width:715px; overflow:hidden;}

#empresa #recrutamento{}
#empresa #recrutamento .oportunidade{overflow:hidden; margin-bottom:10px;}
#empresa #recrutamento .oportunidade h5{background:url(../img/fundoTituloRecrutamento.png) repeat-x; border-top:1px dotted #666; border-bottom:1px dotted #666; line-height:28px; height:28px; padding:0 10px; cursor:pointer;}
#empresa #recrutamento .oportunidade .mais{display:inline; padding-right:10px;}
#empresa #recrutamento .oportunidade .menos{display:none; padding-right:10px;}
#empresa #recrutamento .texto{display:none;}
#empresa #recrutamento strong{color:#004682; font-weight:normal;}
#empresa #recrutamento .seleccionado h5{color:#ff5800; border-bottom:none;}
#empresa #recrutamento .seleccionado .texto{padding:10px; margin-bottom:20px; overflow:hidden; display:block;}
#empresa #recrutamento .seleccionado .mais{display:none;}
#empresa #recrutamento .seleccionado .menos{display:inline;}

#empresa #candidatura{}
#empresa #candidatura .oportunidade{display:none;}
#empresa #candidatura table{margin-top:20px}
#empresa #candidatura td{padding-bottom:4px; vertical-align:top;}

/*NOTICIAS*/
#noticias{}
#noticias h1{float:left; background:url(../img/rss.png) no-repeat right top; padding-right:43px; height:31px;}
#noticias .noticia{width:100%; overflow:hidden;}
#noticias .separadorN{background:url(../img/separadorN.gif) repeat-x; height:1px; margin:15px 0;}
#noticias .noticia #imagem{background:url(../img/fundoImagemN.png) no-repeat; width:254px; height:90px; float:left; margin-right:10px;}
#noticias .noticia #imagem img{width:240px; height:74px; overflow:hidden; margin:9px 0 0 7px;}
#noticias .noticia h5{margin:4px 0 10px 0}
#noticias .noticia h5 a:link, #noticias .noticia h5 a:visited{color:#333; font:normal 18px Georgia, "Times New Roman", Times, serif; text-decoration:none;}
#noticias .noticia h5 a:hover{color:#ff5800;}
#noticias .noticia a.botaoN:link, #noticias .noticia a.botaoN:visited{background:url(../img/botaoN.png) no-repeat; width:16px; height:9px; overflow:hidden; display:block; text-decoration:none; float:right; cursor:pointer;}
#noticias .noticia a.botaoN:hover{background:url(../img/botaoNH.png) no-repeat;}

/*NOTICIA*/
#empresa #noticia{}
#empresa #noticia .noticia{ overflow:hidden;}
#empresa #noticia .noticia #imagem{ background:url(../img/fundoImagemN.png) no-repeat left top; width:254px;height:90px; float:left; padding-right:10px;}
#empresa #noticia .noticia #imagem img{width:240px;height:74px; padding:9px 0 0 7px; overflow:hidden; overflow:hidden}
#empresa #noticia h1{float:left; overflow:hidden;}
#empresa #noticia .noticia h5{color:#333; font-size:18px;font:Georgia, "Times New Roman", Times, serif; overflow:hidden}
#empresa #noticia .noticia .data{}
#empresa #noticia .rss{padding-left:10px; visibility:hidden;}
#empresa #noticia .noticia #corpo{width:445px; overflow:hidden; float:left; margin-top:5px;}
#empresa #noticia .noticia .colLeft{width:270px; overflow:hidden; float:left}
#empresa #noticia .noticia h6{ margin:40px 0 5px 0; text-transform:uppercase; overflow:hidden; float:left; width:150px}
#empresa #noticia .separadorN{ background:url(../img/separadorN.gif) repeat-x left top; height:1px; width:245px;float:left;}

/*GALERIA*/

#galeria{ width:690px; overflow:hidden;}
#LeftGaleria{ float:left; overflow:hidden;}
.Thumbs{overflow:hidden; width:150px; height:320px;}
.navegacao{overflow:hidden; width:150px; margin-top:5px; height:60px;}
#setaCima{ float:left; overflow:hidden;}
#setaBaixo{ float:left; overflow:hidden; margin-left:5px;}
.contagem{overflow:hidden; float:left; width:130px;text-align:right;}
.galeriaThumbs{float:left; overflow:hidden; width:150px; background:url(../img/fundoGaleriaThumbs.png) no-repeat left top; height:107px;}
.galeriaThumbs img{ margin:7px 0 0 7px;}
#galeria .seleccionado{background:url(../img/fundoGaleriaThumbsSelect.png) no-repeat;}
#galeriaFoto{float:left; overflow:hidden; width:535px; background:url(../img/fundoGaleria.png) no-repeat left top; height:399px;}
#galeriaFoto img{width:515px; height:385px; margin:7px 0 0 8px;}


/* SEPARADORES */
.separadores{background:url(../img/Tabs.png) no-repeat left bottom; width:716px; height:32px; margin-top:40px;}
.separadores ul{list-style:none; margin:0; padding:0;cursor:pointer;}
.separadores ul li{height:29px;float:left;list-style:none; padding:0px;}
.separadores ul li a:link, .separadores ul li a:visited{font-size:12px; text-decoration:none; line-height:29px; color:#000000; text-transform:uppercase;font-weight:bold;cursor:pointer;}
.separadores ul li div.e{height:100%; width:10px; overflow:hidden;float:left;height:29px;}
.separadores ul li div.m{height:100%; overflow:hidden;float:left; padding:0 8px;}
.separadores ul li div.d{height:100%; width:10px; overflow:hidden;float:left;}
.separadores ul li.selected{height:29px}
.separadores ul li.selected a:link, .separadores ul li.selected a:visited{cursor:pointer; color:#00c8f3; font-weight:bold;}
.separadores ul li.selected div.e{background:url(../img/tabES.png) no-repeat; height:29px;}
/*excepcao*/
#separador1 div.e{height:32px;}
/*-------*/
.separadores ul li.selected div.m{background:url(../img/tabCS.png) repeat;}
.separadores ul li.selected div.d{background:url(../img/tabDS.png) no-repeat;}
.painel{width:716px; height:430px;background:url(../img/fundoPanel.png) no-repeat left top;}
.painel .estofamento{padding:14px; overflow:hidden;}

/* BLOCO VEJA TAMBEM */
#vejaTambem{width:208px; overflow:hidden;}
#vejaTambem .fundo{background:url(../img/verTambem.png) no-repeat; padding:20px; padding-bottom:10px; min-height:150px;}
#vejaTambem .fundoRodape{background:url(../img/verTambemRodape.png) no-repeat; height:12px;}
#vejaTambem .titulo{color:#ff5800; font-weight:bold; text-transform:uppercase;}
#vejaTambem a:link, #vejaTambem a:visited{background:url(../img/bullet1.gif) no-repeat 0 4px; color:#666; padding-left:15px; line-height:15px; margin-top:20px; display:block; text-decoration:none;}
#vejaTambem a:hover{color:#FF6600}

/* EXPERIMENTE */
#experimente{float:right; width:500px; overflow:hidden; margin-top:70px; background:url(../img/iconExperimente.png) no-repeat; padding-top:150px;}
#experimente table{margin-top:38px}
#experimente td{padding-bottom:4px}

/* CONTACTOS */
#contactos .coluna1{width:715px; overflow:hidden;}
#contactos p{padding-top:0}
#contactos a.links:link, #contactos a.links:visited{text-decoration:none}
#contactos a.links:hover{color:#FF6600; text-decoration:underline;}
#contactos h4{margin-top:30px}
#contactos table{margin-top:20px}
#contactos td{padding-bottom:4px; vertical-align:top;}
#mapaGoogle{ overflow:hidden; background:url(../img/mapa.png) no-repeat left top; width:238px; height:177px; margin-top:20px;}
#map{ margin:8px 0 0 7px;}


/* BOTOES */
/*botao azul dos formularios*/
a.botao:link, a.botao:visited{height:20px; overflow:hidden; display:block; float:left; text-decoration:none; font:bold 10px/19px Helvetica, Arial, sans-serif; color:#FFF; text-transform:lowercase; cursor:pointer;}
a.botao div.e{float:left; width:8px; height:100%; overflow:hidden; background:url(../img/botaoE.png) no-repeat;}
a.botao div.m{float:left; height:100%; overflow:hidden; background:url(../img/botaoM.png) repeat-x; padding:0 10px;}
a.botao div.d{float:left; width:8px; height:100%; overflow:hidden; background:url(../img/botaoD.png) no-repeat;}
a.botao:hover div.e{background-image:url(../img/botaoEH.png);}
a.botao:hover div.m{background-image:url(../img/botaoMH.png);}
a.botao:hover div.d{background-image:url(../img/botaoDH.png);}

/*botoes do topo*/
a.btnCinza:link, a.btnCinza:visited{width:110px; height:20px; overflow:hidden; display:block; background:url(../img/btnCinza.png) no-repeat; font:bold 10px/20px Helvetica, Arial, sans-serif; text-align:center; text-transform:uppercase; color:#333; float:left;}
a.btnCinza:hover{background-position:0 -20px}
a.txtLaranja:link, a.txtLaranja:visited{color:#ff6600}
a.btnLaranja:link, a.btnLaranja:visited{width:110px; height:20px; overflow:hidden; display:block; background:url(../img/btnLaranja.png) no-repeat; font:bold 10px/20px Helvetica, Arial, sans-serif; text-align:center; text-transform:uppercase; color:#FFF; float:left;}
a.btnLaranja:hover{background-position:0 -20px}

/*botoes grandes*/
a.btnGrandeCinza:link, a.btnGrandeCinza:visited{width:184px; height:73px; overflow:hidden; display:block; background:url(../img/btnGrandeCinza.png) no-repeat; text-decoration:none;}
a.btnGrandeCinza:hover{background-position:0 -73px}
a.btnGrandeCinza .txt{font:normal 11px/20px Georgia, "Times New Roman", Times, serif; text-align:right; color:#666666; padding:16px 22px 0 0;}
a.btnGrandeCinza .txt span{display:block; font-size:18px; text-transform:uppercase; color:#ff6600;}
a.btnGrandeLaranja:link, a.btnGrandeLaranja:visited{width:184px; height:73px; overflow:hidden; display:block; background:url(../img/btnGrandeLaranja.png) no-repeat; text-decoration:none;}
a.btnGrandeLaranja:hover{background-position:0 -73px}
a.btnGrandeLaranja .txt{font:normal 11px/20px Georgia, "Times New Roman", Times, serif; text-align:right; color:#FFF; padding:16px 22px 0 0;}
a.btnGrandeLaranja .txt span{display:block; font-size:18px; text-transform:uppercase;}

a.btnPP:link, a.btnPP:visited{font-size:14px; background:url(../img/btnPP.png) no-repeat; width:208px; height:52px; overflow:hidden; display:block; text-decoration:none; color:#ff5400; text-transform:uppercase; line-height:52px; text-align:center; margin-top:25px; font-family:Georgia, "Times New Roman", Times, serif;}


/* CLASSES AUXILIARES */
.floatBlock{width:100%; overflow:hidden;}
.floatLeft{float:left}
.floatRight{float:right}
.bold{font-weight:bold}
.separador{overflow:hidden; background:url(../img/separador.gif) repeat-x left top; width:210px; height:1px;}
.block{ width:100%; overflow:hidden;}
label, .etiqueta{color:#333; padding-right:8px; font:normal 12px Helvetica, Arial, sans-serif;}
li{list-style:disc inside; padding-left:20px; line-height:20px;}

a.Acessolink:link, a.Acessolink:visited{font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FF6600;}
a.Acessolink:hover{color:#333333; text-decoration:underline;}


/*FORM*/
form{display:inline}
.boxGeral{font-size:12px; font-family:Helvetica, Arial, sans-serif; color:#333333; background-color:#FFF; border:1px solid #e1e1e1;}
.boxErro{background-color:#FBF5F6; border-color:#F18080;}/*para assinalar os campos mal preenchidos*/
select.boxGeral{height:20px;}
input.boxGeral{padding:2px 4px; height:16px;}