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: #000000 url(../images/fundo.jpg) no-repeat center 0;
}

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; text-decoration: underline; }

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

.list0, .list0 .listItens,.list0 .item{
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
}
      
.listModel2{ border-bottom: #FFFFFF 1px solid;}
  .listModel2 .listItens{ float: left; height: 30px;}
  .listModel2 .listItens .item{ float: left; }

.listModel3{  width: 100%; }
  .listModel3 .item{ 
    float: left;
    width: 100%;
    padding: 16px 0;
    background: url(../images/separador_cinza.gif) repeat-x bottom;
  }
  .listModel3 .item.first{ float: left; width: 100%; padding-top: 0;}
    .listModel3 .item .icon{ 
      float: left; 
      height: 56px; width: 56px;
      margin-right: 10px; 
      border: #FF6600 2px solid;
    }  
    .listModel3 .item .desc{ display: block; float: left;  color: #FF6600; }  
  
.listModel4{ width: 100%}
  .listModel4 .item{ color: #FFFFFF;}
    .listModel4 .title{ display: block; color: #FF6600; font-weight: bold;}
.listModel5 .item{ 
    float: left;
    width: 100px;
    margin-right: 19px;
  }
  .listModel5 .item.last{ margin:0 0 0 5px; }
  .listModel5 .item .icon{ 
    display: block;
    width: 96px; height: 96px;
    border: #0066FF 2px solid;
  }
  .listModel5 .item strong{ display: block; }
  .listModel5 .item .highlight{ 
    display: inline;
    padding: 0 1px;
    background-color: #0066FF; color: #FFFFFF;
  }

.listModel6 .item{ 
    float:left; 
    display: block;
    padding: 15px 0;
    background: url(../images/separador_cinza.gif) repeat-x bottom;
    text-decoration: none;
    overflow: hidden;
}

.listModel6 .item.last{ 
    background: none;
}

.listModel6 .item .date{ 
  float:left; 
  display: block;
  width: 45px;
  font-family: "Century Gothic", Georgia, Helvetica, sans-serif;
  font-size: 14px;
  color: #6600FF;
  cursor: default;
}
.listModel6 .item:hover .date{ text-decoration: none !important; } 

.listModel6 .item .desc{
  float:left; 
  display: block;
  width: 395px;
  font-size: 12px;
  line-height: 130%;
  cursor: pointer;
}

  .listModel7 .item{
    float: left;
    padding: 8px 0;
    margin-right: 20px;
    background-repeat: repeat-x;
    background-position: bottom;
  }
    .listModel7 .item a{
      font-size: 11px;
      line-height: 150%;
    }

.formModel1 { 
  position: relative;
  background: url(../images/fundo_formmodel1.gif) no-repeat 0 0;
  }
  
    .formModel1 .entTxt{
      position: absolute;
      height: 31px; width: 200px;
      margin: 0; padding: 0;
      border: 0;
      background-color: transparent;
      background-repeat: no-repeat;
      font-size: 11px;
      font-weight: bold;
      color: #FFFFFF;
    }
  
    .formModel1 .submit{
      position: absolute;
      height: 30px; width: 36px;
      border: 0;
      background-color: transparent;
    }
.completionLayout.body{
  position: absolute;
  top: 0; left: 0;
  width: 100%; /* for ie6 */
  min-width: 998px;
  height: 89px;
  background-color: black;
}

.completionLayout.body .aux, .completionLayout.master .aux{
  width: 988px; 
 }

div#ak_modal_div{
  position:absolute;
  width: 650px;	height: 472px;
  z-index:1000;
  background: #FFFFFF;
}

div#ak_modal_div div.ak_modal_title{
  position: relative;
  background-color: #FF0000;
  color: #FFFFFF;
  font: bold 12px/1.5em 'Trebuchet MS',Verdana,Helvetica,sans-serif;
  text-align:center;
}

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

.hideThis { display: none; }

.icon, .bot, .tit, .secTit, .boxTit, .logo, .propaganda {
  display:  block;
  overflow: hidden;
  text-indent:  -999999px;
  background-repeat:  no-repeat;
}
.bot:hover{ background-position: 0 -30px; }
.select{ background-position: 0 -60px; }



.cols { float: left; } 
.cols.reverse{ float: right }
.cols.full{ width: 938px; }
.cols.big{ width: 440px; }
.cols.med{ width: 258px; }
.cols.small{ width: 200px; }
.txt{ display: block; padding: 10px 0}

.box{ position: relative; display: block; height: 30px; width: 100%; font-weight:  normal; }
.box .boxTit{ position: absolute; top: 8px; left: 10px;}
.box .seta{
    display: block;
    position: absolute; bottom: -5px; left: 5px; 
    width: 9px; height: 5px;
    background-image: url(../images/box_seta.gif);
  }

.box .seta.left{
    position: absolute; bottom: 9px; left: -6px; 
    width: 6px; height: 11px;
    background-image: url(../images/box_seta_left.gif);
  }


.box .mais{
    display: block;
    position: absolute; top: 6px;
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0 3px;
    font-size: 10px;
  }
  
  
.box.red{ background-image: url(../images/fundo_box_red.gif); }
  .box.red .seta{ background-color: #FF2D2D; }

.box.blue{ background-image: url(../images/fundo_box_blue.gif); }
  .box.blue .seta{ background-color: #076AFF; } 
  .box.blue .mais{ background-image: url(../images/icon_mais_azul.gif); }

.box.green{ background-image: url(../images/fundo_box_green.gif); }
  .box.green .seta{ background-color: #A2FF16; } 
  .box.green .mais{ color: #339900 !important; background-image: url(../images/icon_mais_verde_escuro.gif); }
  
.box.purple{ background-image: url(../images/fundo_box_purple.gif); }
  .box.purple .seta{ background-color: #6D0CFF; } 
  .box.purple .mais{ background-image: url(../images/icon_mais_purple.gif); }

.box.black{ height: 28px; border: #333333 1px solid; background-image: url(../images/fundo_box_black.png); }
  .box.black .boxTit{ top: 7px; }
  .box.black .seta{ background: #070707 url(../images/box_seta2.gif); }
  .box.black .mais{ background-image: url(../images/icon_mais_verde.gif); }
  
  .list0, .list0 .listItens,.list0 .item{
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
}
      
.listModel2{ height: 29px; border-bottom: #FFFFFF 1px solid; overflow: hidden;}
  .listModel2 .listItens .item{ float: left; }

.listModel3{  width: 100%; }
  .listModel3 .item{ 
    float: left;
    width: 100%;
    padding: 16px 0;
    background: url(../images/separador_cinza.gif) repeat-x bottom;
  }
  .listModel3 .item.first{ float: left; width: 100%; padding-top: 0;}
    .listModel3 .item .icon{ 
      float: left; 
      height: 56px; width: 56px;
      margin-right: 10px; 
      border: #FF6600 2px solid;
    }  
    .listModel3 .item .desc{ display: block; float: left;  color: #FF6600; }  
  
.listModel4{ width: 100%}
  .listModel4 .item{ color: #FFFFFF;}
    .listModel4 .title{ display: block; color: #FF6600; font-weight: bold;}
.listModel5 .item{ 
    float: left;
    width: 100px;
    margin-right: 19px;
  }
  .listModel5 .item.last{ margin:0 0 0 5px; }
  .listModel5 .item .icon{ 
    display: block;
    width: 96px; height: 96px;
    border: #0066FF 2px solid;
  }
  .listModel5 .item strong{ display: block; }
  .listModel5 .item .highlight{ 
    display: inline;
    padding: 0 1px;
    background-color: #0066FF; color: #FFFFFF;
  }

.listModel6 .item{ 
    float:left; 
    display: block;
    padding: 15px 0;
    background: url(../images/separador_cinza.gif) repeat-x bottom;
    text-decoration: none;
}

.listModel6 .item.last{ 
    background: none;
}

.listModel6 .item .date{ 
  float:left; 
  display: block;
  width: 45px;
  font-family: "Century Gothic", Georgia, Helvetica, sans-serif;
  font-size: 14px;
  color: #6600FF;
  cursor: default;
}
.listModel6 .item:hover .date{ text-decoration: none !important; } 

.listModel6 .item .desc{
  float:left; 
  display: block;
  width: 395px;
  font-size: 12px;
  line-height: 130%;
  cursor: pointer;
}

  .listModel7 .item{
    float: left;
    padding: 8px 0;
    margin-right: 20px;
    background-repeat: repeat-x;
    background-position: bottom;
  }
    .listModel7 .item a{
      font-size: 11px;
      line-height: 150%;
    }

.formModel1 { 
  position: relative;
  background: url(../images/fundo_formmodel1.gif) no-repeat 0 0;
}
  
    .formModel1 .entTxt{
      position: absolute;
      height: 21px; width: 200px;
      border: 0;
      background-color: transparent;
      background-repeat: no-repeat;
      font-size: 11px;
      
      font-weight: bold;
      color: #FFFFFF;
    }
  
    .formModel1 .submit{
      position: absolute;
      height: 30px; width: 36px;
      border: 0;
      background-color: transparent;
    }

.completionLayout.body{
  position: absolute;
  top: 0; left: 0;
  width: 100%; /* for ie6 */
  min-width: 998px;
  height: 89px;
  background-color: black;
}

.completionLayout.master{ 
  position: absolute;
  top:148px; left:0;
  width: 100%;
  background-color: #000000;
}

.completionLayout.body .aux, .completionLayout.master .aux{
  width: 988px; height: 89px;
 }


#master{
  position: relative;
  width: 988px;
  margin: 0 auto;
  text-align: left;
}

#header{ position: relative; width: 978px; overflow: hidden; margin: 0 auto; }

  #header .logo.jworld{
    position: absolute;
    top:5px; left: 8px;
    width: 183px; height: 76px;
    background: url(../images/logo_header_jworld.gif);      
  }

    #header .menu_principal{ position: absolute; top: 4px; left: 205px; }
    #header .menu_principal .item{ width: 155px; margin: 0; padding:6px 0 0 0;} 
    #header .menu_principal .item .bot{ width: 135px; height: 20px; margin:0;}
    #header .bot.home{ background-image: url(../images/bot_header_home.gif); }
    #header .bot.sobre_o_jworld{ background-image: url(../images/bot_header_sobre_o_jworld.gif); }
    #header .bot.sobre_o_universo_j{ background-image: url(../images/bot_header_sobre_o_universo_j.gif); }
    #header .bot.conheca_nossa_loja{ background-image: url(../images/bot_header_conheca_nossa_loja.gif); }
    #header .bot.loja_virtual{ background-image: url(../images/bot_header_loja_virtual.gif); }
    #header .bot.nossos_produtos{ background-image: url(../images/bot_header_nossos_produtos.gif); }
    #header .bot.galeria_de_fotos{ background-image: url(../images/bot_header_galeria_de_fotos.gif); }
    #header .bot.comunidade_jworld{ background-image: url(../images/bot_header_comunidade_jworld.gif); }
    #header .bot.blog { background-image: url(../images/bot_header_blog.gif); }
    #header .bot.noticias{ background-image: url(../images/bot_header_noticias.gif); }
    #header .bot.agenda_de_eventos{ background-image: url(../images/bot_header_agenda_de_eventos.gif); }
    #header .bot.newsletter{ background-image: url(../images/bot_header_newsletter.gif); }
    #header .icon.fale_conosco { 
      position: absolute; top:0; right: 0;
      width: 161px; height: 89px;
      background-image: url(../images/icon_header_fale_conosco.gif);
    }

  #body{
    position: relative; 
    width:978px;
    padding: 20px 20px 0 20px;
    background-color: #000000;
    margin: 0 auto;
    color: #FFFFFF;
    voice-family: "\"}\"";
	  voice-family: inherit;
    width: 938px;  
  }
    #body a{ color: #FFFFFF; }
    #body a:hover{ text-decoration: underline; }
    #A{ margin-right: 20px; overflow: hidden;}
    #B{ margin-right: 20px; }
    .navBar{ position: relative }
      .navBar .box_nosso_catalogo{ margin-right: 19px}
        .navBar .boxTit.nosso_catalogo{ float: left; width: 125px; height: 24px; background-image: url(../images/boxtit_nosso_catalogo.gif); } 
        .navBar .box_nosso_catalogo .listItens .item .bot{ height: 24px;}
        .navBar .bot.camisetas{ width: 81px; background-image: url(../images/bot_nosso_catalogo_camisetas.gif); }
        .navBar .bot.dvds{ width: 53px;  background-image: url(../images/bot_nosso_catalogo_dvds.gif); }
        .navBar .bot.livros{ width: 56px;  background-image: url(../images/bot_nosso_catalogo_livros.gif); }
        .navBar .bot.mangas{ width: 64px;  background-image: url(../images/bot_nosso_catalogo_mangas.gif); }
        .navBar .bot.diversos{ width: 61px;  background-image: url(../images/bot_nosso_catalogo_diversos.gif); }

    .navBar .formModel1{ margin-right: 19px; }
          .navBar .formModel1 .entTxt{ top: 10px; left: 10px; background-image: url(../images/boxtit_buscar_no_site.gif);}
          .navBar .formModel1 .submit{ top: 0; left: 222px; background-image: url(../images/submit_formmodel1.gif); }

     .navBar .box_recursos{ position: relative; margin:0;}
        
        .navBar .boxTit.recursos{ 
          position: absolute;
          top: 10px; left: 0;
          height: 9px; width: 54px;
          background-image:url(../images/boxtit_recursos.gif);
          z-index: 100;
        }
          
          .navBar .box_recursos .listItens{ float: right; width: 120px;}
          .navBar .box_recursos .listItens .item{ float: right;}
            
            .navBar .box_recursos .listItens .item .bot{ height: 24px; margin-right: 10px; border-right: #999999 1px solid; }
            .navBar .box_recursos .listItens .item .bot.last{ height: 24px; margin-right: 0; border: 0; }
            .navBar .bot.home                    { width: 24px; background-image: url(../images/bot_recursos_home.gif); }
            .navBar .bot.indique_a_um_amigo      { width: 26px; background-image: url(../images/bot_recursos_indique_a_um_amigo.gif); }
            .navBar .bot.adicionar_aos_favoritos { width: 24px; background-image: url(../images/bot_recursos_adicionar_aos_favoritos.gif); }
            .navBar .bot.imprimir                { width: 11px; background-image: url(../images/bot_recursos_imprimir.gif); }

          .box_jtwitter .boxTit.jtwitter{ height: 11px; width: 64px; background-image: url(../images/boxtit_jtwitter.gif); }
          .box_jtwitter .mais{ right: 13px; background-image: url(../images/icon_mais_amarelo.gif) !important;}
       
        .box_jtwitter .item{ padding: 10px 0; width: 100%; }
        .box_jtwitter .item:hover { text-decoration: underline;}
          
          .box_jtwitter .item .destaque{ display: inline; color: #FFCC00; }

       #D{ 
        padding-bottom: 20px;
        background: url(../images/separador_cinza.gif) repeat-x bottom;
      }    
          
          #D .boxTit.novidades_do_catalogo{ height: 16px; width: 167px; background-image: url(../images/boxtit_novidades_do_catalogo.gif); }
        
        #D .box_novidades_do_catalogo .mais { right: 42px; }
        
        #D .box_novidades_do_catalogo .icon.bolsa{ 
           display: block;
           position: absolute;
           top: -5px;
           right: 4px;
           width: 29px;
           height: 40px;
           background-image: url(../images/icon_bolsa.gif);
        }
        
        
        #D .text{
          display: block; 
          font-family: Verdana, Georgia, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 150%;
          color: #999999;
          padding-bottom: 10px;
         }
         
         #D .text a { color: #999999;  text-decoration: underline;}
         #D .text a:hover { text-decoration: none; }

      #F{ margin-right: 18px; }
      #F a{ text-decoration: underline; }    
      #F a:hover{ text-decoration: none; } 

      .icon.camera{
        position: absolute; top: -3px; right: 4px;
        height: 40px; width: 44px;
        background-image: url(../images/icon_camera.gif);
      }
      

.box_galeria_de_fotos{}

  .boxTit.galeria_de_fotos{ 
    height: 15px; width: 130px;
    background-image: url(../images/boxtit_galeria_de_fotos.gif);
  }
      
  .bot.galeria_de_fotos{
    height: 15px; width: 130px;
    background-image: url(../images/boxtit_galeria_de_fotos.gif);
  }
          
          
  .box_galeria_de_fotos a.item { 
    height: 80px; width: 80px;
    margin:0 9px 10px 0; padding:0;
    border: 3px solid #333333 ;
    overflow: hidden;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 74px; height: 74px;
  }
        
  .box_galeria_de_fotos a.item.last{ margin-left: 0; margin-right: 0; }

.box_agenda_de_eventos{}

  .boxTit.agenda_de_eventos{
    height: 16px; width: 144px;
    background-image: url(../images/boxtit_agenda_de_eventos.gif);
  }
          
    .box_agenda_de_eventos .icon.relogio{ 
      display: block;
      position: absolute;
      top: -5px;
      right: 6px;
      width: 29px;
      height: 40px;
      background-image: url(../images/icon_relogio.gif);
    }
    

.box_conheca_a_nossa_loja{ 
  width: 100%;
  border-left: #333333 1px solid; border-bottom: #333333 1px solid; border-right: #333333 1px solid;
}

  .boxTit.conheca_a_nossa_loja{
    height: 16px; width: 167px; 
    background-image: url(../images/boxtit_conheca_a_nossa_loja.gif);
  }
          
  .boxtit_conheca_nossa_loja .mais { right: 10px!important; }
  
  .box_conheca_a_nossa_loja .item { 
    display: block;
    overflow: hidden;
    height: 56px; width: 56px;
    margin: 10px 5px;
    border: 2px solid #99FF00;
  }
            
    .box_conheca_a_nossa_loja .text {
      float: left;
      margin:10px 5px;
      font-size: 10px; line-height: 130%;
    }

      .box_conheca_a_nossa_loja .text a{ text-decoration: underline; }
      .box_conheca_a_nossa_loja .text a:hover{ text-decoration: none; }
    
    .box_jblog .box .mais { right: 10px; }
    .box_jblog .bot.jblog{ height: 30px; width: 50px; background-image: url(../images/boxtit_jblog.gif); }
    
#footer{ 
  position: relative;
  z-index: 2;
  width: 100%; min-width: 958px; height: 150px;
  background: #212121 url(../images/fundo_footer.png);
}
  #footer .content{ 
    position: relative;
    width: 958px; margin: 0 auto;
    text-align: left; 
  }
    #footer .content .logo.jworld{ 
      position: absolute; top: 20px ; left: 2px;
      height: 76px; width: 183px;
      background-image: url(../images/logo_header_jworld.gif);
    }
  
    
    #footer .content .a{ 
      position: absolute; top: 20px; left: 197px;
      height: 105px; width: 247px;
      padding: 27px 0 0 20px;
      background: url(../images/fundo_footer_venha_nos_visitar.png) no-repeat;
      line-height: 130%;
      color: #000000;
      voice-family: "\"}\"";
  	  voice-family: inherit;
      height: 78px;
      width: 227px;  
    }
    
      #footer .content .a a{ color: #000000; text-decoration: underline; } 
        
        #footer .content .b{ 
          position: absolute; top: 21px; left: 479px;
          width: 306px;
        }
          
          #footer .content .b .boxTit.interaja_com_a_jworld{
            display: block; 
            height: 15px; width: 164px;  
            background-image: url(../images/boxtit_footer_interaja_com_a_jworld.gif);
          }
        
          #footer .content .b .item{ width: 113px; background-image: url(../images/separador_branco.gif); padding: 6px 0; }
        
            #footer .content .b .item a{ color: #FFFFFF; line-height: 160%;}
        
        #footer .content .c{
          color: #FFFFFF; 
          position: absolute; top: 20px; left: 745px;
          width: 200px;
          background-position: left bottom;
        }
          
          #footer .content .c .boxTit.jworld_by_email{ background-image: url(../images/boxtit_footer_jworld_by_email.gif); }

          #footer .content .c .entTxt{ background-image: url(../images/icon_digite_seu_email.gif); }
          
          #footer .content .c .entTxt{
            height: 20px; width: 140px;
            bottom: 0; left: 10px;
          }
          
          #footer .content .c .submit{
            bottom: 0 ; right: 0;
            height: 30px; width: 36px;
            background-image: url(../images/submit_footer_jworld_by_email.gif);
          }
          
.clearFull{ display: block; clear: both;}
.div10{ height: 10px; }
.div20{ height: 20px; }
.div30{ height: 30px; }
.div40{ height: 40px; }