body{ background:url(../images/bienal/bg-bienal.jpg) no-repeat top center; width:100%; height:100%;}

#geral{ margin:0 auto; width:990px; min-height:790px; _height:790px;}
div.clear{ clear:both; height:0; padding:0; margin:0; border:0; font-size:0;}

/******************INICIO TOPO CIMA*****************/
#topo{ width:990px; height:136px; display:block; font-size:12px; font-weight:normal;}
#logo h1 a{ background:url(../images/home/topo/logo_bienal.gif) no-repeat; width:181px; height:96px; margin:36px 0 0 62px; _margin-left:31px; display:block; float:left; text-indent:-9999px; overflow:hidden;}
#topo_cima{ width:714px; height:40px; display:block; float:right; position:relative; left:15px;}
#topo_cima a:hover{ color:#eb7405;}
#topo_cima span.separador{ display:block; float:left; color:#b0c700; margin-top:16px; font-size:15px;}
#topo_cima span.separador2{ display:block; float:left; color:#b0c700; margin-top:15px; font-size:15px;}

#mapa_site{ width:100px; height:11px; display:block; margin-top:20px; float:left; padding-right:6px;}
#mapa_site span.icone_mapa_site{ background:url(../images/home/topo/icone_mapa_site.gif) no-repeat left center;}
#mapa_site span.icone_mapa_site a{ padding-left:16px;}

#area_restrita{ width:356px; height:40px; display:block; margin-left:16px; float:left;}
#area_restrita span.icone_area_expositor{ background:url(../images/home/topo/icone_area_expositor.gif) no-repeat left center; padding-left:16px; display:block; margin-top:19px; float:left;}
form#area_restrita{ width:210px; height:16px; display:block; float:left; margin-top:16px; *margin-top:12px; _margin-top:12px; margin-left:8px; padding-right:14px;}
form#area_restrita{}
form#area_restrita input{ width:68px; height:16px; font-size:11px; border:1px solid #c4c4c4; padding-left:5px;}
form#area_restrita fieldset{ border:none;}
form#area_restrita input.bot-entrar{ width:50px; height:10px; text-indent:-9999px; overflow:hidden; border:0; position:relative; top:3px; float:right;}

#busca{ width:212px; height:40px; display:block; float:right;}
#busca span.icone_lupa{ margin-top:23px; display:block; float:left;}
form#campo_busca{ display:block; float:left; width:170px; margin-left:10px; margin-top:16px; *margin-top:12px; _margin-top:12px;}
form#campo_busca input{ width:78px; height:16px; font-size:11px; border:1px solid #c4c4c4; padding-left:5px;}
form#campo_busca input.bot-buscar{ width:52px; height:9px; text-indent:-9999px; overflow:hidden; border:0; position:relative;}

/******************FIM TOPO CIMA*****************/

/******************INICIO TOPO BAIXO*****************/

#topo_baixo{ width:725px; height:25px; display:block; margin-top:60px; float:right;}
#topo_baixo li{ display:block; float:left;}

/*
#topo_baixo li.bienal{ width:56px; height:13px; margin-right:20px;}
#topo_baixo li.bienal a{ background:url(../images/home/topo/bot-bienal-on.gif) no-repeat; width:56px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}

#topo_baixo li.expor{ width:39px; height:13px; margin-right:25px;}
#topo_baixo li.expor a{ background:url(../images/home/topo/bot-expor-off.gif) no-repeat; width:39px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}
#topo_baixo li.expor a:hover{ background:url(../images/home/topo/bot-expor-on.gif) no-repeat; width:39px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}

#topo_baixo li.patrocinar{ width:76px; height:13px; margin-right:20px;}
#topo_baixo li.patrocinar a{ background:url(../images/home/topo/bot-patrocinar-off.gif) no-repeat; width:76px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}
#topo_baixo li.patrocinar a:hover{ background:url(../images/home/topo/bot-patrocinar-on.gif) no-repeat; width:76px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}

#topo_baixo li.programacao{ width:94px; height:15px; margin-right:17px;}
#topo_baixo li.programacao a{ background:url(../images/home/topo/bot-programacao-off.gif) no-repeat; width:94px; height:15px; float:left; text-indent:-9999px; overflow:hidden;}
#topo_baixo li.programacao a:hover{ background:url(../images/home/topo/bot-programacao-on.gif) no-repeat; width:94px; height:15px; float:left; text-indent:-9999px; overflow:hidden;}

#topo_baixo li.visitacao{ width:64px; height:15px; margin-right:20px;}
#topo_baixo li.visitacao a{ background:url(../images/home/topo/bot-visitacao-off.gif) no-repeat; width:64px; height:15px; float:left; text-indent:-9999px; overflow:hidden;}
#topo_baixo li.visitacao a:hover{ background:url(../images/home/topo/bot-visitacao-on.gif) no-repeat; width:64px; height:15px; float:left; text-indent:-9999px; overflow:hidden;}

#topo_baixo li.imprensa{ width:60px; height:13px; margin-right:23px;}
#topo_baixo li.imprensa a{ background:url(../images/home/topo/bot-imprensa-off.gif) no-repeat; width:60px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}
#topo_baixo li.imprensa a:hover{ background:url(../images/home/topo/bot-imprensa-on.gif) no-repeat; width:60px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}

#topo_baixo li.galeria{ width:116px; height:13px; margin-right:20px;}
#topo_baixo li.galeria a{ background:url(../images/home/topo/bot-galeria-off.gif) no-repeat; width:116px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}
#topo_baixo li.galeria a:hover{ background:url(../images/home/topo/bot-galeria-on.gif) no-repeat; width:116px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}

#topo_baixo li.contato a{ background:url(../images/home/topo/bot-contato-off.gif) no-repeat; width:57px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}
#topo_baixo li.contato a:hover{ background:url(../images/home/topo/bot-contato-on.gif) no-repeat; width:57px; height:13px; float:left; text-indent:-9999px; overflow:hidden;}
*/

/******************FIM TOPO BAIXO*****************/

/******************INICIO MEIO*****************/
#meio{ width:780px; display:block; float:right; margin:30px 0;}
div.imagem-periodo{ background: url(../images/home/topo/imagem-periodo.gif) no-repeat; width:232px; height:92px; display:block; float:left; margin-left:15px; display:inline;}
div.conteudo-home{ width:480px; min-height:470px; _height:470px; display:block; float:right; margin-right:18px; display:inline;}
div.conteudo-home p{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify; padding-bottom:20px; padding-top:7px;}
div.conteudo-home strong{ font-size:12px;}
div.conteudo-home a{ color:#eb7405; text-decoration:underline;}

div.bloco{ width:480px; display:block; float:left;}
div.bloco h2{ display:block; overflow:hidden;}
div.bloco p{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top:12px; }
div.bloco ul{ padding-left:15px;}
div.bloco ul.mapa{ padding-top:20px; padding-left:0;}
div.bloco ul li a{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#919191; text-decoration:underline;}
div.bloco ul li a:hover{ text-decoration:none;}
div.bloco ul li a img{ border:0;}
/******************FIM MEIO*****************/

/******************INICIO RODAPE*****************/
#rodape{ width:360px; height:50px; display:block; margin:0 auto;}
#rodape img.rodape-esq{ float:left;}
#rodape img.rodape-dir{ float:right; position:relative; top:37px;}
/******************FIM RODAPE*****************/

#jsddm { margin: 0; padding: 0; }
html > body #jsddm{ position:relative; left:35px;}
#jsddm li { float: left; list-style: none; font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}

#jsddm li a { display: block; background: #20548E; text-decoration: none; width: 70px; padding: 5px 12px; color: #EAFFED; white-space: nowrap }

#jsddm li a.bienal { display: block; background:url(../images/home/topo/bot-bienal-on.gif) no-repeat; text-indent:-9999px; overflow:hidden; padding: 5px 16px; text-decoration: none; width: 56px; height:13px; color: #EAFFED; white-space: nowrap }
#jsddm li a.bienal:hover { background:url(../images/home/topo/bot-bienal-on.gif) no-repeat; }
		
#jsddm li a.expor { display: block; background:url(../images/home/topo/bot-expor-off.gif) no-repeat; text-indent:-9999px; overflow:hidden; padding: 5px 16px; text-decoration: none; width: 39px; height:13px; color: #EAFFED; white-space: nowrap}
#jsddm li a.expor:hover { background:url(../images/home/topo/bot-expor-on.gif) no-repeat; }
		
#jsddm li a.programacao { display: block; background:url(../images/home/topo/bot-programacao-off.gif) no-repeat; text-indent:-9999px; overflow:hidden; padding: 5px 16px; text-decoration: none; width: 94px; height:15px; color: #EAFFED; white-space: nowrap }
#jsddm li a.programacao:hover { background:url(../images/home/topo/bot-programacao-on.gif) no-repeat; }
	
#jsddm li a.visite { display: block; background:url(../images/home/topo/bot-visite-off.gif) no-repeat; text-indent:-9999px; overflow:hidden; padding: 5px 16px; text-decoration: none; width: 37px; height:13px; color: #EAFFED; white-space: nowrap }
#jsddm li a.visite:hover { background:url(../images/home/topo/bot-visite-on.gif) no-repeat; }

#jsddm li a.imprensa { display: block; background:url(../images/home/topo/bot-imprensa-off.gif) no-repeat; text-indent:-9999px; overflow:hidden; padding: 5px 16px; text-decoration: none; width: 60px; height:13px; color: #EAFFED; white-space: nowrap }
#jsddm li a.imprensa:hover { background:url(../images/home/topo/bot-imprensa-on.gif) no-repeat; }

#jsddm li a.galeria { display: block; background:url(../images/home/topo/bot-galeria-off.gif) no-repeat; text-indent:-9999px; overflow:hidden; padding: 5px 16px; text-decoration: none; width: 116px; height:13px; color: #EAFFED; white-space: nowrap }
#jsddm li a.galeria:hover {background:url(../images/home/topo/bot-galeria-on.gif) no-repeat; }

#jsddm li a.contato { display: block; background:url(../images/home/topo/bot-contato-off.gif) no-repeat; text-indent:-9999px; overflow:hidden; padding: 5px 16px; text-decoration: none; width: 57px; height:13px; color: #EAFFED; white-space: nowrap }
#jsddm li a.contato:hover {background:url(../images/home/topo/bot-contato-on.gif) no-repeat; }

#jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; }		
#jsddm li ul li { float: none; display: inline }		
#jsddm li ul li a { width: auto; background: #b0c700; color:#fff;}		
#jsddm li ul li a:hover { background: #7fac17; color:#fff; }