@import url(core.css);
@import url(module.css);
div#ak_modal_div {
	position: absolute;
	z-index: 1000;
	background: transparent;
}
div#ak_modal_div div.ak_modal_title {
	position: relative;
	background-color: #FEC502;
	color: #FFF;
	font: bold 12px/1.5em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	text-align: center;
}
body {
    background-image: url(../images/fundo_cinza.png);
    min-width: 998px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    color: #000;
}
#aux {
    background: url(../images/cabecalho_home.png);
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    min-width: 998px;
    width: 100%;
    height: 440px;
}
#master {
    position: relative;
    z-index: 1;
    width: 998px; overflow: hidden;
    margin: 0 auto;
}
#cabecalho {
    position: relative;
    height: 165px;
}
    #cabecalho .box_recursos {
        color: #999;
        font-size: 10px;
        position: absolute;
        top: 8px;
        right: 345px;
    }
        #cabecalho .box_recursos a { color: #999; text-decoration: none; }
        #cabecalho .box_recursos a:hover { text-decoration: underline; }
    #cabecalho .logo {
        background: url(../images/ftpi_digital_logo.gif) no-repeat;
        position: absolute;
        width: 188px;
        height: 51px;
        top: 30px;
        left: 30px;
    }
    #cabecalho .midia_interativa {
        background: url(../images/barra_cabecalho.gif) no-repeat;
        position: absolute;
        width: 425px;
        height: 38px;
        top: 44px;
        left: 226px;
    }
    #cabecalho .crosslink_ftpi {
        background: url(../images/crosslink_ftpi.gif) no-repeat;
        position: absolute;
        width: 236px;
        height: 30px;
        right: 20px;
        top: 60px;
    }
    #cabecalho .form_procurar {
        border: 1px solid #CCC;
        position: absolute;
        width: 237px;
        height: 20px;
        top: 5px;
        right: 20px;
        color: #CCC;
        font-size: 11px;
    }
    #cabecalho .form_lupa {
        background: url(../images/lupa.gif) no-repeat;
        position: absolute;
        width: 14px;
        height: 14px;
        top: 10px;
        right: 30px;
    }
    #cabecalho .box_acesso {
        position: absolute;
        white-space: nowrap;
        width: 237px;
        font-size: 12px;
        color: #003399;
        top: 71px;
        right: 20px;
        text-align: right;
    }
        #cabecalho .box_acesso a { color: #003399; text-decoration: none; padding-right: 5px; }
        #cabecalho .box_acesso a:hover { color: #F00; text-decoration: none; }
        #cabecalho .box_acesso .last { padding-right: 0; }
/*****************************MENU********************************************/
    #cabecalho ul {
      position: relative;
      width: 998px;
      top: 90px;
      left: 10px;
    }
    #cabecalho ul li {
      float: left;
    }
      #cabecalho ul li a {
        height: 50px;
        background-repeat: no-repeat;
        background-position: 0 0;
        float: left;
      }
        #cabecalho ul li a.menu_quem {
          background-image: url(../images/menu_quem.gif);
          width: 125px;
        }
        #cabecalho ul li a.menu_info {
          background-image: url(../images/menu_info.gif);
          width: 125px;
        }
        #cabecalho ul li a.menu_servicos {
          background-image: url(../images/menu_servicos.gif);
          width: 100px;
        }
        #cabecalho ul li a.menu_veiculos {
          background-image: url(../images/menu_veiculos.gif);
          width: 215px;
        }
        #cabecalho ul li a.menu_contato {
          background-image: url(../images/menu_contato.gif);
          width: 100px;
        }
        #cabecalho ul:after{ content: "."; line-height: 0; clear: both; display: block; visibility: hidden;  }
        #cabecalho ul li a:hover, #cabecalho ul li.selected a { background-position: 0 -50px; }
      #cabecalho .ul_submenu {
          display: none;
          position: absolute;
          z-index: 3;
          top: 50px;
          left: 15px;
      }
      #cabecalho li.selected .ul_submenu { display: block; }
          #cabecalho .ul_submenu li {
              float: left;
              top: 0;
              left: 0;
          }
            #cabecalho li.selected .ul_submenu li a { background-position: 0 0; height: 30px; }
            #cabecalho li.selected .ul_submenu li a:hover { background-position: 0 -30px; height: 30px; }
            
            #cabecalho .ul_submenu li .submenu_o_que {
                background-image: url(../images/submenu_o_que.gif);
                width: 223px;
            }
            #cabecalho .ul_submenu li .submenu_entendendo {
                background-image: url(../images/submenu_entendendo.gif);
                width: 256px;
            }
            #cabecalho .ul_submenu li .submenu_como_funciona {
                background-image: url(../images/submenu_como_funciona.gif);
                width: 288px;
                margin-left: 250px;
            }
            #cabecalho .ul_submenu li .submenu_como_funciona_ser {
                background-image: url(../images/submenu_como_funciona_ser.gif);
                width: 286px;
            }
            #cabecalho .ul_submenu li .submenu_portais {
                background-image: url(../images/submenu_portais.gif);
                width: 162px;
            }
            #cabecalho .ul_submenu li .submenu_classificados {
                background-image: url(../images/submenu_classificados.gif);
                width: 198px;
            }
            #cabecalho .ul_submenu li .submenu_veiculos {
                background-image: url(../images/submenu_veiculos.gif);
                width: 158px;
            }
            #cabecalho .ul_submenu li .submenu_classe {
                background-image: url(../images/submenu_classe.gif);
                width: 94px;
            }
            #cabecalho .ul_submenu li .submenu_segmentos {
                background-image: url(../images/submenu_segmentos.gif);
                width: 112px;
            }
            #cabecalho .ul_submenu li .submenu_fale {
                background-image: url(../images/submenu_fale.gif);
                width: 104px;
                margin-left: 565px;
            }
/***********************MENU[END]*********************************************/
#corpo {
    background-color: #FFF;
    position: relative;
    height: auto;       
    padding-bottom: 20px;
}
    #corpo .box_banner {
        background: url(../images/cabecalho_home.png) 50% 100%;
        width: 998px;
        height: 275px;
        overflow: hidden;
        position: relative;
    }
        #corpo .box_banner .banner_tribuna {
            color: #333;
            font-size: 14px;
            position: absolute;
            top: 0;
            left: 0;
            text-align: left;
        }
        #corpo .box_banner .banner_tribuna .box_content { 
            text-align: left;
            margin-left: 10px;
            width: 426px;
        }
          #corpo .box_banner .banner_tribuna .box_content .title {
              font-size: 40px;
              font-weight: bold;
              display: block;
              text-align: left;
          }
          #corpo .box_banner .banner_tribuna .box_content .excerpt {
              font-size: 22px;
              display: block;
              text-align: left;
              margin: 5px 0;
          }
              #corpo .box_banner .banner_tribuna .box_content .dados_title {
                  font-size: 18px;
                  display: block;
                  text-align: left;
              }
              #corpo .box_banner .banner_tribuna .box_content ul {
                  display: block;
                  margin: 5px 0;
              }
              #corpo .box_banner .banner_tribuna .box_content li {
                  background: url(../images/dots.png) no-repeat 0 8px;
                  padding-left: 15px;
                  line-height: 20px;
                  text-align: left;
              }
              #corpo .box_banner .banner_tribuna .box_content .bot_mais_detalhes {
                  background: url(../images/bot_mais_detalhes.gif) no-repeat;
                  width: 125px;
                  height: 24px;
                  display: block;
                  float: right;
              }
            /***********/
            #corpo .box_banner .banner_tribuna .pag_tribuna {
                position: absolute;
                display: block;
                top: 22px;
                left: 484px;
            }
            #corpo .box_banner .banner_tribuna .pag_tribuna_title {
                font-size: 18px;
                position: absolute;
                top: 0;
                left: 480px;
                display: block;
                width: 500px;
                text-align: right;
            }
    #corpo .set_degrade {
        width: 998px;
        margin-bottom: -10px;
        position: relative;
    }
        #corpo .set_degrade .box_degrade {
            background: url(../images/fundo_conteudo.png) no-repeat;
            width: 237px;
            height: 270px;
            float: left;
            margin-left: 10px;
            display: inline;
            text-align: left;
            font-size: 12px;
            color: #666;
            padding: 15px;
            line-height: 150%;
            position: relative;
            voice-family: "\"}\"";
            voice-family: inherit;
            width: 207px;
            height: 240px;
        }
        #corpo .set_degrade h2 {
            color: #333;
            font-size: 22px;
            font-weight: bold;
            line-height: 100%;
            padding-bottom: 15px;
        }
        #corpo .set_degrade em {
            font-size: 16px;
            line-height: 110%;
            font-weight: bold;
            display: block;
            font-style: normal;
            padding-bottom: 12px;
        }
        #corpo .set_degrade .em_veiculos {
            font-size: 12px;
            line-height: 150%;
            font-weight: bold;
            display: block;
            padding-bottom: 12px;
        }
        #corpo .set_degrade .bot_saiba_mais {
            background: url(../images/bot_saiba_mais.gif) no-repeat;
            width: 105px;
            height: 24px;
            position: absolute;
            top: 238px;
            left: 105px;
        }
        #corpo .set_degrade .item_regionais {
            background-image: url(../images/item_regionais.gif);
            width: 217px;
            height: 24px;
        }
        #corpo .set_degrade .item_entretenimento {
            background-image: url(../images/item_entretenimento.gif);
            width: 217px;
            height: 24px;
        }
        #corpo .set_degrade .item_classe_a {
            background-image: url(../images/item_classe_a.gif);
            width: 217px;
            height: 24px;
        }
        #corpo .set_degrade .item_classificados { 
            background-image: url(../images/item_classificados.gif);
            width: 217px;
            height: 25px;
        }
        #corpo .set_degrade .item_feminos {
            background-image: url(../images/item_femininos.gif);
            width: 217px;
            height: 25px;
        }
        #corpo .set_degrade .item_esportes {
            background-image: url(../images/item_esportes.gif);
            width: 217px;
            height: 25px;
        }
        #corpo .set_degrade .item_economia {
            background-image: url(../images/item_economia.gif);
            width: 217px;
            height: 25px;
        }
        #corpo .set_degrade .item_todos {
            background-image: url(../images/item_todos.gif);
            width: 217px;
            height: 13px;
        }
        
#rodape {
    background: url(../images/fundo_rodape.png);
    width: 100%;
    height: 105px;
    position: relative;
    z-index: 10;
}
    #rodape .bot_topo, #rodape .bot_voltar{
        display: none;
    }
    #rodape .rodape_master {
        background: url(../images/fundo_rodape_master.png);
        width: 50%;
        height: 105px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    #rodape .box_rodape {
        background: url(../images/fundo_box_rodape.png);
        width: 998px;
        height: 105px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        text-align: left;
        font-size: 11px;
        color: #333;
        line-height: 150%;
    }
        #rodape .box_rodape .logo_rodape {
            position: absolute; top: 30px; left: 0; 
            background-image: url(../images/ftpi_digital_logo_rodape.gif);
            width: 140px;
            height: 38px;
        }
        #rodape .box_rodape .icon_ftpi {
            position: absolute; top: 10px; right: 0; 
            background-image: url(../images/icon_ftpi.gif);
            width: 67px;
            height: 67px;
        }

        #rodape .box_rodape .rodape_endereco h5 {
            font-weight: bold;
            display: block;
        }
        #rodape .box_rodape .rodape_endereco{
            position: relative; left: 259px; top: 30px;
            display: inline-block; *display: inline; zoom: 1;
            width: 137px;
            background-color: transparent;
        }
        #rodape .box_rodape .rodape_left {
            color: #F60;
            display: block;
            float: left;
            position: absolute;
            bottom: 2px;
            left: 10px;
        }
        #rodape .box_rodape .rodape_right {
            color: #F60;
            display: block;
            float: left;
            position: absolute;
            bottom: 2px;
            right: 10px;
        }
            #rodape .box_rodape .rodape_right a { color: #F60; text-decoration: none; }
            #rodape .box_rodape .rodape_right a:hover { text-decoration: underline; }
            
    .dbanner-overlay{
        display: none;
        position: absolute; top: 0; left: 0; z-index: 1000;
        width: 100%; height: 100%;
        background-color: #000;
        filter: alpha(opacity=90);
        opacity: 0.9;
    }
    .dbanner-content{ display: none; }
    .dbanner-title{
        position: absolute; z-index: 1100;
        display: block;
        text-align: left;
        font-size: 18px; font-weight: bold; line-height: 120%;
        color: #FFF;
    }
    .dbanner-desc{
        position: absolute; z-index: 1100;
        display: block;
        text-align: left;
        font-size: 12px; font-weight: bold; line-height: 150%;
        color: #FFF;
    }
    .dbanner-demo{
        position: absolute; z-index: 1100;
        display: block;
        background-color: #66CCFF;
    }
    
    .dbanner-width{
        position: absolute; top: -20px; left: 0;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 12px; font-weight: bold; line-height: 150%;
        color: #FFF;
    }
    
    .dbanner-height{
        position: absolute; top: 50%; right: -40px;
        height: auto;
        display: block;
        text-align: right;
        margin-top: -15px;
        font-size: 12px; font-weight: bold; line-height: 150%;
        color: #FFF;
    }
    .dbanner-close{
        position: absolute; z-index: 1100;
        text-decoration: none;
        height: auto;
        display: block;
        text-align: right;
        font-size: 12px; font-weight: bold; line-height: 150%;
        color: #FFF;
    }