/*********************************************/
/****** ELEMENTOS ******/
/*********************************************/
body{
    /*  background-color: #77b8f4;
      background-image: url("/loja/images/listra_azul.gif");*/
    background: #0066FF url("/loja/images/degrade_azul.jpg") repeat-x top left;
    margin: 0;
    padding: 0;
    font: 0.7em Verdana, Arial, Lucida, Helvetica,  sans-serif;
    /* 99.9999% para evitar que o firefox coloque a barra de rolagem horizontal sem necessidade */
    width:99.9999%;
    height: 100%;
}

form {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    border: 0px;
    
}
    
img{
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

input, select{
    font-family: Tahoma,Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
}

select{
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
}

div#aguardar
{
    /*position: absolute;*/
    width: 17px;
    height: 17px;
    /*  left: 10px;
    top: 10px;
    z-index: 900;*/
    background: url(/loja/images/aguardar.gif) no-repeat 0 0;
}

.div_generica table, .div_produto table, .div_produto_pq table{
    border-bottom-width: 1px;
    border-collapse: collapse;
    border-left-width: 1px;
    border-right-width: 1px;
    border-spacing: 1px;
    border-top-width: 1px;
    /*    padding: 0px;
    border: 1px solid #90EE90;
    background-color: #BFCCFF;*/
    margin-left: 2px;
    margin-right: 2px;
}

.div_generica th{
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    /*border: 1px solid #90EE90;*/
    border: 2px solid #BFCCFF;
    /*background-color: #E3FFE8;*/
    background-color: #94B0FC;
    text-align: left;
    color: #FFFFFF;
}

.div_produto th, .div_produto_pq th{
    padding: 2px;
    margin: 2px;
    vertical-align: middle;
    /*border: 2px solid #BFCCFF;*/
    /*background-color: #94B0FC;*/
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
}

.div_produto th, .div_produto th label, .div_produto_pq th, .div_produto_pq th label{
    color: #000000; /*#FFFFFF;*/
}

.div_generica td{
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    /*    border: 1px solid #90EE90;*/
    border: 2px solid #BFCCFF;
    /*    background-color: #F4FFF4;*/
    background-color: #D5DFFD;
}

.div_produto td, .div_produto_pq td{
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    /*border: 2px solid #BFCCFF;*/
    /*background-color: #D5DFFD;*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
}

.div_generica .td_foto, .div_produto .td_foto,  .div_produto_pq .td_foto{
    width:10%;
    padding-top: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 4px;
}

.div_generica .td_foto_borda, .div_produto .td_foto_borda, .div_produto_pq .td_foto_borda, .div_vertical_esq_popup .td_foto_borda{
    background-color: white; 
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

.div_generica .td_ampliar, .div_produto .td_ampliar, .div_produto_pq .td_ampliar{
    border: 0px solid black; 
    vertical-align: bottom;
}

.ampliar{
    background-image: url(/loja/images/ampliar1.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 17px;
    margin-right: 17px;
    vertical-align: middle;
}

/*.input{
border: 1px solid #4582FC; 
width: 100%;
font-size: 1em;
background-image: url(/loja/images/fundo_input.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
}*/

/*
.input, .select{
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
background-color: transparent;
background-image: url(/loja/images/fundo_input.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
font-family: Arial;
border: 1px solid #00a8e6;
}
*/

/*
.button{
border: 11px solid Black;
vertical-align: middle;
background-color: black;
}
*/
a:link, a:visited{
    text-decoration: none;
    color: #6495ED;
}


a:hover{
    background: #6495ED;
    text-decoration: none;
    color: white;
}

.a_banner{
    font-family: Tahoma,Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
}

.a_banner:link, .a_banner:visited{
    text-decoration: none;
    color: #6495ED;
}

.a_banner:hover{
    text-decoration: none;
    color: white;
    background: transparent;
}

.button, .button-to input {
    /*    color: white; 
    font-size: 1em; 
    font-weight: bold; 
    border: 1px solid #4582FC;
    background-color: #69A3E9;*/
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e1e1e1;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #e1e1e1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #babdb6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #babdb6;
    background-color: #efefef;
    background-image: url(/loja/images/but-bg.gif);
    background-repeat: repeat;
    background-attachment: scroll;
    background-x-position: 0%;
    background-y-position: 0%;
}

.button:hover, .button:focus, .button-to input:hover, .button-to input:focus
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #babdb6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e1e1e1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e1e1e1;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #babdb6;
}

.input, .input_disable{
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    background-image: url(/loja/images/fundo_input.jpg);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-x-position: center;
    background-y-position: top;
}

select, .input, .input_disable{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #babdb6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #edeeec;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #edeeec;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #babdb6;
    background-color: #ffffff;
    /**background-image: url(/loja/images/shadow.jpg);**/
    /*background-image: url(/loja/images/inp-bg.gif);*/
    /*background-repeat: repeat-x;
    background-attachment: scroll;
    background-x-position: center;
    background-y-position: top;*/
}

select:hover, select:focus, .input:hover, .input:focus{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #babdb6;
    border-right-color: #babdb6;
    border-bottom-color: #babdb6;
    border-left-color: #babdb6;
    /*background-color: #ffffff;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-x-position: center;
    background-y-position: top;*/
}

.input_disable{
/*    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #babdb6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #edeeec;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #edeeec;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #babdb6;*/
    background-image: url(/loja/images/inp-bg.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-x-position: center;
    background-y-position: top;
}

/*********************************************/
/****** ID ******/
/*********************************************/

#div_principal{
    border: 0px solid Gray;
    /*  background-color: White;*/
    width: 99%;
    height: 100%;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0px;
}

#div_corpo{
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding: 0px;
    border: 0px solid Gray;
}

#div_logo_busca{
    background-color: White;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 25px;
    padding: 3px;
    border: 2px solid Black;
}

#header{
    border:1px solid black;
}

#content{
    /*  position:relative;*/
    margin-top: 0px;
    padding: 0px;
    border: 0px solid Gray;
}
/*
#content a:hover{
background: #94B0FC;
text-decoration: undeline;
color: white;
}
*/

#subcol{
    border:2px solid black; 
    float:left; 
    width:150px; 
    height: 300px;
}

#maincol{
    border: 0px; 
    position:static; 
    min-height: 200px;
    _min-height: 200px;
    color: Black;
    margin-left: 175px;
    _margin-left: 175px;
}

#maincol_popup{
    border: 0px;
    position:static; 
    min-height: 200px;
    _min-height: 200px;
    color: Black;
    margin-left: 135px;
    _margin-left: 135px;
}

#maincol h1{
    background-image: url("/loja/images/gradient-inner.png");
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    color: Black;
    border: 2px solid Black;
    background-color: White;
    padding: 3px;
    font-size: 1.5em;
    font-weight: bold;
}

#maincol h2{
    background-image: url("/loja/images/searchbar_gradient.gif");
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    color: Black;
    border: 2px solid Black;
    background-color: White;
    padding: 3px;
    font-size: 1em;
    font-weight: bold;
}

#maincol_popup h2{
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    color: Black;
    border: 2px solid Black;
    background-color: White;
    padding: 3px;
}

#maincol h1 a:hover, #maincol h1 a:link, #maincol h1 a:visited{
    font-size: 0.80em;
    margin-left: 30px;
    text-decoration: none;
    color: #6495ED;
    background-color: transparent;
}

#maincol h1 .novo {
    background: url("/loja/images/novo.gif") no-repeat left;
    padding-left: 17px;
}

/*********************************************/
/****** CLASSES ******/
/*********************************************/

.field{
    text-transform:uppercase;
}

.div_cabecalho{
    margin-bottom: 0px;
    padding: 0px;
    border: 0px solid Gray;
    min-height: 100px;
    _height: 100px;
}

.div_banner{
/*    text-align:center;*/
    vertical-align: text-bottom;
    background-color: #0066FF;
    background-image: url("/loja/images/bg.png");
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0px;
    color: Black;
    border: 2px solid Black;
    /*  width: 160px;*/
    height: 90px;
}

.div_banner table, .div_banner table td{
  border:0px;
  padding:0px;
  margin:0px;
  vertical-align:top;
}

.div_logo_busca{
    background-color: White;
    background-image: url("/loja/images/searchbar_gradient.gif");
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px;
    border: 2px solid Black;
}

.div_rodape{
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border: 0px solid Gray;
    min-height: 30px;
    _height: 30px;
    /*background-image: url(/images/bg.png);
    background-image: url(/loja/images/gradient_azul_invert.png);*/
}

.div_desktop{
    left: 160px;
    _height: 100px;
    min-height: 100px;
    margin: 0px;
    padding: 0px;
    border: 0px solid Gray;
    min-width: 600px;
}

.div_vertical_esq{
    float: left;
    /*    margin-top: 15px;*/
    /*    position: absolute;*/
    border: 0px solid Gray;
    left: 0px;
    width: 170px;
    min-height: 200px;
    _min-height: 200px;
}

.div_vertical_esq_popup{
    float: left;
    /*    margin-top: 15px;*/
    /*    position: absolute;*/
    border: 0px solid Gray;
    left: 0px;
    width: 130px;
    padding: 0px;
    min-height: 200px;
    _min-height: 200px;
}

.div_categoria ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.div_categoria li{
    display: block;
    _width: 100%;
    /*    margin: 1px; */
}

.div_categoria li a, .div_categoria li a:visited{
    text-decoration: none;
    display: block;
    _width: 100%;
    color: #6495ED;
    border: 0px solid white;
    font-weight: bold;
    padding: 2px;
}

.div_categoria li a:hover{
    background-color: #69A3E9;
    border: 1px solid #173F79;
    text-decoration: none;
    display: block;
    _width: 100%;
    color: white;
    font-weight: bold;
    padding: 1px;
}

a.menu, a.menu:visited{
    text-decoration: none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:100;
    display: block;
    color: #cccccc;
    padding:8px;
    background: url(/loja/images/btn.png) no-repeat 0 0;
}

a.menu:hover{
    color: white;
    background: url(/loja/images/btnUp.png) no-repeat 0 0;
    repeat: no-repeat;
}

.div_vertical_dir{
    float: right;
    margin-top: 15px;
    position: absolute;   
    border: 0px solid Gray;
    /*  left: 0px;*/
    width: 170px;
    right: 0px;
}

.div_area_util{
    min-height: 120px;
    _height: 120px;
    margin-left: 172px;
    _margin-left: 172px;
    margin-bottom: 0px;
    /*    margin-right: 172px;
    _margin-right: 172px;*/
    margin-right: 5px;
    _margin-right: 5px;
    margin-top: 0px;
    padding: 0px;
    border: 0px solid Gray;
}

.div_titulo{
    background-color: White;
    background-image: url("/loja/images/searchbar_gradient.gif");
    margin-bottom: 3px;
    _margin-bottom: 3px;
    margin-left: -3px;
    _margin-left: -3px;
    margin-right: -3px;
    _margin-right: -10px;
    margin-top: -3px;
    _margin-top: -3px;
    padding: 3px;
    color: black;
    border-bottom: 2px solid Black;
    font-weight: bold;
    /*  _width: 90%;*/
    font-size: 1.2em;
}

.div_categoria{
    background-color: White;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 3px;
    color: Black;
    border: 2px solid Black;
    min-height: 200px;
    _min-height: 200px;
    _height: 100px;
    /*    width: 150px;
    _width: 148px;*/
}

.div_destaque{
    background-color: White;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 3px;
    color: Black;
    border: 2px solid Black;
    min-height: 10px;
    /*    _height: 300px;*/
    /*  width: 150px;
    _width: 148px;*/
}

.div_publicidade{
    background-color: White;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 5px;
    padding: 3px;
    color: Black;
    border: 2px solid Black;
    /*  width: 160px;*/
    height: 100px;
    width: 150px;
}

.div_generica{
    background-color: White;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    padding: 3px;
    color: Black;
    border: 2px solid Black;
    /*  outline: Silver solid 1px;*/
}

.vertical_centro{
    vertical-align:middle;
}

.foto{
    padding: 3px;
    margin-right: 5px;
    border: 1px solid Black;
    background-color: white;
    width: 50px; 
}

.div_titulo_produto{
    background-image: url("/loja/images/gradient-inner.png");
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.div_titulo_produto hr{
    height: 1px;
    border-top-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-bottom-width: 1px;
    border-bottom-color: blue;
}

.div_produto, .div_produto_pq{
    border: 2px solid Black; 
    position: relative; 
    float: left; 
    width: 284px; 
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 3px;
    background-color: White;
}

.div_produto{
    height: 195px;
}

.div_produto_pq{
    height: 110px;
}
.div_reset{
    clear: both;
}


#div_popup{
  display:block;
  background-color: transparent;
  border:0px;
  top: 80px;
  left: 120px;
  /*margin-left:-200px;*/
  position:absolute;
  z-index: 1;
}

#div_popup .div_transparente{
  height: 350px;
  width: 400px;
  background-color: #000;
  border:1px solid #aaf;
  padding:0px;
  margin:0px;
}
/*
#div_popup p {
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: justify;
  text-indent: 15px;
  color: #333333;
}*/

#div_popup table{
    border-collapse: collapse;
}
.topo-dir {
    padding: 0px 7px 0px 0px;
}
.baixo-esq {
    padding: 0px 0px 7px 0px;
}
.baixo-dir {
    padding: 0px 7px 7px 0px;
    height:7px;
}
#div_popup .texto {
    padding:0;
    /*font-family: "Times New Roman", Times, serif;*/
    font-family: "Trebuchet MS",Tahoma,Arial;
    font-size: 12px;
    color: #fff;
    text-indent: 15px;
    text-align:justify; 
    /*background:#ffc; 
    border:1px solid #333;*/
}
#div_popup .texto h3 {
    text-align:center; 
    font-size: 20px;
    color:#5f5;
    margin:0.5em 0;
}

#div_popup h3.fechar{
  text-align:right;
  font-size: 12px;
  padding: 0px;
  font-weight: bold;
  margin: 0px;
}

#div_popup p{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
}

#div_popup ul{
    padding-right: 10px;
    padding-top: 0px;
}

.destaque_verde{
  font-weight: bold;
  color: green;
}

.fundo_verde{
  font-weight: bold;
  background-color: green;
  color: white;
}

table.so_borda td{
    border: 1px solid #BFCCFF;
    background-color: transparent;
}

table.borda_1 td, table.borda_1 th{
    border-top-color: #3399ff;
    border-bottom-color: #3399ff;
    border-left-color: #3399ff;
    border-right-color: #3399ff;
}

table.borda_2 td, table.borda_2 th{
    border-top-color: #9933ff;
    border-bottom-color: #9933ff;
    border-left-color: #9933ff;
    border-right-color: #9933ff;
}