/********************************************
    CSS Veja Sao Paulo
    Homes
********************************************/
#homeTv { position: relative; width: 360px; height: 270px; overflow: hidden; }
  #homeTv .homeTVPub{background-color:#EFEBD2;}
  #homeTv ol { width: 3600px; z-index: 30; position: relative; left: 0; top: 0; }
    #homeTv ol li { float: left; position: relative; width: 360px; height: 270px; overflow: hidden; }
      #homeTv ol li a.homeTvImg { z-index: 30; position: relative; }
      .homeTvNavBg { width: 360px; height: 70px; position: absolute; left: 0; bottom: 0; z-index: 31; background: url(../images/bg_transp_preto.png) no-repeat left top; }
      .homeTvInfo { width: 330px; height: 70px; position: absolute; left: 15px; bottom: 0; z-index: 32; }
        .homeTvInfo p { position: relative; z-index: 22; padding: 0 10px; width: 310px; overflow: hidden; }
          .homeTvInfo p a { color: #fff !important; text-decoration: none; }
          .homeTvInfo p a:hover { text-decoration: underline; }
        .homeTvInfo p.titulo { font-size: 14px; font-weight: bold; margin-bottom: 0; padding-top: 3px; }
  #homeTvNavItems { height: 11px; overflow: hidden; position: absolute; left: 40%; bottom: 4px; z-index: 41; }
    #homeTvNavItems li { width: 11px; height: 11px; margin-right: 2px; float: left; text-indent: -9999px; background: url(../images/home_tv_nav.png) no-repeat left top; font-size: 1px; line-height: 1px; }
      #homeTvNavItems li a { width: 11px; height: 11px; display: block; }
    #homeTvNavItems li.active { background-position: left bottom; }
  #homeTvNavSetas { }
    #homeTvNavSetas li { position: absolute; bottom: 0; width: 15px; height: 70px; text-indent: -9999px; z-index: 40; }
      #homeTvNavSetas li.disabled { cursor: default; }
        #homeTvNavSetas li.disabled a { background-color: #d9d7c8 !important; cursor: default; }
      #homeTvNavSetas li a { display: block; width: 15px; height: 70px; background: #de0b13 url(../images/setas_nav.png) no-repeat; }
        #homeTvNavSetas li a:hover { background-color: #c10911; }
      #homeTvNavSetas li.ant { left: 0; }
      #homeTvNavSetas li.prox { right: 0; }
      #homeTvNavSetas li.ant a { background-position: left 11px; }
      #homeTvNavSetas li.prox a { background-position: right 11px; }

#homeBusca { width: 360px; height: 270px; position: relative; overflow: hidden; }
  #homeBusca li.buscaFieldset { margin-left: 127px; width: 233px; height: 270px; background: #efebd2; position: absolute; top: 0; left: 0; z-index: 30; }
  #homeBusca li.active { z-index: 31; }
  #homeBusca li strong { position: absolute; left: -127px; padding-left: 40px; width: 86px; height: 44px; display: block; background: #aeac9c; font-size: 14px; font-weight: normal; color: #fff; line-height: 40px; text-transform: lowercase; cursor: pointer; }
    #homeBusca li strong span { display: block; width: 35px; height: 35px; line-height: 1px; position: absolute; left: 3px; top: 4px; background: #0f0; text-indent: -9999px; background: url(../images/sprite_secoes_big.png) no-repeat; }
    #homeBusca #buscaHomeRest strong { top: 0; }
      #homeBusca #buscaHomeRest strong span { background-position: 0 -35px; }
      #homeBusca #buscaHomeRest.active strong span { background-position: 0 0; }
    #homeBusca #buscaHomeBares strong { top: 45px; }
      #homeBusca #buscaHomeBares strong span { background-position: -35px -35px; }
      #homeBusca #buscaHomeBares.active strong span { background-position: -35px 0; }
    #homeBusca #buscaHomeCom strong { top: 90px; }
      #homeBusca #buscaHomeCom strong span { background-position: -70px -35px; }
      #homeBusca #buscaHomeCom.active strong span { background-position: -70px 0; }
    #homeBusca #buscaHomeCinema strong { top: 135px; }
      #homeBusca #buscaHomeCinema strong span { background-position: -105px -35px; }
      #homeBusca #buscaHomeCinema.active strong span { background-position: -105px 0; }
    #homeBusca #buscaHomeTeatro strong { top: 180px; }
      #homeBusca #buscaHomeTeatro strong span { background-position: -140px -35px; }
      #homeBusca #buscaHomeTeatro.active strong span { background-position: -140px 0; }
    #homeBusca #buscaHomeShows strong { top: 225px; }
      #homeBusca #buscaHomeShows strong span { background-position: -175px -35px; }
      #homeBusca #buscaHomeShows.active strong span { background-position: -175px 0; }
  #homeBusca li.active strong { background: #efebd2; width: 87px; color: #000; }
  #homeBusca li fieldset { display: none; padding: 13px 15px 0; }
  #homeBusca li fieldset .legend { font-size: 14px; margin-bottom: 10px; }
  #homeBusca li fieldset li { margin-bottom: 5px;width:100% }
    #homeBusca li fieldset label { display: block; font-size: 12px; font-weight: bold; margin-bottom: 2px; }
    #homeBusca li fieldset select { width: 200px; font:11px tahoma }
    #homeBusca li fieldset input { width: 194px; height: 16px; padding: 2px 3px; font-size: 11px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
    #homeBusca li fieldset input.default { font-style: italic; color: #6f6d59; }
    #homeBusca li fieldset input.bt_enviar { float: left; border: none; width: auto; margin-top: 10px; }
  #homeBusca li.active fieldset { display: block; }

#melhorSemanaComp .patrocinio { float: right; margin-bottom: 3px; line-height: 12px; margin-top: -27px; padding-bottom: 5px; }
  #melhorSemanaComp .patrocinio small { font-size: 9px; }
#melhorSemanaNav .carouselItems li { width: 72px; }
  #melhorSemanaNav .carouselItems a { width: 72px; }
    #melhorSemanaNav .carouselItems a span { width: 40px; margin: 0 15px; }
#melhorSemanaNav .carouselItems li.active { width: 104px; }
  #melhorSemanaNav .carouselItems li.active a { width: 104px; position: relative; }
    #melhorSemanaNav .carouselItems li.active .hoje { color: #000; font-weight: bold; text-transform: uppercase; position: absolute; left: 0; top: 17px; }
    #melhorSemanaNav .carouselItems li.active .grafismo { display: block; position: absolute; width: 6px; height: 5px; left: 58px; top: 23px; text-indent: -9999px; background: url(../images/melhor_semana_grafismo.gif) no-repeat left -8px; margin: 0; }
    #melhorSemanaComp #melhorSemanaNav .carouselItems li.active a .d { margin-left: 62px; color: #000; }
    #melhorSemanaComp #melhorSemanaNav .carouselItems li.active a .dd { margin-left: 62px; color: #000; }
#melhorSemanaComp #melhorSemanaNav { clear: both; }
#melhorSemanaComp #melhorSemanaNav .carouselItems a span.d { font-size: 14px; line-height: 18px; padding-top: 3px; color: #de0b13; font-weight: normal; }
#melhorSemanaComp #melhorSemanaNav .carouselItems a span.dd { font-size: 11px; line-height: 13px; color: #6f6d59; text-transform: uppercase; font-weight: normal; }

#melhorSemanaComp #conteudoVejaRecomenda { padding: 15px 10px 12px; }
  #melhorSemanaComp #conteudoVejaRecomenda li.primeiro { width: auto; }
  #melhorSemanaComp #conteudoVejaRecomenda li.even { margin-left: 16px; }
  #melhorSemanaComp #conteudoVejaRecomenda li { width: 140px; margin-bottom: 10px; }

  #melhorSemanaComp #conteudoVejaRecomenda .secao { font-size: 14px; font-weight: bold; text-transform: lowercase; }


