body{
    margin:0px;
    font-family:Arial;
    font-size:13pt;
}

table, td, tr{
    margin:0px;
    padding:0px;
    border:0px;
}

img{
    border:0px;
    display:block;
}

p{
    font-family:Arial;
    text-align:justify;
}

input{
    border:1px solid #000;
}

textarea{
    border:1px solid #000;
}

p:first-letter{
    padding-left:35px;
}

a, a:link, a:visited, a:hover, a:active{
    color:black;
    text-decoration:none;
}

#div-body {
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
}

#div-site {
    margin-top:0px;
    margin-right:auto;
    margin-bottom:5px;
    margin-left:auto;
    text-align:left;
    display:block;
    width:1000px;
    background-color:#fff;
}

#div-top, #div-middle, #div-bottom {
    display:inline-block;
    position:relative;
    top:0px;
    left:0px;
    margin:0px;
    padding:0px;
    border-width:0px;
    border-spacing:0px;
    width:1000px;
}

#div-top{
    z-index:1;
}

#div-middle {
    z-index:2;
    padding:0px 0px 4px 0px;
    z-index:10;
    min-height:500px;
    /*background-color:#f77;*/
}

#div-middle-center{
    display:block;
    width:100%;
    /*background-color:#456;*/
}

#div-bottom {
    z-index:3;
}

#div-menu{
    display:inline-block;
    width:100%;
    background-image:url('imagens/background-menu.jpg');
    background-repeat:repeat-x;
}

.div-menu-item{
    display:block;
    float:left;
    width:111px;
    font-size:12pt;
    height:35px;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
}

.div-menu-item:hover{
    background-position:0px -20px;
}

.div-menu-item a{
    background-image:url('imagens/background-menu.jpg');
    background-repeat:repeat-x;
    display:block;
    width:111px;
    font-size:12pt;
    height:32px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    padding-top:3px;
}

.div-menu-item a:hover{
    color:#000;
    background-position:0px -32px;
}

.div-variavel {
    margin:0px;
    padding:0px;
    display:block;
    vertical-align:middle;
    font-size:14px;
    font-weight:bold;
}

.div-valor {
    margin:0px;
    padding:0px;
    display:block;
}


/* Estoque */
.div-detalhes{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1000;
    background-image:url('imagens/fundo-detalhe.png');
}

.div-detalhes-conteudo{
    margin:100px auto;
    width:700px;
    height:500px;
    display:block;
    background-color:#fff;
    overflow:auto;
}

.table-estoque{
    margin:0px auto 0px auto;
}

.menu-estoque-item{
    width:240px;
    vertical-align:top;
    margin-left:5px;
}

.menu-estoque-item div{
    display:block;
    height:100%;
    background-image:url('imagens/menu-estoque-background.jpg');
}

.menu-estoque-item div a{
    display:block;
    color:#fff;
    padding:5px;
    margin-left:5px;
    margin-right:5px;
    font-weight:bold;
}

.menu-estoque-item div a:hover{
    background-color:#987;
}

.estoque-item {
    width:240px;
    height:150px;
    background-image:url('imagens/fundo-item.gif');
    background-repeat:no-repeat;
    display:inline-block;
}

.estoque-item:hover {
    background-image:url('imagens/fundo-item-hover.gif');
    cursor:pointer;
}

.estoque-item-detalhe-hover{
    border:0px;
    margin:0px;
    padding:0px;
    position:absolute;
    width:239px;
    background-image:url('imagens/fundo-detalhe.png');
    color:#fff;
    text-align:center;
    visibility:hidden;
}

.estoque-item:hover .estoque-item-detalhe-hover{
    visibility:visible;
}

.estoque-item-imagem{
    height:150px;
    margin-right:15px;
    margin-left:15px;
    vertical-align:middle;
    display:block;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    text-align:center;
}

.estoque-item:hover .estoque-item-imagem{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

.estoque-item-detalhe{
    position:absolute;
    display:none;
}

.estoque-item-detalhe:hover{
    display:block;
}
/* Estoque */


