#geral{ background:#00333e; height:100%; width:100%;}
#wrap{ background:url(../imagens/fundo-site.jpg) no-repeat top center;font:14px arial; height:1407px; margin:0 auto; width:1216px;}

/********************************* TOP *****************************************/
#top{height:354px;}

#logo{background:url(../imagens/f-logo.png);height:187px; margin:0 0 0 285px;width:562px;}
#logo h1 a{display:block; float:left; height:130px; margin:0 0 0 135px;text-indent:-99999px;width:379px;}



#ippc{ background:url(../imagens/c-todas.png) no-repeat;clear:both; float:left;height:127px;margin:-50px 0 0 418px;width:562px; position:relative;z-index:1;}



#nav{ clear:both; float:left;margin:-54px 0 0 400px; width:524px; position:relative;z-index:0;}
#nav ul.menu{}
#nav ul.menu a{ height:149px; text-indent:-99999px; }
#nav ul li a{ background:url(../imagens/menu.png) no-repeat left top; display:block; float:left;}


#nav ul li a.institucional{ background-position: 0px -160px; height:130px;width:120px;}
#nav ul li a.projetos{background-position: -121px -160px;width:120px;}
#nav ul li a.portfolio{background-position: -243px -160px;width:125px;}
#nav ul li a.contato{background-position: -367px -160px;width:140px;}

#nav ul li a.institucional:hover{background-position: 0px -3px; }
#nav ul li a.projetos:hover{background-position: -121px -3px;}
#nav ul li a.portfolio:hover{background-position: -243px -3px;}
#nav ul li a.contato:hover{background-position: -367px -3px;}

/***********************************/
/* BUSCA
/***********************************/

#busca{background:url(../imagens/busca.png) no-repeat; clear:both; float:right;height:116px; margin:-120px 0 0 0px;width:354px;}
form#formBusca{margin:42px 0 0 70px;}
form#formBusca input{ background: transparent; border:0px;padding:2px 0; width:160px;}
form#formBusca input.btn{ background: transparent; cursor:pointer;width:60px;}


/***************************************************************************/




#middle{height:819px; margin-top:15px;clear:both;}


#slides{width:659px; height:444px; margin:0 auto; overflow:hidden;}
#slides li{ margin:0 0; padding:0; list-style-type:none;}
#up-galeria{ background:url(../imagens/up-galeria.png) no-repeat; height:282px;margin:-230px 0px 0 140px; position:absolute;z-index:10; width:861px;}
#down-galeria{background:url(../imagens/down-galeria.png) no-repeat;height:372px;margin:-330px 0px 0 220px; position:absolute; z-index:1;width:798px;}
#texto{ background:url(../imagens/interrogacao.png) no-repeat 150px 150px;height:282px; margin:80px auto;width:673px;}
#texto p{ color:#00333e; font:14px arial;}
#texto p.detalhe{ margin-top:20px;}
#texto p span{ font-weight:bold; font-size:16px;}
#texto p.significa{ margin:40px 0 20px 0;}


/******************************************************************/
#footer{ background:url(../imagens/fundo-footer.png) no-repeat  center bottom; clear:both;height:219px;}

#facebook{ background:url(../imagens/facebook.png) no-repeat; height:73px; margin:28px 0 0 47px; width:130px;  position:absolute;z-index:10;}
#facebook h1 a{display:block; height:35px; margin: 15px 0 0 0; text-indent:-1000px;}
#twitter{ background: url(../imagens/twitter.png) no-repeat; height:69px; margin:80px 0 0 73px; width:131px; position:absolute;z-index:1;} 
#twitter h1 a{display:block; height:30px; margin:20px 0 0 0; text-indent:-1000px;}
#orkut{ background: url(../imagens/orkut.png) no-repeat; height:69px; margin:130px 0 0 63px; width:131px; position:absolute;z-index:0;} 
#orkut h1 a{display:block; height:30px; margin:20px 0 0 0; text-indent:-1000px;}

/*******************************************************************/

#newsletter{ background:#b6cbcf; width:200px; height:200px;}

form#formNews span{display:block; margin: 10px 0 5px 5px; color:#356; height:15px;}
form#formNews input{ background:#FFF; border:1px double #356;  color:#356;margin:0 0 0 5px; padding:5px 0; width:180px;}
form#formNews input.btn_news{ background:transparent;border:0; margin:10px 0 0 116px; width:73px;}

#msg{ color:#F00; font-size:12px; margin:0px 0px 0px 5px}