.right { float: right; }
.no-boxshadow { box-shadow: none !important; }
.no-pad-r { padding-right: 0 !important; }
.no-border { border: 0 none !important; }
.no-scroll { overflow: hidden !important; }
.icon { width: 20px; height: 20px; display: block; float: left; background: url(../best_images/icons-sprites.png) no-repeat;}
.inner_container { padding: 20px;}
.ie_wait{display: none;}
.lt-ie9 body,html.lt-ie9{ overflow: hidden; min-height: 100%; height: 100%;}
.lt-ie9 .ie_wait { background: url(../best_images/pi_loader.gif) no-repeat scroll center center #FFFFFF; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2147483647}
.loaded body,html.loaded { overflow: auto; min-height: 800px; height: auto;}
.loaded .ie_wait {display: none;}
body { font-family: "Trebuchet MS", Helvetica, sans-serif;	background-color:#FFF;}
.container { position: relative; max-width: 980px; padding: 0 10px;}
#top_menu { background: url(../best_images/bg_top.jpg) repeat-x; height: 35px; text-transform: uppercase; font-size: 10px;}
#top_menu .link,#top_menu .phone { margin-top: 7px; color: #FFF; text-shadow: 0 1px 0 #30588b;}
#top_menu .phone { font-size: 12px;	width:90px;	overflow:hidden;	color:#FFF;}
#top_menu .divider-vertical { height: 35px; background: url(../best_images/icons-sprites.png) -6px 0 no-repeat;}
#top_menu_left .divider-vertical { width: 7px; margin-left: 7px;}
#top_menu_right .divider-vertical { width: 6px; margin: 0 6px 0 10px;}
#top_menu .link:active,#top_menu .link:hover { color: #92a2cf;}
#top_menu_left { float: left;}
#top_menu_right { float: right; background: url(../best_images/glow.jpg) right 0 no-repeat;}
#top_menu .icon { margin-right: 4px;}
#msg_icon { background: url(../best_images/icons-sprites.png) 0 -40px no-repeat;}
#chat_icon { background: url(../best_images/icons-sprites.png) -20px -40px no-repeat;}
#phone_icon { background: url(../best_images/icons-sprites.png) -40px -40px no-repeat; margin-right: 8px;}
#main_menu { position: relative; z-index: 14; border-top: 1px solid #efefef; border-bottom: 1px solid #c3c3c3; background: #FFF; height: 40px; -webkit-box-shadow: #e5e5e5 0px 1px 0px; -moz-box-shadow: #e5e5e5 0px 1px 0px; box-shadow: #e5e5e5 0px 1px 0px;}
#main_menu_logado .main_nav { border-top: 0; margin-top: 1px;}
#menu_best { margin-top: 1px;}
#main_menu .home { border: 0 none;}
#main_menu .home_icon { display: block; height: 20px; width: 20px; background: url(../best_images/icons-sprites.png) 0 -80px no-repeat;}
#main_menu .active .home_icon, #main_menu .selected .home_icon, #main_menu li:hover .home_icon { background-position: -320px -58px;}
#main_menu .dropdown-menu { width: 500px; left: -4px; margin-top: 0; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; border: 3px solid #CCCCCC; border-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #C3C3C3; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.main_nav .dropdown-menu { opacity: 0; visibility: hidden; display: block; display: none\9; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s}
.main_nav .dropdown.mouseover .dropdown-menu { display: block\9; visibility: visible; opacity: 1;}
.main_nav .col { float: left; width: 220px; margin: 16px 0 6px 18px;}
ul.nav li.dropdown.selected { border-bottom:2px solid #001489; }
ul.nav li.hidden-phone.selected { border-bottom:2px solid #001489; height:40px;}

ul.nav li.dropdown.selected>a { color:#001489;}
#main_menu .pub img { display: block; margin: 0 auto 7px;}
#main_menu .ferramentas { padding-left: 3px;}
#main_menu .ferramentas .logo { display: block; float: left; width: 20px; height: 20px; margin-right: 11px; background: url(../best_images/icons-sprites.png) 0 -60px no-repeat;}
#main_menu .ferramentas .logo.cotacoes { background-position: -400px -60px;}
#main_menu .ferramentas .bullet { display: block; float: left; width: 14px; height: 20px; background: url(../best_images/icons-sprites.png) -106px -60px no-repeat;}
#main_menu .ferramentas li { margin-bottom: 9px; color: #001489; font-size: 16px; font-weight: bold;}
#main_menu .ferramentas a { color: #999999; font-size: 13px; font-weight: bold; text-decoration: none;}
#main_menu .ferramentas a:hover { color: #001489;}
#main_menu .links .title { color: #001489; font-size: 16px; font-weight: bold; margin-bottom: 6px; margin-top: 10px;}
#main_menu .navbar .divider-vertical { height: 12px; width: 0; background-color: #e7e7e6; margin-top: 13px; margin-left: 0;}
.main_nav .nav > li > a { float: none; color: #787878; text-decoration: none; text-shadow: none; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 10px 10px 0;}
.main_nav .nav > li > a:active,.main_nav .nav > li > a:hover { color: #001489;}
.main_menu_right {	clear: both; display: block; float: right; height: 25px; position: relative; top: 30px;	z-index:99;}
.main_header.logged .main_menu_right { top:37px; margin-bottom:-35px;}
#main_menu_logado { position: relative; z-index: 14; border-bottom: 1px solid #c3c3c3; height: 73px; -webkit-box-shadow: #e5e5e5 0px 1px 0px; -moz-box-shadow: #e5e5e5 0px 1px 0px; box-shadow: #e5e5e5 0px 1px 0px; background: #FFF; }
#main_menu_logado .nav-tabs { margin: 0 auto;}
#main_menu_logado .nav-tabs > li { margin-bottom: -1px; margin-right: 2px;}
#main_menu_logado .nav-tabs > li > a { padding: 0 20px; border: 1px solid #e8e8e8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background: #f2f2f2; font-size: 11px; font-weight: bold; color: #a6a6a6; text-transform: uppercase; line-height: 30px;}
#main_menu_logado .nav-tabs > li > a:hover { color: #001489; border-bottom: 1px solid #F2F2F2;}
#main_menu_logado .nav-tabs .active a { color: #001489; background: #FFF;}
#main_menu_logado .nav-tabs .active a:hover { border-bottom: 1px solid #FFFFFF;}
#main_menu_logado .tab-content { overflow: visible;}
#menu_best .dropdown-menu, #favoritos  .dropdown-menu { left: -4px; margin-top: 0; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; border: 3px solid #CCCCCC; border: 3px solid rgba(0, 0, 0, 0.2); border-top: 1px solid #C3C3C3; padding-bottom: 16px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} /* DR, 04/10/2013 */
#menu_best .multi_col { width: 510px; overflow: hidden; height: 295px;}
#menu_best .multi_col .col { overflow: hidden; height: 100%; padding-right: 15px; margin-right: 0;}
#menu_best .multi_col .links { height: 100%; padding-right: 14px; box-shadow: 2px 20px 14px rgba(0, 0, 0, 0.15);}
#menu_best .title { margin-bottom: 10px; color: #001489; font-size: 16px; font-weight: bold;}
.dropdown-menu li { float: left; width: 100%}
#dropoperacoes  .dropdown-menu li { width: 95%}
.dropdown-menu.meu-perfil li { float: none; width: auto}
.dropdown > a { position:relative;}
.dropdown-menu-on-shadow-left,.dropdown-menu-on-shadow-right { background: url(../best_images/icons-sprites.png) no-repeat scroll 0 -270px transparent; height: 40px; position: absolute; top: 0; width: 47px; display: none;}
.dropdown-menu-on-shadow-left { left: -48px; border-right: 1px solid #FFF;}
.dropdown-menu-on-shadow-right { right:-48px; background-position:-60px -270px; border-left:1px solid #FFF;}
.mouseover .dropdown-menu-on-shadow-left,.mouseover .dropdown-menu-on-shadow-right { display: block;}
.open .dropdown-menu-on-shadow-left,.open .dropdown-menu-on-shadow-right { border-color: #E5E5E5; display: block;}
#main_menu .pub { margin: 6px 0;}
#main_menu .pub a:hover { background:#FFFFFF;}
/* alteração: retirar #favoritos do #menu_best */
/*#menu_best .select_stars, #main_menu .select_stars { margin: 6px 6px 0 0; height: 20px; position: absolute; bottom: -2px; right: 0;}
#menu_best .select_stars .favorites_label, #main_menu .select_stars .favorites_label { float: right; display: none;}
#menu_best .select_stars .select_star, #main_menu .select_stars .select_star { width: 20px; height: 20px; background: url(../best_images/icons-sprites.png) 0 -100px no-repeat; display: block; float: right;}
#menu_best .star, #main_menu .star { width: 20px; height: 20px; background: url(../best_images/icons-sprites.png) -40px -100px no-repeat; float: left; display: none;}
#menu_best .show_star .star, #main_menu .show_star .star { display: block;}
#menu_best .navbar-inner, #main_menu .navbar-inner { height: 40px;}
#menu_best .active_star, #main_menu .active_star { background: url(../best_images/icons-sprites.png) -60px -100px no-repeat;}
#menu_best_favorites:hover .menu_star { background-position: -60px -100px;}
#menu_best .favorites .star, #main_menu .favorites .star { background: url(../best_images/icons-sprites.png) -80px -100px no-repeat;}
#menu_best .favorites .star:hover, #main_menu .favorites .star:hover { background-position: -100px -100px;}
#menu_best .favorites .star:active, #main_menu .favorites .star:active { background-position: -120px -100px;}
#menu_best .favorites_label, #main_menu .favorites_label { color: #979797; font-size: 10px;}
#menu_best .favorites_label_active, #main_menu .favorites_label_active { color: #1a5090; font-weight: bold;}
#menu_best .active_stars .label, #main_menu .active_stars .label { display: inline;}
#menu_best .active_stars .select_star, #main_menu .active_stars .select_star { background: url(../best_images/icons-sprites.png) -20px -100px no-repeat;}
#menu_best .show_star a, #main_menu .show_star a { color: #bfbfbf;}
#menu_best .item, #main_menu .item { font-size: 13px; color: #bfbfbf;}*/
.icon.menu_star { background-position: -200px -80px;}
.main_nav .links .title { color: #001489; font-size: 16px; font-weight: bold; margin-bottom: 6px; margin-top: 10px;}
.main_nav .links a { display: block; color: #666766; font-size: 13px; font-weight: bold; text-decoration: none;}
.main_nav .links a:hover { color: #001489;}
.main_nav .navbar .divider-vertical { height: 12px; width: 0; background-color: #e7e7e6; margin-top: 13px; margin-left: 0; padding-right: 1px;}
.main_nav .nav > li.mouseover > a:hover,.main_nav .nav > li > a:active { color: #001489;}
.main_nav .navbar .dropdown.mouseover > a { height: 31px; position: relative; z-index: 1002; background-color: #FFFFFF;}
.tab_container { border-bottom: 1px solid #efefef;}
#main_menu_logado .nav-tabs > .active > a { border: 1px solid #e9e9e9; border-bottom-color: transparent; outline: 0;}
#main_menu_logado .tab-content { overflow: visible;}
.input_login_user_icon,.input_login_pass_icon,.input_login_icon,.login_fechar_icon,.seguranca_icon,.helpdesk_icon,.info_seguranca_arrow,.helpdesk_telefone_icon,.helpdesk_chat_icon { position: absolute; width: 20px; height: 20px; background: url(../best_images/icons-sprites.png) no-repeat;}
.input_login_user_icon { top: 9px; right: 9px; background-position: -20px -80px;}
.input_login_user_icon.filled { background-position: -120px -60px;}
.input_login_pass_icon { top: 9px; right: 9px; background-position: -40px -80px;}
.input_login_pass_icon.filled { background-position: -340px -60px;}
.input_login_icon { top: 5px; right: 5px; background-position: -100px -40px;}
#best_bank_content { width: auto; padding: 25px 0 0; z-index: 15; position: relative;}
#best_bank_content .content_logo { float: left;}
.best_bank_logo { display: block; float: left; width: 125px; height: 40px; background: url(../best_images/best-bank-logo.png);}
#best_bank_content .content_login { position: relative; left: 5px; float: right; text-align: right; width: 132px; border: 5px solid #ffffff; border-bottom: 0;	z-index:100; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;}
#best_bank_content .content_login_expanded { border: 5px solid #e1e1e1; border-bottom: 0; background: #e1e1e1;}
#best_bank_content .dropdown-login { position: absolute; display: none; background: #FFF; width: 820px; height: 300px; border: 5px solid #e1e1e1; top: 30px; right: -5px;	z-index:3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0;}
#login_wrapper { float: left; width: 45%; height: 300px; background: #FFFFFF; -webkit-box-shadow: 1px 0px 10px #cccccc; -moz-box-shadow: 1px 0px 10px #cccccc; box-shadow: 1px 0px 10px #cccccc;}
#login_wrapper .login_titulo { background: #ccc; padding: 20px; font-size: 20px; color: #898989; text-align: center; letter-spacing: 1px; border-bottom: 1px solid #e4e4e4; background: #FFFFFF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#f6f6f6)); background: -webkit-linear-gradient(#FFFFFF, #f6f6f6); background: -moz-linear-gradient(#FFFFFF, #f6f6f6); background: -ms-linear-gradient(#FFFFFF, #f6f6f6); background: -o-linear-gradient(#FFFFFF, #f6f6f6); background: linear-gradient(#FFFFFF, #f6f6f6);}
#login_wrapper .login_form_titulo { width: 100%; text-align: center; padding-top: 22px; color: #555555; font-size: 14px; font-weight: bold;}
#login_wrapper form#login_form { margin: 0 20px 20px 0; }
#info_login_wrapper { float: right; width: 52%; height: 300px; margin-right: 0; background: #FFF;}
#info_login_wrapper .login_seguranca,#info_login_wrapper .login_ajuda { width: 450px; height: 118px; margin: 0 auto; margin-top: 22px; border-bottom: 1px solid #efefef; padding: 5px 0;}
#info_login_wrapper .login_ajuda { border: 0; margin-top: 12px;}
#info_login_wrapper .seguranca_icon { position: static; float: left; width: 70px; height: 110px; background-position: 0px -160px; display: block;}
#info_login_wrapper .helpdesk_icon { position: static; float: left; width: 80px; height: 110px; background-position: -70px -160px; display: block;}
#info_login_wrapper .helpdesk_telefone_icon { position: static; float: left; margin-right: 5px; background-position: 0px -123px; display: block; height: 30px;}
#info_login_wrapper .helpdesk_chat_icon { position: static; float: left; margin-right: 5px; background-position: -20px -60px; display: block;}
#info_login_wrapper .info_seguranca { width: 70%; float: left; padding-left: 20px;}
#info_login_wrapper .info_helpdesk { width: 70%; float: left; padding-left: 10px; text-align: left;}
#info_login_wrapper .info_seguranca_titulo,#info_login_wrapper .info_helpdesk_titulo { display: block; font-size: 14px; font-weight: bold; text-align: left; color: #555555;margin-bottom: 6px;}
#info_login_wrapper .info_seguranca_text,#info_login_wrapper .info_helpdesk_text { margin-top: 13px; display: block; font-size: 13px; font-weight: bold; text-align: left; color: #858585; line-height: 16px; clear: both;}
#info_login_wrapper .info_helpdesk_text { font-size: 13px;}
#info_login_wrapper .info_seguranca_link { color: #3377BB; margin-top: 8px; display: block; font-size: 13px; font-weight: bold; line-height: 15px; text-align: left;}
#info_login_wrapper .info_seguranca_arrow { background-position: -80px -61px; margin-left: 1px;}
#info_login_wrapper .info_helpdesk_telefone { font-size: 14px; font-weight: bold;  color: #3377bb; margin-top: 5px; display: block; float: left;}
#info_login_wrapper .info_helpdesk_horario { display: block; float: left; margin:6px; font-size: 12px; color: #3377bb;}
#info_login_wrapper .info_helpdesk_chat { font-size: 15px; font-weight: bold; text-transform: uppercase; color: #3377bb; margin: 0; display: block;}
#info_login_wrapper .info_helpdesk_chat a {
    color: #3377bb;
}

#info_login_wrapper .bestalert {
    max-height: 75px;
    margin: 30px 20px 40px;
    text-align: left;
}
#info_login_wrapper .bestalert p {
    margin-bottom: 6px;
}
#info_login_wrapper .bestalert-inner {
    min-height: 45px;
}
#info_login_wrapper .bestalert-big {
    max-height: 205px;
}

#keyboard_wrapper { display: none; float: left; width: 465px; height: 260px; margin-right: 12px; background: #FFF; margin-left: 20px; margin-top: 25px;}
#keyboard_wrapper .info_keyboard_titulo { color: #555555; display: block; font-size: 18px; font-weight: bold; text-align: center; color: #555555;}
#keyboard_wrapper .info_keyboard_text { margin-top: 5px; margin-bottom: 15px; display: block; font-size: 13px; font-weight: bold; text-align: left; color: #858585; line-height: 16px;}
#keyboard { margin: 0; padding: 0; list-style: none;}
#keyboard li { float: left; margin: 0 5px 5px 0; width: 26px; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; position: relative; display: block; border: 1px solid #c3c3c3; margin: 5px 0 0 0; color: #5e5e62; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: #1f3b60 0px 1px 1px; -moz-box-shadow: #1f3b60 0px 1px 1px; box-shadow: #dbdbdb 0px 1px 1px, inset 0 1px #dbdbdb; background: #fcfcfc; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#f6f6f6)); background: -webkit-linear-gradient(#fcfcfc, #f6f6f6); background: -moz-linear-gradient(#fcfcfc, #f6f6f6); background: -ms-linear-gradient(#fcfcfc, #f6f6f6); background: -o-linear-gradient(#fcfcfc, #f6f6f6); background: linear-gradient(#fcfcfc, #f6f6f6); margin-right: 5px;}
#keyboard .number { border: 1px solid #c3c3c3; color: #56565a; -webkit-box-shadow: #1f3b60 0px 1px 1px; -moz-box-shadow: #1f3b60 0px 1px 1px; box-shadow: #dbdbdb 0px 1px 1px, inset 0 1px #dbdbdb; background: #e7e7e7; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e7e7e7), to(#adadad)); background: -webkit-linear-gradient(#e7e7e7, #adadad); background: -moz-linear-gradient(#e7e7e7, #adadad); background: -ms-linear-gradient(#e7e7e7, #adadad); background: -o-linear-gradient(#e7e7e7, #adadad); background: linear-gradient(#e7e7e7, #adadad); -pie-background: linear-gradient(#e7e7e7, #adadad);}
.left-shift span { display: block; background: url("../best_images/icons-sprites.png") no-repeat scroll -60px -80px transparent; height: 20px; width: 20px; margin-top: 5px; margin-left: 3px;}
.capslock span { display: block; background: url("../best_images/icons-sprites.png") no-repeat scroll -80px -80px transparent; height: 20px; width: 20px; margin-top: 5px; margin-left: 3px;}
.capslock, .tab,.left-shift { clear: left;}
#keyboard .tab,#keyboard .delete { width: 59px; font-size: 14px;}
#keyboard .return { width: 59px; font-size: 14px;}
#keyboard .right-control,#keyboard .left-control,#keyboard .left-alt,#keyboard .right-alt { font-size: 14px;}
#keyboard .right-shift { width: 59px; font-size: 14px;}
.lastitem { margin-right: 0;}
.firstitem { clear: both;}
.uppercase { text-transform: uppercase;}
#keyboard .space { width: 323px; font-size: 14px;}
.on,.alt,.special1,.special2,.special3,.special4 { display: none;}
#keyboard li:hover { position: relative; top: 1px; left: 1px; border-color: #e5e5e5; cursor: pointer;}
#home_pesquisar {margin:0px;}
#home_pesquisar .pesquisar { position: relative;}
#home_pesquisar .input_pesquisar { border: 1px solid #cdcdcd; background: #fff; width: 240px; height: 30px; line-height: 30px; padding: 0 32px 0 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); border-radius: 3px; font-size: 12px; font-style: italic; color: #828282;}
#home_pesquisar .input_pesquisar:focus{	border:2px solid #001489;	position:relative;	top:-1px;}
.input_pesquisar_icon { position: absolute; top: 0; right: 0; display: block; margin: 5px; width: 20px; height: 20px; background: url(../best_images/icons-sprites.png) -40px -60px; cursor:default;}
#login_form .login_form_input { position: relative; margin: 20px;}
#login_form input { width: 230px; height: 36px; /*line-height: 36px;*/ padding: 0 40px 0 12px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); font-family: "proxima-nova-n6", "proxima-nova", sans-serif; }
.lt-ie9 #login_form input {line-height: 36px;}
#login_form input:focus { width: 228px; height: 34px; border: 2px solid #001489;}
#login_form #password{ font-family: arial;	text-transform:none;}
.pesquisar::-webkit-input-placeholder { color: #9f9f9f;}
.pesquisar:-moz-placeholder { color: #9f9f9f;}
.pesquisar:-ms-input-placeholder { color: #9f9f9f;}
#user_area .user_name { text-align: right; font-size: 13px; color: #5a5a5a; height: 13px; margin-top: 2px;}
#user_area .last_login { text-align: right; font-size: 10px; color: #979797;}
#user_area .photo img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0 4px #000000; -webkit-box-shadow: inset 0 0 4px #000000; box-shadow: inset 0 0 4px #000000; border: 2px solid #f1f1f1; margin: 0 10px;}
#user_area .actions { position: relative; z-index: 100; float: right; margin-top: 4px;}
.button-meu-perfil .photo_img { display: none;}
#user_area .dropdown-menu-border { background: #ccc; display: none;}
#user_area .open ul { z-index: 3;}
#user_area .dropdown-menu li { padding: 5px 6px 4px 12px; border: 1px solid #dedddd; border-top: 0 none; color: #e5e5e5;}
#user_area .dropdown-menu li a { font-family: arial, proxima-nova-n6, proxima-nova, "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif; padding: 0; background: transparent; display: block; clear: both; font-weight: 600; line-height: 20px; color: #001489; white-space: nowrap;}
#user_area .dropdown-menu li a:hover { color: #787878;}
#user_area .dropdown-menu .state { display: block; color: #fff; background: #001489;}
#user_area .dropdown-menu .state .title { font-weight: normal; line-height: 15px; color: #e5e5e5;}
#user_area .dropdown-menu .state a { padding: 0; background: transparent; display: block; clear: both; font-weight: bold; line-height: 20px; color: #A2B8CF; white-space: nowrap; text-decoration: underline;}
#user_area .dropdown-menu .state a:hover { color: #FFF;}
.dropdown { height: 40px;}
#user_area .tooltip { height: 200px; width: 1px; width: 199px\9;}
#user_area .tooltip-arrow { background: url("../best_images/icons-sprites.png") no-repeat scroll -180px -80px transparent; border: 0 none; bottom: 0; height: 20px; left: auto; position: absolute; right: -1px; width: 20px; z-index: 99;}
#user_area .tooltip-inner { background: none repeat scroll 0 0 #F7F8F8; border: 1px solid #B9B9B9; bottom: 8px; color: #929292; font-size: 11px; position: absolute; right: 0px; text-align: justify; white-space: normal; width: 180px; z-index: 98; clear: both;}
.fade.in { opacity: 1; filter: alpha(opacity=100);}
@media (min-width: 768px) and (max-width: 979px) { #top_menu_right {  position: absolute;  right: 10px; }
 #menu_investimento .dropdown-menu {  left: -45px; }
 #menu_trading .dropdown-menu {  left: -367px; }
 #menu_best .col3 {  left: -392px; }
}
.header_scroll { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background-color: #2363b3; background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, rgba(0,0,0,0)),  color-stop(1, rgba(0,0,0,0.15)) ); box-shadow: 0 3px 3px rgba(0,0,0,0.05) inset;}
.header_scroll #top_menu { display: none;}
.header_scroll #best_bank_content { height: 100%; padding: 0;}
.header_scroll #best_bank_content .container { position: absolute; left: 50%; width: 980px; margin-left: -500px;}
.header_scroll .best_bank_logo { position: absolute; width: 67px; height: 17px; margin-top: 10px; background: url(../best_images/icons-sprites.png) -2px -310px;}
.header_scroll #user_area { position: absolute; right: 10px;	z-index:3;}
.header_scroll .info { float: right; height: 30px; padding-top: 5px; padding-left: 10px; background: url(../best_images/icons-sprites.png) -6px 0 no-repeat;   *width: 0;}
.header_scroll #user_area .actions { min-width: 190px; margin-top: 0;}
.header_scroll .user_name,.header_scroll .last_login,.header_scroll .btn_text,.header_scroll .info .photo { display: none;}
.header_scroll .button-logout { width: 70px; top: 0;}
.header_scroll .button-logout,.header_scroll #best_bank_content .button-login-top { border: 1px solid #001489; color: #ffffff; -webkit-box-shadow: #4e4c4b 0px 1px 1px; -moz-box-shadow: #4e4c4b 0px 1px 1px; box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #6ba6da; background: #4196d2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4196d2), to(#2b82c5)); background: -webkit-linear-gradient(#4196d2, #2b82c5); background: -moz-linear-gradient(#4196d2, #2b82c5); background: -ms-linear-gradient(#4196d2, #2b82c5); background: -o-linear-gradient(#4196d2, #2b82c5); background: linear-gradient(#4196d2, #2b82c5);}
.header_scroll .button-logout:hover,.header_scroll #best_bank_content .button-login-top:hover { border: 1px solid #001489; color: #ffffff; -webkit-box-shadow: #4e4c4b 0px 1px 1px; -moz-box-shadow: #4e4c4b 0px 1px 1px; box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #7ac0ea; background: #54b2e4; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#54b2e4), to(#1c7ac0)); background: -webkit-linear-gradient(#54b2e4, #1c7ac0); background: -moz-linear-gradient(#54b2e4, #1c7ac0); background: -ms-linear-gradient(#54b2e4, #1c7ac0); background: -o-linear-gradient(#54b2e4, #1c7ac0); background: linear-gradient(#54b2e4, #1c7ac0);}
.header_scroll .button-logout:active,.header_scroll #best_bank_content .button-login-top:active { border: 1px solid #001489; color: #ffffff; -webkit-box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #416d8d; -moz-box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #416d8d; box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #416d8d; background: #4380ab; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4380ab), to(#2b82c5)); background: -webkit-linear-gradient(#4380ab, #2b82c5); background: -moz-linear-gradient(#4380ab, #2b82c5); background: -ms-linear-gradient(#4380ab, #2b82c5); background: -o-linear-gradient(#4380ab, #2b82c5); background: linear-gradient(#4380ab, #2b82c5);}
.header_scroll .lock { background-position: -240px -40px; margin-left: 4px;}
.header_scroll #user_area .btn-icon-left { margin-right: 0;}
.header_scroll .btn-group > .button { float: left; padding: 9px 5px 6px; border: 0 none; background: url(../best_images/icons-sprites.png) -6px 0 no-repeat transparent;}
.header_scroll .counter { top: 6px; left: 21px;}
.header_scroll .button-eventos-bolsa,.header_scroll .button-mensagem { margin-right: 4px;}
.header_scroll .ballon { background-position: -140px -40px;}
.header_scroll .blue-message { background-position: -160px -40px;}
.header_scroll .briefcase { background-position: -180px -40px;}
.header_scroll .wheel { background-position: -200px -40px;}
.header_scroll .clock_bkpos  { background-position: -402px -87px;}
.header_scroll .down-arrow { background-position: -220px -40px;}
.header_scroll #user_area .button-pfa,.header_scroll #user_area .button-meu-perfil,.header_scroll #user_area .button-confirmar { padding-right: 0;}
.header_scroll #user_area .button-meu-perfil .photo_img { display: block; float: right; width: 24px; height: 24px; border: 2px solid #ededed; border-radius: 4px; margin: -5px 8px 0 5px;}
.header_scroll #user_area .open .button-pfa,.header_scroll #user_area .open .button-meu-perfil,.header_scroll #user_area .open .button-confirmar { border: 0; border-radius: 0; background-color: #FFF;}
.header_scroll #user_area .open .ballon { background-position: -160px -60px;}
.header_scroll #user_area .open .wheel { background-position: -220px -60px;}
.header_scroll #user_area .open .down-arrow { background-position: -380px -60px;}
.header_scroll #user_area .dropdown-menu { top: 35px; border-width: 0 4px 4px; border-style: solid; border-color: #e1e1e2; border-color: rgba(181,181,182,0.4); border-radius: 0 0 4px 4px;}
.header_scroll #user_area .pfa { left: -4px; width: 166px; padding: 12px 12px 10px;}
.header_scroll #user_area .pfa .vertical { width: 115px;}
.header_scroll .button-agendar { width: 160px;}
.header_scroll #user_area .pfa .btn-icon-left { margin-left: 0;}
.header_scroll #user_area .meu-perfil {	left: -99px; left: -101px\9; padding-top: 10px;}
.header_scroll #user_area .option { padding-top: 0; padding-bottom: 0; border: none;}
.header_scroll #user_area .state { margin-top: 10px;}
.header_scroll #main_menu_logado { top: 35px; height: 35px;}
.header_scroll #main_menu { top: 35px; height: 35px; border-top: 0; margin-bottom: 0;}
.header_scroll .tab_container { position: absolute; top: -35px; left: 50%; width: 600px; border: 0; margin-left: -427px;}
.header_scroll #main_menu_logado .nav-tabs > li > a { position: relative; height: 35px; padding-left: 15px; border: 0; background: url(../best_images/icons-sprites.png) -6px 0 no-repeat transparent; color: #FFF; line-height: 35px;}
.header_scroll #main_menu_logado .arrow { position: absolute; top: 8px; right: 0; display: block; width: 20px; height: 20px; background: url(../best_images/icons-sprites.png) -220px -40px no-repeat;}
.header_scroll #main_menu_logado .nav-tabs > .active > a { border-radius: 0; background-color: #FFF; color: #001489;}
.header_scroll #main_menu_logado .active .arrow { background-position: -380px -60px;}
.header_scroll #best_bank_content .content_login { position: absolute; top: 5px; right: 10px; left: auto; border: 0; width: 80px;}
.header_scroll #best_bank_content .button-login-top { padding: 1px 2px 2px; font-size: 10px;}
.header_scroll #best_bank_content .button-login-top .user { margin-right: 2px;}
.header_scroll .down-arrow-login { margin-left: 0;}
.header_scroll #best_bank_content .content_login_expanded { border: 0; background-color: transparent;}
.header_scroll #best_bank_content .dropdown-login { border-top: 0; border-top-left-radius: 0;}
.header_scroll .tab-content { position: absolute; top: 0; left: 50%; margin-left: -500px;}
.header_scroll .navbar { clear: both; position: static; width: 980px;}
.header_scroll.logged .navbar { [float:left;]}
.header_scroll #main_menu { margin-top: 0;}
.header_scroll #main_menu_logado #main_menu { top: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: transparent;}
.header_scroll .main_nav .nav { position: absolute; top: 0; z-index: 2;}
.header_scroll #menu_best .navbar.container { /*margin-left: -10px;*/} /* DR, 11/09/2013 */ /* OVERRIDE SF20140423 */
.header_scroll .dropdown, .header_scroll ul.nav li.hidden-phone.selected { height: 35px;}
.header_scroll .main_nav .nav > li > a { padding-top: 8px;}
.header_scroll .main_nav .navbar .dropdown.mouseover > a { background-color: transparent;}
.header_scroll .dropdown-menu-on-shadow-left,.header_scroll .dropdown-menu-on-shadow-right{ display: none;}
.header_scroll .main_nav .dropdown-menu {}
.header_scroll .main_menu_right { position: absolute; top: 4px; right: 0; z-index: 2; margin-right: 100px;}
.header_scroll.logged .main_menu_right { margin-right: 0; right: 400px;}
.header_scroll.main_header.logged .main_menu_right { top:4px;}
.header_scroll #home_pesquisar_input { height: 25px; background-color: #FFF; line-height: 25px;	width:170px!important;}
.header_scroll .input_pesquisar_icon { margin-top: 3px; /*background-position: -40px -60px;*/}
.header_scroll #user_area .pfa .vertical { width: 115px;}
.header_scroll #user_area .button-meu-perfil, .header_scroll #user_area .button-confirmar{ width:35px; }
.header_scroll .button-login-top .pull-left{ font-size:10px;}
#password { background-color:#FFF;}
.login_form_input .button-login-form { font-weight:normal; padding-left:19px;}
.button-login-top .pull-left { font-size: 11px; }
.rounded-cornes {	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}
.rounded-cornes-top {	-webkit-border-top-left-radius: 3px;	-webkit-border-top-right-radius: 3px;	-moz-border-radius-topleft: 3px;	-moz-border-radius-topright: 3px;	border-top-left-radius: 3px;	border-top-right-radius: 3px;}
.t-color1 {	color: #001489;}
.icon.down-arrow { background-position: -100px -80px; }
.header_scroll .icon.down-arrow { background-position: -220px -40px; }
#footer_signatures .best_rights { margin-top: 10px; }
#menu_best .dropdown-menu li, #main_menu .dropdown-menu li´, #favoritos .dropdown-menu li { margin-right:10px;} /* DR, 04/10/2013 */
.mobile-only { display:none;}
.favInfo {background-color: #fff; display: block; height: 290px; position: absolute; width: 220px; font-size:12px; color:#787878;}
.btn { border-radius: 3px 3px 3px 3px; cursor: pointer; display: table-cell; position: relative; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; z-index: 2; }
.btn_main_color { filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#489FCE', endColorstr='#367EBD'); background: linear-gradient(to bottom, #489FCE 0%, #367EBD 100%) repeat scroll 0 0 transparent; border: medium none; color: #FFFFFF; line-height: normal; padding: 0; text-shadow: 0 0 0;}
.btn_main_color:hover { filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#58BBDC', endColorstr='#2762AF'); background: linear-gradient(to bottom, #58BBDC 0%, #2762AF 100%) repeat scroll 0 0 transparent; color: #FFFFFF; }
.btn_main_color:active { background: linear-gradient(to bottom, #263cfb 0%, #021fc4 25%, #001489 100%) repeat scroll 0 0 transparent; }
.btn_main_color.inactive { background: linear-gradient(to bottom, #9FCBE2 0%, #96BADA 100%) repeat scroll 0 0 transparent; cursor: default; }
.btn_medium { font-size: 12px; font-weight: normal; height: 25px; width: 120px; }
.btn-disabled, .btn-disabled:hover { border: medium none; box-shadow: none; opacity: 0.5; }
.doLoginOverlay, .errorLogin { background-color:#FFF; display:none; width:820px; height:300px; position:absolute; z-index:2; background: url(../best_images/159.gif) no-repeat scroll center center #FFFFFF;}
.errorLogin { background: url(../best_images/not-Icon.png) no-repeat scroll center 60px #FFFFFF; text-align:center;}
.errorLogin center{padding-left:350px\9;}
.errorText { margin-top:130px; margin-bottom:30px; color:#858585;}
#main_menu #favoritos ul{ width:auto;}
/* SHARING */
.app-sharing{position: absolute; z-index:4; margin-left: -3px; left: 0px; top: 50px; background: url(../best_images/creditsprites.png) -5px -450px no-repeat; width: 114px; height: 33px;}
.app-sharing a{float: left; display: block; width: 25px; height: 22px; margin: 4px; background: url(../best_images/creditsprites.png) 0 0 no-repeat;}
.app-sharing a ~ a{margin-left: 5px;}
.app-sharing a.app-favorite{background-position: -393px -368px; display:none;}
.isLogged .app-sharing a.app-favorite { display:block;}
.app-sharing a.app-share{background-position: -426px -368px;}
.app-sharing a.app-print{background-position: -460px -368px;}
.app-sharing a.app-favorite:hover{background-position: -393px -346px;}
.app-sharing a.app-share:hover{background-position: -426px -346px;}
.app-sharing a.app-print:hover{background-position: -460px -346px;}
/* IE FIX */
.navbar .nav > li { float: left; }
.row-fluid .cmsContent .span4.first { margin-left:0;}

/* ===== KEYBOARD ===== */
/* #keyboard_wrapper,.minimal-keyboard-wrapper { display: none; float: left; width: 465px; height: 260px; margin-right: 12px; background: #FFF; margin-left: 20px; margin-top: 25px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; 
user-select: none;} */
/* SP 39703 */
#keyboard_wrapper, .minimal-keyboard-wrapper {display: none;width: 50%;height: 260px;margin:20px 0 20px 10px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.minimal-keyboard-wrapper {display: block;}
#keyboard_wrapper .info_keyboard_titulo .minimal-keyboard-wrapper .info_keyboard_titulo { display: block; font-size: 18px; font-weight: bold; text-align: center; color: #555555;}
#keyboard_wrapper .info_keyboard_text,.minimal-keyboard-wrapper .info_keyboard_text { margin-top: 5px; margin-bottom: 15px; display: block; font-size: 13px; font-weight: bold; text-align: left; color: #858585; line-height: 16px;}
#keyboard,.minimal-keyboard { margin: 0; padding: 0; list-style: none;}
#keyboard li,.minimal-keyboard li { float: left; margin: 0 5px 5px 0; width: 26px; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; position: relative; display: block; border: 1px solid #c3c3c3; margin: 5px 0 0 0; color: #5e5e62; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: #1f3b60 0px 1px 1px; -moz-box-shadow: #1f3b60 0px 1px 1px; box-shadow: #dbdbdb 0px 1px 1px, inset 0 1px #dbdbdb; background: #fcfcfc; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#f6f6f6)); background: -webkit-linear-gradient(#fcfcfc, #f6f6f6); background: -moz-linear-gradient(#fcfcfc, #f6f6f6); background: -ms-linear-gradient(#fcfcfc, #f6f6f6); background: -o-linear-gradient(#fcfcfc, #f6f6f6); background: linear-gradient(#fcfcfc, #f6f6f6); margin-right: 5px;}
#keyboard .number.minimal-keyboard .number { border: 1px solid #c3c3c3; color: #56565a; -webkit-box-shadow: #1f3b60 0px 1px 1px; -moz-box-shadow: #1f3b60 0px 1px 1px; box-shadow: #dbdbdb 0px 1px 1px, inset 0 1px #dbdbdb; background: #e7e7e7; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e7e7e7), to(#adadad)); background: -webkit-linear-gradient(#e7e7e7, #adadad); background: -moz-linear-gradient(#e7e7e7, #adadad); background: -ms-linear-gradient(#e7e7e7, #adadad); background: -o-linear-gradient(#e7e7e7, #adadad); background: linear-gradient(#e7e7e7, #adadad); -pie-background: linear-gradient(#e7e7e7, #adadad);}
#keyboard .left-shift span.minimal-keyboard .left-shift span{ display: block; background: url("../best_images/icons-sprites.png") no-repeat scroll -60px -80px transparent; height: 20px; width: 20px; margin-top: 5px; margin-left: 3px;}
#keyboard .capslock span { display: block; background: url("../best_images/icons-sprites.png") no-repeat scroll -80px -80px transparent; height: 20px; width: 20px; margin-top: 5px; margin-left: 3px;}
#keyboard .capslock, #keyboard .tab,#keyboard .left-shift,.minimal-keyboard .left-shift,.minimal-keyboard .capslock, .minimal-keyboard .left-shift { clear: left;}
.minimal-keyboard .left-shift{width: 59px;}
#keyboard .tab,#keyboard .delete,.minimal-keyboard .delete { width: 59px; font-size: 14px;}
#keyboard .return { width: 59px; font-size: 14px;}
#keyboard .right-control,#keyboard .left-control,#keyboard .left-alt,#keyboard .right-alt { font-size: 14px;}
#keyboard .right-shift { width: 59px; font-size: 14px;}
.lastitem { margin-right: 0;}
.firstitem { clear: both;}
.uppercase { text-transform: uppercase;}
#keyboard .space { width: 323px; font-size: 14px;}
.on,.alt,.special1,.special2,.special3,.special4 { display: none;}
#keyboard li:hover,.minimal-keyboard li:hover { position: relative; top: 1px; left: 1px; border-color: #e5e5e5; cursor: pointer;}
#keyboard, .minimal-keyboard-alterar { 
	margin: 35px auto;
	list-style: none;
	width: 100px; background-color: #f7f7f7;
	border: 1px solid #dcdcdc; padding:13px 15px; padding-right: 10px; min-height: 152px;
    position: relative;}
#keyboard button.delete {     
	border-radius: 3px;
	bottom: 17px;
	box-shadow: #dbdbdb 0px 1px 1px, inset 0 1px #dbdbdb;
	clear: both;
	font-weight: bold;
	height: 32px;
	position: absolute;
	right: 16px;
	width: 61px;
}
/* MODAL */
.modal { color:#555;}
.modal .msg{ font-size:14px; text-align:center;}
.modal a { color: #3377BB; }
.modal a:hover { color: #001489;}
.modal button { display:inline-block;}
.tooltip .tooltip-inner { background-color: #FFFFFF; border: 1px solid #87B1DC; color: #87B1DC; padding:4px;}
.tooltip.top .tooltip-arrow {  border-top-color: #87B1DC;  border-width: 5px 5px 0;  position: absolute;  z-index: 0;}
.tooltip.top .tooltip-arrow:after {  border-left: 5px solid rgba(0, 0, 0, 0);  border-right: 5px solid rgba(0, 0, 0, 0);  border-top: 5px solid #FFFFFF;  content: "";  display: block;  height: 0;  margin-left: -5px;    margin-top: -6px;    position: absolute;    width: 0;    z-index: 2;}
#dvBusy { display:none!important;}

.promoButton { position:absolute; right:5px;}
.header_scroll  .promoButton { display:none!important;}
.orange-btn.promoCartoes {height:25px; margin-top: 34px; margin-right: -3px; padding-top: 2px; padding-left:35px;}
.orange-btn.promoCartoes>span { display: block; width: 26px; height: 21px; position: absolute; left: 5px; background: transparent url(../best_images/cartaoPre.png) 0 0 no-repeat;}
.orange-btn.promoCartoes:hover { color:#000;}
.tbPromoCartao { table-layout:fixed;}
.infoCartao { padding-top:10px; padding-bottom:20px;}
.infoCartao a {  position: relative;   top: 15px;}
.infoCartao h3 { height:25px;}
.promoLayer { background-color:#FFF;  border: 8px solid rgba(0, 0, 0, 0.3); border-radius: 4px; box-sizing: border-box; display: none; min-height: 200px; left: 50%; margin-left: -490px; margin-top: -240px;   position: absolute; top: 50%; width: 980px; z-index: 9999999; }
.lt-ie9 .promoLayer{ border: 8px solid #CCC; }
.promoLayerBk { background-color:#fff; opacity:.6; position:fixed; height:100%; width:100%; top:0; left:0; z-index: 9999998; display:none; }
.lt-ie9 .promoLayerBk { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40);}
.promoLayer .content { padding:10px;}
.promoLayer .content h2 { color: #333;  font-size: 24px; font-weight: 700; padding-bottom:10px;}
.promoLayer .content p {color: #666; font-size: 14px; margin-top: 10px; min-height:30px;}
.promoLayer .tbPromoCartao td { padding:0 5px; vertical-align: top;}

@media (max-width: 980px) {
	.header_scroll .main_menu_right { margin-right:0; right:115px;}
	#best_bank_content .content_login.clearfix.hidden-phone { right:25px;}
	.header_scroll #best_bank_content .container { width:100%; max-width:980px; margin-left:0; left:0;}
	.header_scroll #main_menu_logado .main_menu_right  { right:0px; left:305px;}
	.header_scroll #main_menu_logado #home_pesquisar_input { width:100px;}
	#main_menu_logado .tab-content { left:0; margin-left:0;}
	.logged.header_scroll #user_area { right:25px;}
	.header_scroll #main_menu_logado #home_pesquisar .pesquisar { width:140px;}
	.logged.header_scroll .tab_container { left:0; margin-left:72px;}
	#menu_best #ferramentas .dropdown-menu	{ left:-416px;}
	#menu_best #favoritos .dropdown-menu	{ left:-200px;}
	span.opText { display:none;}
	#top_menu_right .divider-vertical { margin:0;}
	#top_menu_right { background-image:none; }
	.header_scroll #home_pesquisar_input { width:170px;}
	#home_pesquisar .input_pesquisar { width:100px;}
	.header_scroll.logged .main_menu_right { right:335px; top:4px;}
	#best_bank_content .dropdown-login {width:630px;}
	#login_wrapper { width:260px;}
	#login_form input, #login_form input:focus { width: 165px;}
	.login_form_input .button-login-form { width: 220px;}
}

/*---------------------------------------------------
CREATED: DR, 09/09/2013
LAST EDITED:
SOURCE: MW*
COMMENTS: classes para código criado na "MainMenu.xls": retirar #favoritos do #menu_best
*/
#main_menu_logado .tab-content {max-width:980px;margin:auto}
#main_menu_logado .navbar.container, #main_menu_logado .tab-pane.main_nav {float:left;padding:0px;}
.select_stars { margin: 6px 6px 0 0; height: 20px; position: absolute; bottom: -2px; right: 0;}
.select_stars .favorites_label { float: right; display: none;}
.select_stars .select_star { width: 20px; height: 20px; background: url(../best_images/icons-sprites.png) 0 -100px no-repeat; display: block; float: right;}
.star { width: 20px; height: 20px; background: url(../best_images/icons-sprites.png) -40px -100px no-repeat; float: left; display: none;}
.show_star .star { display: block;}
#menu_best .navbar-inner { height: 40px;}
/*#main_menu .navbar-inner { height: 40px;}*/
.active_star { background: url(../best_images/icons-sprites.png) -60px -100px no-repeat;}
#menu_best_favorites:hover .menu_star { background-position: -60px -100px;}
.favorites .star { background: url(../best_images/icons-sprites.png) -80px -100px no-repeat;}
.favorites .star:hover { background-position: -100px -100px;}
.favorites .star:active { background-position: -120px -100px;}
.favorites_label { color: #979797; font-size: 10px;}
.favorites_label_active { color: #001489; font-weight: bold;}
.active_stars .label { display: inline;}
.active_stars .select_star { background: url(../best_images/icons-sprites.png) -20px -100px no-repeat;}
.show_star a { color: #bfbfbf;}
.item { font-size: 13px; color: #bfbfbf;}
.main_header.header_scroll .navbar-inner {float:left;}
.header_scroll .tab-content {margin-left: -490px !important;}
/* end DR, 09/09/2013 */
.isMobile  .carousel-control { display: none; }
.main_nav .navbar .dropdown.menu_home.mouseover > a { height:30px;}
/*---------------------------------------------------
CREATED: ED, 23/01/2014
LAST EDITED:
SOURCE: MW*
COMMENTS: classes para o counter de sessão
*/
#user_area .timer-countdown{margin: 8px 10px 0 0;}
#user_area .timer-countdown.superior{display:block;}
.header_scroll #user_area .timer-countdown.superior{display:none;}
#user_area .timer-countdown.inferior{display:none;}
.header_scroll #user_area .timer-countdown.inferior{display:block;float:left;}
#user_area .timer-countdown p{color: #999;font-size: 11px;}
#user_area .timer-countdown p span{color: #2d73b0;font-weight: bold;}
#user_area .timer-countdown .progress{margin: 6px 0 0 0;padding: 0;width: 88px;height: 6px;border-radius: 3px;float: right;background-color: #f7f7f7;background-image: -moz-linear-gradient(top, #d6d6d6, #dddddd);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6d6d6), to(#dddddd));background-image: -webkit-linear-gradient(top, ##d6d6d6, #dddddd);background-image: -o-linear-gradient(top, #d6d6d6, #dddddd);background-image: linear-gradient(to bottom, #d6d6d6, #dddddd);}
#user_area .timer-countdown .progress .bar{background-color: #276FAE;background-image: -moz-linear-gradient(top, #64a2d8, #276FAE);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#64a2d8), to(#276FAE));background-image: -webkit-linear-gradient(top, ##64a2d8, ##276FAE);background-image: -o-linear-gradient(top, #64a2d8, #276FAE);background-image: linear-gradient(to bottom, #64a2d8, #276FAE);border-radius: 3px;}
header.header_scroll #user_area .timer-countdown{position: absolute;right: -5px;top: 33px;}
header.header_scroll #user_area .timer-countdown p,header.header_scroll #user_area .timer-countdown .progress{float: left;line-height: 24px;margin-left: 10px; }
header.header_scroll #user_area .timer-countdown .progress{margin-top: 9px;}


/*ED 31/01/2014 */
#user_area .user_name {    text-align: right;    font-size: 11px;    color: #555;    height: 13px;    margin-top: 2px;    position: relative;}
#user_area .last_login,#user_area .last_login a {    text-align: right;    font-size: 10px;    color: #979797;    position: relative;}
#user_area .last_login a:hover{	color: #001489;}
#user_area .info .right.bordered{	border-right: 1px solid #ddd;	padding-right: 10px;	margin-right: 10px;}
#user_area .info .right.photo { height:37px;}
.header_scroll #user_area .info .right.logout { padding-top:0px;}
header.header_scroll #user_area .info .right.bordered{	padding-right: 0;	margin-right: 0px;	border: none;}
header.header_scroll #user_area .info .right.bordered.investor-profile{	display: none !important;}
#user_area .investor-profile,#user_area .investor-identity{	top: 5px;	position: relative;}
#user_area .investor-profile{	padding-left: 20px;	}
#user_area .icon-person{	width: 14px;	height: 13px;	position: absolute;	left: 0px;	top: 2px;	background: url(../best_images/icons-sprites.png) -303px -87px no-repeat;}
header.header_scroll #user_area .icon-person{	background-position: -343px -87px;	margin: 0 7px 0 9px;	position: relative;	top: 0px;}
#user_area .icon-person:before,#user_area .icon-person:after{	content: '';	display: block;	width: 14px;	height: 2px;	position: absolute;	left: 0;	top: 100%;	margin-top: 5px;	background: url(../best_images/icons-sprites.png) -303px -104px no-repeat;	}
#user_area .icon-person:after{	background-position: -303px -108px; }
header.header_scroll #user_area .icon-person:before{	background-position: -343px -104px; }
header.header_scroll #user_area .icon-person:after{	background-position: -343px -108px; }
#user_area .icon-person.level1:after{ width: 3px;}
#user_area .icon-person.level2:after{ width: 6px;}
#user_area .icon-person.level3:after{ width: 9px;}
#user_area .icon-person.level4:after{ width: 12px;}
#user_area .icon-person.level0:after{ width: 0px;}
#user_area .investor-profile .user_name,#user_area .investor-profile .last_login{	text-align: left;}
#user_area .photo img {    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    -moz-box-shadow: inset 0 0 4px #000000;    -webkit-box-shadow: inset 0 0 4px #000000;    box-shadow: inset 0 0 4px #000000;    border: 2px solid #f1f1f1;    margin: 0 10px 0 0;}
header.header_scroll #user_area .photo img{	margin: 0 10px;}

#user_area .actions {    position: relative;    z-index: 101;    float: right;    margin-top: 4px;}
#user_area .actions .button {
	padding-right: 8px;
	line-height: 20px;
    display: table;
    outline: 0 none;
    filter: none;
    box-shadow: none;
	white-space: normal;
	height: 26px;
}
#user_area .actions .btn_text{
    display: table-cell;
	vertical-align:middle;
	float:none;
    max-width: 75px;
    width: auto;
    line-height: 13px;
}
#user_area .actions .counter{
	top:3px;
}
.header_scroll #user_area .actions .btn_text{ display:none; }
header.header_scroll #user_area .actions .button{	padding-right: 5px;}
header.header_scroll #user_area .actions .button{	height: 20px;}
#user_area .actions .button.button-agendar{ padding-top:3px; height:20px; line-height:20px; }
#user_area .actions .button.button-agendar .btn-icon-left{ margin-top:0; }
header #user_area .actions .button-investor-profile{	display: none;}
header.header_scroll #user_area .actions .button-investor-profile{	display: block !important;}
header.header_scroll #user_area .actions .investor-profile{	display: none;}
header.header_scroll #user_area .actions .investor-profile-scroll{	display: none;}
#user_area .actions .btn-group.open > .button{	border-color: #d4d4d4;}
#user_area .actions .btn-group.open > .button.button-meu-perfil, #user_area .actions .btn-group.open > .button.button-confirmar, #user_area .actions .btn-group.open > .button.button-pfa{	border-color: #d4d4d4;	border-bottom-color: transparent;}
#user_area .actions .btn-group .popup{	display: none;	position: absolute;	min-width: 0px;	padding: 8px 10px;	top: 100%;	left: 50%; transform: translate(-50%, 0%); border-width: 0 4px 4px;	border-style: solid;	border-color: #e1e1e2;	border-color: rgba(181,181,182,0.4);	border-radius: 0 0 4px 4px;	border-top: none;	background-color: white;	color: #555;	font-weight: bold;	font-size: 11px;	text-align: center !important;	z-index: 0; white-space: nowrap;}
#user_area .actions .btn-group div.popup{	top: 93%;}
header.header_scroll #user_area .actions .btn-group .popup > div,header.header_scroll #user_area .actions .btn-group .popup > span{ display:block; text-align:left; line-height:normal; text-transform:none; height:auto; }
#user_area .actions .btn-group .popup:after{	content: '';	display: block;	position: absolute;	top: -8px;	margin-left: -4px;	left: 50%;	width: 0;	height: 0;	border: 4px solid transparent;	border-bottom: 4px solid white;}
header.header_scroll #user_area .actions .btn-group .popup .icon-person{	float: left;}
header.header_scroll #user_area .actions .btn-group > .button:hover + .popup,header.header_scroll #user_area .actions .btn-group > .button:hover .popup{	display: block;	cursor: default;}
header.header_scroll #user_area .actions .btn-group > .button:hover + .popup:after,header.header_scroll #user_area .actions .btn-group > .button:hover .popup:after{	display: block;}
header.header_scroll #user_area .actions .btn-group > .button:hover .popup a{	cursor: pointer;}
#user_area .actions .btn-group.open > .button + .dropdown-menu-border{ border-top: 1px solid #fff; margin-top: -1px;}
.button-meu-perfil .photo_img { display: none;}
#user_area .actions .btn-icon-left { margin: 3px 7px 0 7px;}
#user_area .dropdown-menu-border { background: #ccc; display: none;}
#user_area .open ul { z-index: 3;}
#user_area .pfa { width: 190px; text-align: left; font-size: 11px; color: #999999; font-weight: bold; padding-left: 6px; padding-bottom: 8px; z-index: 100; border: 1px solid #D4D4D4; border-top: 0 none;}
#user_area .pfa_item .btn-icon-left { clear: both; margin-right: 10px;margin-top:0;}
#user_area .pfa .photo img { margin-left:0; width:33px; height:33px; float:left }
#user_area .pfa .nome { line-height: 35px;}
#user_area .pfa .vertical { float: left; height: 35px; line-height: normal; overflow: hidden; text-overflow: ellipsis; width: 140px; padding-top: 7px;}
header.header_scroll #user_area .pfa .vertical{ padding-top: 2px;}
.your_pfa {white-space: normal;line-height: 14px;color: #999;font-size: 11px;padding: 5px 5px 5px 0;font-weight: bold;}
#user_area .pfa .nome .vertical > a { display: table-cell; vertical-align: middle; white-space: normal; width: 142px;}
#user_area .pfa .nome a,#user_area .pfa .mail a { color: #001489; display: block; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 142px; font-weight: normal;}
#user_area .pfa .nome a{ font-weight: bold;}
#user_area .pfa .nome a:hover,#user_area .pfa .mail a:hover { color: #001489; text-decoration: underline;}
#user_area .pfa_item { line-height: 17px;}
#user_area .meu-perfil { width: 190px; text-align: left; font-size: 11px; color: #999999; font-weight: bold; padding: 0;}
#user_area .dropdown-menu li { padding: 5px 6px 4px 12px; border: 1px solid #dedddd; border-top: 0 none; color: #e5e5e5;}
#user_area .dropdown-menu li a { padding: 0; background: transparent; display: block; clear: both; font-weight: 600; line-height: 20px; color: #001489; white-space: nowrap;}
#user_area .dropdown-menu li a:hover { color: #787878;}
#user_area .dropdown-menu .state { display: block; color: #fff; background: #001489;}
#user_area .dropdown-menu .state .title { font-weight: normal; line-height: 15px; color: #e5e5e5;}
#user_area .dropdown-menu .state a { padding: 0; background: transparent; display: block; clear: both; font-weight: bold; line-height: 20px; color: #A2B8CF; white-space: nowrap; text-decoration: underline;}
#user_area .dropdown-menu .state a:hover { color: #FFF;}
.dropdown { height: 40px;}
#user_area .tooltip { height: 200px; width: 1px; width: 199px\9;}
#user_area .tooltip-arrow { background: url(../img/icons-sprites.png) no-repeat scroll -180px -80px transparent; border: 0 none; bottom: 0; height: 20px; left: auto; position: absolute; right: -1px; width: 20px; z-index: 99;}
#user_area .tooltip-inner { background: none repeat scroll 0 0 #F7F8F8; border: 1px solid #B9B9B9; bottom: 8px; color: #929292; font-size: 11px; position: absolute; right: 0px; text-align: justify; white-space: normal; width: 180px; z-index: 98; clear: both;}
.fade.in { opacity: 1; filter: alpha(opacity=100);}
.header_scroll .info{
	position:relative;
	z-index:10000;
}

#user_area .actions{
	position:relative!important;
/*	left:53px!important;*/
}
/* end ED, 31/01/2014 */

body.isLogged ul.breadcrumb.bestbreadcrumb.active_star li.active .icon.menu_star { visibility: visible; }

.isMobile #btnWishlist, .isMobile .carousel-teaser { display:none!important;}
.isMobile header.main_header.header_scroll { position:static; background:none; background-color:#fff;}
.isMobile .header_scroll #top_menu {display:block; }
.isMobile .header_scroll .navbar{position:relative; width:980px}
.isMobile .main_header.header_scroll .navbar-inner{float:none;}
.isMobile header.header_scroll #best_bank_content { padding:25px 0;}
.isMobile .header_scroll #main_menu {border-top: 1px solid #efefef;}
.isMobile .header_scroll .best_bank_logo {width: 125px; height: 40px; background: url(../best_images/best-bank-logo.png);}
/*.isMobile #iframeSearch { display:none;}*/
.isMobile #showBrowserCompFoot { display:none;}
.isMobile #mobileMode {display:block!important;}



#user_area .message  { width: 160px; text-align: left; left:-1px; font-size: 11px; color: #d4d4d4; font-weight: bold; padding:5px 6px; z-index: 1; border: 1px solid #D4D4D4; border-top: 0 none;}
.open .button-mensagem {border-bottom: 1px solid #fff!important;}
.dropdown-menu.message .messageItem { position:relative;}
.dropdown-menu.message .messageItem a{ line-height:25px; cursor:pointer; color:#787878;}
.dropdown-menu.message .messageItem:hover a{color: #1c4f90;}
.dropdown-menu.message .messageItem span.counter {left:10px; top:-3px; }
#user_area .actions .dropdown-menu.message .btn-icon-left.blue-message { margin-left:1px;}

/* new keypad [start] */
@media (min-width: 768px) {
.dropdown-login,
#keyboard_wrapper,
#info_login_wrapper { background: #f7f7f7 !important; }
.login-arrow-wrapper { background-position: 0 100px; }
#keyboard { border: 0; background: transparent; width: 135px; margin: 20px auto 10px; padding: 0 15px; }
#keyboard .number,
#keyboard button.delete { width: 40px; background: transparent; color: #2b82c5 !important; border: 0; box-shadow: 0 0 0; border-radius: 0; font-size: 22px; font-weight: 100; color: #666; }
#keyboard button.delete { width: 85px !important; font-size: 18px; right: 20px; bottom: 12px; width: 57px; height: 30px; text-transform: uppercase; }
#keyboard .number:hover,
#keyboard .number:active,
#keyboard button.delete:hover,
#keyboard button.delete:active { background: #2b82c5; color: #fff !important; border-radius: 2px; }
#keyboard .number:hover,
#keyboard .number:active { top: 0; left: 0; }
.login_form_input .button-login-form { width: 100%; }
#login_form input { width: 100%; text-indent: 15px; padding: 0; }
#login_form input:focus { width: 100%; }
#login_wrapper form#login_form { margin: 0 0 20px !important; }
#best_bank_content .dropdown-login { width: 630px; }
#info_login_wrapper .login_seguranca, #info_login_wrapper .login_ajuda { width: 100%; }
#keyboard_wrapper .alfanumerica { display: block; width: 100%; text-align: center; font-size: 12px; line-height: 14px; color: #999; }
#keyboard_wrapper .alfanumerica a { display: block; color: #2b82c5; }
#keyboard_wrapper .alfanumerica a:hover,
#keyboard_wrapper .alfanumerica a:active { color: #666; }
}
/* Modal First Login RGPD */
.btn-left{float: right;color: white !important;display: none;}
.btn-voltar{float: left;display: none;font-size: 12px !important;}
.modal-login-body{text-align: justify;padding: 4%;font-size: 13px;line-height: 17px;}
.modal-login-body .havas-btn-group{width: 65%;}
.not-valid{color : #e51c23 !important;}