﻿/* CSS Document */

* { margin:0; padding:0; }

body { background-color:#fff; width:100%; height:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; }

img { border:none }
a { text-decoration:none }
a:hover { text-decoration:underline; }
li { list-style-type:none; }

/* Tags Comuns */
.BD_iframe { margin:0; padding:0; }

.DV_left, .LI_left { float:left; }
.DV_right, .LI_right { float:right; }
.DV_center { text-align:center; margin:0 auto; }
.DV_relative { position:relative; }

.clear { display:block; height:1px; margin-bottom:-1px; overflow:hidden; clear:both; }
.clear10 { display:block; height:10px; margin-bottom:-1px; overflow:hidden; clear:both; }
.clear20 { display:block; height:20px; margin-bottom:-1px; overflow:hidden; clear:both; }
.clear30 { display:block; height:30px; margin-bottom:-1px; overflow:hidden; clear:both; }
.clear40 { display:block; height:40px; margin-bottom:-1px; overflow:hidden; clear:both; }
.clear60 { display:block; height:60px; margin-bottom:-1px; overflow:hidden; clear:both; }
.clearBorder { display:block; height:1px; overflow:hidden; clear:both; border-top:1px solid #8A9AA7; margin:20px 0; }

.DV_showHidden, .IMG_hide, .P_hidden, h1 span, h2 span, h3 span { display:none; }
.DV_show { display:block; }

.P_azul { color:#AEBFE1; }
.P_disclaimer { font-size:10px; }
.P_big { font-size:20px; font-weight:bold;}
.P_small { font-size:10px; }
.P_erro { color:#f90; margin:0; padding:0; }


/*--------> Forms */
.INP_form, .TXT_form { border:none; background-color:Transparent; font-size:11px; color:#666; z-index:0; }
.INP_default { background-color:#FFF; border:1px solid #ccc; height:18px; font-size:11px; color:#333; }
.TXT_default { background-color:#FFF; border:1px solid #ccc; font-size:11px; color:#333; }
.SEL_default { background-color:#fff; border:1 solid #ccc; height:18px; font-size:11px; color:#333; }

.TXT_atende { width:560px; height:100px; }

.DV_inputLeft { float:left; width:100%; height:21px; background:url('../images/forms/inputBgLeft.gif') no-repeat left top; 
z-index:0; }
.DV_inputRight { float:left; height:21px; background:url('../images/forms/inputBgRight.gif') no-repeat right top;
}
.DV_inputRight input { margin:0 2px 0 3px; padding-top:2px; height:19px; }

/* ------->select */
.DV_selectLeft { float:left; height:21px; background: url('../images/forms/inputBgLeft.gif') left center no-repeat; }
.DV_selectLeft input { margin:0 2px 0 3px; padding-top:3px; height:18px; }
.DV_selectBtn { float:left; width:25px; height:21px; padding:0 }
.DV_selectBtn .IMG_sel { cursor:pointer; _padding-top:1px; }
.DV_listaSelectBg { position:absolute; z-index:999; display:none; padding:1px; border:1px solid #ccc; background-color:#fff; top:28px; left:0; margin:0; padding:0;  }
.DV_listaSelectBg td,
.DV_listaSelectBg li { padding:0; font-size:10px; color:#333; cursor:pointer; }
.DV_listaSelectBg li a { display:block; color:#333; padding:2px 5px; font-size:10px; }
.DV_listaSelectBg td a:hover,
.DV_listaSelectBg li a:hover,
.DV_listaSelectBg li:hover { background-color:#efefef; color:#666; text-decoration:none; }

/*-------->Box Azul - também usado para o submenu das páginas internas*/
.DV_boxAzul { position:relative; background:transparent url('../images/BgBoxCinza50.png') repeat; width:100%; }
* html .DV_boxAzul { background:#283D50; }

/*-------->Listas*/
.LI_quadrado { list-style-image: url('../images/bullet_quadrado_bco.gif'); margin-left:16px; }

.P_lista { margin:12px; text-indent: -12px; margin-bottom:10px; } /* Usado como lista dentro dos boxs cinzas */

/*-------->Box Cinza - também usado para boxs no conteúdo interno das páginas */
.DV_boxCinza { position:relative; background:transparent url('../images/BgBoxCinza30.png') repeat; width:100%; padding:1px 0; }
* html .DV_boxCinza { background:#3E5C74; }
.DV_boxCinzaCMargin { margin:4px 0 0 0; }

.DV_boxCinza h4 { font-size:12px; margin:4px 5px; }
.DV_boxCinza h4,
.DV_boxCinza .A_h4 { color:#AEBFE1; text-decoration:none; }
.DV_boxCinza p { padding:5px; }

.IMG_mais { background:transparent url('../images/btn_maisMenos.gif') left center no-repeat; }
.IMG_menos { background:transparent url('../images/btn_maisMenos.gif') right center no-repeat; }

.IMG_menos, .IMG_mais { width:15px; height:15px; margin:4px 4px 0 4px; }

.DV_boxCinza .A_branco { color:#fff; font-weight:bold; }

/*-------->Box Lilaz*/

.DV_boxRedLilaz { width:100%; z-index:-5; }
.DV_boxRedLilaz .LI_topLeft { float:left; width:15px; height:15px; background:transparent url('../images/boxLilazTopLeft.gif') top left no-repeat;}
.DV_boxRedLilaz .LI_topRight { float:left; width:15px; height:15px; background: transparent url('../images/boxLilazTopRight.gif') top right no-repeat; }
.DV_boxRedLilaz .LI_topBg,
.DV_boxRedLilaz .LI_bottomBg { float:left; height:15px; background-color:#93A9D7; }
.DV_boxRedLilaz .LI_bg { float:left; background-color:#93A9D7; }
.DV_boxRedLilaz .LI_bottomLeft { float:left; width:15px; height:15px; background: transparent url('../images/boxLilazBottomLeft.gif') bottom left no-repeat; }
.DV_boxRedLilaz .LI_bottomRight { float:left; width:15px; height:15px; background: transparent url('../images/boxLilazBottomRight.gif') bottom right no-repeat; }

.DV_boxRedLilaz .LI_bottomBgEscuro { float:left; height:15px; background-color:#6D8BC9; }
.DV_boxRedLilaz .LI_bottomLeftEscuro { float:left; width:15px; height:15px; background: transparent url('../images/boxLilazBottomLeftEscuro.gif') bottom left no-repeat; }
.DV_boxRedLilaz .LI_bottomRightEscuro { float:left; width:15px; height:15px; background: transparent url('../images/boxLilazBottomRightEscuro.gif') bottom right no-repeat; }

/*-------->Bordas usadas em varios tipos de box */
.DV_bordaBox { display:table; border:1px solid #718CA7; }
.DV_txtBorda { display:table; border:1px solid #fff; }

/*----->Box com carrinho de compras*/
.DV_Ecommerce p { line-height:20px; }
.IMG_carrinho { margin-top:-6px; }

/*-------> Box Informações e Box Diversos com Bg Tracejado */
.DV_boxTracejado { background:transparent url('../images/BgBoxTracejado.png') repeat; padding:5px; }
* html .DV_boxTracejado { background:transparent url('../images/BgBoxTracejado.gif') repeat; }

.DV_boxTracejado .DV_bordaBox .DV_cTrac1 { width:170px; float:left; padding-right:10px; border-right:1px solid #718CA7; }
.DV_boxTracejado .DV_bordaBox .DV_cTrac2 { width:170px; float:left; padding-left:10px; }

.DV_cInt2 .DV_boxTracejado { width:383px; }
.DV_cInt2 .DV_bordaBox { width:363px; padding:10px; }

.DV_boxTracejado30 { background:transparent url('../images/BgBoxTracejado30.png') repeat; }
* html .DV_boxTracejado30 { background:#1E2A36; }

/*-------> Box Thumbs */
.IMG_setaThumbsUp { margin-bottom:6px; cursor:pointer; }
.IMG_setaThumbsDown { margin-top:6px; cursor:pointer; }
.IMG_setaThumbsLeft { margin-right:10px; cursor:pointer; padding-top:15px; }
.IMG_setaThumbsRight { margin-left:10px; cursor:pointer; padding-top:15px; }

.DV_thumbsItemVert { float:left; text-align:center; width:80px; height:175px; margin:15px 0; padding:0 6px 0 12px; border-right:1px solid #6A7886; }
.DV_thumbsItemHoriz { float:left; text-align:center; width:330px; height:60; margin-left:16px; padding:5px 20px; border-top:1px solid #6A7886; }
.DV_linkSpacer { float:left; width:260px; height:170px; margin:20px 0; }

.DV_thumbsItemVert .DV_thumbsContent { height:140px; overflow-y:hidden; }
.DV_thumbsItemVert .DV_thumbsContent .DV_thumbsFotos { min-height:800px; }
.DV_thumbsItemVert .DV_thumbsContent .DV_thumbsFotos p { padding:3px 0 0 0;}

.DV_thumbsItemHoriz .DV_thumbsContent { float:left; width:280px; overflow-x:hidden; }
.DV_thumbsItemHoriz .DV_thumbsContent .DV_thumbsFotos { min-width:800px; }
.DV_thumbsItemHoriz .DV_thumbsContent .DV_thumbsFotos li { float:left; padding:0 3px;}

.DV_thumbsFotos img, .DV_thumbsEstVideos img { border:1px solid #666; }

.DV_thumbsBg { width:393px; height:210px; margin-bottom:10px; }
.DV_thumbsBgHoriz { width:393px; height:85px; padding-top:115px; margin-bottom:10px; }

/*-------> Box Barras */
.DV_barras { background:transparent url('../images/bg_barras.png') repeat-x; border-bottom:1px solid #717F8A; }
* html .DV_barras { background:transparent url('../images/bg_barras.gif') repeat-x; }

.DV_barrasBig { background:transparent url('../images/bg_barrasBig.png') repeat-x; _background:transparent url('../images/bg_barrasBig.gif') repeat-x; height:30px; padding-top:10px; }

.DV_barrasBig45 { background:transparent url('../images/bg_barrasBig45.png') repeat-x; height:45px; padding-top:10px; }
* html .DV_barrasBig45 { background:transparent url('../images/bg_barrasBig45.gif') repeat-x; }

/*-------> Videos */
.DV_videoExib { position:relative; }
.DV_videoExib .DV_boxAzul { width:440px; height:260px; padding:20px 0; text-align:center; }
.DV_videoExib img { float:right; margin:-18px 2px 0 0; }

.DV_infPlayVideo { position:absolute; width:100%; top:100px; left:0; text-align:center; z-index:555; }
.DV_infPlayVideo p { color:#FF6600; font-size:9pt; font-weight:bold; }

.DV_boxTracVideos { background:transparent url('../images/BgBoxVideos.png') repeat-x; }
* html .DV_boxTracVideos { background:transparent url('../images/BgBoxVideos.gif') repeat-x; }

.IMG_setaThumbsVLeft { cursor:pointer; padding-top:30px; }
.IMG_setaThumbsVRight { cursor:pointer; padding-top:30px; }


/* Estrutura Homes */
.DV_mainHome { position:relative; min-height:100%; text-align:left; }
* html .DV_mainHome { height:100%; }
.DV_contentHome { margin-left:15%; }

.DV_contentHome .DV_menu { min-width:1105px; padding:0 0 0 85px; }

.DV_homePortal { width:1005px; text-align:left; display:table; padding:10px 0 20px 0; _padding:10px 0 0 0; margin-bottom:0; _margin-bottom:10px; }


/* Menu Principal --- qualquer imagem ou cor alterar no menuHome.css ou menuInterna.css */ 
.DV_menu { position:relative; overflow:visible; height:90px; }

.DV_menuLogo { position:absolute; z-index:12; top:20px; left:0; width:80px; height:70px; }

.DV_menuItem { position:relative; width:100%; height:90px; overflow:visible; }
.DV_menuItemBg { width:100%; height:90px; overflow:visible; }

.DV_menuBtn { float:left; width:580px; height:33px; }
.DV_menuBtn ul { width:580px; }
.DV_menuBtn li { float:left; width:98px; padding-top:10px; height:23px; text-align:right; padding-right:7px; margin-right:5px; }
.DV_menuBtn .LI_gestao { width:118px; }
.DV_menuBtn .LI_empresas { width:108px; }

.DV_menuBtn .IMG_finance { width:105px; height:20px; }
.DV_menuBtn .IMG_corretora { width:95px; height:20px; }
.DV_menuBtn .IMG_educa { width:75px; height:20px; }
.DV_menuBtn .IMG_gestao { width:105px; height:20px; }
.DV_menuBtn .IMG_seguro { width:75px; height:20px; }
.DV_menuBtn .IMG_empresas { width:85px; height:20px; }

.DV_menuLink { float:left; position:relative; height:17px; padding:3px 0 0 2px; overflow:hidden; }
.DV_menuLink .TB_menuLink { margin-left:540px; }
.DV_menuLogin { float:left; position:relative; height:28px; padding:5px 0 0 2px; overflow:hidden; }
.DV_menuLogin .DV_login { margin-left:160px; }
.DV_menuLogin .DV_logada { margin-left:50px; }

.DV_menuLink td, .DV_menuLogin td { padding:0 2px; }
.DV_menuLink td p { font:bold 10px/11px Verdana, Arial; }
.DV_menuLogin td p { font-size:11px; font-weight:bold; line-height:13px; }
.BD_homeInt .DV_menuLogin td p,
.BD_homeInt .DV_menuLogin td p a,
.BD_homeInt .DV_menuLink td p,
.BD_homeInt .DV_menuLink td p a { margin:0; } /* cor dos links muda em cada tema na home do portal*/

.DV_menuLogin .P_logout { padding-top:5px; }

.INP_login { background-color:#FFF; border:1px solid #ccc; height:14px; font-size:11px; width:76px; padding:2px 0 0 4px; }
.INP_btnLoginOk { width:29px; height:18px; }

.IMG_esqueciSenha { width:16px; height:16px; }
.DV_menu .DV_esqSenha { top:37px; left:725px; }
.DV_esqSenha { display:none; position:absolute; width:160px; height:24px; padding-top:18px; }
.DV_esqSenha p { padding:8px; font-size:11px; width:152px; }

/*-----> Submenu Corretora --- qualquer imagem ou cor alterar no menuHome.css ou menuInterna.css */
.DV_submenuBtn { width:100%; display:table; overflow:visible; }

.DV_submenuBtn ul { margin:0 10px; }
.DV_submenuBtn li { float:left; font-size:12px; font-weight:bold; padding:12px 20px 0 0; height:23px; }

.DV_submenuBtn li a:hover { text-decoration:none; }

.DV_submenuBtn li input { margin-top:-2px; }
.DV_submenuBtn .LI_btn { margin-left:50px; }

/*-----> Rodape */
.DV_rodapeHome { position:relative; margin-left:15%; height:60px; }

.DV_rodapeCenter { width:1005px; }
.DV_rodapeLinks { float:left; width:934px; margin-right:16px; }
.DV_rodapeLinksHome .LI_primeira { padding-left:20px; }
.DV_rodapeLinks li { float:left; height:22px; font-size:11px; padding:5px 5px 0 5px; } /* cor da fonte da lista nos temas */

.DV_rodapeLinks .LI_intervalo { padding-left:230px; *padding-left:190px; }

.DV_rodapeLinks .LI_ultima { padding-right:2px; }

.DV_rodapeLinks p { width:100%; font-size:10px; padding:8px 0; } /* cor da fonte e da borda do parágrafo nos temas */

.DV_logoBovespa { float:left; margin-top:-5px; width:45px; height:70px; background:transparent url('../images/footer/logobovespa.gif') top right no-repeat; }

/*-----> Lightbox*/
.DV_lightbox { width:100%; height:100%; margin:0 auto; display:none; position:fixed; top:0; left:0; z-index:999;
               background:transparent url('../images/apligraf/bgLightbox.png') repeat;
               _background:transparent url('../images/apligraf/bgLightbox.gif') repeat; text-align:center; }

/*-----> Cotação da Bolsa */
.DV_leftCotBolsa { float:left; margin:0 15px 0 0; text-align:left; }
.DV_leftCotBolsa .DV_cotRodape { width:210px; float:left; background-color:#000; filter:alpha(opacity=50); opacity:0.5; }
.DV_leftCotBolsa .DV_cotRodape p { color:#fff; font-size:10px; padding:2px; }
.DV_leftCotBolsa .DV_cotRodapeBtn { width:18px; height:20px; float:left }
.DV_leftCotBolsa .DV_cotRodapeBtn .IMG_btnMais { width:18px; height:17px; }

.BD_iframe { background:transparent; }
.IF_cotacao { width:240px; height:125px; overflow:hidden; *margin-left:-2px; padding:0; }

/*-----> Cotação da Bolsa Página Lightbox*/
.DV_pgCotacao { width:268px; height:320px; margin:134px auto; }
.DV_fecharCotacao { display:table; float:right; }
.DV_fecharCotacao .IMG_fechar { width:68px; height:30px;
                                 background:transparent url('../images/apligraf/btnCotFechar.png') center no-repeat;
                                _background:transparent url('../images/apligraf/btnCotFechar.gif') center no-repeat; }
.DV_topoCotacao { width:268px; height:72px;
                  background:transparent url('../images/apligraf/bgCotTopo.png') center top no-repeat;
                  _background:transparent url('../images/apligraf/bgCotTopo.gif') center top no-repeat; }
.DV_contentCotacao { width:268px; display:table; background-color:#fff; }
.DV_contentCotacao .IF_cotacao { width:265px; height:210px; }

.DV_footerCotacao { width:268px; height:6px;
                    background:transparent url('../images/apligraf/bgCotFooter.png') center bottom no-repeat;
                    _background:transparent url('../images/apligraf/bgCotFooter.gif') center bottom no-repeat; }


/*-----> Cotação Rápida */
.DV_cotaRapida { position:relative; float:left; width:115px; margin-top:0; }
.DV_cotaRapidaAzul { width:110px; display:table; padding:8px 5px; text-align:center; background:transparent url('../images/BgAzul30.png') repeat; _background:#003366; }
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.DV_cotaRapidaAzul { width:120px; } /*hack chrome*/
}
.DV_cotaRapidaIPO { width:110px; height:44px; background-color:#FFF; float:left; display:table; padding:5px; }
.DV_cotaRapidaIPO p { font-size:10px; color:#333; text-align:left; }
.DV_cotaRapidaIPO p a { color:#333; }

.DV_cotaRapidaAzul h1 { font-size:15px; color:#AEBFE1; font-weight:bold; text-align:center; margin-bottom:5px; }
.DV_cotaRapidaAzul li { float:left; padding:0 2px 0 0; }
.DV_cotaRapidaAzul .LI_btn { padding-top:4px; *padding-top:0; text-align:center; }
.DV_cotErro { position:absolute; top:50px; left:12px; z-index:5; }

.INP_cotaRapida { width:70px; height:16px; }

.DV_cotaRapidaNegro { width:110px; padding:5px; text-align:right; background:transparent url('../images/BgAzul50.png') repeat; _background:#000; }

.DV_cotaRapidaNegro p { margin-left:5px; }
.DV_cotaRapidaNegro p, .DV_cotaRapidaNegro p a { font-size:10px; color:#FFF; }

/*Fast Quote*/
.DV_fastQuote { display:table; background-color:#fff; border:3px solid #CCC; width:370px; padding:15px 10px 7px 10px; position:absolute; }
.DV_fastQuote p { font-size:12px; color:#203648;}
.DV_fastQuote .TB_tit { margin:0 auto; text-align:center; background-color:#203648; border-bottom:1px solid #CCC; border-top:1px solid #CCC; border-left:2px solid #CCC; border-right:2px solid #CCC; margin-bottom:10px; }
.DV_fastQuote .TB_tit1 { margin:0 auto 10px auto; }
.DV_fastQuote .TB_tit2 { margin-top:5px; }
.DV_fastQuote .TD_cinza { background-color:#CCC; }
.DV_fastQuote .TD_mrg { padding:0 0 0 10px; width:170px; text-align:left; }
.DV_fastQuote .TD_mrg2 { padding:0 10px 0 0; width:170px; text-align:right; } 
.DV_fastQuote .TB_info { width:370px; border-left:2px solid #CCC; padding:0; }
.DV_fastQuote .P_titBco { font-size:12px; font-weight:bold; padding:2px; }
.DV_fastQuote .P_titBco,
.DV_fastQuote .P_titBco a { color:#FFF; }
.DV_fastQuote .P_titBco a:hover { text-decoration:none; }
.DV_fastQuote .DV_bgFastQuote { width:370px; height:30px; background:transparent url('../images/bgFastQuote.gif') bottom left no-repeat; text-align:center; }
.DV_fastQuote .DV_bgFastQuote2 { width:370px; height:30px; background:transparent url('../images/bgFastQuote2.gif') top right no-repeat; text-align:center; }
.DV_fastQuote .P_green { color:#00CC00; }
.DV_fastQuote .P_red { color:#990000; }
