body{ background:url(../images/home/bg-home.jpg) no-repeat top center; width:100%; height:100%;} #geral{ margin:0 auto; width:990px; height:1218px;} a.palavra-destaque{ text-decoration:underline; color:#ec7c14;} /******************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;} /******************FIM TOPO BAIXO*****************/ /******************INICIO MEIO*****************/ #meio{ width:965px; height:1218px; display:block; float:right; margin-top:50px;} div.imagem-periodo{ background: url(../images/home/topo/imagem-periodo.gif) no-repeat; width:234px; height:71px; display:block; float:left; margin-left:190px; display:inline;} div.conteudo-home{ width:470px; height:650px; min-height:470px; display:block; float:right; margin-right:18px; display:inline;} div.banner{ float:right;} div.galeria{ width:230px; height:400px; margin-top:20px; display:block; float:left; position:relative; left:10px;} div.galeria span.bot-ver-todos a{ background:url(../images/home/topo/bot-ver-todos.gif) no-repeat; width:88px; height:12px; display:block; float:right; margin-top:11px; margin-right:18px; display:inline; text-indent:-9999px; overflow:hidden;} div.galeria h2.cf{ margin-top:17px; background:url(../images/home/topo/cafe-literario.gif) no-repeat; width:137px; height:19px; display:block; text-indent:-9999px; overflow:hidden;} div.coluna3 h2.ve{ margin-top:10px; background:url(../images/home/topo/visitacao-escolar.gif) no-repeat; width:178px; height:21px; display:block; text-indent:-9999px; overflow:hidden;} div.galeria h2.lancamento{ margin-top:25px; background:url(../images/home/topo/lancamento-livros.gif) no-repeat; width:178px; height:25px; display:block; text-indent:-9999px; overflow:hidden;} div.coluna3 h2.lancamento{ /*margin-top:5px;*/ background:url(../images/home/topo/visitacao-escolar.gif) no-repeat; width:178px; height:21px; display:block; text-indent:-9999px; overflow:hidden;} div.galeria h2.ve { margin-top:25px; background:url(../images/home/topo/lancamento-livros.gif) no-repeat; width:178px; height:25px; display:block; text-indent:-9999px; overflow:hidden;} div.galeria img{ margin-top:12px;} div.galeria p{ width:210px; margin-left:3px; text-align:justify; margin-top:8px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#919191;} div.galeria span.palavra-destaque a{ color:#ec7c14; text-decoration:underline;} div.conteudo-home2{ width:965px; height:285px; display:block; border-bottom:1px solid #eaeaea; float:left; display:inline;} div.conteudo-home2 p{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;} div.conteudo-home2 div.coluna1{ width:200px; height:280px; float:left;} div.coluna1 span.redes-sociais h4{ background:url(../images/home/topo/redes-sociais.gif) no-repeat; width:130px; height:15px; display:block; text-indent:-9999px; overflow:hidden; padding-bottom:7px;} div.coluna1 span.redes-sociais img{ padding:5px;} div.coluna1 span.publicidade img{ margin-top:15px;} div.conteudo-home2 div.coluna2{ width:220px; height:280px; float:left; margin-left:27px;} div.coluna2 p{ padding-top:10px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;} div.coluna2 span.newsletter h4{ background: url(../images/home/topo/newsletter.gif) no-repeat; width:111px; height:15px; display:block; text-indent:-9999px; overflow:hidden;} div.coluna2 span.favoritos h4{ margin-top:30px; background: url(../images/home/topo/favoritos.gif) no-repeat; width:94px; height:15px; display:block; text-indent:-9999px; overflow:hidden;} div.coluna2 span.indique h4{ margin-top:30px; background: url(../images/home/topo/indique-bienal.gif) no-repeat; width:153px; height:16px; display:block; text-indent:-9999px; overflow:hidden;} div.conteudo-home2 div.coluna3{ width:225px; height:280px; float:left; margin-left:39px;} div.coluna3 h4{ background:url(../images/home/topo/programacao-infantil.gif) no-repeat; width:215px; height:21px; display:block; text-indent:-9999px; overflow:hidden;} div.coluna3 img{ margin-top:12px;} div.coluna3 p{ padding-top:12px;} div.conteudo-home2 div.coluna4{ width:220px; height:280px; float:left; margin-left:27px;} div.coluna4 img{ float:right;} div.coluna4 span{ float:right; font-size:9px;} div.conteudo-home3{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ababab; margin-top:40px; width:965px; height:200px; display:block; border-bottom:1px solid #eaeaea; float:left; display:inline;} div.conteudo-home3 div.coluna1{ width:130px; float:left;} div.coluna1 ul li.bienal{ background:url(../images/home/topo/bot-bienal-on.gif) no-repeat; width:53px; height:13px; display:block; /*text-indent:-9999px; overflow:hidden;*/} div.conteudo-home3 div.coluna2{ width:130px; margin-left:35px; float:left;} div.coluna2 ul li.expor{ background:url(../images/home/topo/bot-expor-on.gif) no-repeat; width:39px; height:13px; display:block; /*text-indent:-9999px; overflow:hidden;*/} div.conteudo-home3 div.coluna3{ width:130px; margin-left:25px; float:left;} div.coluna3 ul li.programacao{ background:url(../images/home/topo/bot-programacao-on.gif) no-repeat; width:94px; height:15px; display:block; /*text-indent:-9999px; overflow:hidden;*/} div.conteudo-home3 div.coluna4{ width:130px; margin-left:30px; float:left;} div.coluna4 h2{ background:url("../images/selo.gif") no-repeat scroll -1px 0 transparent; display:block; float:left; height:25px; margin:6px 0 0; overflow:hidden; text-indent:-9999px; width:202px;} div.coluna4 ul li.visite{ background:url(../images/home/topo/bot-visite-on.gif) no-repeat; width:37px; height:13px; display:block; /*text-indent:-9999px; overflow:hidden;*/} div.conteudo-home3 div.coluna5{ width:130px; margin-left:35px; float:left;} div.coluna5 ul li.imprensa{ background:url(../images/home/topo/bot-imprensa-on.gif) no-repeat; width:60px; height:13px; display:block; /*text-indent:-9999px; overflow:hidden;*/} div.conteudo-home3 div.coluna6{ width:130px; margin-left:25px; float:left;} div.coluna6 ul li.contato{ background:url(../images/home/topo/bot-contato-on.gif) no-repeat; width:57px; height:13px; display:block; /*text-indent:-9999px; overflow:hidden;*/} div.noticias{ width:225px; height:241px; display:block; float:right; margin-top:40px;} div.noticias h2{ background:url(../images/home/topo/noticias.gif) no-repeat; width:78px; height:19px; display:block; float:left; text-indent:-9999px; overflow:hidden; margin:6px 0 0 12px;} div.noticias span.rss{ background:url(../images/home/topo/icone-rss.gif) no-repeat; width:52px; height:15px; display:block; float:right; text-indent:-9999px; overflow:hidden; margin-top:10px;} div.noticias p{ width:210px; height:62px; border-bottom:1px dashed #b0c700; display:block; float:left; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify; padding:14px 0 10px 0; margin-left:12px;} div.noticias span.bot-ver-todas a{ background:url(../images/home/topo/bot-ver-todas2.gif) no-repeat; width:87px; height:12px; display:block; float:right; margin-top:25px; margin-right:5px; text-indent:-9999px; overflow:hidden;} div.indique{ width:245px; height:200px; display:block; clear:both; float:left;} div.indique h2{ background:url(../images/home/topo/indique-bienal.gif) no-repeat; width:153px; height:16px; display:block; float:left; text-indent:-9999px; overflow:hidden; margin:6px 0 0 12px; display:inline;} div.indique p{ width:220px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; padding:0 0 0 12px; } div.indique #form-indique{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; margin-left:12px; margin-top:10px; display:inline;} div.indique #form-indique fieldset{ border:none;} div.indique #form-indique label{ display:block; float:left; width:110px;} div.indique #form-indique input{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; left:7px;} div.indique #form-indique input.bot-indicar{ display:block; float:right; margin-top:12px; margin-right:29px; display:inline;} div.indique #form-indique span.campo{ width:210px; height:24px; display:block; float:left;} div.banners{ width:225px; height:150px; display:block; margin-top:20px; float:right; } div.banner1{ width:210px; height:74px; background-color:#c5d743; float:right;} div.banner2{ width:210px; height:74px; background-color:#c5d743; margin-top:2px; float:right;} div.newsletter{ width:225px; height:150px; display:block; float:left} div.newsletter h2{ background: url(../images/home/topo/newsletter.gif) no-repeat; width:111px; height:15px; display:block; float:left; text-indent:-9999px; overflow:hidden; margin:0 0 0 12px; display:inline;} div.newsletter p{ width:220px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; padding:0 0 0 12px; } div.newsletter #form-newsletter{ display:block; float:left; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:12px; margin-top:10px; display:inline;} div.newsletter #form-newsletter fieldset{ border:none;} div.newsletter #form-newsletter input{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;} div.newsletter #form-newsletter label{ display:block; float:left; width:110px;} div.newsletter #form-newsletter input.bot-cadastrar{ display:block; float:right; margin-top:12px; margin-right:9px; display:inline;} div.newsletter #form-newsletter span.campo{ width:210px; height:24px; display:block; float:left;} /******************FIM MEIO*****************/ /******************INICIO RODAPE*****************/ #rodape{ width:573px; 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; }