/* CSS Document */


body {
background-color:#F5F0D1;
margin: 0;
padding:0;
}

a img{
border:none;
}


/******************************/
/*********   textos   *********/
/******************************/

/********** Titulo sessao com icone à esquerda **********/
h1 {
font:italic 20px Georgia, "Times New Roman", Times, serif;
color:#333333;
padding:0;
margin:0;
}

/********** Nome do empreendimento em vermelho **********/
h2 {
font:bold italic 26px Georgia, "Times New Roman", Times, serif;
color:#DA251D;
padding:0;
margin:0;
}

/********** SubTitulo com icone à esquerda **********/
h3 {
font:italic 17px Georgia, "Times New Roman", Times, serif;
color:#333333;
padding:0;
margin:0;
}

/********** subtitulo de sessão em vermelho **********/
h4 {
font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
color:#DA251D;
float:left;
padding:0;
margin:3px 0 0 0;
}

/********** textos em geral **********/
.textoGeral {
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
line-height:20px;
}

.textoGeral9px {
font: 9px Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
}

.textoGeralP {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
line-height:12px;
}
.textoGeralPV {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color:#DA251D;
text-align:left;
line-height:12px;
}

.linkGeral {
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
line-height:20px;
}
.linkGeral:link,
.linkGeral:visited,
.linkGeral:active {
color:#0000FF;
text-decoration:none;
}
.linkGeral:hover {
color:#0000FF;
text-decoration:underline;
}

.linkGeral2 {
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color:#0000FF;
text-align:left;
line-height:20px;
}
.linkGeral2:link,
.linkGeral2:visited,
.linkGeral2:active {
color:#0000FF;
text-decoration:none;
}
.linkGera2l:hover {
color:#0000FF;
text-decoration:underline;
}


/********** titulos das noticias **********/
.tituloNoticias {
font:11px bold Tahoma, Arial, Helvetica, sans-serif;
color:#DA251D;
padding:0;
margin:15px 0 0 7px;
line-height:5px;
}
.tituloNoticias2 {
font:12px bold Tahoma, Arial, Helvetica, sans-serif;
color:#DA251D;
padding:0;
margin:25px 0 0 0;
}

.textoArial13Bold{
font:bold 13px Arial, Helvetica, sans-serif;
text-align:center;
}



/********** imagens, thumbnails **********/

.fotoBorda {
margin: 0 10px 10px 0;
float:left;
}

.divThumbnails {
float: left;
margin: 10px 10px 0 0;
padding: 0;
width:63px;
height:57px;
border:1px solid #FFE9AE;
display:inline;
}


/********** lightBox youTube **********/
#divYouTubeLightBox {
width: 435;
height:380;
padding:5px 5px 0 5px;
overflow:hidden;
}

/********** lightBox formulário mais informações **********/
#divMaisInfoLightBox {
width: 355;
height:340;
padding:40px 40px 0 40px;
}

#divBoxMaisInfo {
background:url(../img/boxInformacoes.gif) no-repeat;
float: left;
display:inline;
width: 346px;
height: 287px;
margin:10px 0 0 0;
padding:0;
}
#divBoxMaisInfoTitulo {
width:346px;
height:55px;
float:left;
margin:5px 0 0 45px;
}
.enviaMaisInfo {
background:url(../img/botaoEnviar.gif) no-repeat;
border: none;
cursor: pointer;
width: 80px;
height: 23px;
float:right;
bottom:10px;
margin:10px;
}



/********** Barra horizontal **********/
#divBarraHorizontal {
background-color:#F7F1D1;
background-image:url(../img/fundo_barraHorizontal.gif);
background-repeat:repeat-x;
width: 100%;
height: 40px;
top: 85px;
left: 0px;
position: absolute;
border: 0px;
z-index:4;
}

/********** BG Nuvens **********/
#divNuvens {
background-image:url(../img/background_nuvens.jpg);
background-repeat:no-repeat;
width: 100%;
height: 576px;
top: 0px;
left: 50%;
margin-left:-50%;
position: absolute;
border: 0px;
z-index:2;
}

/********** Base **********/
#divBase {
width: 740px;
left: 50%;
margin-left:-370px;
padding:0;
z-index:5;
position:absolute;
}

/********** Header **********/
#divHeader {
background:url(../img/fundo_header.gif) no-repeat;
width: 740px;
height: 85px;
margin:0;
padding:0;
}
#divHeaderLinkHome {
width:150px;
height:85px;
float:left;
margin:0;
padding:0;
}
#divHeaderBoxBotoes {
width:300px;
float:right;
margin:15px 0 0 0;
}
.divHeaderBotao1 {
float:right;
height:37px;
margin:0 0 5px 10px;
}
.divHeaderBotao2 {
float:right;
margin:0 0 0 10px;
}




/********** png topo da área de conteudo **********/
#divConteudoTopo {
float:left;
background-image:url(../img/fundo_topoConteudo.png);
background-repeat:no-repeat;
width:740px;
height:10px;
margin:10px 0 0 0;
overflow:hidden;
}

/********** png parte de baixo da área de conteudo **********/
#divConteudoBaixo {
float:left;
background:url(../img/fundo_baixoConteudo.png) no-repeat;
width:740px;
height:10px;
margin:0;
overflow:hidden;
}


/********** Menu de localizacao "bread crumb" **********/
#divMenuLocalizacao {
width:700px;
height:20px;
}
#menuLocalizacao {
float: left;
list-style-type: none;
padding:0;
margin:0;
clear:left;
}
#menuLocalizacao li {
float: left;
margin: 0;
padding: 0;
color: #333333;
font: 10px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: none;
margin-right:10px;
}
#menuLocalizacao li a:link, #menuLocalizacao li a:visited {
color: #0000FF;
font: 10px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: none;
}
#menuLocalizacao li a:hover, #menuLocalizacao li a:active {
color: #0000FF;
font: 10px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: underline;
}

/********** png da borda esquerda box rodape **********/
#divRodapeBordaEsquerda {
background:url(../img/fundo_conteudoBordaEsquerda.png) repeat-y;
float:left;
margin:0;
padding:0;
width:20px;
height:80px;
}
/********** png da borda direita box rodape **********/
#divRodapeBordaDireita {
background:url(../img/fundo_conteudoBordaDireita.png) repeat-y;
float:right;
margin:0;
padding:0;
width:20px;
height:80px;
}
/********** interior box rodape **********/
#divRodapeInterno {
background:#FFFFFF;
float:left;
margin:0;
padding:0;
width:700px;
height:80px;
overflow:hidden;
}
#divMenuRodape {
width:360px;
height:40px;
margin:10px 10px 0 0;
float:left;
}
#menuRodape {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
#menuRodape li {
float:left;
margin: 0 10px 10px 0;
padding: 0;
}
#menuRodape li a {
color: #0000FF;
font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: none;
}
#menuRodape li a:hover, #menuRodape li a:active {
color: #0000FF;
font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: underline;
}
#divSkypeMsn {
width:160px;
height:55px;
margin:10px 10px 0 0;
float:left;
}
.divContatoOnlineRodape {
width:137px;
height:37px;
margin:0 0 5px 10px;
float:right;
}


/********** formularios **********/
.formContato {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}
.formContato li {
font: 11px Arial, Helvetica, sans-serif;
line-height:13px;
margin:0 0 10px 0;
}
.inputContato {
background:#FFF9DD;
border:1px solid #CCCCCC;
font:11px Arial, Helvetica, sans-serif;
}
.labelContato {
}
.botaoForm {
background:url(../img/botaoEnviar.gif) no-repeat;
border: none;
cursor: pointer;
width: 80px;
height: 23px;
float:right;
bottom:10px;
margin:10px;
}



/********** destaque empreendimento grande (500x260) **********/
.divBoxDestaque01 {
background:url(../img/boxDestaque01.gif) no-repeat;
float:left;
width:500px;
height:260px;
margin:0;
padding:0;
}
.divBoxDestaque01Titulo {
width:180px;
height:45px;
margin: 10px 0 0 70px;
overflow:hidden;
}
.divBoxDestaque01Conteudo {
width:489px;
height:186px;
margin: 12px 0 0 5px;
}



/********** destaque empreendimento secundário vertical (245x465) **********/
.divBoxDestaque02 {
background:url(../img/boxDestaque02.gif);
float:left;
width:245px;
height:465px;
margin:0;
}
.rotuloDestaque02 {
margin: 5px 0 0 10px;
font:10px Arial, Helvetica, sans-serif;
color:#333333;
}
.divFotoDestaque02 {
width:233px;
height:195px;
margin: 11px 0 0 6px;
}
.tituloDestaque02 {
font:bold italic 24px Georgia, "Times New Roman", Times, serif;
color:#DA251D;
padding:0;
margin:0 0 0 7px;
}
.divTextoDestaque02 {
width:233px;
height:103px;
overflow:hidden;
}
.textoDestaque02 {
margin: 5px 7px 0 7px;
font:11px Arial, Helvetica, sans-serif;
color:#333333;
line-height:12px;
}
.linkDestaque02 {
margin: 5px 0 0 10px;
font:11px Arial, Helvetica, sans-serif;
color:#333333;
line-height:12px;
}
.linkDestaque02:link,
.linkDestaque02:visited,
.linkDestaque02:active {
color:#0000FF;
text-decoration:none;
}
.linkDestaque02:hover {
color:#0000FF;
text-decoration:underline;
}
.divBotaoVermelho {
float:left;
width:116px;
height:31px;
margin:25px 0 0 4px;
display:inline;
}


/********** destaque empreendimento 3 (192x223) **********/
.divBoxDestaque03 {
background:url(../img/boxDestaque03.gif);
float:left;
width:192px;
height:215px;
margin:0;
}
.rotuloDestaque03 {
margin: 5px 0 0 10px;
font:10px Arial, Helvetica, sans-serif;
color:#333333;
}
.divFotoDestaque03 {
width:176px;
height:174px;
margin: 13px 0 0 8px;
}


/********** video 1 **********/
.divBoxVideo01 {
background:url(../img/boxVideoCapa01.gif);
float:right;
width:192px;
height:250px;
margin:0;
}
.divBoxVideo01Conteudo {
width:176px;
height:186px;
margin: 10px 0 0 9px;
}

/********** titulo dos box que tem icone à esquerda **********/
.divBoxTitulo {
width:135px;
height:30px;
margin: 17px 0 0 55px;
}



/********** barra amarela com menu titulo/submenu/tamanho fonte **********/
.divBarraSubMenu {
background:#FFFCCE;
border:1px solid #FFE9AE;
width:488px;
height:25px;
float:left;
margin:0 0 20px 0;
padding:10px 0 10px 10px;
}
.divBarraSubMenuTamFonte {
float:right;
width:40px;
}

/********** menu de subsessões inferior ao conteudo **********/
.subMenuItens {
float: left;
list-style-type: none;
padding:0;
margin:5px 0 0 0;
width:270px;
}
.subMenuItens li {
float: left;
margin: 0;
padding: 0;
color: #333333;
font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: none;
margin-right:5px;
}
.subMenuItens li a:link, .subMenuItens li a:visited {
color: #0000FF;
text-decoration: none;
}
.subMenuItens li a:hover, .subMenuItens li a:active {
color: #0000FF;
text-decoration: underline;
}

/********** div Botao vermelho G coluna 192 **********/
.divBotaoVermelhoGG {
width:192px;
height:37px;
float:right;
margin:5px 0 0 0;
}


/********** div titulo "Empreendimentos em Vendas" P coluna 192 **********/
.divTituloEmpVendasP {
background:url(../img/iconeEmpEmVendasP.gif) no-repeat;
float: left;
width: 142px;
height: 45px;
margin:10px 0 0 0;
padding:10px 0 0 50px;
}


/************** divs mapa do site ****************************/
#divMapaSite {
background:#FFF9DD url(../img/iconeMapaSite.jpg) no-repeat;
border:1px solid #FFEC8D;
width:740px;
overflow:auto;
padding:5px 5px 10px 5px;
}

#divTituloMapaSite {
width:200px;
height:40px;
margin:10px 0 0 60px;
}

#divConteudoMapaSite {
width:740px;
margin-top:10px;
}

.divItemPrin {
background:#FFFFFF;
border:1px solid #FFEC8D;
width:115px;
height:45px;
margin:0 42%;
}

.divItensTitulo {
background:#FFFFFF;
border:1px solid #FFEC8D;
width:115px;
height:45px;
float:left;
margin:20px 0 0 5px;
}

.divItensLink {
background:#FFF9DD;
border:1px solid #FFEC8D;
width:105px;
float:left;
margin:5px 0 0 5px;
padding:5px;
}


.textoItensMapaSite {
font:12px bold Tahoma, Arial, Helvetica, sans-serif;
color:#DA251D;
padding:0;
text-align:center;
}