﻿/* ====================================================
==== abra e fecha ============================================
==================================================== */
.boxAbreFecha{margin-bottom:10px;}
.boxAbreFecha a {background:#F0F0F0;display:block;font:10px Verdana;color:#000;padding:3px 10px 5px 22px;}
.boxAbreFecha a .bltmais{float:left;margin:2px 0 0 -15px;}
.boxAbreFecha a .bltmenos{float:left;visibility:hidden;margin:2px 0 0 -15px;}
.boxAbreFecha div.cont{background:#F0F0F0;padding:0 10px 10px 22px;font:10px Verdana;color:#000;display:none;}
.boxAbreFecha div.cont a{display:inline;padding:0;font-weight:normal !important;}

/* ====================================================
==== RESET ============================================
==================================================== */
body, h1, h2, h3, h4, p, ul, li, dl, dt, dd { margin: 0; padding: 0; }
cite { font-style: normal; }
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }
li { list-style: none; }


/* ====================================================
==== ESTRUTURA PADRÃO =================================
==================================================== */
body { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 69%; color: #333; }

#canvas { width: 770px; height: 520px; overflow: auto; background: url(../../img/geral/bgBody.jpg) no-repeat; }
    #header  h1 { height: 41px; padding: 25px 0 0 25px; }
        #headerBar { height: 30px; margin-top: 25px; }
        #headerBar h4 { float: left; width: 133px; height: 13px; margin: 8px 0 0 11px; background: url(../../img/geral/ttlAssembleiaOnline.gif) no-repeat; font-size: 1.36em; text-indent: -9999px;  }
        #headerBar a { float: right; margin: 10px 15px 0 0; font-size: 0.91em; color: #fff; }
        
    #content { height: 371px; overflow: auto; }
    
    #footer cite { float: left; margin: 8px 0 0 6px; font-size: 0.91em; color: #7D7D7D; }
    #footer a { float: right; width: 75px; height: 28px; margin-right: 15px; background: url(../../img/geral/btnFooterFechar.jpg) no-repeat; text-indent: -9999px; }
    #footer a:hover { background-position: 100% 0; }


/* ====================================================
==== GERAL ============================================
==================================================== */
.conceitual { float: left; }
.colRight { float: right; width: 245px; }

.box { width: 220px; background: url(../../img/geral/boxMid.jpg);  font-size: 1.27em; color: #CF0000; }
.box .boxTop { background: url(../../img/geral/boxTop.jpg) no-repeat top; }
.box .boxBot { padding: 20px; background: url(../../img/geral/boxBot.jpg) no-repeat bottom; }
.box strong.time { font-size: 1.07em; font-family: Arial, Helvetica, Sans-Serif; }

.lnkArrow { padding-left: 10px; background: url(../../img/geral/arrow.gif) no-repeat 0 3px; color: #000; }

.separator { height: 1px; background: #D6D6D6; overflow: hidden; }


/* ====================================================
==== SEÇÔES ===========================================
==================================================== */
    /* HOME */
    .home { padding: 22px 0 0 25px; }
    .home .conceitual { width: 458px; height: 326px; background: url(../../img/geral/conceitualHome.jpg) }
    
    .home .colRight { padding: 15px 25px 0 0; }
    .home .colRight h2 { width: 235px; height: 61px; margin: 0 0 20px 8px; background: url(../../img/geral/ttlAssembleiasBradesco.gif); font-size: 2.27em; text-indent: -9999px; }
    .home .colRight p { margin-right: 2px; text-align: right; }
    
    .home .banners { margin-top: 20px; }
    .home .banners .banner { padding-left: 98px; }
    .home .banners .lnkPluginFlash { display: block; width: 92px; margin: 15px 0 0 55px; padding: 5px 97px 10px 0; background: url(../../img/geral/btnFlashPlayer.jpg) no-repeat 100% 0; font-size: 0.82em; color: #999; }
    
    /* INTERNA */
    .interna { padding: 19px 0 0 0; }
    .interna .conceitual { width: 493px; height: 332px; background: url(../../img/geral/conceitualInterna.jpg) }
    .interna .intro { width: 210px; margin: 20px 0; font-size: 1.27em; }
    .interna .colRight h3 { margin-bottom: 25px; font-size: 1.36em; font-family: Arial, Helvetica, Sans-Serif; }
    .interna .colRight .separator { margin: 10px 0; }
    .interna .colRight .lnkArrow { font-size: 0.79em; }
    
    /* ASSEMBLÉIA */
    .assembleia { padding-left: 8px; }
    
    .gruposParticipantes { float: left; width: 172px; height: 355px; margin: 5px 8px 0 0; background: url(../../img/geral/boxGruposPart.jpg) no-repeat; }
    .gruposParticipantes h3 { height: 63px; text-indent: -9999px; }
    .gruposParticipantes .tp1 { background: url(../../img/geral/grupoParticipanteTp1.jpg) no-repeat; }
    .gruposParticipantes .tp2 { background: url(../../img/geral/grupoParticipanteTp2.jpg) no-repeat; }
    .gruposParticipantes .tp3 { background: url(../../img/geral/grupoParticipanteTp3.jpg) no-repeat; }
    .gruposParticipantes .tp4 { background: url(../../img/geral/grupoParticipanteTp4.jpg) no-repeat; }
		#gruposCont { height: 199px;  margin: 15px 0 15px 15px; overflow: hidden; }
    .gruposParticipantes ul { overflow: auto; }
    .gruposParticipantes li { float: left; width: 35px; height: 20px; margin: 0 7px 2px 0; padding: 3px 0 0 9px; background: url(../../img/geral/bgItemGruPart.jpg) }
    .gruposParticipantes .lnkAnteriores,
    .gruposParticipantes .lnkProximos { display: block;  clear: both; width: 170px; height: 26px; margin-left: 1px; text-indent: -9999px; }
    .gruposParticipantes .lnkAnteriores { background: url(../../img/geral/arrowTopGruPart.jpg); } 
    .gruposParticipantes .lnkAnteriores:hover { background-position: 100% 0; } 
    .gruposParticipantes .lnkProximos { background: url(../../img/geral/arrowBotGruPart.jpg); } 
    .gruposParticipantes .lnkProximos:hover { background-position: 100% 0; } 
    
    .grupoSelecionado { float: left; width: 571px; height: 45px; margin: 10px 0 9px; background: url(../../img/geral/bgBoxGrupo.jpg) }
    .grupoSelecionado dt,
    .grupoSelecionado dd { float: left; }
    .grupoSelecionado dt { width: 100px; margin-right: 5px; padding-top: 16px; text-align: right; }
    .grupoSelecionado .grupo { width: 76px; padding-top: 12px; font-size: 1.64em; color: #c00; font-family: Arial, Helvetica, Sans-Serif; text-align: center; }
    .grupoSelecionado .info { padding: 10px 0 0 10px; font-weight: bold; }
    .grupoSelecionado .info span { color: #c00; }
    
    .boxResult { float: left; width: 185px; height: 299px; margin-right: 6px; background: url(../../img/geral/bgBoxResult.jpg); }
    .boxResult div { padding-left: 9px; }
    .boxResult h3 { height: 46px; text-indent: -9999px; background: url(../../img/geral/ttlResultadosSpr.gif) no-repeat;  }
    .boxResult strong { margin: 0 auto; color: #666; }
    .boxResult li,
    .boxResult table { background: url(../../img/geral/borderBoxResultBot.jpg) repeat-y; }
    .boxResult p { width: 163px; text-align: center; }
    .boxResult .border { display: block; height: 1px; background: url(../../img/geral/borderBoxResultTop.jpg); overflow: auto; }
        .resultLoteria h3 { width: 161px; margin: 9px 0 0 12px; background-position: 0 -47px; }
        .resultLoteria ul { width: 163px; margin: 10px 0 0 0; }
        .resultLoteria li { margin-bottom: 10px; font-size: 1.09em; zoom: 1.0; }
        .resultLoteria li p { padding: 4px 0; }
        .resultLoteria li p strong { color: #c00; }
        
        .cotasContemplada h3 { width: 119px; margin: 5px 0 4px 35px; }
        .cotasContemplada table { width: 163px; margin: 10px 0; border-collapse: collapse; border-spacing: 0;  }
        .cotasContemplada td { padding: 10px 5px; background: url(../../img/geral/separatorTd.gif) no-repeat right 12px; font-weight: bold; color: #c00; text-align: center; }
        .cotasContemplada .last { background: none; }
        .cotasContemplada .lineTop td { border-bottom: 1px solid #D8D8D8; }
    
    .maioresLances { float: left; width: 187px; height: 296px; background: url(../../img/geral/bgBoxLances.jpg) }
    .maioresLances h3 { height: 56px; text-indent: -9999px; }
    .maioresLances th { padding-bottom: 2px; font-size: 0.91em; }
    .maioresLances td { padding: 3px 0 6px; background: url(../../img/geral/bgLineLances.jpg) no-repeat center top; text-align: center; }
    .maioresLances .leftCol { background-position: 0 0; font-weight: bold; }
    .maioresLances .rightCol { background-position: 100% 0; }
    
