@charset "utf-8"; /* GURU */ #cotacoes{ margin-top: 0 !important; padding:0 !important; } #trading #cotacoes #map{ background: url("../best_images/map.jpg") ; width: 635px; height: 320px; position: relative; float: left; } #trading #cotacoes #map .map_item{ position: absolute; white-space: nowrap; height: 40px; cursor: pointer;} #trading #cotacoes #map .map_item .bullet{ background: url("../best_images/cotacoes-sprites.png") no-repeat scroll transparent; width: 16px; height: 16px; position: absolute;} #trading #cotacoes #map .map_item.red .bullet{ background-position: 0 -40px;} #trading #cotacoes #map .map_item.green .bullet{ background-position: -20px -40px; } #trading #cotacoes #map .map_item .box{ position: absolute; height: 31px; min-width: 40px;} #trading #cotacoes #map .map_item .box .box_left, #trading #cotacoes #map .box .box_right{ background: url("../best_images/cotacoes-sprites.png") no-repeat scroll transparent; height: 31px; width: 20px; position: absolute;} #trading #cotacoes #map .map_item .box .box_left{ left: 0;} #trading #cotacoes #map .map_item .box .box_right{ right: 0; top: 0; } #trading #cotacoes #map .map_item .box .inside{ background-color: #f8f7ed; opacity: 0.9; filter: alpha(opacity=90); height: 23px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; font-size: 14px; font-weight: bold; color: #555555; text-transform: uppercase; padding: 6px 2px 0 2px;} #trading #cotacoes #map .map_item.activa .box .inside{ background-color: #408DE3; border: 0; opacity: 1; filter: alpha(opacity=100); border-top: 1px solid #408DE3; border-bottom: 1px solid #408DE3; color: #FFFFFF;} #trading #cotacoes #map .map_item .box .inside .value{ padding: 2px 4px; width: 52px; display: inline-block; *display: inline; zoom: 1; text-align: center;} #trading #cotacoes #map .map_item.activa .box .inside .value{ background-color: #ffffff;} #trading #cotacoes #map .map_item.green .box .inside .value{ color: #33cc33;} #trading #cotacoes #map .map_item.red .box .inside .value{ color: #e41d1b; } #trading #cotacoes #map .map_item.type2 .bullet{ bottom: -8px; right: -9px;} #trading #cotacoes #map .map_item.type2 .box{ top: 8px; left: 9px;} #trading #cotacoes #map .map_item.type2 .box .box_left{ background-position: -60px 0} #trading #cotacoes #map .map_item.type2 .box .box_right{ background-position: -240px 0} #trading #cotacoes #map .map_item.type2 .box .inside{ margin: 0 10px 0 3px;} #trading #cotacoes #map .map_item.type2.over .box .box_left{ background-position: -80px 0} #trading #cotacoes #map .map_item.type2.over .box .box_right{ background-position: -260px 0} #trading #cotacoes #map .map_item.type2.over .box .inside{ border-top: 1px solid #408de3; border-bottom: 1px solid #408de3;} #trading #cotacoes #map .map_item.type2.activa .box .box_left{ background-position: -100px 0} #trading #cotacoes #map .map_item.type2.activa .box .box_right{ background-position: -280px 0} #trading #cotacoes #map .map_item.type3 .bullet{ top: -8px; left: -9px;} #trading #cotacoes #map .map_item.type3 .box{ top: 8px; left: 9px;} #trading #cotacoes #map .map_item.type3 .box .box_left{ background-position: -120px 0} #trading #cotacoes #map .map_item.type3 .box .box_right{ background-position: 0 0} #trading #cotacoes #map .map_item.type3 .box .inside{ margin: 0 3px 0 10px;} #trading #cotacoes #map .map_item.type3.over .box .box_left{ background-position: -140px 0} #trading #cotacoes #map .map_item.type3.over .box .box_right{ background-position: -20px 0} #trading #cotacoes #map .map_item.type3.over .box .inside{ border-top: 1px solid #408de3; border-bottom: 1px solid #408de3;} #trading #cotacoes #map .map_item.type3.activa .box .box_left{ background-position: -160px 0} #trading #cotacoes #map .map_item.type3.activa .box .box_right{ background-position: -40px 0} /* PSI20 Specific */ #trading #cotacoes #map .map_item.type2.activa.topSel .box .box_right{ background-position: -350px 0} .hotstocks img, .stockstowatch img { max-width:none;} #trading #cotacoes #map .map_item.type2.topSel .bullet{ bottom: 23px; right: -8px;} #trading #cotacoes #map .map_item.type2.topSel .box .box_right{ background-position: -310px 0} /**/ #trading #cotacoes #map .map_item.type1 .bullet{ bottom: -8px; left: -9px;} #trading #cotacoes #map .map_item.type1 .box{ top: 8px; left: 9px;} #trading #cotacoes #map .map_item.type1 .box .box_left{ background-position: -180px 0} #trading #cotacoes #map .map_item.type1 .box .box_right{ background-position: 0 0} #trading #cotacoes #map .map_item.type1 .box .inside{ margin: 0 3px 0 10px;} #trading #cotacoes #map .map_item.type1.over .box .box_left{ background-position: -200px 0} #trading #cotacoes #map .map_item.type1.over .box .box_right{ background-position: -20px 0} #trading #cotacoes #map .map_item.type1.over .box .inside{ border-top: 1px solid #408de3; border-bottom: 1px solid #408de3;} #trading #cotacoes #map .map_item.type1.activa .box .box_left{ background-position: -220px 0} #trading #cotacoes #map .map_item.type1.activa .box .box_right{ background-position: -40px 0} #trading #cotacoes #map #nasdaq{ top: 155px; left: 77px;} #trading #cotacoes #map #dji30{ top: 29px; left: 63px; } #trading #cotacoes #map #psi20{ top: 104px; left: 105px;} #trading #cotacoes #map #dax30{ left: 441px; top: 51px;} #trading #cotacoes #map #bel20{ top: 132px; left: 367px;} #trading #cotacoes #map #aex25{ left: 389px; top: 90px;} #trading #cotacoes #map #cac40{ left: 261px; top: 173px;} #trading #cotacoes #map #ibex35{ left: 226px; top: 224px;} #trading #cotacoes #map #ftse100{ left: 256px; top: 15px;} #best_guru { background: #f0f0f0; border: 1px solid #d8d8d8; border-top: 0;} #trading #best_guru .top { margin: auto; padding-top: 10px; position: relative; background-color: #1e5497;} #best_guru .logo { float: left; background: url(../best_images/cotacoes-sprites.png) no-repeat;} #trading #cotacoes .topo { display: none; left: 0; position: absolute; top: 0;} #trading #cotacoes #tops { margin: 30px 0 20px 30px; overflow: hidden; padding-bottom: 5px; position: relative; height: 115px} #trading #tops .item{ position: relative; float: left; margin-right: 5px; margin-bottom: 12px; overflow: hidden; height: 107px; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eaeaea; background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); -webkit-box-shadow: 0.5px 1.5px 1.5px 0.1px #b7b7b7; box-shadow: 0.5px 1.5px 1.5px 0.1px #b7b7b7; } #trading #cotacoes #best_guru #tops .item .group_wrapper{ overflow: hidden; float: left; width: 1px;} #trading #cotacoes #best_guru #tops .item .group{ width: 485px;} #trading #cotacoes #best_guru #tops .item .main{ float: left; height: 106px; width: 103px; cursor: pointer; background: #f6f6f6; background: -webkit-gradient(linear, 0 0, 0 top, from(#ffffff), to(#eaeaea)); background: -webkit-linear-gradient (#ffffff, #eaeaea); background: -moz-linear-gradient (#ffffff, #eaeaea); background: -ms-linear-gradient (#ffffff, #eaeaea); background: -o-linear-gradient (#ffffff, #eaeaea); background: linear-gradient (#ffffff, #eaeaea);} #trading #cotacoes #best_guru #tops .item .main_open{ background-color: #ffffff;} #trading #cotacoes #best_guru #tops .item .main:hover{ background: #eaeaea; background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); } #trading #cotacoes #best_guru #tops .item .main .number{ color: #c4c4c4; font-size: 38px; font-weight: bolder; text-align: center; position: absolute; top: 32px; width: 103px;} #trading #cotacoes #best_guru #tops .item .main .small_bar { width: 92px; height: 3px; position: absolute; top: 4px; left: 6px;} #trading #cotacoes #best_guru #tops .item .main_open .small_bar{ display:none; } #trading #cotacoes #best_guru #tops .item .main .name{ position: absolute; top: 82px; width: 103px; text-align: center; color: #333333; font-size: 10px; font-weight: bold;} #trading #cotacoes #best_guru #tops .item .main_open .name{ top: 12px;} #trading #cotacoes #best_guru #tops .item .main .button{ display: none; position: absolute; bottom: 8px; left: 8px; text-align: center;} #trading #cotacoes #best_guru #tops .item .main_open .button{ display: block;} #trading #cotacoes #best_guru #tops .item .sub{ float: left; height: 95px; width: 76px; border-left: 1px solid #dbdbdb; position: relative; top: 10px; padding-left: 20px; } #trading #cotacoes #best_guru #tops .item .sub .actions { margin-top: 18px;} #trading #cotacoes #best_guru #tops .item .line1{ font-size: 14px; font-weight: bold; margin-top: 4px; margin-bottom: 2px; color: #333333; cursor: pointer;} #trading #cotacoes #best_guru #tops .item .line1:hover{ color: #1e5497;} #trading #cotacoes #best_guru #tops .item .line2{ color: #999999; font-size: 10px; font-weight: bold;} #trading #cotacoes #best_guru #tops .item .value{ font-size: 14px; font-weight: bold; margin: 4px 0 2px;} #trading #cotacoes #best_guru #tops .item .line3{ color: #999999; font-size: 10px; font-weight: normal; position:absolute;} #trading #cotacoes #best_guru #tops .item .actions .file{ background: url("../best_images/cotacoes-sprites.png") no-repeat 0 -80px scroll transparent; float: left; width: 20px; height: 20px;} #trading #cotacoes #best_guru #tops .item .actions .cart{ background: url("../best_images/cotacoes-sprites.png") no-repeat 0 -100px scroll transparent; float: left; width: 20px; height: 20px;} #trading #cotacoes #best_guru #tops .item .actions .file:hover{ background-position: -20px -80px;} #trading #cotacoes #best_guru #tops .item .actions .cart:hover{ background-position: -20px -100px;} #trading #cotacoes #best_guru #tops .item .big_bar{ width: 472px; height: 3px; position: absolute; top: 4px; left: 111px;} #trading #cotacoes .color1{ background: #2f6b98; background: -webkit-gradient(linear, 0 0, 0 top, from(#2f6b98), to(#387eb4)); background: -webkit-linear-gradient (#2f6b98, #387eb4); background: -moz-linear-gradient (#2f6b98, #387eb4); background: -ms-linear-gradient (#2f6b98, #387eb4); background: -o-linear-gradient (#2f6b98, #387eb4); background: linear-gradient (#2f6b98, #387eb4);} #trading #cotacoes .color2{ background: #7097bb; background: -webkit-gradient(linear, 0 0, 0 top, from(#7097bb), to(#85b3dd)); background: -webkit-linear-gradient (#7097bb, #85b3dd); background: -moz-linear-gradient (#7097bb, #85b3dd); background: -ms-linear-gradient (#7097bb, #85b3dd); background: -o-linear-gradient (#7097bb, #85b3dd); background: linear-gradient (#7097bb, #85b3dd);} #trading #cotacoes .color3{ background: #5b8a3d; background: -webkit-gradient(linear, 0 0, 0 top, from(#5b8a3d), to(#6ca448)); background: -webkit-linear-gradient (#5b8a3d, #6ca448); background: -moz-linear-gradient (#5b8a3d, #6ca448); background: -ms-linear-gradient (#5b8a3d, #6ca448); background: -o-linear-gradient (#5b8a3d, #6ca448); background: linear-gradient (#5b8a3d, #6ca448);} #trading #cotacoes .color4{ background: #7da260; background: -webkit-gradient(linear, 0 0, 0 top, from(#7da260), to(#95c071)); background: -webkit-linear-gradient (#7da260, #95c071); background: -moz-linear-gradient (#7da260, #95c071); background: -ms-linear-gradient (#7da260, #95c071); background: -o-linear-gradient (#7da260, #95c071); background: linear-gradient (#7da260, #95c071);} #trading #cotacoes #best_guru #tops .item .shadow { height: 112px; width: 3px; position: absolute; top: 0; left: 100px; -webkit-box-shadow: 3.5px 0px 1.5px 0.1px #b7b7b7; box-shadow: 3.5px 0px 1.5px 0.1px #b7b7b7; opacity: 0.7;} #trading #cotacoes #best_guru #tops .item .end{ height: 106px; width: 1px; position: absolute; right: 0; background-color: #fafafa;} #trading #cotacoes .right{ width: 300px;} #trading #cotacoes .right .cotacoes_item{ display: none;} #trading #cotacoes .right .cotacoes_item.active{ display: block; } #trading #cotacoes .right .cotacoes_item .top .name{ float: left; color: #3377bb; font-size: 28px; font-weight: bold;} #trading #cotacoes .right .cotacoes_item .content{ clear: both;} #trading #cotacoes .right .icons{ float: right;} #trading #cotacoes .right .icons a{ width: 20px; height: 26px; display: block; float: left; padding-top: 4px; margin-left: 14px; cursor: pointer;} #trading #cotacoes .right .icons .graph{ background: url("../best_images/cotacoes-sprites.png") no-repeat -40px -120px scroll transparent;} #trading #cotacoes .right .icons .table{ background: url("../best_images/cotacoes-sprites.png") no-repeat -0px -120px scroll transparent;} #trading #cotacoes .right .icons .graph.active{ background: url("../best_images/cotacoes-sprites.png") no-repeat -60px -120px scroll transparent;} #trading #cotacoes .right .icons .table.active{ background: url("../best_images/cotacoes-sprites.png") no-repeat -20px -120px scroll transparent;} #trading #cotacoes .right .cotacoes_item .content{ padding-top: 10px;} #trading #cotacoes .right .cotacoes_item .content .graph{ height: 220px; width: 300px;} #trading #cotacoes .right .cotacoes_item .content .table{ height: 220px; width: 300px;} #trading #cotacoes .right .cotacoes_item .content .table table{ width: 300px;} #trading #cotacoes .right .cotacoes_item .content .table table tr{ height: 28px; } #trading #cotacoes .right .cotacoes_item .content .table table th{text-transform: uppercase; color: #555555; font-size: 9px; font-weight: bold; background: #f2f2f2; background: -moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%); background: linear-gradient(to bottom, #f2f2f2 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 ); line-height: 12px; width: 33%; border: 1px solid #dddddd;padding: 5px;} #trading #cotacoes .right .cotacoes_item .content .table table .mycolor1{ background-color: #f9f9f9;} #trading #cotacoes .right .cotacoes_item .content .table table .mycolor2{ background-color: #fcfcfc;} #trading #cotacoes .right .cotacoes_item .content .table table .mycolor3{ background-color: #f4f4f4;} #trading #cotacoes .right .cotacoes_item .content .table table .mycolor4{ background-color: #f6f6f6; } #trading #cotacoes .right .cotacoes_item .content .table table td{ border: 1px solid #f3f3f3;padding: 5px;} #trading #cotacoes .right .cotacoes_item .content .table .name{ color: #000000; font-size: 12px; font-weight: bold; margin: 3px 0;} #trading #cotacoes .right .cotacoes_item .content .table .desc{ color: #000000; font-size: 10px; font-weight: normal; margin: 3px 0;} #trading #cotacoes .right .cotacoes_item .content .table .values{ font-size: 10px; font-weight: bold;} #trading #cotacoes .right .cotacoes_item .content .table .value{float: left; color: #999999; } #trading #cotacoes .right .cotacoes_item .content .table .dif{float: right;} #trading #cotacoes .right .cotacoes_item .content .table, #trading #cotacoes .right .cotacoes_item .content .graph{ display: none;} #trading #cotacoes .right .cotacoes_item .content .table.active, #trading #cotacoes .right .cotacoes_item .content .graph.active{ display: block;} #trading #cotacoes .right .cotacoes_item .content .footer .value{ color: #555555; font-size: 14px; font-weight: bold; float: left; padding-top: 6px;} #trading #cotacoes .right .cotacoes_item .content .footer { margin-top: 30px;} #trading #cotacoes .right .cotacoes_item .content .but{ float: right;} #trading #cotacoes .right .cotacoes_item .content .button{ width: 148px; height: 25px; text-align: center; text-transform: none; font-size: 12px; font-weight: bold;} #trading #cotacoes .cotacoes_pub { margin: 0 auto; width: 600px; font-size: 13px; color: #666666; height: 50px; width: 615px;} #trading #cotacoes .cotacoes_pub .info { padding-top: 10px;} #best_guru #tops .temp_item{ float: left; height: 121px; overflow: hidden; width: 111px; position: relative;} #best_guru #tops .temp_item .item{ position: absolute; right: 0} #trading #best_guru .top { height: 40px;} #trading #best_guru .top_inner { margin-left: 170px;} .best_guru_search { float: left;} #gurusearch { width: 666px; background: none repeat scroll 0 0 #fafafa; border: 1px solid #d9d9d9; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15) inset; color: #999999; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 32px 0 12px; width: 440px; float: left; margin-left: 12px;} #best_guru .top .input_pesquisar_icon { right: 5px; margin-top: 5px; cursor: pointer;} #best_guru .logo { width: 74px; height: 33px; background-position: -40px -40px;} /* END GURU */ /* Ticker */.ticker { position: relative; width: 100%; height: 32px; padding: 9px 0; background: #4d4d4d; border-radius: 3px 3px 0 0; } .ticker .inside { position: relative; width: 846px; height: 30px; background: #303137; border-top: 1px solid #222227; border-bottom: 1px solid #686868; margin-left: 9px; box-shadow: inset 1px 1px 2px #2E2E2E; overflow: hidden; } .ticker .streamerbtn { position: absolute; top: 9px; right: 9px; } .ticker ul { margin-top: 3px; white-space: nowrap; padding-left: 10px; } .ticker ul li { position: relative; display: inline-block; zoom: 1; *display: inline; margin-right: 20px; } .ticker ul li p { position: relative; display: inline-block; font-size: 11px; color: #9f9f9f; font-weight: 700; line-height: 24px; float: left; } .ticker ul li p.subiu { padding-left: 20px; background: url(../best_images/tradingvertsprites.png) 0 5px no-repeat; } .ticker ul li p.desceu { padding-left: 20px; background: url(../best_images/tradingvertsprites.png) 0 -15px no-repeat; } .ticker ul li p.nomeempresa { padding-left: 10px; } .ticker ul li p.nomeempresa span { color: #FFF; } /* Noticias */ .noticiasmercados { padding-top: 35px; padding-bottom: 35px; } .noticiasmercados h3 { font-size: 18px; color: #333; padding: 0 0 20px 45px; } .noticiasmercados .hotstocks h3 { background: url(../best_images/tradingvertsprites.png) 0 -50px no-repeat; } .noticiasmercados .stockstowatch h3 { background: url(../best_images/tradingvertsprites.png) 0 -100px no-repeat; } .noticiasmercados .noticias h3 { background: url(../best_images/tradingvertsprites.png) 0 -150px no-repeat; padding: 6px 0 16px 45px; } .noticiasmercados ul { position: relative; margin-top: 10px; } .noticiasmercados ul li { position: relative; padding: 5px 0; border-bottom: 1px solid #DDD; } .noticiasmercados ul li h6 { font-size: 10px; color: #555; } .noticiasmercados ul li a { font-size: 12px; font-weight: 700; color: #555; margin-top: -3px; display: block; } .noticiasmercados ul li a:hover { color: #1c4f90; } /* 4 rectangulos destaques */ .foursquares { position: relative; background: #FFF; border-top: 0; box-shadow: inset 0 2px 3px #E9E9E9; } .foursquares h2 { font-size: 22px; color: #333; margin-top: 40px; width: 100%; text-transform: uppercase; text-align: center; } .foursquares h4 { font-size: 14px; color: #989ba8; margin-top: 5px; width: 100%; text-align: center; font-weight: 400; } .foursquares h4 a { color: #37B; } .foursquares h4 a:hover { color: #333; } .foursquares .carousel { margin: 20px auto 0 auto; width: 874px; } .foursquares .carousel .span3 { position: relative; border: 1px solid #DDD; border-radius: 4px; width: 200px; padding-bottom: 90px;background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f9f9f9 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f9f9f9 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f9f9f9 100%); /* IE10+ */background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#f9f9f9 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */} .foursquares .carousel .span3 img { display: block; box-shadow: 0 2px 4px #CCC; } .foursquares .carousel .span3 h5 { font-size: 18px; color: #333; margin-top: 15px; width: 100%; text-align: center; text-transform: uppercase; } .foursquares .carousel .span3 p { font-size: 12px; color: #999; margin: 15px auto; width: 80%; height: 84px; text-align: center; } .foursquares .carousel .span3 a.blue-btn { position: absolute; bottom: 48px; left: 50%; margin-left: -60px; padding: 8px 28px; width: 64px; text-align: center; } .foursquares .carousel .span3 a.ver_mais { position: absolute; bottom: 10px; left: 50%; margin-left: -44px; font-size: 15px; } .foursquares .carousel .carousel-indicators { margin: 20px 0 !important; } .foursquares .carousel .carousel-indicators a { margin: 0 2px !important; } .foursquares .carousel .carousel-inner .item { width: 100%; } .foursquares .setamedia { position: absolute; top: 354px; } .foursquares .setamedia.esquerda { left: 20px; } .foursquares .setamedia.direita { right: 20px; } .extrainfo { position: relative; border-top: 0; border-bottom: 0;background: #e5e5e5; /* Old browsers */background: -moz-linear-gradient(top, #e5e5e5 0%, #f4f4f4 8%, #ffffff 78%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(8%,#f4f4f4), color-stop(78%,#ffffff)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #e5e5e5 0%,#f4f4f4 8%,#ffffff 78%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #e5e5e5 0%,#f4f4f4 8%,#ffffff 78%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #e5e5e5 0%,#f4f4f4 8%,#ffffff 78%); /* IE10+ */background: linear-gradient(to bottom, #e5e5e5 0%,#f4f4f4 8%,#ffffff 78%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .extrainfo .span3 { position: relative; padding: 0 10px; background-position: right center; background-repeat: no-repeat; } .extrainfo .span3 h5 { text-transform: uppercase; font-size: 14px; color: #333; } .extrainfo .span3 p { font-size: 12px; color: #999; margin-top: 8px; width: 72%; height: 56px; line-height: 14px} .extrainfo .span3.extra1 { background-image: url(../best_images/trading_mercados/extrainfo1.png); } .extrainfo .span3.extra2 { background-image: url(../best_images/trading_mercados/extrainfo2.png); } .extrainfo .span3.extra3 { background-image: url(../best_images/trading_mercados/extrainfo3.png); } .extrainfo .span3.extra4 { background-image: url(../best_images/trading_mercados/extrainfo4.png); } .subscrevernews { position: relative; height: 173px; background: url('../best_images/subscrevernews.jpg'); border-top: 0; padding-bottom: 0; padding-top: 0; } .subscrevernews>h4 { font-size: 18px; color: #1c4f90; padding-top: 25px; width: 100%; text-align: center; text-transform: uppercase; } .subscrevernews>p { font-size: 14px; color: #989ba8; margin-top: 5px; width: 100%; text-align: center; } .subscrevernews .span3 { position: relative; margin-top: 30px; background: url(../best_images/tradingvertsprites.png) 0 -260px no-repeat; padding-left: 73px; height: 60px; width: 245px; } .subscrevernews .span3 h5 { font-size: 14px; color: #333; } .subscrevernews .span3 a.medium-btn { font-size: 12px; margin-top: 10px; display: block; width: 130px; padding: 5px 3px; text-align: center; } .subscrevernews .span3.offset2 { background: url(../best_images/tradingvertsprites.png) 0 -200px no-repeat; margin-left: 23%; } .subscrevernews .span3.offset1 { margin-left: 5%; } section#trading .infopages.container { padding: 0 0 20px 0; } section#trading .inner_container { border-left: 0 !important; border-right: 0 !important;} section#trading #best_guru { border: 0 !important; } /* PASSAR PARA MULTI ? */ /*++++++++++++++++++++++++++++++++++++ TODAS AS PAGINA DE DETALHE +++++++++++++++++++++++++++++++++++++++++++*/ .page.detalhe {} /* detalhe accoes */ .page.detalhe .geriralertas { border-top: 3px solid #eb9537; } .plataformas { position: relative; background: #faf9f6; height: 119px; border-top: 1px solid #ddd\9; border-bottom: 1px solid #ddd\9; /* shadow fix - override in mobile*/ width: 100%; margin: 15px 0 0 -5%; overflow: hidden; padding-left: 5%; padding-right: 5%; box-shadow: inset 0 0 7px rgba(0,0,0,.3); background: #f7f5f0 url(../best_images/plataformas-arrow.png) 44px 0 no-repeat; } .plataformas .inner_container { padding: 0; border: none !important; background: transparent; } .plataformas h3 { font-size: 16px; color: #333; } .plataformas h6 { font-size: 14px; color: #333; text-transform: uppercase;} .plataformas p { font-size: 12px; color: #999; line-height: 13px; margin-top: 5px; } .plataformas a.ver_mais { font-size: 15px; line-height: 15px; margin-top: 5px; } .plataformas a.ver_mais .icon { margin-top: 5px; } .plataformas .quais { float: left; padding: 45px 20px; width: 210px; } .plataformas-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 250px; } .plataformas .prod { position: relative; float: left; width: 48%; margin-top: 20px; } .plataformas .prod img { position: absolute; } .plataformas .prod-info { padding-left: 150px; } .plataformas .separador { float: left; width: 1px; height: 70px; border-left: 1px solid #D3D3D3; margin: 25px 1.5% 0; background: #FFF; } .plataformas .quais i { display: block; position: absolute; z-index: 1; width: 0; overflow: visible; top: -10px; right: 0px; } .plataformas .quais i:before, .plataformas .quais i:after { content: ""; position: absolute; border-top: 60px solid transparent; border-bottom: 60px solid transparent; left: 100%; top: 0px; } .plataformas .quais i:before { border-left: 14px solid #C5C5C5; } .plataformas .quais i:after{ border-left: 14px solid #f9f9f9; margin-left: -1px; z-index: 1;} /* Warrants */ #warrantDetail .plataformas .prod-info { padding-left: 0; } #warrantDetail .plataformas .prod-info img { position: static; } .advertencias { position: relative; float: right; background: #f7f7f7; width: 420px; min-height: 324px; border-top: none; border-right: none; box-shadow: inset 4px 0px 9px -6px #000; padding: 0; background: url(../best_images/advertencias2.png) 0 0 no-repeat; max-width: 100%;} .advertencias h3.withimg img { height: auto; margin-top: -2px; margin-right: 10px; } .advertencias p { font-size: 12px; color: #555; margin-top: 10px; } .advertencias ul { font-size: 12px; color: #555; margin-top: 10px; list-style-type: disc; margin-left: 10px; margin-right: 15px; padding-bottom: 10px; border-bottom: 1px solid #CCC; } .advertencias ul li { margin-left: 20px; } .advertencias h6 { font-size: 14px; color: #333; margin-top: 10px; } .advertencias .clearfix h4 { font-size: 32px; color: #333; margin-top: 15px; float: left; width: 50%; } .advertencias .clearfix h4 span { margin-right: 30px; } .advertencias .clearfix h4 span.red { } .advertencias .clearfix h5 { font-size: 13px; color: #555; margin-top: 20px; float: left; width: 50%; } /* OFERTAS PUBLICAS */ .ofertaspublicasbox .productabs { border-top: 1px solid #DDD; } .ofertaspublicasbox .prodoverview .controls a.blue-btn { padding: 7px 30px; } .ofertaspublicasbox .infocontactos { margin-top: 20px; padding-left: 17px; } .ofertaspublicasbox .infocontactos h3.withimg img { height: auto; } .ofertaspublicasbox .infocontactos h3.withimg span { font-size: 12px; } .ofertaspublicasbox .infocontactos ul { font-size: 12px; color: #555; font-weight: 700; margin-top: 10px; } .ofertaspublicasbox .infocontactos ul li { border-bottom: 1px solid #ddd; padding: 3px 15px; } .clock span{ font-size: 12px; color: #999999; padding-top: 2px; display: block;} .clock{ font-size: 12px; color: #999999; min-width: 70px; } .clock .icon{ background: url("../best_images/cotacoes-sprites.png") no-repeat 0 -60px scroll transparent; height: 20px; width: 20px; float: left;} .inner_container { max-width: 940px; border: 1px solid #d8d8d8; background-color: #FFFFFF;} /* BEST TRADING */ #trading .produto-ad { display: block; } .registocomvideo { position: relative; background: #f7f5f0; border-top: 1px solid #DDD; border-left: none; border-right: none; } .registocomvideo .video h3 { font-size: 15px; color: #333; } .registocomvideo .video p { font-size: 14px; color: #999; margin-top: 10px; } .registocomvideo .video h3, .registocomvideo .video p { text-align: left; width: auto; padding: 0 30px; line-height: 16px; } .registocomvideo .video a { color: #37B; } .registocomvideo .expansible_video { margin: 20px auto 0; } @media (min-width: 768px) { .video_left .expansible_video { margin-top: 36px; } } /* RESET CLASSES */ .no-boxshadow { box-shadow: none !important;} .no-pad-r { padding-right: 0 !important;} .no-border { border: 0 !important;} .no-scroll { overflow: hidden !important;} .greater { display: block; width: 20px; height: 20px; background: url('../best_images/icons-sprites.png') no-repeat scroll -140px -100px transparent;} #cotacoes .article_header { position: absolute; z-index: 2; border-bottom: none;} /* Classes globais */ .left { float: left;} .right { float: right;} .pointer { cursor: pointer;} .align_left { text-align: left;} .align_center { text-align: center;} .align_right { text-align: right;} .green { color: #33cc33 !important;} .red { color: #f01614 !important;} #best_guru .top .input_pesquisar_icon { right: 5px; margin-top: 5px; cursor: pointer;} #best_guru .logo { width: 74px; height: 33px; background-position: -40px -40px;} .subscrevernews h6 { font-size:11px; padding-top:10px; color:#3377BB; position:relative; left:-65px; } .popoverNews1, .popoverNews2 { position:absolute; display:block; width:65px; height:55px; left:0; cursor:help; } .popover-title{ font-size:12px; line-height:12px;} .popover-content{ font-size:12px; color:#999;} .popover.left { margin-left:-45px;} .slidebox .f_faqinfobox .faq-item.withover.selItem { color: #1C4F90; background-color:#eee; } .slidebox .f_faqinfobox .faq-item.withover.selItem .arrow { background-position: 0 -70px; } #trading #cotacoes .right .cotacoes_item .top .alertIcon{ float: left; color: #3377bb; font-size: 28px; font-weight: bold; margin-left:10px;} #trading #cotacoes .right .cotacoes_item .top .mapaCotacao { float:left; color: #999; font-size: 16px; padding-left:10px; padding-top:10px; padding-right:5px;} .empty_fields { display: none; font-size: 12px; color: #f01614; padding-top: 0px; padding-left: 10px; clear: both;} .not_cotrow { background: none repeat scroll 0 0 #F7F5F0; color: #000000; display: none; font-size: 17px; margin-bottom: 5px; margin-top: 25px; position: relative; z-index: 4;} #alertArea {border:none!important;} #alertArea .openrow.openrowalert { height:auto; padding-bottom: 15px; border:none!important;} .row-fluid.detailInfo p { color: #999999; font-size: 11px; margin-left: 0px; padding-top: 10px;} .openrow.openrowsmall.openrowsemtabela .span1 { margin-top: 0; padding-top: 0; right: 5px; top: 0; width: 144px;} .row-fluid.detailInfo p a { color: #3377BB;} .caixotebtn.alertaCancel { position: relative; top: 9px; visibility: hidden;} .lt-ie9 .visible-phone { display:none;} .lt-ie9 h3.withimg img { float: left!important; height: 30px; } .lt-ie8 .table-bordered .blue-btn { line-height:16px; display:inline-block;} .lt-ie8 .clock { display:none;} .lt-ie9 .clock { display:block;} .lt-ie8.ie7 .hidden { display:none!important;} .lt-ie9 .hidden { display:block!important;} .lt-ie8 .inner_container.extrainfo .span3 { padding:0; } .lt-ie8 .inner_container.extrainfo .span3 a.ver_mais, .lt-ie8 .carousel-inner .span3 a.ver_mais, .lt-ie8 .noticiasmercados .span4 a.ver_mais{ width:110px!important;} .carousel-indicators { text-align: center; } .carousel-indicators li { display: inline; } .carousel-indicators a { background-color: #FFFFFF; border-radius: 5px 5px 5px 5px; display: inline-block; height: 10px; margin-left: 5px; width: 10px; } .carousel-indicators .active a { background-color: #3276BD; border-color: rgba(0, 0, 0, 0); } .table_header { padding: 1px 1px 3px; border: 1px solid; border-top-color: #d4d4d4; border-right-color: #c8c8c8; border-bottom-color: #bdbdbd; border-left-color: #c8c8c8;} .table_header a { display: inline-block; *display: block; zoom: 1; line-height: 30px; color: #555555;} .table tr { border-bottom: 1px solid #e3e3e3; height: 28px; cursor: pointer;} .table tr.even { background-color: #f7f7f7;} .table th { background-color: #FFF; color: #555555;} .table th span { line-height: 32px;} .table .rend1 { width: 12%; text-align: right;} .table td { /*font-weight: bold;*/ color: #555555;} .table th,.table td { padding: 0 10px; font-size: 12px; vertical-align: middle;} .table .td_first { color: #1c4f8e;} .table .td_first a { font-size: 12px; font-weight: bold; color: #3377bb;} .table .td_first a:hover { color: #1c4f90;} .table .th_first { text-align: left;} .table .th_first,.table .td_first { padding-left: 20px;} .table .th_last,.table .td_last { padding-right: 20px; text-align: right;} .table .risk_number { margin-left: 5px; font-weight: bold;} .tablesorter .order { float: none; display: inline-block; *display: inline; zoom: 1; height: 14px; background-position: -220px -80px;} .headerSortUp .order { background-position: -100px -80px;} .headerSortDown .order { background-position: -120px -80px;} #trading .best-table td a.buy-btn span, #trading .best-table td a.sell-btn span, #certficadosDetail .best-table td a.buy-btn span, #certficadosDetail .best-table td a.sell-btn span, #warrantDetail .best-table td a.buy-btn span, #warrantDetail .best-table td a.sell-btn span, #tabWarrantsCont .best-table td a.buy-btn span, #tabWarrantsCont .best-table td a.sell-btn span{ left:0; top:-6px;} .table td.timeSmall { font-size:11px; font-weight:normal;} .row-fluid .cmsContent .span4.hotstocks.visible-desktop, .row-fluid .span4.hotstocks { margin-left:0;} #tabelaCaracteristicas.best-table td.maximize200 a { width:200px;} #alertArea .span2.offset3 { padding-left:50px; } #alertArea button { padding:8px 10px; width:85px;} #alertArea .formas-envio button{ width:200px; text-align:left; padding:7px 10px;} #alertArea .row-fluid.detailInfo p { margin-left:405px;} #alertArea .openrow.openrowalert .span2 .best-input-append { top:2px; } #alertArea .openrow.openrowsmall.openrowsemtabela .span1 { top:3px;} #alertArea .switch{width: 53px; height: 16px; margin-top: 13px; border: 1px solid #DDD; border-radius: 13px; position:absolute; top:-8px; right:10px; background-color:#F7F7F7; z-index:9; } #alertArea .switch a{background: url(../best_images/switch_sim_nao3.png) 2px -33px no-repeat; width: 100%; height: 100%; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .enu #alertArea .switch a { background-image:url(../best_images/switch_sim_nao3.enu.png)} #alertArea .switch a.on{background-position: -90px -33px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #alertArea .formas-envio span { display:inline-block; position:relative;} #alertArea .formas-envio span.bt_second { margin-left:-2px;} #alertArea .formas-envio button span { color:#555; width:90px; overflow:hidden; text-overflow:ellipsis; position:relative; top:1px;} #alertArea .formas-envio span.bt_second button { border-top-left-radius:0; border-bottom-left-radius:0;} not_cotrow { background: none repeat scroll 0 0 #f9f9f9; } .not_content { margin: 0 auto; overflow: hidden; width: 440px; } .not_sending .not_content { width: 400px; } .greyborder-btn { border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; color: #999999 !important; float: right; margin-right: 80px; margin-top: -40px; padding: 7px 50px !important; } .not_cotrow img { float: left; } .not_cotrow .not_txt { line-height: 18px; margin-left: 50px; padding-top: 5px; text-align: center; } .not_cotrow .not_txt.one_line { } .not_cotrow .not_small { color: #999999; font-size: 13px; } #not_success .not_content { width: 410px; } #not_sending .not_content { width: 390px; } .smallInfo { border-top: 1px solid #CCCCCC; clear: both; color: #555555; font-size: 11px; height: auto; margin: 10px auto 0; padding: 15px 20px 0; white-space: normal; width: 890px; } .lt-ie9 #alertArea button {padding-bottom:7px; padding-top:5px;} .lt-ie9 #alertArea .formas-envio button { padding-bottom:5px;} .lt-ie9 #alertArea .openrow.openrowsmall.openrowsemtabela .span1 { top:2px;} .lt-ie9 #alertArea .switch { top:-9px;} .lt-ie9 #tabelaWarrantsPesq td.left.reticencia span{ overflow:hidden; width:200px; display:block;} @media (max-width: 980px) { .advertencias { min-height:290px; } } @media (max-width: 767px) { .ticker .inside{width:auto; margin-left:0px; margin-right: 0px;} #trading #cotacoes .right{float:none; margin: 0 auto; width: 100%;} #trading #cotacoes .right .cotacoes_item .content .table.active, #trading #cotacoes .right .cotacoes_item .content .graph.active{margin: 0 auto;} article.noticiasmercados{position:relative;} article.noticiasmercados .ver_mais { position: absolute; left: 150px; top: 32px; } #trading .foursquares .span3{display: block; float: none; width: auto; text-align:left; padding: 10px; padding-bottom: 54px;} #trading .foursquares {padding: 0;} #trading .foursquares .span3{border-top: 1px solid #ddd;} #trading .foursquares .span3 h5, #trading .foursquares .span3 p{text-align: left; margin: 0; margin-top: 5px;} #trading .foursquares > h2{margin-top: 20px;} #trading .foursquares > h4{margin-bottom: 30px;} #trading .foursquares > h2, #trading .foursquares > h4{padding-left: 20px; padding-right: 20px; width: auto;} #trading .foursquares > h2, #trading .foursquares > h4 { width: auto; /* ovrr */ padding: 0 10px; } .foursquares .carousel .span3 a.blue-btn { position: absolute; bottom: 15px; left: 10px; margin-left: 0; padding: 8px 28px; width: 64px; text-align: center; } .foursquares .carousel .span3 a.ver_mais { position: absolute; bottom: 9px; left: 50%; margin-left: -44px; font-size: 15px; } #trading .foursquares .span3.more{padding-bottom: 20px; padding-top: 32px;} #trading .foursquares .span3.more .ver_mais .icon { background-position: -260px -100px; width: 10px; } .extrainfo .span3{padding-top: 15px; padding-bottom: 10px;clear: both;} .extrainfo .span3.extra4{border-top: 1px solid #ddd; padding-top: 25px; padding-bottom: 0px;} .extrainfo .span3 a.ver_mais{float: left; display: inline-block; *display: inline; *zoom:1; width: auto;} .foursquares .carousel .span3 p, .extrainfo .span3 p { height: auto; } #trading #carousel-more .ver_mais { position: absolute; bottom: 9px; left: 50%; margin-left: -40px; font-size: 15px; } section#trading .infopages.container{padding-bottom: 0px;} .advertencias{float: none; width: 100%; margin: 0; background-size:contain; background-position: center bottom; box-shadow: none; border: none; margin-top: 10px;} .pagcred .prodoverview .controls{display: block;} .f_faqinfobox {margin-bottom: 20px;} .slidebox .f_faqinfobox .faq-item {padding: 10px;} #warrantDetail .top-accoes{padding-bottom: 30px;} #warrantDetail .plataformas p { max-width: 190px; } .plataformas{background: none; background-color: #f7f5f0; padding-bottom: 15px; height: auto;} .plataformas .span4{ } .plataformas .quais { position: relative; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; margin: 0; background: #faf9f6; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; } .plataformas-row { padding-left: 0; } .plataformas .prod { width: 100%; min-height: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 15px; } .plataformas p { min-height: 40px; } .plataformas .quais:after, .plataformas .quais:before {content: ''; width: 0px; height: 0px; position: absolute; display: block; border: 10px solid transparent; top: 100%; left: 50%; margin-left: -5px;} .plataformas .quais:before{border-top:10px solid #dddddd; margin-bottom: 0px; z-index: 3;} .plataformas .quais:after{border-top:9px solid #FAF9F6; margin-top: -1px; z-index: 4;} .plataformas .separador { width: auto; margin-left: 10px; margin-right: 10px; background: rgba(255,255,255, .5); border-top: 1px solid #dddddd; border-left: none; height: 2px; margin-top: 10px; margin-bottom: 0px; float: none; display: block; clear: both; } #trading.detalhe .plataformas .prod .fleft{margin-left: 0px; margin-right: 0px; padding: 0px;} .registocomvideo .expansible_video { width: auto; margin: 20px auto 0; } .foursquares .carousel .span3 a.ver_mais{margin-left: 0px; left: 145px;} .foursquares .carousel .span3.more a.ver_mais{left: 50%; margin-left: -39px;} #cotacoes .article_header { border-bottom: medium none; position:static; } #cotacoes .clock { display:none; } }