html, body{ height:100%; } * html #wrapper { height: 100%; /* hack para IE6 hq trata height como min-height */ } body { margin: 0; background: url(../imagens/site/bg.jpg); } .bgd_overlay { position: fixed; z-index:100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:100%; width:100%; } /************************************************ * Posicionamento - Layout Tableless * ************************************************/ #wrapper { margin: 0 auto; width: 750px; background: #fff url(../imagens/site/centro.jpg); min-height: 100%; position: relative; } #topo { clear: both; border-bottom: #0062c4 4px solid; margin-left: 5px; margin-right: 5px; height: 56px; } #logo { background: #fff url(../imagens/site/logotipo.jpg) no-repeat top left; width: 142; height: 56; float: left; } #busca { position: absolute; right: 5px; top: 30px; float: right; padding: 5px; background: #0062c4; } #barra_usuario { float: right; width: 590px; height: 15px; } #busca-titulo { float: left; } #busca-campo { float: left; } #busca-botao { float: left; } #corpo { width: 750px; height: auto; min-height: auto; padding-top: 0px; margin-top: 0px; padding-bottom: 70px; } #corpoWrapper { margin-left: 5px; margin-right: 5px; height: auto; min-height: auto; } #rodape { width: 740px; height: 50px; padding-top: 5px; margin-left: 5px; margin-right: 5px; border-top: 4px solid #0062c4; position: absolute; bottom: 0; } #texto-rodape { float: left; margin-left: 5px; } #imagem-rodape { float: right; margin-right: 5px; } #banner_topo { margin-top: 5px; margin-bottom: 5px; text-align: center; width: 730px; /* float: right;*/ } #banner_meio { margin-top: 5px; margin-bottom: 5px; width: 608px; } #menu { width: 125px; margin-right: 5px; float: left; } #classificados-box { margin-top: 10px; } #top10-box { margin-top: 10px; } .noticia-titulo { padding: 5px; margin-bottom: 5px; } #noticias-meio { width: 370px; float: left; } #noticias-meio2 { width: 100%; float: left; } #noticia-quadro { width: 180px; padding: 2px; } #noticia-quadro2 { width: 290px; } .noticia-botao { width: 125px; } #classificados-banner { float: right; width: 225px; height: 450px; background: url(../imagens/site/banner.jpg) no-repeat top left; } #classificados-banner-wrap { margin-top: 50px; padding: 10px; } #meio { width: 600px; min-height: 400px; float: left; } #rodape_meio { width: 605px; float: right; } #col1 { float: left; } #col2 { float: right; } .espaco { clear: both; height: 10px; } #clear { clear: both; } #indique-box { width: 135px; float:left; padding-right: 10px; } #newsletter-box { width: 125px; float:left; padding-right: 10px; } #login-box { width: 120px; float:left; padding-right: 10px; } #banner-box { width: 188px; float:right; } #box-botao { text-align: right; padding-top: 2px; } #box-campo { padding-top: 2px; } #box-campo-campo { float: left; } #box-rotulo { float: left; width: 100px; text-align: right; } .box-erro { float: left; text-align: left; } .passos_dir { float: right; margin-left: 30px; } .passos_esq { float: left; margin-right: 30px; } #titulo-cadastro { height: 20px; } #box-login-meio { width: 40%; margin-left: 100px; margin-top: 100px; } .embed + img { position: relative; left: -21px; top: 0px; } #noticia-imagem { float: right; margin-left: 10px; margin-bottom: 2px; } #noticia-hora { float: left; width: 40px; text-align: left; } #noticia-data { //border-bottom: 1px solid #666666; margin-bottom: 3px; margin-top: 7px; } #noticia-linha { margin-bottom: 3px; } #banner-selo-col { float: left; margin-right: 10px; margin-left: 20px; } #faq-pergunta { } #faq-resposta { padding: 5px; } #faq-linha { margin: 5px; padding: 5px; } #faq-imagem { float: right; } #mais-noticias-categ { float: right; } #noticias-meio-wrapper { float: left; width: 390px; } #noticias-meio-meio { width: 390px; float: left; } #loading-search { text-align: center; height: 30px; margin-top: 10px; } #box-termo { padding: 10px; width: 580px; height: 400px; overflow: auto; border: 1px solid #eee; } #shop2 {display:none;} #shop2 .shop2 {float: right; margin-right: -125px; width: 120px; height: 600; position: relative; z-index:99999; } .divisoria { width: 30px; } .espaco1 { width: 180px; } #caixa_pub { border: 1px solid black; } .lpub { cursor: pointer; } /************************************************ * Fontes * ************************************************/ .fonte-rodape{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #333333; font-weight: normal; } .fonte-branca{ font-family:tahoma, sans-serif; text-decoration:none; text-transform:lowercase; font-stretch: ultra-condensed; color: #FFFFFF; } .fonte-branca15{ font-family:tahoma, sans-serif; text-decoration:none; text-transform:lowercase; font-stretch: ultra-condensed; color: #FFFFFF; font-weight:bold; font-size:14.8px; } .fonte-branca12{ font-family:tahoma, sans-serif; font-size: 12px; text-decoration:none; color: #FFFFFF; font-weight: normal; } .fonte-branca11{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #FFFFFF; font-weight: normal; } .fonte-branca10{ font-family:tahoma, sans-serif; font-size: 10px; text-decoration:none; color: #FFFFFF; font-weight: normal; } .fonte-amarela12{ font-family:tahoma, sans-serif; font-size: 12px; text-decoration:none; color: #F4DC84; font-weight: bold; } .fonte-amarela10{ font-family:tahoma, sans-serif; font-size: 10px; text-decoration:none; color: #F4DC84; font-weight: normal; } .fonte-amarela09{ font-family:tahoma, sans-serif; font-size: 9px; text-decoration:none; color: #F4DC84; font-weight: normal; } .fonte-padraoTitulo{ font-family:tahoma, sans-serif; font-size: 14px; text-decoration:none; color: #666666; font-weight: bold; } .fonte-padraoTituloApagado{ font-family:tahoma, sans-serif; font-size: 14px; text-decoration:none; color: #dddddd; font-weight: bold; } .fonte-texto{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #666666; font-weight: normal; } .fonte-texto:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #333333; font-weight: normal; } .fonte-texto10{ font-family:tahoma, sans-serif; font-size: 10px; text-decoration:none; color:#999999; font-weight: normal; } .fonte-texto11{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color:#666666; font-weight: normal; } .fonte-texto12{ font-family:tahoma, sans-serif; font-size: 12px; text-decoration:none; color: #666666; font-weight: normal; } .fonte-textoEscuro{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #333333; font-weight: normal; } .fonte-titulo12{ font-family:tahoma, sans-serif; font-size: 12px; text-decoration:none; color: #333333; font-weight: normal; } .fonte-rodape{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #333333; font-weight: normal; } .fonte-vermelho{ font-family:tahoma, sans-serif; font-size: 10px; text-decoration:none; color: #FF0000; font-weight: normal; } .fonte-vermelho11{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #FF0000; font-weight: normal; } .fonte-laranja11{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color:#0062c4; font-weight: normal; } .fonte-TituloItem-{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #FF6600; font-weight: bold; } a.fonte-TituloItem-:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:underline; color: #FF6600; font-weight: bold; } .fonte-TituloItem-laranja{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #FF6600; font-weight: bold; } a.fonte-TituloItem-laranja:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:underline; color: #FF6600; font-weight: bold; } .fonte-TituloItem-azul{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #0062c4; font-weight: bold; } a.fonte-TituloItem-azul:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:underline; color: #0062c4; font-weight: bold; } .fonte-TituloItem-vermelho{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #dd0000; font-weight: bold; } a.fonte-TituloItem-vermelho:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:underline; color: #dd0000; font-weight: bold; } .fonte-TituloItem-verde{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #2a9802; font-weight: bold; } a.fonte-TituloItem-verde:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:underline; color: #2a9802; font-weight: bold; } .fonte-TituloItem-roxo{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #a400a4; font-weight: bold; } a.fonte-TituloItem-roxo:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:underline; color: #a400a4; font-weight: bold; } .fonte-TituloItem-_Preto{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #111111; font-weight: bold; } a.fonte-TituloItem-_Preto:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:underline; color: #111111; font-weight: bold; } .fonte-TituloItem-Verde_Claro{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #008B8B; font-weight: bold; } a.fonte-TituloItem-Verde_Claro:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:underline; color: #008B8B; font-weight: bold; } .fonte-TituloItem-infodahora{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:none; color: #FF6600; font-weight: bold; } a.fonte-TituloItem-infodahora:hover{ font-family:tahoma, sans-serif; font-size: 11px; text-decoration:underline; color: #FF6600; font-weight: bold; } .fonte-negrito { font-weight: bold; } .linha-baixo-branca3 { border-bottom: 3px solid #fff; } .fonte-preta10{ font-family:tahoma, sans-serif; font-size: 10px; text-decoration:none; color:#000000; font-weight: normal; } .fonte-Titulo-laranja{ font-family:tahoma, sans-serif; text-decoration:none; color: #FF6600; font-weight: bold; } a.fonte-Titulo-laranja:hover{ font-family:tahoma, sans-serif; text-decoration:underline; color: #FF6600; font-weight: bold; } .fonte-Titulo-azul{ font-family:tahoma, sans-serif; text-decoration:none; color: #0062c4; font-weight: bold; } a.fonte-Titulo-azul:hover{ font-family:tahoma, sans-serif; text-decoration:underline; color: #0062c4; font-weight: bold; } .fonte-Titulo-vermelho{ font-family:tahoma, sans-serif; text-decoration:none; color: #dd0000; font-weight: bold; } a.fonte-Titulo-vermelho:hover{ font-family:tahoma, sans-serif; text-decoration:underline; color: #dd0000; font-weight: bold; } .fonte-Titulo-verde{ font-family:tahoma, sans-serif; text-decoration:none; color: #2a9802; font-weight: bold; } a.fonte-Titulo-verde:hover{ font-family:tahoma, sans-serif; text-decoration:underline; color: #2a9802; font-weight: bold; } .fonte-Titulo-roxo{ font-family:tahoma, sans-serif; text-decoration:none; color: #a400a4; font-weight: bold; } a.fonte-Titulo-roxo:hover{ font-family:tahoma, sans-serif; text-decoration:underline; color: #a400a4; font-weight: bold; } .fonte-Titulo-_preto{ font-family:tahoma, sans-serif; text-decoration:none; color: #111111; font-weight: bold; } a.fonte-Titulo-_preto:hover{ font-family:tahoma, sans-serif; text-decoration:underline; color: #111111; font-weight: bold; } .fonte-Titulo-Verde_Claro{ font-family:tahoma, sans-serif; text-decoration:none; color: #008B8B; font-weight: bold; } a.fonte-Titulo-Verde_Claro:hover{ font-family:tahoma, sans-serif; text-decoration:underline; color: #008B8B; font-weight: bold; } .fonte-Titulo-infodahora{ font-family:tahoma, sans-serif; text-decoration:none; color: #FF6600; font-weight: bold; } a.fonte-Titulo-infodahora:hover{ font-family:tahoma, sans-serif; text-decoration:underline; color: #FF6600; font-weight: bold; } .fonte10 { font-size: 10px; } .fonte11 { font-size: 11px; } .fonte12 { font-size: 12px; } .fonte13 { font-size: 13px; } .fonte14 { font-size: 14px; } .centralizado { text-align: center; } .justificado { text-align: justify; } .invisivel { display: none; } a{ font-family:tahoma, sans-serif; text-decoration:none; color: #666666; } a:hover{ font-family:tahoma, sans-serif; text-decoration:none; color: #333333; } li.nada { list-style: none; margin-left: 10px;} #caixa_rotulo { font-family:tahoma, sans-serif; font-size: 9px; text-align: left; }/************************************************ * Linhas e Bordas * ************************************************/ .linhaTopo{ background-color: #0062c4; height:4px; } .linhaTopo1{ background-color: #0062c4; height:1px; } .linhaTopo1a{ background-color: #DBEDFF; height:1px; } .linhaFundo1{ border-bottom: 1px solid #0062c4; } .linhaRodape{ background-color: #0062c4; height:4px; } .box-titulo { border-bottom: 4px solid #0062c4; } .fundo-laranja { background-color: #FF6600; } .fundo-azul { background-color: #0062c4; } .fundo-vermelho { background-color: #dd0000; } .fundo-verde { background-color: #2a9802; } .fundo-roxo { background-color: #a400a4; } .fundo-_Preto { background-color: #111111; } .fundo-Verde_Claro { background-color: #008B8B; } .border-cinza { border:1px solid #E0E0E0; } .fundo-infodahora { background-color: #FF6600; } table.admin_grf { border: 1px solid black; } table.admin_grf th { background: navy; color: white; font-weight: bold; } table.admin_grf td { text-align: center }/************************************************ * Formulários e Botőes * ************************************************/ form{ padding:0; margin:0; } input.especial { font-family:tahoma, sans-serif; font-weight:bold; font-size: 11px; color: #8A8A8A; border: #E1E1E1; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-left:5px; vertical-align:middle; height:18px; } textarea.especial2 { font-family:tahoma, sans-serif; font-weight:normal; font-size: 10px; color:#999999; border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-left:4px; vertical-align:middle; } select.especial { font-family:tahoma, sans-serif; font-weight:bold; font-size: 11px; color: #8A8A8A; border: #E1E1E1; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px ; padding-left:4px; vertical-align:middle; height:18px; } textarea.especial { font-family:tahoma, sans-serif; font-weight:bold; font-size: 11px; color: #8A8A8A; border: #E1E1E1; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px ; padding-left:5px; } input.especial-button { font-family:tahoma, sans-serif; font-weight:bold; text-align:center; font-size: 11px; color:#FFFFFF; background-color:#0062c4;; border: #E3E3E3; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; cursor:pointer; height:22px; } input.especial-button2 { font-family:tahoma, sans-serif; font-weight:bold; text-align:center; font-size: 11px; text-transform:uppercase; color:#CCCCCC; background-color:#333333; border: #E3E3E3; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; cursor:pointer; height:20px; } div.error { color:red; text-align: center; } label.error { display: none; color: red; } /************************************************ * Menu * ************************************************/ #menul { list-style: none; font-family: tahoma, sans-serif; font-size: 11px; text-decoration:none; width:125px; } #menul ul { list-style: none; margin-left: 5px; padding-left: 5px; } .fundoLinks span{ color: #7E7E7E; width:125px; } .fundoLinks span a{ padding: 4px 1px; display: block; color: #7E7E7E; font-weight: bold; border-bottom: 1px solid #ececec; } .fundoLinks a:hover { color: #FFFFFF; background:#0062c4; font-weight: bold; } .fundoLinks { margin: 5px auto 10px 2px; padding: 0; color: #7E7E7E; } .fundoLinks a{ padding: 4px 1px; display: block; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ececec; } /* Main Portaldahora Style Sheet for jQuery UI ui-datepicker */ #ui-datepicker-div, .ui-datepicker-inline { font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 0; margin: 0; background: #B0C4DE; width: 235px; } #ui-datepicker-div { display: none; border: 1px solid #AFEEEE; z-index: 10; } .ui-datepicker-inline { float: left; display: block; border: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #6495ED !important; } button.ui-datepicker-trigger { width: 25px; } img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; } .ui-datepicker-prompt { float: left; padding: 2px; background: #B0C4DE; color: #000; } *html .ui-datepicker-prompt { width: 235px; } .ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; color: #FFF; } .ui-datepicker-control { background: #AFEEEE; padding: 2px 0px; } .ui-datepicker-links { background: #B0C4DE; padding: 2px 0px; } .ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 80%; letter-spacing: 1px; } .ui-datepicker-links label { padding: 2px 5px; color: #888; } .ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; } .ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; } .ui-datepicker-current { float: left; width: 30%; text-align: center; } .ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; } .ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; } .ui-datepicker-header { padding: 1px 0 3px; background: #6495ED; text-align: center; font-weight: bold; height: 1.3em; } .ui-datepicker-header select { background: #6495ED; color: #000; border: 0px; font-weight: bold; } .ui-datepicker { background: #CCC; text-align: center; font-size: 100%; } .ui-datepicker a { display: block; width: 100%; } .ui-datepicker-title-row { background: #ADD8E6; color: #000; } .ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #ADD8E6; } .ui-datepicker-days-row { background: #FFF; color: #666; } .ui-datepicker-week-col { background: #ADD8E6; color: #000; } .ui-datepicker-days-cell { color: #000; border: 1px solid #DDD; } .ui-datepicker-days-cell a { display: block; } .ui-datepicker-week-end-cell { background: #B0C4DE; } .ui-datepicker-unselectable { color: #888; } .ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell { background: #ADD8E6 !important; } .ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell { background: #FFF !important; border: 1px solid #777; } * html .ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #ADD8E6 !important; } * html .ui-datepicker-week-end-cell { background: #B0C4DE !important; border: 1px solid #DDD !important; } * html .ui-datepicker-days-cell-over { background: #FFF !important; border: 1px solid #777 !important; } * html .ui-datepicker-current-day { background: #6495ED !important; } .ui-datepicker-today { background: #ADD8E6 !important; } .ui-datepicker-current-day { background: #6495ED !important; } .ui-datepicker-status { background: #B0C4DE; width: 100%; font-size: 80%; text-align: center; } #ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #000; } .ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important; } .ui-datepicker-control a, .ui-datepicker-links a { padding: 2px 5px !important; color: #000 !important; } .ui-datepicker-title-row a { color: #000 !important; } .ui-datepicker-control a:hover { background: #FDD !important; color: #333 !important; } .ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { background: #FFF !important; color: #333 !important; } .ui-datepicker-multi .ui-datepicker { border: 1px solid #6495ED; } .ui-datepicker-one-month { float: left; width: 235px; } .ui-datepicker-new-row { clear: left; } .ui-datepicker-cover { display: none; display/**/: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 193px; height: 200px; } .ui-accordion { margin: 0; padding: 0; list-style-type: none; } .ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; list-style-type: none;} .ui-accordion li .ui-accordion-header { display: block; padding-left: 5px; padding-right: 5px; height: 28px; background: url(../imagens/icones/seta.jpg) 99% 50% no-repeat; color: #000; text-decoration: none; line-height: 28px; position: relative; } .ui-accordion li:hover .ui-accordion-header { background: #eee url(../imagens/icones/seta.jpg) 99% 50% no-repeat; } .ui-accordion li.selected .ui-accordion-header { background: #eee url(../imagens/icones/seta.jpg) 99% 50% no-repeat; } a.head { display: block; padding-left: 5px; padding-right: 5px; height: 28px; background: url(../imagens/icones/seta.jpg) 99% 50% no-repeat; color: #000; text-decoration: none; line-height: 28px; position: relative; }.jcarousel-skin-tango { float: left; } .jcarousel-container-vertical { margin-top: -1px; // left: 220px; width: 220px; height: 455px; background: #DBEDFF; border: 1px solid #fff; } .jcarousel-clip-vertical { width: 210px; height: 410px; margin: 0 5px; z-index: 20; top: 15px; } #mycarousel li, .jcarousel-item-vertical, .jcarousel-item-placeholder-vertical { width: 200px; height: auto; margin: 5px 0; } .jcarousel-item h3, .jcarousel-item p { margin: 0; font-size: 90%; } .jcarousel-next-vertical { position: absolute; bottom: 0; left: 0; width: 220px; height: 14px; cursor: pointer; border-top: 1px solid #fff; background: #0062c4 url(../imagens/arrow-down.gif) no-repeat center; } .jcarousel-next-disabled-vertical { cursor: default; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); } .jcarousel-prev-vertical { position: absolute; top: 0; left: 0; width: 220px; height: 14px; cursor: pointer; border-bottom: 1px solid #fff; background: #0062c4 url(../imagens/arrow-up.gif) no-repeat center; } .jcarousel-prev-disabled-vertical { cursor: default; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); } .loading { background: transparent url(../imagens/loading.gif) 50% 50% no-repeat; } /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none !important; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Skin */ .ui-tabs-nav, .ui-tabs-panel { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; } .ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 3px; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; margin: 0 0 0 2px; font-weight: bold; } .ui-tabs-nav a, .ui-tabs-nav a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 12px; background: url(../imagens/icones/tabs.png) no-repeat; } .ui-tabs-nav a { margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; background-position: 100% 0; text-decoration: none; white-space: nowrap; /* @ IE 6 */ outline: 0; /* @ Firefox, prevent dotted border after click */ } .ui-tabs-nav a:link, .ui-tabs-nav a:visited { color: #fff; } .ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; background-position: 100% -23px; } .ui-tabs-nav a span { padding-top: 1px; padding-right: 0; height: 20px; background-position: 0 0; line-height: 20px; } .ui-tabs-nav .ui-tabs-selected a span { padding-top: 0; height: 27px; background-position: 0 -23px; line-height: 27px; } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; } .ui-tabs-panel { border-top: 1px solid #012b41; /* padding: 10px;*/ padding-top: 10px; padding-bottom: 10px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ } /*.ui-tabs-loading em { padding: 0 0 0 20px; background: url(../imagens/loadingAnimation.gif) no-repeat 0 50%; }*/ /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; }