/******************************************************************************/
/********************* CSS PARA CONFIGURAR A PAGINA ***************************/
/******************************************************************************/


/* CONFIGURACOES GLOBAIS ******************************************************/

* {margin:0; padding:0;}

body {
    margin-top: 0px;
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


/* BORDA **********************************************************************/

#borda {
    position: absolute;
    width: 100%;
    margin: 0px auto;
    display: table;
}


/* MAIN ***********************************************************************/

#main {
    width: 970px;
    margin: 0px auto;
    display: table;
}


/* CONTEXTO *******************************************************************/

#contexto {
    width: 970px;
    margin: 0px auto;
    display: table;
}


/* CABECALHO ******************************************************************/

#cabecalho {
    width: 970px;
    height: 155px;
    margin: 0px auto;
}

#cabecalho .topo {
    width: 970px;
    height: 20px;
}

#cabecalho .conteudo {
    width: 970px;
    height: 100px;
    margin: 0px auto;
}

/*#cabecalho .conteudo .esquerdo{}*/

/*#cabecalho .conteudo .centro{}*/

/*#cabecalho .conteudo .direito{}*/

#cabecalho .base {
    width: 970px;
    height: 35px;
    margin: 0px auto;
}


/* LOGO ***********************************************************************/

#logo {
    float: left;
    width: 310px;
    height: 100px;
}

#slogan {
    float: right;
    width: 350px;
    height: 100px;
}


/* BANNERS ********************************************************************/

/*#banner {}*/

#bannerPromocoes {
    float:left;
    width: 570px;
    height: 170px;
    display: table;
}


/* RODAPE *********************************************************************/

#rodape {
    width: 970px;
    height: 22px;
    margin: 0px auto;
    padding-top: 13px;
    text-decoration: none;
    color: white;
    clear: both;
}

/*#rodape .esquerdo {}*/

/*#rodape .centro {}*/

/*#rodape .direito {}*/


/******************************************************************************/
/******************** CONFIGURACOES DAS MENSAGENS DE ACAO *********************/
/******************************************************************************/

/* MENSAGEM DE SUCESSO ********************************************************/

.actionMessage {
    font: bold 12px sans-serif;
    color: green;
    margin-left: 20px;
    margin-bottom: 15px;
}

/* MENSAGEM DE ERRO ***********************************************************/

.actionError {
    font: bold 12px sans-serif;
    color: red;
    margin-left: 20px;
    margin-bottom: 15px;
}


/******************************************************************************/
/************************** CONFIGURACOES DE LINKS ****************************/
/******************************************************************************/

a, a:visited, a:active, a:link {
    color: #0072bc;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/******************************************************************************/
/************************** CONFIGURACOES DE LINKS ****************************/
/******************************************************************************/

#carregando {
    width: 50px;
    margin: 0px auto;
}


/******************************************************************************/
/***************************** UMA COLUNA *************************************/
/******************************************************************************/

#umaColuna {
    width: 950px;
    margin: 0px auto;
    display: table;
}

/*#umaColuna .contexto {}*/

/*#umaColuna .colunaUnica {}*/


/******************************************************************************/
/**************************** DUAS COLUNAS ************************************/
/******************************************************************************/

#duasColunas {
    width: 950px;
    margin: 0px auto;
    display: table;
}

#duasColunas .colunaDireita {
    float: right;
    width: 790px;
    display: table;
}

#duasColunas .colunaEsquerda {
    float: left;
    width: 150px;
    background: white;
    display: table;
}


/******************************************************************************/
/************************* TRES COLUNAS FIXAS *********************************/
/******************************************************************************/

/*#tresColunas {}*/

/*#tresColunas .contexto {}*/

/*#tresColunas .colunaEsquerda {}*/

/*#tresColunas .colunaCentral {}*/

/*#tresColunas .colunaDireita {}*/


/******************************************************************************/
/************************* TRES COLUNAS DINAMICAS *****************************/
/******************************************************************************/

/*#colunaEsquerda {}*/

/*#colunaDireita {}*/

/*#colunaCentral {}*/

/*#conteudoEsquerda {}*/

/*conteudoDireita {}*/

/*#sepColEsqCentral {}*/


/******************************************************************************/
/************************** CONFIGURACOES MAC BUTTON **************************/
/******************************************************************************/

#macButton {
    float: left;
    height: 25px;
    cursor: pointer;
}

div.macButton div.macE {
    float: left;
    width: 15px;
    height: 25px;
    background: url("../gfx/macButtonE.jpg") no-repeat;
}

div.macButton div.macC {
    float: left;
    height: 20px;
    padding: 5px 10px 0 10px;
    color: black;
    font: bold 11px sans-serif;
    background: url("../gfx/macButtonC.jpg") repeat-x;
}

div.macButton div.macC:hover {
    float: left;
    height: 20px;
    padding: 5px 10px 0 10px;
    color: red;
    font: bold 11px sans-serif;
    background: url("../gfx/macButtonC.jpg") repeat-x;
}

div.macButton div.macD {
    float: left;
    width: 14px;
    height: 25px;
    background: url("../gfx/macButtonD.jpg") no-repeat;
}

.macButtonLoja {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    text-align:center;
    cursor:pointer;
    display: table;
}


/******************************************************************************/
/***************** CSS PARA FORMATACAO DE TEXTOS ******************************/
/******************************************************************************/

p       {line-height: 150%; text-align: justify; color: black; font-size: 12px;}
h1      {line-height: 150%; color: black;}
h2      {line-height: 150%; color: black;}
h3      {line-height: 150%; color: black;}
h4      {line-height: 150%; color: black;}
h5      {line-height: 150%; color: black;}
h6      {line-height: 150%; color: black;}
pre     {line-height: 150%; color: black;}
address {line-height: 150%; color: black; cursor: pointer;}