body {
	color: #000;
    background:#fff url(../imagens/bg_body.jpg) repeat-x 0 0;
	font:normal 11px Tahoma, Verdana, Arial, sans-serif;
	
}


body {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    color: #000;
    background-color: #fff;
    background-image: url('../imagens/body-fd.jpg');
    background-position: top left;
    background-repeat: repeat-x;
}

a {
   
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
   
div.finalPassos {
    text-align: left;
    width: 100% !important;
    left: 0 !important;
    padding: 0 0 5px 3px;
    margin: 0 0 0px 0;
}
/*FORMULARIOS*/

body#pg_contato #principal #conteudo 
{
    position:relative;
    left:20px;
}

/*grupos*/
#principal #conteudo fieldset {
    display: block;
    position: relative;
    width: 360px;
    background-image: url('../imagens/fd_fieldset_ie.gif');
    background-repeat: repeat-x;
    border: 1px solid;
}
#meio>#principal #conteudo fieldset {
    background-position: 0 0;
}
/*titulos*/
#principal #conteudo legend {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 4px;
}
#meio>#principal #conteudo legend {
    margin: 0 0 0 8px;
}
/*lista*/
#principal #conteudo fieldset ul {
    padding: 10px;
}
#principal #conteudo fieldset ul table {
    border: none;
    text-align: left !important;
}
#principal #conteudo fieldset ul td {
    border: none !important;
}
/*itens*/
#principal #conteudo fieldset li {
    clear: left;
    position: relative;
    padding: 0 0 10px 0;
}
#principal #conteudo fieldset li.item {
    float: left;
    clear: none;
    margin: 0 10px 0 0;
    padding: 0 0 10px 0;
}
/*titulos*/
#principal #conteudo fieldset label {
    display: block;
    margin: 0 0 3px 0;
}
/*campos*/
#principal #conteudo fieldset input {
    padding: 2px;
    width: 318px;
    position: relative;
}
#principal #conteudo fieldset textarea {
    padding: 2px;
    width: 318px;
}
#principal #conteudo fieldset select {
    margin-bottom: 4px !important;
}
#principal #conteudo fieldset li input {
    padding: 2px;
}
#principal #conteudo fieldset li.item input {
    width: 150px;
}
#principal #conteudo fieldset li.item select {
    width: 158px;
}
/*campos especiais*/
#principal #conteudo fieldset table {
    margin: 0;
    padding: 0;
    width: auto !important;
    height: auto !important;
}
#principal #conteudo fieldset table label {
    position: relative;
    top: -2px;
    display: inline !important;
}
#principal #conteudo fieldset table input {
    width: auto !important;
}
/*botoes dentro do fieldset ul*/
#principal #conteudo form li ul.botoes {
    padding: 0;
    margin: 0;
    display: block;
}
#principal #conteudo form li ul.botoes li {
    display: inline;
    margin: 0;
    padding: 0;
}
/*botoes fora do fieldset*/
#principal #conteudo form ul.botoes {
    padding: 0;
    margin: 10px 0 10px 0;
    display: block;
}
#principal #conteudo form ul.botoes li {
    display: inline;
    margin: 0;
    padding: 0;
}
/*input botao*/
#principal #conteudo form ul.botoes input {
    width: auto;
}

body#pg_login #conteudo div.avisoPagina ul input {
    width: 119px;
    height:32px;
}
body#pg_login #principal #conteudo form p {
    font:bold 12px arial;
    
}
#principal #conteudo form li.botoes input {
    width: auto;
}


/*************************************************
TOPO
**************************************************/
/*TOPO*/
#topo {
    position: relative;
    margin: 0 auto;
    /*width: 100% ! important;*/
    width:1002px ! important;
    height: 250px;
    left:0px;
    margin: 0 0 10px;
    color:#ffffff;
}
#topo  #topo_dentro
{ 
    position: relative;
    margin: 0 0 1px 0;
    width: 100% ! important;
    height: 250px;
}




/*logo*/
#topo h1 {
   position: absolute   ;
    float:left ;
    top:47px;
    left: 12px;
    background-image: url('../imagens/logo.gif');
    background-repeat: no-repeat;
}
#topo h1 a {
    text-indent: -5000px !important;
    overflow: hidden;
    display: block;
    width: 293px;
    height: 92px;
     background-image: url('../imagens/logo.gif');
    background-repeat: no-repeat;
}
#topo #topo_dentro .logo 
{
 /*    position:relative;
   top:1px;
    float:left ;
    left: 70px;
   width:823px;
  height:28px;
 background-image:url(../imagens/fd_menu.gif);*/
}

#topo h1 a span {
    visibility: hidden;
}

/*contato*/
#topo #contato {
    position: absolute;
    float:right;
    right:0px;
    top: -15px;
    width:350px;
    height:129px;
    background:url(../imagens/telefone.png) no-repeat 0px 80px;
    overflow:hidden
}
#topo #contato  #frente {
      position: absolute;
    top: 65PX;
    
     right: 50px;
    height:100px;
    font-size: 18px ;
      color: #0011e6;
    
     font-family:Tahoma;
     font-weight:bold;
     text-align:center ;
}

#topo #contato #sombra {
       position: absolute;
    top: 63PX;
    
     right: 52px;
    height:100px;
    font-size: 18px ;
    color: #FFF;
     font-family:Tahoma;
     font-weight:bold;
     text-align:center ;
}
/*carrinho*/
#topo #carrinho {
     position: absolute;
    left: 340px;
    top:  30px;
    width:280px;
    height:123px;
    color:#ffffff;
     background:url(../imagens/carrinho.png) no-repeat 0px 30px;
         overflow:hidden;
}
#topo #carrinho p
{
     position: absolute;
    top: 44PX;
     LEFT: 45px;
    /*width:300px;*/
    height:120px;
    font-size: 11px ;
     color: #ffffff;
     font-family:Tahoma;
     font-weight:bold;
     text-align:center ;
}
#topo #carrinho a
{
    
    font-size: 11px ;
     color: #ffffff;
     font-family:Tahoma;
     font-weight:bold;
     text-align:center ;
}
/*busca*/

#topo #busca {
    position: absolute;
    width:261px;
    height:37px;
    top: 185px;
    left: 10px;
    background:url(../imagens/busca.gif) no-repeat -2px -2px;
    
}
#topo #busca h2 {
    display: none;
}
#topo #busca label 
{
    padding:4px
   /* display: none;*/
}
#topo #busca input.txt {
    color: #aaa;
    width: 168px;
    padding:2px;
    border:1px solid #002852;
}
#topo #busca input.blur, #topo #busca input.focus {
    width: 168px;
    color: #333;
    padding:2px;
    border:1px solid #002852;
}
#topo #busca .botao_do_procura
{
    position:relative;
    top:4px;
}


/*login*/
#topo #login {
    position: absolute;
    top: 185px;
    left: 270px;
    width:334px;
    height:37px;
    padding: 0 0 0 45px;
    background:url(../imagens/login.gif) no-repeat 35px -2px;
}
#topo #login h2 {
    position: absolute;
    top: 3px;
    left: 0;
    width: 40px;
    height: 24px;
    text-indent: -5000px;
    overflow: hidden;
    margin-top:-3px;
    background: url('../imagens/tit_topo_login.gif') no-repeat 0 0;
    display:none;
}
#topo #login label {
    /*display: none;*/
 
}
#topo #login input.blur, #topo #login input.focus, #topo #login input.txt {
    width: 100px;
    color: #333;
    padding:2px;
    border:1px solid #002852;
}
#topo #login .botao_do_login
{
    position:relative;
    top:4px;
}

/*BARRA DE MENU*/
/* ############ início do menu ativo ######## /// */
#topo #menu .menu_atual
{
     background: url('../imagens/menuaberto.gif');
  
}
/* ############ fim do menu ativo ######## /// */


/*BARRA DE MENU*/
#topo #menu {
    height: 27px;
    position: relative;
    top: 145px;
    left: 100px;
    width: 782px;
    background: url('../imagens/menu.gif') no-repeat 6px 0;
}
#topo #menu ul {
    margin-left:6px;
}
#topo #menu ul li {
    float: left;
}
#topo #menu ul li a {
    height: 27px;
    display: block !important;
}
#topo #menu ul li a span {
    display: none;
}
#topo #menu ul li a:hover {
    background: url('../imagens/menu.gif');
}
/*home*/
#topo #menu ul li#home a {
    width: 59px;
}
#topo #menu ul li#home a:hover {
    background-position: 0 -27px;
}
body.home #menu ul li#home a {
    background-position: 0 -27px !important;
}
/*empresa*/
#topo #menu ul li#empresa a {
    width: 77px;
    background-position: -59px 0;
}
#topo #menu ul li#empresa a:hover {
    background-position: -59px -27px;
}
body.empresa #topo #menu ul li#empresa a {
    background-position: -59px -27px;
}
/*cadastro*/
#topo #menu ul li#cadastro a {
    width: 84px;
    background-position: -136px 0;
}
#topo #menu ul li#cadastro a:hover {
    background-position: -136px -27px;
}
body.cadastro #topo #menu ul li#cadastro a {
    background-position: -136px -27px;
}
/*como comprar*/
#topo #menu ul li#como_comprar a {
    width: 111px;
    background-position: -220px 0;
}
#topo #menu ul li#como_comprar a:hover {
    background-position: -220px -27px;
}
body.como_comprar #topo #menu ul li#como_comprar a {
    background-position: -220px -27px;
}
/*carrinho*/
#topo #menu ul li#meu_carrinho a {
    width: 107px;
    background-position: -331px 0;
    position: relative;
}
#topo #menu ul li#meu_carrinho a:hover {
    background-position: -331px -27px;
}
body.carrinho #topo #menu ul li#meu_carrinho a {
    background-position: -331px -27px;
}
/*seguranca*/
#topo #menu ul li#seguranca a {
    width: 91px;
    background-position: -438px 0;
}
#topo #menu ul li#seguranca a:hover {
    background-position: -438px -27px;
}
body.seguranca #topo #menu ul li#seguranca a {
    background-position: -438px -27px;
}
/*confirmar*/
#topo #menu ul li#confirmar a {
    width: 152px;
    background-position: -529px 0;
}
#topo #menu ul li#confirmar a:hover {
    background-position: -529px -27px;
}
body.confirmar #topo #menu ul li#confirmar a {
    background-position: -529px -27px;
}
/*contato*/
#topo #menu ul li#menu_contato a {
    width: 78px;
    background-position: -681px 0;
}
#topo #menu ul li#menu_contato a:hover {
    background-position: -681px -27px;
}
body.contato #topo #menu ul li#menu_contato a {
    background-position: -681px -27px;
}

#prop-flash 
{ 
    position:relative;
    /*width:100%*/
     width:1002px;
    top:-32px;
    background-image: url('../imagens/fd_banner.gif');
    background-repeat: repeat-x;
    height:170px;
    
}

#prop-flash .flash_banner 
{
      margin:  0px 0px 0px 0px;
      
}
/*************************************************
MEIO
**************************************************/
#meio 
{
 width: 980px;
    padding: 0 0 5px 0px;
    text-align: left;
      position:relative;
      top: -25px;
}

#meio #auxiliar {
    float: left;
    left: 5px;
    width:190px !important;
    position:relative;
}



/*categorias*/
/*categorias*/
#meio #auxiliar #categorias {
    width:190px;
    border:1px solid #89b2e0;
    border-top:none;
}
#meio #auxiliar #categorias h2 {
    width: 100%;
    height: 29px;
    background-image: url('../imagens/fd_tit_auxiliar_menu.gif');
    background-repeat:no-repeat;
    text-indent: -5000px;
    overflow: hidden;
}
#meio #auxiliar #categorias li.inativo ul {
    display: none;
}
#meio #auxiliar #categorias ul {
    position: relative;
    padding: 10px;
    text-align: left;
}
#meio #auxiliar #categorias ul a {
    color: #333;
    background-color:Transparent;
}   
#meio #auxiliar #categorias ul ul {
    padding: 5px 0 0 0;
}
#meio #auxiliar #categorias ul li {
    padding: 3px 0 3px 25px;
    font:bold 10px tahoma, verdana, arial, sans-serif;
    text-transform:uppercase;
}
#meio #auxiliar #categorias ul li li{
    padding: 0 0 3px 0;
    font-weight: normal !important;
    color: #333;    
}
#meio #auxiliar #categorias ul li li a {
    padding: 0 0 0 17px;
    background-image: url('../imagens/fd_menu_categorias_marcador.gif');
    background-repeat: no-repeat;
    background-position: 7px 4px;
}
#meio #auxiliar #categorias ul li span {
    display: block;
    width:10px;
    height:10px;
    position: absolute;
    left:10px;
    cursor: pointer;
    text-indent:-5000px;
    overflow: hidden;
    background-image: url('../imagens/botao_inativo.gif') ;
   
}
#meio #auxiliar #categorias ul li.ativo span {
    background-image: url('../imagens/botao_ativo.gif');

}
 
#meio #auxiliar > #categorias ul li span {
    display: block;
    width:10px;
    height:10px;
    left:15px;
    position: absolute;
    cursor: pointer;
    text-indent:-5000px;
    overflow: hidden;
    background-image: url('../imagens/botao_inativo.gif')  
}
#meio #auxiliar > #categorias ul li.ativo span {
    background-image: url('../imagens/botao_ativo.gif')
} 





#meio #auxiliar #paginas {
    width: 190px;
    border:1px solid #89b2e0;
    border-top:none;
    margin:10px 0;
}
#meio #auxiliar #paginas h2 {
    width: 100%;
    height: 23px;
    background: url('../imagens/fd_tit_auxiliar_menuextras.gif') ;
    text-indent: -5000px;
    overflow: hidden;

}

#meio #auxiliar #paginas ul {
    position: relative;
    padding: 10px 2px 10px 2px;
    text-align: left;
}

#meio #auxiliar #paginas ul li {
    padding: 3px 0 3px 12px;
    font:bold 10px tahoma, verdana, arial, sans-serif;
    font-size:13px;
   color: #333 !important;       
   
}
#meio #auxiliar #paginas ul li a {
   color: #333 !important;   
    
   
}

#meio #auxiliar #paginas ul li a.pgsel {
  color: #c71923!important; 
   
}



/*atendimento*/
#meio #auxiliar #atendimento {
    width: 190px;
    border:1px solid #89b2e0;
    border-top:none;
    margin:10px 0;
}
#meio #auxiliar #atendimento h2 {
    width: 100%;
    height: 23px;
    background: url('../imagens/fd_tit_auxiliar_aten.gif') ;
    text-indent: -5000px;
    overflow: hidden;

}

#meio #auxiliar #atendimento ul {
    position: relative;
    padding: 10px 2px 20px 2px;
    text-align: left;
      color:#004391!important;
}
#meio #auxiliar #atendimento ul a{
    position: relative;
    padding: 10px 2px 20px 2px;
    text-align: left;
    color:#004391!important;
}
#meio #auxiliar #atendimento ul li {
    padding: 5px 0 5px 30px;
    font:bold 11px arial, tahoma, verdana, sans-serif;
    word-warp:break-word;
    text-transform:lowercase;    
}
#meio #auxiliar #atendimento ul li#icone_email 
{
    background:url(../imagens/icone_email.gif) no-repeat 4px 3px;
}
#meio #auxiliar #atendimento ul li#icone_skype 
{
    background:url(../imagens/icone_skype.gif) no-repeat 4px 3px;
}
#meio #auxiliar #atendimento ul li#icone_msn 
{
    background:url(../imagens/icone_msn.gif) no-repeat 4px 3px;
}
#meio #auxiliar #atendimento ul li#icone_yahoo 
{
    background:url(../imagens/icone_yahoo.gif) no-repeat 4px 3px;
}
#meio #auxiliar #atendimento ul li#icone_gtalk
{
    background:url(../imagens/icone_gtalk.gif) no-repeat 4px 3px;
}

/*selos*/
#meio #auxiliar #selos {
    display: none;
}

/*PRINCIPAL*/

    
#meio #principal {
    float: left;
    left: 10px;
    width:600px !important;
    position:relative;
    
}
body.completo #meio #principal {
    float: none;
    width:600px!important;
}


#meio #principal h2 {
    margin: 0 0 5px 0;
    background-color: Transparent;
    background-image: url('../imagens/titulo.gif');
    background-repeat:repeat-x;
    height: 32px;
    width: 100%;
    font-family:Arial;
    font-size: 1.5em;
    font-weight:bold;
       text-transform: uppercase;
    color: red!important;
}

body.completo #principal h2 {
    width: 100% !important;
     font-family:Arial;
    font-size: 1.5em;

    font-weight:bold;
    height:32px;
    text-transform: uppercase ;
     color: red!important;
 
}
body#completo #principal h2 {
    width: 100%;
}
#meio #principal h2 span {
    display: block;
    position: relative;
    top: 1px;
    left: 18px;
    width: 100%;
    height: 29px;
   
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: Arial;
     color: #ffffff!important;
      background-image: url('../imagens/textoh2.gif');
   background-position:center top;
    background-repeat:no-repeat;
    text-align:center;
   
}
#meio #principal h2 span.texto {
  
     color: #147704 ;
    font-weight: bold;
}

/*conteudo*/
#meio #principal #conteudo {
    font: normal 11px/16px tahoma, verdana, sans-serif !important;
    color: #333;
    padding: 0 0 0 5px !important;
    width: 98% ;
    position:relative;
}
/*textos*/
#conteudo a 
{
    font-weight:bold;
}
#conteudo strong {
    color: #333;
}
#conteudo p {
    margin: 0 0 10px 0;
}
#conteudo ul {
    margin: 0 0 10px 0;
}
#conteudo ol {
    margin: 0 0 10px 0;
}

#conteudo h3 {
    font-size: 16px;
    margin: 0 0 10px 0;
    color: #06c;
    background-color: Transparent;
    text-align: left;
    font: normal 18px Arial, Verdana, sans-ferif;
    
}
#conteudo h4 {
    font-size: 12px;
    margin: 0 0 10px 0;
    color: #333;
    background-color: Transparent;
}


/*avisos*/
div.avisoPagina {
    padding: 10px 10px 20px 10px;
    margin: 0;
    background:#fcfdcd !important;
    border:2px solid #fcfdcd !important;
    font-family: Arial, Verdana, sans-ferif;
    width:480px;
}
.avisoPagina h3 
{
    text-transform:uppercase;
}
.avisoPagina img
{
display:none;
}

div.avisoPagina ul li
{
    display:inline;
    width:49%;
}

div.avisoPagina img 
{
    display:none;
}
div.avisoPagina p {
    margin: 0 0 10px 0;
    font-size: 14px;
}
div.avisoPagina h3 {
    text-align: center !important;
    font-size: 18px !important;
    color:#cb0000 !important;
   
}
div.avisoPagina ul {
    clear: both;
    margin: 0;
    height:20px;
}
div.avisoPagina input {
    clear: both;
    margin: 0 10px 0 0;
}

body.completo div.avisoPagina {
    width: 740px;
    margin-top: 10px;
}


#meio  #lateral {
    float: right;
   position:relative;
   top:0PX;
  /*   right: 5px;
    margin: 0 0 10px 0;
   background-image: url('../imagens/fd_tit_conteudo.gif');*/
    height: auto;
    width: 170px;
    }






img.imgProdRodape {
    display: none;
}

/*************************************************
RODAPE
**************************************************/
#rodape 
{
    position:relative;
    float:left;
    margin:   5px 5px 0 auto;
    clear: both !important;
    width:98%;
    height:70px;
    border-top:2px solid #f4f4f4;
    color:#000;
  
   
    

}
#rodape .pagamento
{
   
    position:absolute;
    float:left ;
    top:1px;
    left:5px;
    background-image:url(../imagens/fd_rodape.gif);
    width:369px;
    height:68px;
  
  
    
}


#rodape .logoslw 
{
  position:absolute;
   top:5px;
    float:right ;
    right: 10px;
 
 
  
}
#rodape .logoslw a
{
  position:absolute;
   top:5px;
    float:right ;
    right: 10px;
   width:120px;
  height:40px;
  background-image:url(../imagens/sualojaweb.gif);
  
}
#rodape .legendas 
 
{  position:absolute; 
     top:10px !important;
     float: none ;
     left:400px;
    
    
}
#rodape .legendas a 
{    
    color:#333;
    text-decoration:none;
    
}
#rodape .legendas  a:hover 
{
    color:#333;
    text-decoration:underline;
}
#rodape .legendas ul
{
   text-align:center ;
  
    
}
#rodape .legendas  ul li 
{
    top:15px;
    display: inline;
}
#rodape .legendas  ul li.bloco {
    top:15px;
    display: block;
    
}


 /*
div.sedex
{
    position:absolute;
    top:5px;
    left:0;
    background-image:url(../imagens/sedex.gif);
    width:162px;
    height:70px;
    
}
*/