html, body { margin: 0; padding: 0; height: 100%;}

body { 
  text-align: center; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  line-height: 150%; 
  color: #000;
  background: #94D0FF url(../images/fundo_header.gif) repeat-x; 
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}

dl dt span {
	display: none;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
	color: #f60;
}

a span,h6 span,h1 span { display: none; }

span.tit {display: block;}
span.tit span { display: none; }

h1,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

div#master {
  width: 100%;
  position: relative;
  padding: 20px 0 90px 0;
  background: url(../images/fundo_rodape.jpg) repeat-x bottom;
}

div.ilha {
  position: absolute;
  margin: 0 0 0 50%;
  bottom: 0px;
  left: -310px;
  width: 621px;
  height: 177px;
  z-index: 0;
  background: url(../images/fundo_ilha.png) no-repeat;
}

div#content {
  position: relative;
  width: 998px;
  margin: 0 auto;
}

div#header {
  position: relative;
  height: 110px;
}

  div#header a.logo {
    position: absolute;
    display: block;
    width: 283px;
    height: 64px;
    left: 21px;
    background: url(../images/logo.gif) no-repeat;
  }
  
  div#header form.fmBusca {
    position: absolute;
    width: 240px;
    height: 44px;
    top: 8px;
    left: 522px;
  }
  
    form.fmBusca h6.tit {
      float: left;
      display: block;
      width: 43px;
      height: 44px;
      background: url(../images/boxTit_busca.gif) no-repeat;
    }
    
    form.fmBusca div {
      float: left;
      width: 190px;
    }
    
    form.fmBusca div input { margin-top: 10px; }
    
    form.fmBusca div input.entText {
      float: left;
      width: 153px;
      height: 25px;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      border-left: none;
      padding: 3px 3px 0 3px;
    	voice-family: "\"}\"";
    	voice-family: inherit;
    	width: 152px;
    	height: 20px;
    }

  div#header div#topResources {
    position: absolute;
    width: 90px;
    height: 44px;
    top: 8px;
    right: 20px;
  }
  
    div#topResources a {
      display: block;
      float: right;
      height: 44px;
    }
    
    div#topResources a.mapa {width: 27px; background: url(../images/bot_header_mapa.gif) no-repeat;}
    div#topResources a.indique {width: 25px; background: url(../images/bot_header_indique.gif) no-repeat;}
    div#topResources a.favoritos {
      width: 35px; 
      background: url(../images/bot_header_favoritos.gif) no-repeat; 
      border-right: 1px solid #000; 
      border-left: 1px solid #000;
    	voice-family: "\"}\"";
    	voice-family: inherit;
    	width: 33px;
    }
    
dl#A {
    float: left;
    width: 220px;
    padding-right: 30px;
    text-align: right;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 190px;
}

  dl#A dd,dl#A dt { width: 185px; }
    
  dl#A dt { height: 24px; }
  dl#A dt.portfolio { background: url(../images/tit_portfolio.gif) no-repeat; }
  dl#A dt.sobre_nos { background: url(../images/tit_sobre_nos.gif) no-repeat; }
  dl#A dt.contato { background: url(../images/tit_contato.gif) no-repeat; }
  
  dl#A dd.last {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 25px;
  }
  
  dl#A dd a,dl#A dd span.tit  {
    display: block;
    height: 23px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  
  dl#A dd.double a,dl#A dd.double span.tit {
    height: 31px;
  }
  
  dl#A dd span.tit { margin-top: 20px; }
  
  dl#A dd a.portfolio_casas { background-image: url(../images/bot_casas.gif); }
  dl#A dd a.portfolio_condominios_residenciais { background-image: url(../images/bot_condominios_residenciais.gif); }
  dl#A dd a.portfolio_predios { background-image: url(../images/bot_predios.gif); }
  dl#A dd a.portfolio_estudos { background-image: url(../images/bot_estudos.gif); }
  dl#A dd a.portfolio_projetos_especiais { background-image: url(../images/bot_projetos_especiais.gif); }
  dl#A dd a.portfolio_download { background-image: url(../images/bot_download_portfolio.gif); }
  dl#A dd a.sobre_nos_equipe { background-image: url(../images/bot_equipe.gif); }
  dl#A dd a.sobre_nos_clipping { background-image: url(../images/bot_clipping.gif); }
  dl#A dd a.sobre_nos_meio_ambiente { background-image: url(../images/bot_meio_ambiente.gif); }
  dl#A dd a.sobre_nos_trabalhe_conosco { background-image: url(../images/bot_trabalhe_conosco.gif); }
  dl#A dd a.contato_mensagem { background-image: url(../images/bot_mande_mensagem.gif); }
  dl#A dd span.contato_telefones { background-image: url(../images/bot_nossos_telefones.gif); }
  dl#A dd span.contato_endereco { background-image: url(../images/bot_nosso_endereco.gif); }
  
  dl#A dd a:hover { background-position: 0px -50px; }
  dl#A dd a.sel { background-position: 0px -100px; }
  
div#B {
  float: left;
  width: 300px;
  text-align: left;
}

div#BTwo {
  float: left;
  width: 535px;
  text-align: left;
}

div#CTwo {
  float: left;
  width: 225px;
  text-align: left; /*hack para o bug do IE que duplica as margins em elementos com float*/
}

  div#B div.txt {
    width: 270px;
  }

  div#BTwo div.txt {
    width: 505px;
  }
  
  div#B div.txt div.xchImg { margin-bottom: 20px; }
  div#B div.txt div.xchImg span { display: none; }
  
div#C {
  float: left;
  width: 478px;
  text-align: left; /*hack para o bug do IE que duplica as margins em elementos com float*/
}

  div#C div.imgBig {
    position: relative;
    width: 460px;
    height: 370px;
    padding: 10px 10px 0 10px;
    background: url(../images/fundo_img_big.gif) repeat-x;
    margin-bottom: 30px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	width: 440px;
    height: 360px;
  }


      div#C div.imgBig span.img {
        display: block;
        width: 440px;
        height: 293px;
        background-repeat: no-repeat;
        background-position: center bottom;
        margin-bottom: 25px;
      }
      
  div#C div.imgBig span.icon {
    position: absolute;
    display: block;
    width: 27px;
    height: 38px;
    top: 285px;
    left: 10px;
    z-index: 10;
  }
  
  div#C div.imgBig span.icon.casas { background: url(../images/img_big_icon_orange.gif) no-repeat; }
  div#C div.imgBig span.icon.condominios_residenciais { background: url(../images/img_big_icon_green.gif) no-repeat; }
  div#C div.imgBig span.icon.predios { background: url(../images/img_big_icon_blue.gif) no-repeat; }
  div#C div.imgBig span.icon.projetos_especiais_e_urbanismo { background: url(../images/img_big_icon_red.gif) no-repeat; }
  
  div#C div.imgMed,div#CTwo div.imgMed {
    position: relative;
    width: 225px;
    height: 214px;
    padding: 5px 5px 0 5px;
    background: url(../images/fundo_img_med.gif) repeat-x;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	width: 215px;
    height: 209px;
  }

      div#C div.imgMed span.img,div#CTwo div.imgMed span.img {
        display: block;
        width: 215px;
        height: 143px;
        background-repeat: no-repeat;
        background-position: center bottom;
        margin-bottom: 20px;
      }
      
  div#C div.imgMed span.icon,div#CTwo div.imgMed span.icon {
    position: absolute;
    display: block;
    width: 27px;
    height: 38px;
    top: 130px;
    left: 10px;
    z-index: 10;
  }
  
  div#C div.imgMed span.icon.casas,div#CTwo div.imgMed span.icon.casas { background: url(../images/img_med_icon_orange.gif) no-repeat; }
  div#C div.imgMed span.icon.condominios_residenciais,div#CTwo div.imgMed span.icon.condominios_residenciais { background: url(../images/img_med_icon_green.gif) no-repeat; }
  div#C div.imgMed span.icon.predios,div#CTwo div.imgMed span.icon.predios { background: url(../images/img_med_icon_blue.gif) no-repeat; }
  div#C div.imgMed span.icon.projetos_especiais_e_urbanismo,div#CTwo div.imgMed span.icon.projetos_especiais_e_urbanismo { background: url(../images/img_med_icon_red.gif) no-repeat; }
  
  div#C div h6.tit,div#CTwo div h6.tit {
    display: block;
    height: 14px;
  }
    
  div#C div h6.tit.casas,div#CTwo div h6.tit.casas { background: url(../images/img_tit_casa.gif) no-repeat; }
  div#C div h6.tit.condominios_residenciais,div#CTwo div h6.tit.condominios_residenciais { background: url(../images/img_tit_condominio_residencial.gif) no-repeat; }
  div#C div h6.tit.predios,div#CTwo div h6.tit.predios { background: url(../images/img_tit_predio.gif) no-repeat; }
  div#C div h6.tit.projetos_especiais_e_urbanismo,div#CTwo div h6.tit.projetos_especiais_e_urbanismo { background: url(../images/img_tit_projetos_especiais.gif) no-repeat; }

  div#C div.imgBig a,div#CTwo div.imgBig a { display: block; font-weight: bold; color: #666; line-height: 120%; }
  div#C div.imgMed a,div#CTwo div.imgMed a { display: block; color: #666; line-height: 120%; }

  div#C div.showClipping,div#CTwo div.showClipping {
    float: left;
    width: 218px;
  }
  
  div#C div.showClipping h6,div#CTwo div.showClipping h6 {
    height: 20px;
    background: url(../images/boxTit_clipping.gif) no-repeat;
  }
  
  div#C div.showClipping span.not,div#CTwo div.showClipping span.not {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ACDAFD; 
  }
  
  div#C div.showClipping span a,div#CTwo div.showClipping span a {
    color: #fff;
    background-color: #1C9EFF;
    padding: 1px;
  }
  
  div#C div.showClipping a.bot_mais,div#CTwo div.showClipping a.bot_mais {
    display: block;
    width: 70px;
    height: 15px;
    background: url(../images/bot_mais_clipping.gif) no-repeat;
  }

div#rodape {
  position: relative;
  width: 998px;
  height: 140px;
  margin: 0 auto;
}

  div#rodape a {
    position: absolute;
    display: block;
  }
    div#rodape a.ilha {
      width: 166px;
      height: 22px;
      background: url(../images/rodape_ilha_copyright.gif) no-repeat;
      top: 110px;
      left: 0;
    }
    div#rodape a.citrus7 {
      width: 68px;
      height: 11px;
      background: url(../images/webby.gif) no-repeat;
      top: 125px;
      right: 20px;
    }
  
span.clearFull {
  display: block;
  clear: both;
}

span.clearFull.div20 { height: 20px; }


#modalOverlay {
  background-color:#000;
  cursor:wait;
}

#modalContainer {
  width:600px;
  height:450px;
  left:50%;
  top:50%;
  margin-top: -225px;
  margin-left:-300px; /* half the width, to center */
  background-color:#fff;
}

#modalContainer a.modalCloseImg {
  background:url(../images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

div#popup { display: none; width: 600px; height: 450px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-size: 9px;
}
#tooltip h3 { font-size: 11px; }
#tooltip h3, #tooltip div { margin: 0; }