/* Theme Name: INEMA - Instituto do Meio Ambiente e Recursos Hídricos. Theme URI: http://www.inema.ba.gov.com.br/ Description: Tema criado para o INEMA - Instituto do Meio Ambiente e Recursos Hídricos. Version: 2.0 Author: Gori.la Template: inema Version: 0.1.0 */ /*/css reset por Eric Meyer/*/ @import url("reset.css"); body {font-size:11px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:#F0F0F0 url(images/bg.jpg) repeat-x top} a:hover {text-decoration:underline;} a {text-decoration:none} /*/remove formatação do input search em browsers Webkit /*/ input[type=search] { -webkit-appearance: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; } @font-face { font-family: 'HelveticaNeueLTStd35Thin'; src: url('media/font/helveticaneueltstd-th-webfont.eot'); src: url('media/font/helveticaneueltstd-th-webfont.eot?#iefix') format('embedded-opentype'), url('media/font/helveticaneueltstd-th-webfont.woff') format('woff'), url('media/font/helveticaneueltstd-th-webfont.ttf') format('truetype'), url('media/font/helveticaneueltstd-th-webfont.svg#HelveticaNeueLTStd35Thin') format('svg'); font-weight: normal; font-style: normal; } strong, b{ font-weight:bold; } /*/GRIDS/*/ .grid990 {width:990px} .grid940 {width:940px;} .grid427 {width:427px;} .grid324 {width:324px;} .grid230 {width:230px} .grid210 {width:210px} .grid197 {width:197px;} /*/classes usuais/*/ .clear {clear:both} .cols {float:left;} .alignleft {float:left; margin-right:10px;} .alignright {float:right; margin-left:10px;} .lkn {color:#666; font-size:1.09em} .hide {display:none;} /*|BARRA DO GOVERNO|*/ #BarraGoverno {width:100%; background: #C1D7E9; border-bottom: 1px solid #0A61A9; height: 24px; overflow: hidden;} #BarraGoverno .pog { width: 970px; overflow: hidden; margin: 0 auto;} /*|TOPO|*/ #topo {float:left; width:100%; height:160px; background:url(images/bgtopo.png) no-repeat top} #topo .grid990 {margin:0 auto} /*-logo-*/ #topo h1 {width:612px; margin:54px 0 0 26px;} #topo h1 a {display:block; width: 182px; height: 58px; background:url(images/sprite02.png) no-repeat 0 0;} #topo h1 a span {display:none} /*menu & social & busca*/ #topo .grid324 {margin-top:43px;} .menu01 ul li, .social li {float: left; margin-right:5px;} .menu01 ul li:last-child, .social li:last-child {margin-right:0;} .menu01 ul li a, .social li a {text-decoration:none} .menu01 ul li a:hover, .social li a:hover {color:#333} .menu01 {width:201px; margin:5px 20px 0 0;} .menu01 ul li {padding-right:5px; font-size:0.91em; text-transform:uppercase; border-right:1px solid #ccc;} .menu01 ul li:last-child {padding:0; border-right:0;} .menu01 ul li a {color:#999} .menu01 ul li a:hover, .menu01 ul li a.ativo, .menu01 ul li.current_page_item a {color:#333} .social {width:103px;} .social li a {display:block; width:22px; height:22px; background:url(images/sprite01.png) no-repeat;} .social li a span {display:none} .social li .facebook {background-position:0 0} .social li .twitter {background-position:-25px 0} .social li .flickr {background-position:-50px 0} .social li .rss {background-position:-76px 0} #busca {width:322px; margin:10px 0 0;} #busca input, #busca button {border:0} #busca input {width:269px; height:30px; margin-right:5px; padding-left: 3px; line-height:30px; font:1.18em 'Lucida Sans Unicode', Tahoma, Helvetica, sans-serif; color:#ccc; border:0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -webkit-box-shadow: inset -5px 5px 5px -2px #D1D1D1; -moz-box-shadow: inset -5px 5px 5px -2px #D1D1D1; box-shadow: inset -5px 5px 5px -2px #D1D1D1;} #busca input[type="search"]:focus {color:#000} #busca button {text-indent:-90000px; width: 40px; height: 30px; background:url(images/sprite01.png) no-repeat -1px -66px; cursor:pointer;} /*|GLOBAL|*/ #global {float:left; width:100%; background:url(images/bgglobal.png) no-repeat top center;} #wrap {width:990px; margin:0 auto; background:#fff;} #inner {float:left; width:100%; background:#fff; border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -o-border-radius:0 0 7px 7px;} #wrap .grid940 {margin: 0 auto} /*menu*/ .menu-lateral ul li {padding:5px 0 0 0; margin:0 0 28px 0; /*background:url(images/icoseta01.png) no-repeat right 12px;*/ text-transform:normal; border-top:1px solid #6DAA24} .menu-lateral ul li a:hover {text-decoration:none;} .menu-lateral ul li a {color:#6DAA24; font:1.64em 'HelveticaNeueLTStd35Thin'} .menu-lateral ul li ul {margin:15px 0 0;} .menu-lateral ul li ul li {margin-bottom:5px; padding:0 0 5px; background:none; text-transform:normal; border-top:0; border-bottom:1px dotted #ccc;} .menu-lateral ul li ul li a:hover {text-decoration:underline; color:#000} .menu-lateral ul li ul li a {display:block; width:auto; color:#999; font:1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;} .menu-lateral ul li ul li ul {margin:10px 0 0 10px; padding:8px; background:#F0F0F0} .menu-lateral ul li ul li ul li {margin:0; padding:5px; border-bottom:1px solid #ccc;} .menu-lateral ul li ul li ul li:last-child {border:0;} .menu-lateral ul li ul li.desativo {background:url(images/icoseta02.png) no-repeat right 5px; } .menu-lateral ul li ul li.ativo {background:url(images/icoseta03.png) no-repeat right 5px; } /*tooltips*/ #toolSocial, #toolInfo {color:#767676; text-align:center;} #toolSocial {width:80px; height:23px; background:url(images/bgtooltipsocial.png) no-repeat; margin:30px 0 0 -70px; padding:15px 0 0;} #toolInfo {width:118px; height:23px; background:url(images/bgtoolinfo.png) no-repeat; margin:34px 0 0 -30px; padding:14px 0 0;} /*MEIO*/ #meio {margin:0 35px;} .box {width:100%; margin-bottom:5px; padding-bottom:15px;} .box h2 {margin-bottom:10px; font:1.82em 'HelveticaNeueLTStd35Thin'; color:#6DAA24} /*--destaques--*/ #destaques {position:relative; width:100%; height:230px; padding-bottom:30px; /*border-bottom:1px solid #6DAA24*/ } /*controle dos slides*/ .num-destaques {position:absolute; z-index:10; top:0; right:0;} .num-destaques li {margin:0 0 1px 0;} .num-destaques li.btRpt {display:block; width:20px; height:20px; background:#6F9145; line-height:20px; text-align:center; color:#fff; cursor:pointer;} .num-destaques li.dstBtAt { background:#4C7719 !important;} .num-destaques li.dstBtOver {background:#4C7719;} .slide {position:relative;} .slide .chamada {position:absolute; z-index:10; left:0; bottom:0; width:100%; height:50px; /*height:70px;*/ background:rgba(0, 0, 0, 0.5)} .no-rgba .slide .chamada {background: url(images/bgdestaques.png) repeat;} .slide .chamada a {display:block; width: auto; /*height:50px;*/ height:50px; padding:5px 10px; background:url(images/icolink.png) no-repeat 407px 0; font-size:1.64em; color:#fff;} /*outras noticias*/ #outrasNoticias {margin:10px 0; border-bottom:1px solid #6DAA24} #outrasNoticias ul {width:auto; margin-bottom:10px; /*padding:16px 16px 10px 16px; background:#E9E9E9;*/} #outrasNoticias ul li {margin-bottom:7px; padding-bottom:10px; font-size:1.27em; border-bottom:1px dashed #999} #outrasNoticias ul li a {color:#487218} #outrasNoticias ul li a:hover {text-decoration:underline; color:#333} #outrasNoticias ul li .data {display:block; margin-bottom:5px; font-size: 0.70em} #outrasNoticias .lkn {font-size:1.09em} #outrasNoticias .lkn:hover {color:#000} #outrasNoticias .lkn:first-child {margin:0 5px 0 255px; padding-right:8px; border-right:1px solid #666} /*informações*/ #infoInema span {display:block; float:left; width:auto; height:10px; margin-right:5px; padding:3px; font-size:0.91em; color:#fff; text-transform:uppercase; cursor:pointer} #infoInema .lkn {float:right; width:100%; margin-bottom:20px; padding-top:10px; text-align:right; border-top:1px solid #6DAA24} #infoInema .post {margin-bottom:20px;} #infoInema .post h3 {font-weight:normal; margin-bottom:10px;} #infoInema .post h3 a:hover {color:#487218} #infoInema .post h3 a {font-size:1.4em; color:#487218} #infoInema .post p {font-size:1.09em;} #infoInema .post a:hover {color:#333} #infoInema .post a {color:#666; line-height:15px;} /*tipo de arquivos*/ #infoInema .pdf {background:#D64F4B} #infoInema .css {background:#D64F4B} #infoInema .doc {background:#006699} #infoInema .zip {background:#663399} /*zoo*/ #zoo {float:left; width:auto; padding:10px; height:120px; background-image: -moz-linear-gradient(top, #82d5ea, #def8e2); background-image: -webkit-gradient(linear, center top, center bottom, from(#82d5ea), to(#def8e2)); background-image: -o-linear-gradient(top, #82d5ea, #def8e2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82d5ea', endColorstr='#def8e2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#82d5ea', endColorstr='#def8e2')"; background-image: linear-gradient(top, #82d5ea, #def8e2);} #zoo .logo-zoo, #zoo ul, #zoo ul li {float:left} #zoo .logo-zoo {display:block; width:139px; height:69px; margin:25px 25px 0 0; background:url(images/sprite04.png) no-repeat -144px -64px;} #zoo .logo-zoo span {display:none;} #zoo h2 {margin-bottom:10px; font:normal 2.72em 'HelveticaNeueLTStd35Thin'; color:#0C76B8} #zoo p {font:1.36em 'HelveticaNeueLTStd35Thin'; color:#333} #zoo ul {margin:15px 0} #zoo ul li {padding-bottom:5px; margin-right:18px;} #zoo ul li.facebook {padding-left:20px; background:url(images/sprite01.png) no-repeat 0 -106px;} #zoo ul li.twitter {padding-left:18px; background:url(images/sprite01.png) no-repeat 0 -131px;} #zoo ul li a:hover {color:#333} #zoo ul li a {color:#666;} /*/SIDEBAR/*/ #sidebarDireita {padding-top:13px; border-top: 1px solid #6DAA24;} #sidebarDireita h2 {width:100%; padding:8px 0; margin-bottom:8px; font:1.82em 'HelveticaNeueLTStd35Thin'; color:#6DAA24; border-top:1px solid #6DAA24} #telefones, #monitoramento, #atendimento, #publicidade #links {margin:14px 0 20px 0;} /*telefones*/ #telefones h3, #telefones h4 {text-transform:uppercase; color:#666; letter-spacing:-1px;} #telefones h3 {font:2.27em 'HelveticaNeueLTStd35Thin';} #telefones h4 {font:1.64em 'HelveticaNeueLTStd35Thin';} #telefones ul {width:100%; text-align:center;} #telefones ul li {margin:0 0 20px 0; } #telefones .tel {display:block; width:auto; margin-top:3px; font-family:'HelveticaNeueLTStd35Thin'; letter-spacing:-1px; color:#6CAA24;} #telefones ul li:first-child .tel {font-size:2.7em;} #telefones ul li:last-child .tel {font-size:2.73em;} /*publicidade*/ #publicidade ul {float:left; width:100%; margin:10px 0; border-bottom: 1px solid #6DAA24;} #publicidade ul li {margin-bottom:10px;} #publicidade ul li img {width:210px; overflow:hidden;height:auto;} /*atendimento online*/ #atendimento ul li {margin-bottom:7px; color:#666; line-height:16px;} #atendimento ul li a {display:block; font-size:1.4em; color:#497218;} /*monitoramento*/ #monitoramento ul li, #monitoramento ul li span { height:54px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px;} #monitoramento ul li {width:210px; line-height:60px; margin-bottom:5px; /*text-align:right;*/} #monitoramento ul li a {color:#fff; font-weight:normal; font:1.5em 'HelveticaNeueLTStd35Thin'; padding-top: 8px; position: absolute;} #monitoramento ul li span {display:block; float:left; width:60px; margin-right:10px;} #monitoramento ul li ul, #monitoramento ul li ul li {float:left;} #monitoramento ul li ul {margin:5px 0 0 5px;} #monitoramento ul li ul li {width:85px; height:20px; margin-bottom:0; padding:5px; background:#42660F; line-height:20px; text-align:center} #monitoramento ul li ul li:first-child {margin-right:10px;} #monitoramento ul li ul li a {font:1.50em 'HelveticaNeueLTStd35Thin'} .clima { background: #7ABD28 url(images/sprite03.png) no-repeat 10px 16px; background-size: 75%; } .praias { background: #629920 url(images/sprite03.png) no-repeat 9px -30px; background-size: 75%; } .rios { background: #426616 url(images/sprite03.png) no-repeat 11px -92px; background-size: 96%; height: 78px !important; } .cor01 {background:#88D22D;} .cor02 {background:#6DAA24;} .cor03 {background:#497218; height:78px !important; } .cor03 ul {width:100% !important; text-align:left !important;} /*links*/ #links ul li {margin-bottom:10px; line-height:18px;} #links ul li a:hover {color:#333} #links ul li a {color:#666} /*|INTERNAS|*/ .internas h2, .internas h3 {margin-bottom:10px; letter-spacing:-1px;} .internas h2 {font-size:2.4em; color:#497218} .internas h3 {font-size:1.4em; color:#333} .internas h4, .internas h5 {margin-bottom:10px; font-size:1.55em; color:#333} .internas p, .internas ul li, .internas ol li {margin:0 0 15px; font-size:1.09em; line-height:16px; color:#666} .internas p span {font-size:10px;} .internas p a:hover {color:#497218;} .internas p a {color:#497218; /*font-weight:bolder;*/} .internas ul:first-child, .internas ol, .internas blockquote, .internas cite {margin:10px 20px;} .internas ul li {list-style:inside;} .internas ol li {list-style:decimal;} .internas blockquote {font-style:italic;} .internas blockquote:after, .internas blockquote:before {content:'"'; font-size:3em; color:#666} .breadcumbs, .data-interacao, .data-interacao .data, .data-interacao .interacao {float:left;} /*/breadcumbs/*/ .breadcumbs {width:100%; margin-bottom:10px; padding-bottom:8px; border-bottom:1px dotted #ccc;} .breadcumbs ul {width:100%;} .breadcumbs ul li {float:left; display:inline-block; font-size:0.9em; color:#666666} .breadcumbs ul li a:hover {color:#666666} .breadcumbs ul li a {color:#b2b2b2} /*/data&imprimir&enviar por email/*/ .data-interacao {width:100%; margin:30px 0 10px; /*border-bottom:1px solid #ccc;*/} .data {padding-top:4px; font-size:1em; color:#666;} .data-interacao .data {width:310px;} .data-interacao .interacao {margin:2px 0 30px; height:20px; text-align:left; width: 80px;} .data-interacao .interacao li {display:inline-block; width: 70px;} .data-interacao .interacao li:first-child {margin-right:10px;} .data-interacao .interacao li a {display:block; width:16px; height:15px; opacity:0.75} .data-interacao .interacao li a:hover {opacity:1.0} .data-interacao .interacao li a span {display:none;} .email {background:url(images/icointeracao.png) no-repeat 0 3px;} .imprimir {background:url(images/icointeracao.png) no-repeat 0 bottom;} .internas .posts {margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;} .internas .posts .data, .post-noticias .data {float:left; width:100%; padding-bottom:5px; /*border-bottom:1px solid #ccc;*/} .internas .posts h3, .post-noticias h3 {font-size:1.45em;} .internas .posts h3 a {color:#497218} /*compartilhe*/ .foot-compartilhe, .compartilhe, .tit-compartilhe {float:left;} .foot-compartilhe {width:100%; padding-top:10px; border-top:1px solid #ccc;} .tit-compartilhe {width:384px; margin-top:5px; font:1.44em 'HelveticaNeueLTStd35Thin'; color:#6DAA24;} .compartilhe {padding-top:5px; text-align:right;} .compartilhe li {display:inline-block;} .compartilhe li a {display:block; width:20px; height:20px; background:url(images/sprite01.png) no-repeat} .compartilhe li a span {display:none} .compartilhe .twitter {background-position:0 -29px;} .compartilhe .facebook {background-position:-22px -29px;} .compartilhe .whatsapp {background:url(images/whatsapp.png) no-repeat;} /*noticias*/ .post-noticias {padding-bottom:5px;} .post-noticias .data {color:#497218} .post-noticias h3 a:hover {color:#497218} .post-noticias h3 a {color:#666} .titulo-noticias {font-size:2.40em !important; color:#497218 !important} /*galeria de fotos em notícias*/ #galeriaFotos .carregar {width:100%; height:300px; background:url(images/ajax-loader.gif) no-repeat 50% 50%} #galeriaFotos .legenda {padding:5px; font-weight:bolder;} #galeriaFotos {float:left; width:100%; padding:5px 0 10px; border-top:1px dotted #ccc} #galeriaFotos h2 {margin-bottom:10px; font:bolder 1.80em 'HelveticaNeueLTStd35Thin';} #galeriaFotos ul {margin:0} #galeriaFotos ul li:hover {background:#547A26;} #galeriaFotos ul li {list-style:none; float:left; width:95px; height:80px; padding:3px; margin:0 5px 5px 0 !important; background:#ccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;} #galeriaFotos ul li:nth-of-type(4n) {margin-right:0} /*formulários*/ .formularios label {margin-bottom:5px; text-transform:uppercase; color:#666} .formularios input, .formularios textarea {margin-bottom:10px; padding:5px; font:1.15em "Lucida Sans Unicode", "Lucida Grande", sans-serif; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .formularios textarea {height:150px;} .formularios button {padding:5px; background:#88D22D; font:2.18em 'HelveticaNeueLTStd35Thin'; text-transform:lowercase; color:#fff; border:0; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; cursor:pointer; } .lbl {display:block;} .tam01 {width:415px; } .btn {margin-left:275px;} /*/paginação/*/ .box-paginacao {float:left; width:100%; height:30px; margin:0; background:#E8E8E8; text-align:center; text-transform:uppercase} .box-paginacao .link-proximo, .link-proximo-single a, .box-paginacao .link-anterior, .link-anterior-single a {display:block; text-indent:-9000px; float:left; width:8px; height:10px; text-decoration:none;} .box-paginacao .link-anterior, .link-anterior-single a {margin-left:10px; background:url(images/sprite01.png) no-repeat -193px -132px;} .box-paginacao .link-anterior:hover, .link-anterior-single a:hover {text-decoration:none;} .box-paginacao .link-proximo, .link-proximo-single a {float:right; margin:10px 10px 0; background:url(images/sprite01.png) no-repeat -207px -132px; text-decoration:none;} .box-paginacao .link-proximo:hover, .link-proximo-single a:hover {text-decoration:none;} .paginas {display:inline-block; width:auto; margin-top:10px; } .paginas span {float: left; display: block; margin-right:10px; color:#333; font-weight:normal;} .paginas a {float: left;display: block; margin-right:10px; color:#666; text-decoration:none;} .paginas a:hover {color:#333;} .box-paginacao .link-anterior-sem, .box-paginacao .link-proximo-sem {display:block; text-indent:-9000px; float:left; width:8px; height:10px; margin-top:10px;} .box-paginacao .link-anterior-sem {margin-left:10px; background:url(images/sprite01.png) no-repeat -193px -132px;} .box-paginacao .link-proximo-sem {background:url(images/sprite01.png) no-repeat -207px -132px; } .box-paginacao .sem-pagina {display:none} .link-proximo-single a {float:left;} /*WP-Email*/ #wp-email-required {margin-bottom:30px; font-size:0.9em; color:#900} #wp-email-popup {padding:5px} #wp-email-popup p {margin:0 0 5px 0;} #wp-email-popup p:first-child {font-weight:bolder; font-size:1.1em; color:#426616} #wp-email-popup p a {color:#426616; text-decoration:none;} #wp-email-popup label {display:block; margin:0;} #wp-email-popup input {margi-bottom:10px; padding:5px;} #wp-email-popup .TextField {width:400px;} #wp-email-popup #imageverify {width:100px;} #wp-email-popup .Button {padding:5px; background:#88D22D; font:1.5em 'HelveticaNeueLTStd35Thin'; text-transform:lowercase; color:#fff; border:0; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; cursor:pointer;} /*formulários e documentos*/ .lista ul {margin:0; padding:0;} .lista ul li {list-style:none; margin:0 0 5px 0!important; padding:0 0 0 20px !important; background:url(images/sprite04.png) no-repeat 0 0} .lista ul li a {color:#999} /*buscar*/ .busca ul, .busca ul li {float:left;} .busca ul {margin:0 !important; padding:0 !important} .busca ul li {list-style:none;} .busca ul li:first-child {margin-right:20px} .busca ul li label {display:block;} .busca ul li input, .busca ul li select {padding:2px; font:1em "Lucida Sans Unicode", "Lucida Grande"; border:1px solid #666;} .busca ul li input {width:180px} .lista-visualiza, .controle, .controle li {float:left} .lista-visualiza span {display:block; margin-top:3px; color:#999} .lista-visualiza {width:407px; height:20px; padding:10px; background:#f4f4f4;} .controle {margin:0 30px 0 0 !important; padding:0 !important} .controle li {list-style:none !important; margin:0 10px 0 0 !important; padding-right:10px; border-right:1px solid #ccc; } .controle li:first-child {font-weight:bolder} .controle li:last-child {border-right:0;} .controle li a {color:#333} .controle li a.ativo {color:#547A26 !important} .tit-doc {width:407px; margin:0 !important; padding:10px; font-size:1.3em !important; background:#ccc; color:#333 !important} .tabelas {margin-top:10px} .tabelas, .tabelas thead th, .tabelas tr td {padding:5px; vertical-align:middle; border:1px solid #ccc; } .tabelas thead {background:#f3f3f3; text-align:left;} .tabelas tr:nth-child(2n) {background:#F8F8F8;} .tabelas tr td a {color:#333} .tabelas tr td a span {display:none;} .txt-center {text-align:center;} .tabelas tr td a.doc, .tabelas tr td a.pdf {display:block; width:16px; height:16px; background:url(images/sprite04.png) no-repeat;} .tabelas tr td a.doc {background-position:0 -38px;} .tabelas tr td a.pdf {background-position:0 -18px;} .ico-pesquisar {float:right; padding:5px 0 5px 20px; background:url(images/sprite04.png) no-repeat 0 104%;} .lkns {padding:2px; font-size:0.8em; color:#426616 !important; text-transform:lowercase;} /*/RODAPE/*/ #rodape {float:left; width:100%; height:122px; margin:0; padding:20px 0; background:url(images/bgrodape.png) no-repeat center top; color:#666} #rodape .grid940 {margin:0 auto} .logo-rodape, .logo-governo {display:block; float:left;} .logo-rodape span, .logo-governo span {display:none;} .logo-rodape {width:114px; height:37px; margin-top:45px; background:url(images/sprite04.png) no-repeat 0 -74px} .info-rodape {width:546px; margin-left:20px; padding:0 0 5px 10px; border-left:1px solid #ccc} .info-rodape h2 {margin-bottom:5px; font-weight:bolder; font-size:1.45em;} .info-rodape a span {display:none;} .info-rodape address {padding:3px 0; font-style:normal; } .info-rodape address p {margin-bottom:5px; font-size:1.09em; line-height:18px;} .info-rodape address .mapa { display: inline; float: right; margin: 0; position: relative; width: 13px; height: 21px; background: url(images/icomapa.gif) no-repeat 0 0;} .info-rodape ul {margin-top:10px; /*margin:10px auto;*/} .info-rodape ul li {margin-right: 6px; display: inline-block;} .info-rodape ul li a {display:block; width:24px; height:24px; background:url(images/social.png) no-repeat; opacity: 0.6;} .info-rodape ul li a:hover {opacity: 1;} .info-rodape ul li .twitter {background-position:0 0} .info-rodape ul li .flickr {background-position:-24px 0} .info-rodape ul li .facebook {background-position:-48px 0} .info-rodape ul li .instagram {background-position:-72px 0} .logo-governo {width:215px; height:52px; margin:38px 0 0 34px; background:url(images/sprite04.png) no-repeat 0 bottom} /*Acessibilidade (Fonte)*/ .increaseClickItem {cursor: pointer; width: 20px; height: 15px; background: url(images/max.gif) no-repeat; position: relative; float: right;} .decreaseClickItem {cursor: pointer; width: 20px; height: 15px; background: url(images/min.gif) no-repeat; position: relative; float: left;} div.increaseClickItem:hover {background: url(images/max_hover.gif) no-repeat;} div.decreaseClickItem:hover {background: url(images/min_hover.gif) no-repeat;}