﻿/* RESET CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
body {background:#F8F9FA}
body , select {font:69% Tahoma, Arial, Sans-Serif; color:#000;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
hr {width:100%;height:1px;border-bottom:none;border-left:none;border-right:none;border-top:1px solid #E5E5E5;clear:both;display:block !important;}
label {cursor:pointer;}
a {text-decoration:none;color:#333;outline:none;}
a:hover {text-decoration:underline;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mtb10{margin:10px 0;}
/* GERAIS */
.after:after{content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
.none {display:none;}
.fl {float:left !important;}
.fr {float:right !important;}
.clr {clear:both !important;}
.lk_seta {background:url(../../imagens/geral/seta_red_right.gif) 0 3px no-repeat; padding-left:12px;}
.lista_ordenada {list-style-type:decimal; margin-left:22px;}


    /* TEXTOS EM IMAGENS */
    .txt_black {background:url(../../imagens/geral/txt_black.gif) no-repeat; text-indent:-9999px; display:block}
	
#midle{ width:1010px;}		
	
/* HEADER */
#header {border-top:6px solid #FFF; border-bottom:1px solid #CACACA; background:#fff; height:78px}
#header a.logo {background:url(../../imagens/geral/logo_ceNew.gif) no-repeat; width:356px; height:40px; display:block; margin:22px 0 0 19px; text-indent:-9999px;}

/* NAV */
#nav {float:left; width:211px;}


    .nav {float:left; width:211px;}
    .nav .nav_list {width:191px; margin:32px 0 0 20px}
    .nav .nav_list li {border-bottom:1px solid #CACACA;}
    .nav .nav_list li a.anchor{background:url(../../imagens/geral/nav_bg.gif) no-repeat; height:28px; width:191px; display:block; text-indent:-9999px; cursor:pointer}
    .nav .nav_list li a.nav_mp {background-position:-2px 6px}
    .nav .nav_list li a.nav_mp:hover {background-position:-202px 6px}
    .nav .nav_list li.atv a.nav_mp {background-position:-402px 6px}
    .nav .nav_list li a.nav_sf {background-position:-2px -34px}
    .nav .nav_list li a.nav_sf:hover {background-position:-202px -34px}
    .nav .nav_list li.atv a.nav_sf {background-position:-402px -34px}
    .nav .nav_list li a.nav_ms {background-position:-2px -74px}
    .nav .nav_list li a.nav_ms:hover {background-position:-202px -74px}
    .nav .nav_list li.atv a.nav_ms {background-position:-402px -74px}
    .nav .nav_list li a.nav_ad {background-position:-2px -114px}
    .nav .nav_list li a.nav_ad:hover {background-position:-202px -114px}
    .nav .nav_list li.atv a.nav_ad {background-position:-402px -114px}


    /* nav sub */
    .nav_sub {background:#FFF; border-top:1px solid #CACACA; padding:10px 0 0 10px; display:none;}
    .nav_sub li {border-bottom:0!important; padding-bottom:10px;}
    .nav_sub li a {cursor:pointer!important; color:#333}
    .nav_sub li a.atv {color:#333333; font-weight:bold} 
    
    /* nav centrais */
    .nav_centrais {width:187px; height:170px; padding:70px 0 0 40px; }
    .nav_shopfacil {width:172px; height:182px; padding:10px 0 0 25px;}
    
    /* btos bottom nav */
    .bto_nav_bottom {padding:126px 0 20px 50px;}
    .bto_nav_bottom li {padding-bottom:10px;}


/* BOTOES DO SITE */
.bto {display:block; text-indent:-9999px; background-position:left top; border:0; padding:0; margin:0; cursor:pointer;}
.bto:hover {background-position:left bottom;}
    
    .bto_iniciar_simulacao {background:url(../../imagens/geral/bto_inciar_simulacao.gif); width:113px; height:22px; position:absolute; bottom:10px; left:33px}
    .bto_iniciar_simulacao2 {background:url(../../imagens/meios-pagamento/bto_simulacao.gif); width:113px; height:22px; margin-top:15px;}    
    .bto_enviar {background:url(../../imagens/geral/bto_enviar.gif); width:58px; height:22px; float:right}    
    .bto_ir_sf {background:url(../../imagens/home/bto_sf.jpg); width:123px; height:22px; float:right}    

.bto_mf {text-indent:-9999px; display:block; width:140px; height:24px; background:url(../../imagens/geral/bto_mercado_financeiro.gif) no-repeat}
.bto_se {text-indent:-9999px; display:block; width:140px; height:24px; background:url(../../imagens/geral/bto_seguranca.gif) no-repeat}


/* MAIN */
#main_area {float:left; width:770px; margin:46px 0 20px 19px; }
#main {border-top:1px solid #DBDCDE; position:relative; background:#fff url(../../imagens/geral/main_bg.gif) right top repeat-y; margin-bottom:20px }	
#main #main_content {background:url(../../imagens/geral/main_bg_corner.gif) bottom right no-repeat; padding-right:4px; *zoom:1.0}
#main #main_content .cont_voltar {border-top:1px solid #E5E5E5; margin-left:21px; _margin-left:12px; width:514px; float:left; margin-top:50px;}
#main #main_content .hl_voltar {background:url(../../imagens/geral/seta_red_left.gif) left 4px no-repeat; text-transform:uppercase; padding-left:15px; margin:20px 0 20px 0; float:left }

    /* nav abas main */
    #main #main_content .nav_abas {width:342px; height:33px; position:absolute; top:-33px; _top:-32px; left:20px; background:url(../../imagens/geral/main_abas_bg.jpg) no-repeat;}
    #main #main_content .atvF {background-position:left top}
    #main #main_content .atvJ {background-position:left bottom}
    #main #main_content .nav_abas li {float:left; margin-right:5px;}
    #main #main_content .nav_abas li a {display:block; text-indent:-9999px; height:33px;}
    #main #main_content .nav_abas li a.nav_abas_vende {width:165px}
    #main #main_content .nav_abas li a.nav_abas_compra {width:167px}

    /* sitemap */
    .sitemap {margin-left:20px; padding-top:15px; border-bottom:1px solid #E5E5E5; color:#999999; height:25px;}
    .sitemap li {float:left; padding-right:10px;}
    .sitemap li.path_separator {text-indent:-9999px; background:url(../../imagens/geral/seta_red_right.gif) left 4px no-repeat; width:4px; height:13px;}
    .sitemap li.current {color:#333333; font-weight:bold}
    .sitemap li .noLink {cursor:default}
    .sitemap li .noLink:hover {text-decoration:none;}
    
    /* font size */
    .font_size {position:absolute; top:-33px; right:0; height:20px; z-index:9999 }
    .font_size .font_size_list li{float:left; padding-right:5px}
    .font_size .font_size_list li .font_size_text {text-indent:-9999px; width:100px; height:9px; margin-top:6px}
    .font_size .font_size_list li .font_size_up {width:20px; height:20px; display:block; background:url(../../imagens/geral/font_size_bg_link.jpg) left top no-repeat; text-indent:-9999px}
    .font_size .font_size_list li .font_size_up:hover {background-position:left bottom}
    .font_size .font_size_list li .font_size_down {width:20px; height:20px; display:block; background:url(../../imagens/geral/font_size_bg_link.jpg) right top no-repeat; text-indent:-9999px}
    .font_size .font_size_list li .font_size_down:hover {background-position:right bottom}
    
    /* titulos secao */
    .page_titles {display:block; background:url(../../imagens/geral/ttl_secao.gif) no-repeat; height:40px; text-indent:-9999px; text-align:left}
        .ce {background-position:0 0; margin-top:6px;}
        .sf {background-position:0 -40px;}
        .meios_pagamento {background-position:0 -80px;}
        .boleto {background-position:0 -120px;}
        .faca_simulacao {background-position:0 -160px; height:22px!important; margin-bottom:10px!important}
        .ttl_cartao_debito {background-position:0 -200px;}
        .ttl_entre_contas {background-position:0 -240px;}
        .ttl_finaciamento_eletronico {background-position:0 -280px;}
        .ttl_seguranca {background-position:0 -320px;}
        .ttl_proposta_adesao {background-position:0 -360px;}
        .ttl_condicao_adesao {background-position:0 -400px;}
        .title_shopfacil {background-position:0 -440px;}
        .ttl_mapa_site {background-position:0 -480px;}
        .ttl_pagamento_eletronico {background-position:0 -520px;}
        .ttl_gerenciador_lojista {background-position:0 -560px;}
        .ttl_protocolo_set {background-position:0 -600px;}
        .ttl_protocolo_ssl {background-position:0 -640px;}
        .ttl_criptografia {background-position:0 -680px;}
        .ttl_teclado_virtual{background-position:0 -840px;}
        .ttl_senha_acesso {background-position:0 -720px;}
        .ttl_chave_seguranca{background-position:0 -755px;}
        .ttl_certificado_digital{background-position:0 -795px;}
/* CONTROLES */
    /* simulacao */
    .box_simulacao {width:180px; height:270px; background:url(../../imagens/home/bg_simulacao.jpg) no-repeat; position:relative}
    .box_simulacao .txt_leg {position:absolute; top:43px; left:11px; width:161px; font-weight:bold; text-align:center; color:#FFF}
    
    /* chamada comercio eletronico pj */
    .chamada_comercio_eletronico {width:180px; height:272px; background:url(../../imagens/home/bg_chamada_comercio_eletronico.jpg) no-repeat; float:right; margin-right:18px; _margin-right:11px; text-indent:-9999px}

    /* box shop facil */
    .box_shop_facil {width:180px; background:url(../../imagens/geral/box_shop_facil_bg.gif) top left no-repeat; padding-top:23px}
    
    /* box seguranca */
    .box_seguranca {width:136px; background:url(../../imagens/geral/box_seguranca_bg.jpg) top left no-repeat; padding:33px 0 0 44px; height:47px;}
        
    /* box shop facil cadastro */
    .box_sf_cadastro {width:102px; height:65px; background:url(../../imagens/shopfacil/bg_cadastro.jpg) top left no-repeat; padding:25px 0 0 78px}        
        
    /* box adesao */
    .box_adesao {background:url(../../imagens/home/box_adesao_bg.jpg) no-repeat; margin:6px 0 0 0; height:70px;}
    .box_adesao .lt_chamada_adesao {padding:23px 0 0 49px; display:block}
    .box_adesao_bto {padding:0px 0 24px 0;}
    .box_adesao_bto li {padding-bottom:5px!important;}    
        /* botoes adesao */
        .bto_proposta_adesao {background:url(../../imagens/home/bto_proposta_adesao.gif); width:145px; height:22px;}
        .bto_condicoes_adesao {background:url(../../imagens/home/bto_condicoes_adesao.gif); width:145px; height:22px;}
        
        
        
/* BOX OFERTAS PF */
.shop_itens_align {margin-top:20px;}
.content_ofertas {width:550px; background:#FFF url(../../imagens/home/box_ofertas_pf_bg.jpg) bottom left no-repeat; text-align:right; float:left}
.content_ofertas .rodape_info {color:#CC092F; font-weight:bold; padding:14px 0; line-height:16px;}
.content_ofertas .hl_lojas_az {background:url(../../imagens/geral/seta_red_right.gif) 8px center  no-repeat; padding:0 10px 0 20px; line-height:16px;}
.content_ofertas .lista_items {padding:14px 20px 18px }
.content_ofertas .lista_items li {float:left; padding:0 5px 10px; width:117px; text-align:center; color:#CC092F; font-weight:bold}
.content_ofertas .lista_items li a {color:#000; font-weight:normal; padding:5px 0; display:block}


