html, body { margin: 0; padding: 0; height: 100%;}

body { 
  text-align: center; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  line-height: 150%; 
  color: #333;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #F8F4E8;
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}

dl dt span {
	display: none;
}

img {
	border: none;
}

form, form p {
	margin: 0;
	padding: 0;
	display: block;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {	color: #333; }

a span,h5 span,h6 span,h1 span,h2 span,h3 span { display: none; }

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

.hideThis { display: none; }

div.barra_nav {  background: url(../images/fundo_uol.gif) repeat-x; height: 34px; }
table#uolbar { margin: auto; }

div#master {
  width: 998px;
  margin: 0 auto;
  text-align: left;
}

  div#header { position: relative; height: 212px; }
      div#header div#duplaBaloon {
        position: absolute;
        background: url(../images/baloon_shadow.png) no-repeat;
        top: 55px;
        left: 288px; 
        z-index: 30;
        width: 245px;
        height: 112px;
        display: none;
        padding: 10px 20px 0px 30px;
      	voice-family : "\"}\"";
      	voice-family : inherit;
        width: 195px;
        height: 102px;
      }
      div#header div#duplaBaloonRev {
        position: absolute;
        background: url(../images/baloon_shadow_reverse.png) no-repeat;
        top: 55px;
        left: 288px; 
        z-index: 30;
        width: 245px;
        height: 112px;
        display: none;
        padding: 10px 30px 0px 20px;
      	voice-family : "\"}\"";
      	voice-family : inherit;
        width: 195px;
        height: 102px;
      }
      div#header div.baloon strong {
        display: block;
        font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
        font-size: 14px;
        line-height: 120%;
        color: #000;
      }

    div#header a.logo {
      display: block;
      position: absolute;
      width: 214px;
      height: 200px;
      top: 10px;
      left: 10px;
      background-repeat: no-repeat;
    }
    div#header h2 {
      position: absolute;
      width: 744px;
      height: 50px;
      top: 3px;
      left: 250px;
      background-repeat: no-repeat;
    }
    div#header div#duplasPresentation {
      position: absolute;
      width: 744px;
      height: 94px;
      top: 63px;
      left: 250px;
    }
      div#header div#duplasPresentation a {
        display: block;
        float: left;
        width: 65px;
        height: 130px;
        margin-right: 18px;
      }
      div#header div#duplasPresentation a.last {
        margin-right: 0;
      }
      div#header div#duplasPresentation a img {
        display: block;
        margin-bottom: 0;
      }

      div#header div#duplasPresentation a img.top {
        margin-bottom: 5px;
      }
      div#header div#duplasPresentation a.hover img { border: 2px solid #EC1D6B; }

div.cols { float: left; }
  div#colA {
    width: 248px;
    padding-left: 10px;
  	voice-family : "\"}\"";
  	voice-family : inherit;
    width: 238px; 
  }
    div#colA dl.boxMenu {
      width: 210px;
      margin-bottom: 10px;
    }
      div#colA dl.boxMenu dd.open { height: 41px; background-repeat: no-repeat; }
      div#colA dl.boxMenu dd.close { height: 29px; background-repeat: no-repeat; }
      div#colA dl.boxMenu dd.body { padding: 5px 0 0 15px; }
        div#colA dl.boxMenu dd.body a { display: block; height: 30px; background-repeat: no-repeat; }
        div#colA dl.boxMenu dd.body a:hover { background-position: 0 -30px; }
        div#colA dl.boxMenu dd.body a.sel { background-position: 0 -30px; }
      
      dl.boxMenu#evento dd.open { background-image: url(../images/tit_menu_evento.png); }
      dl.boxMenu#evento dd.close { background-image: url(../images/fundo_fecha_menu_evento.png); }
      dl.boxMenu#evento dd.body { background-color: #EC1D6B; }
        dl.boxMenu#evento dd.body a.sobre { background-image: url(../images/bot_evento_sobre.gif) }
        dl.boxMenu#evento dd.body a.duplas { background-image: url(../images/bot_evento_duplas.gif) }
        dl.boxMenu#evento dd.body a.atracoes { background-image: url(../images/bot_evento_atracoes.gif) }
        dl.boxMenu#evento dd.body a.ingressos { background-image: url(../images/bot_evento_ingressos.gif) }
        dl.boxMenu#evento dd.body a.local { background-image: url(../images/bot_evento_local.gif) }
        dl.boxMenu#evento dd.body a.novidades { background-image: url(../images/bot_evento_novidades.gif) }
        dl.boxMenu#evento dd.body a.multimidia { background-image: url(../images/bot_evento_multimidia.gif) }
        dl.boxMenu#evento dd.body a.revista { background-image: url(../images/bot_evento_revista.gif) }
        dl.boxMenu#evento dd.body a.imprensa { background-image: url(../images/bot_evento_imprensa.gif) }
        dl.boxMenu#evento dd.body a.musicas { background-image: url(../images/bot_evento_musicas.gif) }
        dl.boxMenu#evento dd.body a.contato { background-image: url(../images/bot_evento_contato.gif) }

      dl.boxMenu#participe dd.open { background-image: url(../images/tit_menu_participe.png); }
      dl.boxMenu#participe dd.close { background-image: url(../images/fundo_fecha_menu_participe.png); }
      dl.boxMenu#participe dd.body { background-color: #2fb4bb; }
        dl.boxMenu#participe dd.body a.etapas { background-image: url(../images/bot_participe_etapas.gif) }
        dl.boxMenu#participe dd.body a.regras { background-image: url(../images/bot_participe_regras.gif) }
        dl.boxMenu#participe dd.body a.duvidas { background-image: url(../images/bot_participe_duvidas.gif) }
        dl.boxMenu#participe dd.body a.faq { background-image: url(../images/bot_participe_faq.gif) }

      dl.boxMenu#wcs dd.open { background-image: url(../images/tit_menu_wcs.png); }
      dl.boxMenu#wcs dd.close { background-image: url(../images/fundo_fecha_menu_wcs.png); }
      dl.boxMenu#wcs dd.body { background-color: #B1D524; }
        dl.boxMenu#wcs dd.body a.sobre { background-image: url(../images/bot_wcs_sobre.gif) }
        dl.boxMenu#wcs dd.body a.arquivo { background-image: url(../images/bot_wcs_arquivo.gif) }
        dl.boxMenu#wcs dd.body a.patrocinadores { background-image: url(../images/bot_wcs_patrocinadores.gif) }
        /*dl.boxMenu#wcs dd.body a.imprensa { background-image: url(../images/bot_wcs_imprensa.gif) }*/
        dl.boxMenu#wcs dd.body a.wcs_no_twitter { background-image: url(../images/bot_wcs_no_twitter.gif) }

  div#colB { width: 750px; }
    div#flashContagem { height: 105px; }
    div#subColA { width: 560px; }
      
      div#subColA h3.destaques { position: relative; background: url(../images/boxTit_destaques.gif) no-repeat; width: 540px; height: 37px; }
        div#subColA h3.destaques a { display: block; position: absolute; width: 128px; height: 9px; top: 5px; right: 0px; background: url(../images/bot_extra_arquivo.gif) no-repeat; }
      div#subColA h3.ultimas_noticias { position: relative; background: url(../images/boxTit_ultimas_noticias.gif) no-repeat; width: 540px; height: 37px; }
        div#subColA h3.ultimas_noticias a { display: block; position: absolute; width: 128px; height: 9px; top: 5px; right: 0px; background: url(../images/bot_extra_arquivo.gif) no-repeat; }
      div#subColA h3.noticias_participante { position: relative; background: url(../images/boxTit_noticias_participante.gif) no-repeat; width: 540px; height: 37px; }
        div#subColA h3.noticias_participante a { display: block; position: absolute; width: 134px; height: 9px; top: 5px; right: 0px; background: url(../images/bot_extra_todas_noticias_laranja.gif) no-repeat; }
      div#subColA h3.noticias_evento { position: relative; background: url(../images/boxTit_noticias_evento.gif) no-repeat; width: 540px; height: 37px; }
        div#subColA h3.noticias_evento a { display: block; position: absolute; width: 134px; height: 9px; top: 5px; right: 0px; background: url(../images/bot_extra_todas_noticias_laranja.gif) no-repeat; }
      div#subColA h3.seletivas_participou { position: relative; background: url(../images/boxTit_seletivas_participou.gif) no-repeat; width: 540px; height: 37px; }
        div#subColA h3.seletivas_participou a { display: block; position: absolute; width: 144px; height: 9px; top: 5px; right: 0px; background: url(../images/bot_extra_todas_seletivas_laranja.gif) no-repeat; }
      
    div#subColB { width: 190px; }
      div#subColB div.boxBusca {
        padding-left: 15px; 
        height: 114px;
        background: url(../images/fundo_box_busca.gif) no-repeat;
      }
        div#subColB div.boxBusca h6,div#subColB div.boxPublicidade h6 { height: 43px; }
        div#subColB div.boxBusca h6,div#subColB div.boxPatrocinio h6 { height: 43px; }
        
        div#subColB div.boxBusca div { 
          float: left;
          width: 129px;
          height: 26px;
          background-image: url(../images/fundo_box_busca_field.jpg);
          background-repeat: no-repeat;
          padding: 3px 0 0 5px;
        	voice-family : "\"}\"";
        	voice-family : inherit;
          width: 124px;
          height: 23px;
        }
        div#subColB div.boxBusca div input#s { 
          width: 110px;
          background: transparent;
          border: none;
          padding: 0;
          margin: 0
        }

      div#subColB div.boxPublicidade {
        height: 214px;
        text-align: center;
        background: url(../images/fundo_box_publicidade.gif) no-repeat;
      }

      div#subColB div.boxPatrocinio {
        height: 214px;
        text-align: center;
        background: url(../images/fundo_box_patrocinio.gif) no-repeat;
      }
      div#subColB div.boxPatrocinio img{
        border: 1px solid #222;
      }

      div#subColB dl.boxMultimidia dd.body {
        background: url(../images/etc_box_multimidia_body.gif) repeat-y;
      }
        
        div#subColB dl.boxMultimidia dd.body div {
          background-repeat: no-repeat;
          background-position: 0 20px;
        }
        div#subColB dl.boxMultimidia dd.body div a { display: block; }
        div#subColB dl.boxMultimidia dd.body div a span.mask {
          display:block;
          height: 125px;
          background: url(../images/etc_box_multimidia_mask.png) no-repeat;
        }
        div#subColB dl.boxMultimidia dd.body div a span.desc {
          display: block;
          padding: 0 10px 10px 10px;
        }
        
        div#subColB dl.boxMultimidia dd.body div a span.desc strong {
          display: block;
          color: #5C7012;
        }

      div#subColB dl.boxMultimidia dd.close{ height: 25px; background: url(../images/etc_box_multimidia_close.gif) no-repeat; }

    div#subColB dl.boxMenu {
      width: 180px;
      margin-bottom: 20px;
    }
      div#subColB dl.boxMenu dd.open { height: 36px; background-repeat: no-repeat; }
      div#subColB dl.boxMenu dd.close { height: 26px; background-repeat: no-repeat; }
      div#subColB dl.boxMenu dd.body { padding: 0 15px 0 15px; }
      div#subColB dl.boxMenu dd.body a { color: #fff; display: block; padding: 6px 0 10px 0; background: url(../images/dot_white.gif) repeat-x bottom; }
      div#subColB dl.boxMenu dd.body a:hover { font-weight: bold; }
      
      div#subColB dl.boxMenu.azul dd.body { background-color: #2FB4BB !important; }
      div#subColB dl.boxMenu.azul dd.close { background-image: url(../images/fundo_fecha_menu_180_blue.gif)!important; }

      div#subColB dl.boxMenu.verde dd.body { background-color: #9DBD20 !important; }
      div#subColB dl.boxMenu.verde dd.close { background-image: url(../images/fundo_fecha_menu_180_verde.gif) !important; }

      div#subColB dl.boxMenu.magenta dd.body { background-color: #EC1D6B !important; }
      div#subColB dl.boxMenu.magenta dd.close { background-image: url(../images/fundo_fecha_menu_180_magenta.gif) !important; }

      div#subColB dl.boxMenu.moldura.laranja dd.body { background-image: url(../images/fundo_menu_laranja_body.gif) !important; background-repeat: repeat-y; }
      div#subColB dl.boxMenu.moldura.laranja dd.close { background-image: url(../images/fundo_menu_laranja_close.gif) !important; }

      div#subColB dl.boxMenu.laranja dd.body { background-color: #f60 !important; }
     
      div#subColB dl.boxMenu.laranja dd.body a.sel{ font-weight: bold;}
     
      div#subColB dl.boxMenu.laranja dd.close { background-image: url(../images/fundo_fecha_menu_180_laranja.gif) !important; }

      div#subColB dl.boxMenu.laranja dd.body a.listPerfil {
        padding-left: 20px;
        background: url(../images/icon_seta_laranja.gif) no-repeat 0 12px;    
      }
  
a.catPost {
  display: block;
  width: 540px;
  padding: 10px 0 20px 0;
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 12px;
  line-height: 150%;
  font-weight: normal !important;
  background-image: url(../images/divider_green.gif);
  color: #333 !important;
}
  a.catPost strong { 
    display: block; 
    font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
    font-size: 14px;
    color: #333;
  }

  a.catPost:hover { text-decoration: none !important; }

  a.catPost.laranja { background-image: url(../images/divider_laranja.gif); }
    a.catPost.laranja strong { color:  #333; } 

  a.catPost.last { background-image: none; }
  a.catPost:hover strong { color: #EC1D6B;}
  
a.listPost {
  display: block;
  font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 150%;
  width: 540px;
  padding: 8px 0 8px 20px;
  font-weight:  bold;
  background: url(../images/icon_seta_laranja.gif) no-repeat 0 12px;
	voice-family : "\"}\"";
	voice-family : inherit;
  width: 520px;
}

a.listPost:hover { color: #f60; }


  span.closeBoxLogos {
    display: block;
    height: 5px;
    margin-bottom: 20px;
    width: 998px;
    background: url(../images/divider_green_full.gif) no-repeat bottom;
  }
    div.boxLogos div { display: block; float: left; }
    div.boxLogos div h6 { height: 45px; background-repeat: no-repeat; }
    div.boxLogos div a { display: block; float: left; background-repeat: no-repeat; background-color: #fff; }
      div.boxLogos div.patrocinio { width: 330px; height: 330px;}
      div.boxLogos div.eventos { width: 998px; height: 200px;}
      div.boxLogos div.apoio { width: 665px; height: 140px;}
      div.boxLogos div.parceiros { width: 240px; height: 200px;}
      div.boxLogos div.colaboracao { width: 420px; height: 200px;}
        div.boxLogos div.patrocinio h6 { background-image: url(../images/boxTit_patrocinadores.gif); }
        div.boxLogos div.eventos h6 { background-image: url(../images/boxTit_eventos_998.gif); }
        div.boxLogos div.parceiros h6 { background-image: url(../images/boxTit_parceiros_verde.gif); }
        div.boxLogos div.apoio h6 { background-image: url(../images/boxTit_apoio_cultural_laranja.gif); }
        div.boxLogos div.colaboracao h6 { background-image: url(../images/boxTit_colaboracao.gif); }

        div.boxLogos div.patrocinio a {
          width: 124px;
          height: 124px;
          border: 3px solid #EC1D6B;
          margin: 0 20px 20px 0;
        	voice-family : "\"}\"";
        	voice-family : inherit;
          width: 118px;
          height: 118px;
        }
        div.boxLogos div.eventos a.seta {
          width: 40px;
          height: 90px;
          background-color: transparent;
        }
          div.boxLogos div.eventos a.seta.left { background-image: url(../images/seta_left.gif); background-position: left center; }
          div.boxLogos div.eventos a.seta.right { background-image: url(../images/seta_right.gif); background-position: right center; }
            
        div.boxLogos div.eventos div#listEventos {
          float: left;
          width: 600px;
          height: 140px;
          overflow: hidden;
        }
        div.boxLogos div.eventos.w840 div#listEventos {
          width: 700px;
        }
        div.boxLogos div.eventos.w998 div#listEventos {
          width: 900px;
        }
          div.boxLogos div.eventos div#listEventos div#boxLogosEventos {
            width: 1100px;
          }
          div.boxLogos div.eventos div#listEventos div#boxLogosEventos a {
            width: 90px;
            height: 150px;
            margin-right: 34px;
            background-color: transparent;
            font-size: 10px;
            line-height: 150%;
          }
            div.boxLogos div.eventos div#listEventos div#boxLogosEventos a strong {
              display: block;
              width: 90px;
              height: 90px;
              border: 3px solid #2FB4BB;
              background-color: #fff;
            	voice-family : "\"}\"";
            	voice-family : inherit;
              width: 84px;
              height: 84px;
            }
        div.boxLogos div.apoio a {
          width: 90px;
          height: 90px;
          border: 3px solid #ff9751;
          margin: 0 20px 8px 0;
        	voice-family : "\"}\"";
        	voice-family : inherit;
          width: 84px;
          height: 84px;
        }
        div.boxLogos div.parceiros a,div.boxLogos div.colaboracao a {
          width: 60px;
          height: 60px;
          border: 3px solid #B1D524;
          margin: 0 8px 8px 0;
        	voice-family : "\"}\"";
        	voice-family : inherit;
          width: 54px;
          height: 54px;
        }
        
        
  /***box loja Submarino**/      
  div#colB div#subColA #boxShopSubmarino{
    width: 540px;
  }
  div#colB div#subColA #boxShopSubmarino dl dt.open{
    width: 540px;
    height: 78px;
    background: url(../images/box_submarino_superior.gif) no-repeat; 
  }
  div#colB div#subColA #boxShopSubmarino dd.boxBody{
    background: url(../images/box_submarino_meio.gif) repeat-y;
    width: 540px;
    padding: 0 15px 0 15px;
    voice-family : "\"}\"";
  	voice-family : inherit;
    width: 510px;
  }
  
  div#colB div#subColA #boxShopSubmarino dd.boxBody a.PrdSubmarino{
    width: 87px;
    display: block;
    float: left;
    margin: 5px 10px 5px 5px;
    text-align: center;
  }
  div#colB div#subColA #boxShopSubmarino dd.boxBody a.PrdSubmarino.last{
    margin-right: 5px;
  }
  
  div#colB div#subColA #boxShopSubmarino dd.boxBody a.PrdSubmarino img{
    background-color: #7B931B;
    border: 1px solid #ccc;
    padding: 5px;
  }
  
  div#colB div#subColA #boxShopSubmarino dd.boxBody a.PrdSubmarino span{
    display: block;
    font-weight: bold;
  }
  div#colB div#subColA #boxShopSubmarino dd.close{
    background: url(../images/box_submarino_inferior.gif) no-repeat;
    width: 540px;
    height: 32px;
  }
  /***box loja Submarino**/




   /*TWITTER*/
     #boxTwitter{
      display: none;
      width: 210px;
    }
    #boxTwitter dd.tweet{
      font-size: 10px;
      margin: 20px;
      line-height: 130%; 
    }
    #boxTwitter dd.tweet img{
      border: 1px solid #ddd;
      margin: 0 2px 2px 0;
      float:left;
      height: 35px;
    }
    #boxTwitter dd.tweet span{
      display: block;
    }
    #boxTwitter dd.tweet a{
      font-weight: bold;
    }
    #boxTwitter dd.tweet a:hover{
      text-decoration: underline;
    }
    
    #bodyTwitter div.tweet{
      
      display: block;
      width: 540px;
      padding: 10px 0 20px 0;
      background-repeat: no-repeat;
      background-position: left bottom;
      font-size: 12px;
      line-height: 150%;
      font-weight: normal !important;
      background-image: url(../images/divider_verde.gif);
      color: #333 !important;
    }

    #bodyTwitter img{
      margin: 0 5px 5px 0;
      float:left;
      height: 58px;
    }
    #bodyTwitter{
      min-height: 65px;
      height: auto !important;
      height: 65px;  
    }










  dl#rodape { height: 140px; }
    dl#rodape dd { float: left; height: 120px; background: url(../images/divider_green_vertical.gif) no-repeat right; font-size: 10px; line-height: 150%; }
    dl#rodape dd.realizacao { width: 186px; }
    dl#rodape dd.sites_jbc { 
      width: 260px;
      padding: 0 10px; 
    	voice-family : "\"}\"";
    	voice-family : inherit;
      width: 240px;
    }
    dl#rodape dd.links { 
      width: 200px; 
      padding: 0 10px; 
    	voice-family : "\"}\"";
    	voice-family : inherit;
      width: 180px;
    }
    dl#rodape dd.copyright { 
      position: relative; 
      width: 330px; 
      background: none; 
      padding: 0 10px; 
    	voice-family : "\"}\"";
    	voice-family : inherit;
      width: 310px;
    }

      dl#rodape dd a { display: block; }
      dl#rodape dd a:hover { text-decoration: underline; }
      dl#rodape dd h6 { height: 27px; background-repeat: no-repeat; }
      dl#rodape dd.realizacao h6 { background-image: url(../images/boxTit_realizacao.gif); }
      dl#rodape dd.sites_jbc h6 { background-image: url(../images/boxTit_sites_jbc.gif); }
      dl#rodape dd.links h6 { background-image: url(../images/boxTit_links.gif); }
      dl#rodape dd.copyright h6 { background-image: url(../images/boxTit_copyright.gif); }
      
      dl#rodape dd.realizacao a {
        width: 80px; 
        height: 80px; 
        float: left;
        background-repeat: no-repeat; 
      }
        dl#rodape dd.realizacao a.jbc { background-image: url(../images/logo_rodape_jbc.gif); }
        dl#rodape dd.realizacao a.tv_aichi { background-image: url(../images/logo_rodape_tv_aichi.gif); }

      dl#rodape dd.sites_jbc a {
        float: left;
        width: 92px;
        height: 20px;
      }
        dl#rodape dd.sites_jbc a.two { width: 134px; }
        
      dl#rodape dd.copyright a.citrus7 {
        position: absolute;
        width: 68px;
        height: 12px;
        background: url(../images/web_by_citrus7.gif) no-repeat;
        top: 108px;
        right: 0px;
      }

#modalOverlay {
  background-color:#000;
  cursor:wait;
}

#modalContainer {
  width:600px;
  height:450px;
  left:50%;
  top:50%;
  margin-top: -225px;
  margin-left:-300px; /* half the width, to center */
  background-color:#fff;
}

#modalContainer a.modalCloseImg {
  background:url(../images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

div#popup { display: none; width: 600px; height: 450px;}


span.clearFull {
  display: block;
  clear: both;
}
  span.clearFull.divider10 { height: 10px; }
  span.clearFull.divider20 { height: 20px; }
  span.clearFull.divider30 { height: 30px; }