/* ############################################################## */
/* TAGS < */

body            { margin:0px; padding:0px; font-family:Tahoma; font-size:11px; color:#565656;}
img                { border-style:none; }
input            { font-size:10px; color:#565656; border:none; background-color:#99c8e0; height:17px; padding:3px 5px 0px 5px; }
select            { font-size:10px; color:#565656; border:none; background-color:#99c8e0; height:18px; }
textarea        { font-size:10px; color:#565656; border:none; background-color:#99c8e0; }
div.hr 			{ height: 1px; border-bottom:#9d9d9d 1px dotted; margin:5px 0px 9px 0px;}


/* TAGS > */
/* ############################################################## */



/* ############################################################## */
/* CLASSES GLOBAIS < */

.home            { background:url(../imagens/fundo_home.jpg); background-position:top; background-repeat:repeat-x;  }
.internas        { background:url(../imagens/fundo_internas.jpg); background-position:top; background-repeat:repeat-x;  }
.fr                { float:right; }
.fl                { float:left; }

/* CLASSES GLOBAIS > */
/* ############################################################## */



/* ############################################################## */
/* CABEÇALHO < */

#divTopo                    { position:relative; top:0px; left:0px; height:148px; }

    /* LOGO HP < */
    #divLogoHP                { position:absolute; top:0px; left:0px; width:257px; height:148px; }
    #divLogoHP img            { display:block; }
    /* LOGO HP > */

    /* MENU PRINCIPAL < */
    #divMenu                { position:absolute; top:60px; left:257px; width:522px; height:43px; }
    #divMenu img            { float:left; }
    /* MENU PRINCIPAL > */

    /* BARRA LOGIN < */
    #divBarraLogin            { position:absolute; top:110px; left:256px; height:32px; vertical-align:middle; }
    #divBarraLogin input    { width:85px; }
    #divBarraLogin p        { font-weight:bold; margin:0px 0px 2px 0px; color:#84b8d5; }
    /* BARRA LOGIN > */

    #logoOptotal            { position:absolute; top:32px; left:808px; }

/* CABEÇALHO > */
/* ############################################################## */



/* ############################################################## */
/* BARRA DESTAQUE < */

#divFlash            { position:relative; left:0px; }

/* BARRA DESTAQUE > */
/* ############################################################## */



/* ############################################################## */
/* CONTEUDO < */

    /* HOME < */
    #divConteudoHome                { position:relative; padding:0px 0px 0px 0px; width:989px; }
    #divChamadas                    { float:left; padding-top:25px; margin:0px; width:726px; }
    #divChamadas a                    { float:left; text-decoration:none; outline:none; border:none; }
    divChamadas img                    { float:left; }
    #divDestaque                    { margin-top:29px; }
    /* HOME > */

    /* INTERNAS < */
    #divConteudo                        { position:relative; padding:0px 0px 0px 0px; }
    #divConteudo .titulo                { font-weight:bold; line-height:20px; width:704px; color:#12658f; text-transform:uppercase; border-bottom:#9d9d9d 1px dotted; margin:40px 0px 0px 70px; }
    #divConteudo .titulo2                { font-weight:bold; font-size:20px; line-height:20px; width:704px; color:#12658f; border-bottom:#9d9d9d 1px dotted; margin:40px 0px 0px 70px; }	
    #divConteudo .titulo .sub            { color:#565656; }
    #divConteudo .texto    .clear            { clear:both; }
    #divConteudo .texto                    { clear:both; width:1040px; line-height:16px; margin:20px 0px 0px 70px; }
    #divConteudo .texto img.ac            { clear:both; display:block; margin:30px auto 30px auto; }
    #divConteudo .texto img.al            { clear:left; float:left; margin:30px 30px 30px 0px; }
    #divConteudo .texto img.alt            { clear:left; float:left; margin:30px 30px 0px 0px; }
    #divConteudo .texto img.alb            { clear:left; float:left; margin:0px 30px 30px 0px; }
    #divConteudo .texto img.ad            { clear:right; float:right; margin:30px 0px 30px 30px; }
    #divConteudo .texto img.adt            { clear:right; float:right; margin:30px 0px 0px 30px; }
    #divConteudo .texto img.adb            { clear:right; float:right; margin:0px 0px 30px 30px; }
    #divConteudo .fotoTexto                { padding:4px; background-color:#12658f; float:left; margin-right:30px; }
    #divConteudo strong                    { color:#12658f; }
    #divConteudo .strong2                    { color:#ae1d16; }	
    #divConteudo a                        { color:#12658f; text-decoration:underline; }
	#divConteudo .texto .textoInside	{ width:400px; float:left;}
	#divConteudo .texto .textoFoto		{ width:600px; float: right; }
	#divConteudo .texto .textoInside .codHiperCheck	{ margin-left:60px;}	
	
	#divConteudo .textAlert				{ color:#ab0600; font-weight:bold;}

	.inputCodHiperCheque { font-size:24px; height:32px; color:#12658f; border:none; background-color:#99c8e0; padding:3px 5px 0px 5px; }


        /* RESGATES < */
        #divConteudo .resgates                { clear:both; width:700px; line-height:16px; margin:20px 0px 0px 70px; }
        #divConteudo .resgates tr.topo td    { background-color:#12658f; font-weight:bold; color:#ffffff; font-size:10px; padding:3px 0px 3px 10px; border-right:#ffffff 1px solid; border-bottom:none; }
        #divConteudo .resgates tr td        { padding:30px 15px 15px 15px; vertical-align:top; border-right:#9d9d9d 1px dotted; border-bottom:#9d9d9d 1px dotted; }
        #divConteudo .resgates tr td.nbr    { border-right:none; }
        #divConteudo .resgates tr td.img    { padding-top:15px; border-right:none; }
        #divConteudo .resgates tr td.pontos    { font-weight:bold; color:#ab0600; }
        /* RESGATES > */

        /* EXTRATO < */
        #divConteudo .extrato                { clear:both; width:700px; line-height:16px; margin:20px 0px 0px 70px; }
        #divConteudo .extrato tr.topo td    { background-color:#12658f; font-weight:bold; color:#ffffff; font-size:10px; padding:3px 0px 3px 10px; border-right:#ffffff 1px solid; border-bottom:none; }
        #divConteudo .extrato tr td            { padding:5px 15px 5px 10px; background-color:#cbe3ef; vertical-align:top; border-right:#ffffff 1px solid; border-bottom:#ffffff 1px solid; }
        #divConteudo .extrato tr td.nbr        { border-right:none; }
        #divConteudo .extrato tr td.img        { padding-top:15px; border-right:none; }
        #divConteudo .extrato tr td.pontos    { font-weight:bold; color:#ab0600; }
        /* EXTRATO > */

        /* TITULOS < */
        #divTitulo                { margin-left:197px; width:300px; height:49px; background-position:left; background-repeat:no-repeat; z-index:10; }
        .titCatalogo            { background-image:url(../imagens/titCatalogo.png); }
        .titCadastro            { background-image:url(../imagens/titCadastro.png); }
        .titContato                { background-image:url(../imagens/titContato.png); }
        .titDicas                { background-image:url(../imagens/titDicas.png); }
        .titHiperFotos            { background-image:url(../imagens/titHiperFotos.png); }
        .titHiperCheque            { background-image:url(../imagens/titHiperCheque.png); }		
        .titHiperHoya            { background-image:url(../imagens/titHiperHoya.png); }
        .titSeloDigital            { background-image:url(../imagens/titSeloDigital.png); }
        .titHiperVendedores        { background-image:url(../imagens/titHiperVendedores.png); }
        .titHiperPromocoes        { background-image:url(../imagens/titHiperPromocoes.png); }		
        .titTabelaPontos        { background-image:url(../imagens/titTabelaPontos.png); }
        .titPassatempo        { background-image:url(../imagens/titPassatempo.png); }
        .titRegulamento            { background-image:url(../imagens/titRegulamento.png); }
        .titResgates            { background-image:url(../imagens/titResgates.png); }
        /* TITULOS > */

        /* FILTROS < */
        #divFiltros                        { margin-left:197px; width:578px; }
        #divFiltros div                    { padding:5px 0px 8px 0px; margin:0px; border-bottom:#9d9d9d 1px dotted; }
        #divFiltros div    td                { padding-right:8px; }
        #divFiltros select                { width:113px; }
        #divFiltros input                { width:110px; }
        /* FILTROS > */

        /* DETALHES PRODUTOS < */
        #divImagemProduto                { clear:left; float:left; width:180px; height:100%; margin-left:20px; }
        #divDetalhesProduto                { float:left; width:700px; }
        #divTituloProduto                { border-top:#9d9d9d 1px dotted; border-bottom:#9d9d9d 1px dotted; padding:10px 0px 10px 0px; }
        #divTituloProduto h1            { font-size:20px; font-weight:bold; color:#12658f; margin:0px; }
        #divDetalhesProduto h2            { font-size:11px; font-weight:bold; color:#12658f; margin:20px 0px 10px 0px; }
        .DadosResgate                    { margin-top:40px; }
        .DadosResgate td                { border-top:#9d9d9d 1px dotted; border-bottom:#9d9d9d 1px dotted; border-right:#9d9d9d 1px dotted; padding:10px; }
        .DadosResgate td.last            { border-right:none; }
        .DadosResgate .preco            { font-size:18px; font-weight:bold; color:#ab0600; }
        .DadosResgate .codigo            { font-weight:bold; color:#ab0600; }
        /* DETALHES PRODUTOS > */

        /* LISTA PRODUTOS < */
        .rowProdutos                    { clear:both; margin:30px 0px 0px 47px; }
        .itemProdutos                    { float:left; width:241px; height:292px; background-image:url(../imagens/BoxProduto.jpg); background-position:bottom; background-repeat:no-repeat; }
        .itemProdutos .imgProduto        { height:130px; text-align:center; }
        .itemProdutos .dadosProdutos    { margin-left:23px; width:185px; }
        .itemProdutos .detalhes            { clear:both; color:#565656; text-align:left; line-height:17px; padding:3px 0px 3px 0px; border-bottom:#9d9d9d 1px dotted; height:35px; overflow:hidden; }
        .itemProdutos .preco            { font-size:18px; font-weight:bold; color:#ab0600; }
        .itemProdutos .codigo            { font-weight:bold; color:#ab0600; }
        /* LISTA PRODUTOS > */

        /* LISTA FOTOS < */
        .rowFotos                        { clear:both; margin:30px 0px 0px 70px; }
        .itemFoto                        { float:left; width:234px; text-align:center; }
        .itemFoto img                    { display:block; margin:15px auto 15px auto; }
        .itemFoto h1                    { font-family:Helvetica; font-size:25px; font-weight:bold; color:#12658f; margin:0px 0px 5px 0px; }
        .itemFoto h2                    { font-weight:bold; font-size:11px; color:#12658f; margin:0px 0px 3px 0px; }
        /* LISTA PRODUTOS > */

        /* PAGINAÇÃO < */
        #divPaginacao                    { clear:both; width:964px; text-align:center; margin:30px 0px 0px 47px; padding:9px 0px 9px 0px; border-bottom:#9d9d9d 1px dotted; border-top:#9d9d9d 1px dotted; }
        #divPaginacao a                    { text-decoration:underline; font-size:10px; color:#989286; padding:0px 7px 0px 7px; border-right:#989286 1px solid; }
        #divPaginacao a.init            { border-left:#989286 1px solid; border-right:#989286 1px solid; }
        #divPaginacao span                { color:#565656; padding:0px 7px 0px 7px; }
        #divPaginacao input                { width:15px; height:14px; }
        #divPaginacao table                { margin:0px auto 0px auto; }
        /* PAGINAÇÃO > */

        /* CONTATO < */
        #divContatoForm                    { width:710px; margin:30px 0px 0px 70px; }
        #divContatoForm div                { padding-bottom:6px; font-size:10px; color:#12658f; }
        #divContatoForm input            { width:340px; }
        #divContatoForm textarea        { width:340px; height:99px; }
        /* CONTATO > */

        /* CADASTRO < */
        .CadastroForm                    { width:710px; margin:30px 0px 0px 70px; }
        .CadastroForm div                { padding:0px 5px 6px 0px; font-size:10px; color:#12658f; }
        /* CADASTRO > */

        /* HIPER HOYA < */
        .tabela                            { border-top:#9d9d9d 1px dotted; }
        .tabela    td                        { border-bottom:#9d9d9d 1px dotted; padding:4px 10px 4px 10px; }
        .tabela strong                    { font-size:10px; }
        /* HIPER HOYA > */

        /* TABELA DE PONTOS < */
        .listaPontos td                { padding:4px 10px 4px 10px; }
        .listaPontos .t1            { background-color:#12658f; color:#ffffff; font-weight:bold; }
        .listaPontos .t2            { background-color:#84b8d5; color:#ffffff; font-weight:bold; }
        .listaPontos .t3            { color:#12658f; border-bottom:#9d9d9d 1px dotted; font-size:10px; font-weight:bold; }
        .listaPontos .t4            { color:#bd0700; border-bottom:#9d9d9d 1px dotted; text-align:center; font-size:10px; font-weight:bold; }
        .listaPontos .bd            { border-right:#9d9d9d 1px dotted; }
        /* TABELA DE PONTOS > */

    /* INTERNAS > */

    /* GERAL < */
    #imgCantoSuperior                    { float:left; }
    /* GERAL > */

/* CONTEUDO > */
/* ############################################################## */



/* ############################################################## */
/* RODAPÉ < */

#divRodape                    { clear:both; position:relative; top:30px; height:259px; min-height:100%; margin-top:20px; background-image:url(../imagens/fundoRodape.gif); background-position:top; background-color:#fefefe; }
#divConteudoRodape            { position:absolute; top:86px; left:86px; }
#divConteudoRodape a        { color:#ab0600; font-weight:bold; text-decoration:underline; padding:0px 12px 0px 12px; border-right:#ab0600 2px solid; }
#divConteudoRodape a.init    { padding-left:0px; }
#divConteudoRodape a.last    { border:none; padding-right:0px; }
#divConteudoRodape p        { color:#9d9d9d; font-size:10px; padding:10px 0px 10px 0px; margin:0px 0px 25px 0px; border-bottom:#9d9d9d 1px dotted; }
#cantoMeioInferior            { position:absolute; left:0px; top:0px; }

/* RODAPÉ > */
/* ############################################################## */


.titulo_bonus
{
	font-size:20px;
	font-weight:bold;
	color:#12658f;
}

.titulo_ganhe
{
	font-size:30px;
	font-weight:bold;
	font-style:italic;
	color:#5fb7e4;
}