/******************************************************************************/
/**************** CSS PARA CONFIGURAR OS PRODUTOS E LOJAS *********************/
/******************************************************************************/


/* DIV PRODUTOS **************************************************************/

/*#produtos {}*/


/* DIV PARA CENTRALIZAR PRODUTOS DESTQUE NA CAPA DO SITE **********************/

#centralizarPD {width: 194px;}


/* LOJAS **********************************************************************/

#thumbUnidades {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
}

#thumbUnidades .unidades {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

#thumbUnidades .unidades .thumb {
    float: left;
    width: 100%;
    height: 90px;
}

#thumbUnidades .unidades .thumb img {
    width: 120px;
    height: 90px;
    cursor: pointer;
}

#thumbUnidades .unidades .descricao {
    width: 100%;
    margin: 5px 0 0 0;
    font: bold 10px sans-serif;
    text-align: center;
    color: black;
}

/* PRODUTOS *******************************************************************/

#thumbProdutos {
    float: left;
    width: auto;
    margin: 5px 0 0 0;
}

#thumbProdutos .produtos {
    float: left;
    width: 180px;
    height: 140px;
}

#thumbProdutos .produtos .thumb {
    width: 100%;
    height: 90px;
    cursor: pointer;
}

#thumbProdutos .produtos .thumb img {
    width: 120px;
    height: 90px;
    cursor: pointer;
}

#thumbProdutos .produtos .descricao {
    width: 100%;
    margin: 5px 0 0 0;
    font: bold 11px sans-serif;
    text-align: center;
    color: black;
}

/*#thumbProdutos .produtos .unidade {}*/


/* VISUALIZAR PRODUTOS ********************************************************/

#visualizarSelecionar {
    float: right;
    width: 50px;
    height: 16px;
}

#visualizarLinhas {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url("../gfx/visualizarLinhas.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

#visualizarLinhas:hover {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url("../gfx/visualizarLinhasHover.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

#visualizarColunas {
    float: right;
    width: 16px;
    height: 16px;
    margin: 0 0 0 6px;
    background-image: url("../gfx/visualizarColunas.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

#visualizarColunas:hover {
    float: right;
    width: 16px;
    height: 16px;
    margin: 0 0 0 6px;
    background-image: url("../gfx/visualizarColunasHover.png");
    background-repeat: no-repeat;
    cursor: pointer;
}


/* LISTAR TABELA DO PRODUTO EM LINHAS *****************************************/

#produtosTabelaLinhas {
    width: 540px;
}

#produtosTabelaLinhas .listarCabecalho {
    text-align: center;
}

#produtosTabelaLinhas .listarTopo {
    border-top: 1px solid gray;
}

#produtosTabelaLinhas .listarBase {
    border-bottom: 1px solid gray;
}

#produtosTabelaLinhas .colunaFoto {
    width:50px;
}

/*#produtosTabelaLinhas .colunaDescricao {}*/

#produtosTabelaLinhas .coluna3 {
    width:70px;
    text-align: center;
}

#produtosTabelaLinhas .coluna4 {
    width:70px;
    text-align: center;
}

#produtosTabelaLinhas .colunaUnidade {
    width:70px;
    text-align: center;
}

#produtosTabelaLinhas .colunaAcoes {
    width:70px;
}

/* ACOES DO PRODUTO ***********************************************************/

/*.actions {
    float: right;
    width: 19px;
    height: 145px;
    margin: -115px 0 0 1px;
    background-image: url("../gfx/thumbnailActions.png");
    background-repeat: no-repeat;
}*/

.toolZoom {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolZoom.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.toolZoom:hover {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolZoomHover.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.toolInfo {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolInfo.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.toolInfo:hover {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolInfoHover.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.toolShop {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolShop.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.toolShop:hover {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolShopHover.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.toolRemove {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolRemove.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.toolRemove:hover {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolRemoveHover.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.toolEmail {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolEmail.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.toolEmail:hover {
    float: right;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 1px;
    background-image: url("../gfx/toolEmailHover.png");
    background-repeat: no-repeat;
    cursor: pointer;
}