body{ margin:0; padding:0; background:#F4F4F4 url(img/bg.jpg) top left repeat-x; }
a{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:underline; }
img{ border:0; }
.fl{float:left;}
.fr{float: right;}

.texto{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }

#site{ width:900px; margin:0 auto; font:11px Tahoma, Helvetica, sans-serif;}
#topo{ width:900px; height:161px; margin:0 auto; }
#logo{ width:310px; height:130px; float:left; padding-left:10px; margin-top:20px;}
#slogan{ width:540px; float:right; margin-top:60px; padding:10px; text-indent:100px; } 
#links{ width:350px; height:20px; float:right; letter-spacing:1px; line-height:20px; margin-top:5px; padding:10px; text-align:right; } 
#links a{ color:#666;}

#navegacao{ width:900px; height:42px; margin:0 auto;}

#meio{ width:750px; margin:0 auto;}
.conteudo{ width:750px; float:left; margin-top:10px; padding-bottom:10px;}
.rodape  { width:750px; float:left; padding-top:10px; height:40px; background:url(img/rodape.jpg) top left no-repeat; color:#309ED1; letter-spacing:1px;}
.rodape a{ color:#0F4E7A; text-decoration:underline; }
.rodape a:hover{ color:#800080; text-decoration:none; }

ul#menu{ list-style:none; margin:0; padding:0;}
ul#menu li { height:42px; margin-bottom:1px; float:left;}
ul#menu li a{display:block; height:42px; position:relative; background:url(img/menu.jpg) top left no-repeat;}
ul#menu li a.home{width:111px; background:url(img/menu.jpg) top left no-repeat;}
ul#menu li a.empresa{width:120px; background-position: -111px 0;}
ul#menu li a.lancamentos{width:160px; background-position:-231px 0;}
ul#menu li a.obras{width:189px; background-position:-391px 0;}
ul#menu li a.parceiros{width:151px; background-position:-580px 0;}
ul#menu li a.fale{width:169px; background-position:-731px 0;}

ul#menu li a span {background:url(img/menu.jpg) top left no-repeat; display:block; position:absolute; top:0; left:0; height:50px; width:100%; z-index:100; cursor:pointer;}
ul#menu li a.home span {background-position:0px -42px;}
ul#menu li a.empresa span {background-position:-111px -42px;}
ul#menu li a.lancamentos span {background-position:-231px -42px;}
ul#menu li a.obras span {background-position:-391px -42px;}
ul#menu li a.parceiros span {background-position:-580px -42px;}
ul#menu li a.fale span {background-position:-731px -42px;}

#banner{ margin:0 auto; width:750px; height:250px; padding-top:40px; position:relative;}
#controle{ top:45px; right:0; float:left; position:absolute; padding:10px; z-index:10;}
#controle a{background:url(img/opcoes.jpg) top left no-repeat; padding:4px 7px; margin-right:2px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#999; text-decoration:none;}
#controle a.activeSlide{background:url(img/opcoes.jpg) 0 -21px no-repeat;}



h1{ display:block; font:12px Tahoma, Helvetica, sans-serif; height:25px;}
h1.nossodiferencial{ background:url(img/titulos.gif) 0px 0px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.cadastre-se{ background:url(img/titulos.gif) 0px -25px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px; width:350px;}
h1.informacoes{ background:url(img/titulos.gif) 0px -50px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px; width:350px;}
h1.empresa{ background:url(img/titulos.gif) 0px -75px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.missao{ background:url(img/titulos.gif) 0px -100px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.visao{ background:url(img/titulos.gif) 0px -125px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.lancamentos{ background:url(img/titulos.gif) 0px -200px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.obrasexecutadas{ background:url(img/titulos.gif) 0px -225px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.localizacao{ background:url(img/titulos.gif) 0px -250px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.faleconosco{ background:url(img/titulos.gif) 0px -275px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}

h1.oedificio{ background:url(img/titulos.gif) 0px -300px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.apartamentos{ background:url(img/titulos.gif) 0px -325px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.cronograma{ background:url(img/titulos.gif) 0px -350px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.fotosdaobra{ background:url(img/titulos.gif) 0px -375px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.parceiros{ background:url(img/titulos.gif) 0px -400px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}
h1.trabalheconosco{ background:url(img/titulos.gif) 0px -425px no-repeat; text-indent:-999px; overflow:hidden; margin:5px 0px; padding:2px 0px;}

.conteudo .thumbi { text-align: right; float:right; }
.conteudo .thumbi img{border:4px solid #309ED1; }
.conteudo .thumbi img:hover{border:4px solid #42069C; }

input.caixas, textarea.caixas { padding:2px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; letter-spacing:1px; border:1px solid #ccc; }