/* ==== Styles of pages ==== */ /*Central de Video ----------------------*/ .centralVideo .content_cms h1,.centralVideo .content_cms h2, .centralVideo .content_cms h3,.centralVideo .content_cms h4, .centralVideo .content_cms h5, .centralVideo .content_cms h6 {color:#FFF;} .centralVideo #mainTop {height:680px !important; } .centralVideo #menuTop {margin:0 -2px 18px 0;} .centralVideo #menuTop li a {background-image:url(../img/bt/menu_top.jpg);} .centralVideo #centralVideos {background:url(../img/bt/central_de_videos.jpg); background-position:top; background-repeat:no-repeat;} .centralVideo #bodyMain {background:#333 url(../img/bg/main_top.png) center top no-repeat;} .centralVideo #contentTop {margin-top:0;} #pgVideo {width:621px; float:left;} #pgVideo.altVideo2 {width:940px;} .leia_texto {display:block; background:url(../img/bt/leia_texto_integra.jpg) no-repeat; width:153px; height:23px; float:left; text-indent:-9999px; margin:6px 0 0 0;} .contentVideo, .contentVideo2 {color:#CCC; width:386px; float:left; position:relative;} .contentVideo2 {width:960px; margin-top:14px;} .contentVideo span {color:#999;} .contentVideo a {color:#ccffcc;} .contentVideo p {margin-bottom:15px;} .contentVideo2 h1 {width:500px; float:left; margin-left:10px;} .contentVideo2 .btBuscar2 {background-image:url(../img/bt/buscar2.jpg); margin-top:3px;} #pgVideo.altVideo2 .icons {float:right; width:150px; margin-top:4px;} #pgVideo .boxVideo {background:url(../img/bg/box2.jpg) no-repeat; width:613px; height:18px; padding:6px 0 0 10px; position:absolute; bottom:35px; left:0;} #pgVideo .boxVideo a {color:#4C4C4C;} #tagsPlayer .boxVideo {background:url(../img/bg/box2.jpg) no-repeat; width:625px; height:18px; padding:6px 0 0 10px;margin:30px 0 0 0;} #tagsPlayer .boxVideo a {color:#4C4C4C;} #video {width:621px; height:376px; position:relative; margin:0 0 45px 0; float:left;} #video .icons.iconsAlt {float:right; width:137px; margin-bottom:10px; right:57px !important; top:-2px;} #video #warpLogin {margin-right:0;} .ie6 .centralVideo.centralHd #menuTop {margin:0 -12px 18px 0;} .ie6 .contentVideo2 .btBuscar2 {line-height:50px; height:27px; display:block; overflow:hidden} .ie6 #pgVideo .boxVideo {left:0; bottom:30px;} .ie6 #video {margin:0;} .ie6 #video .icons.iconsAlt {width:140px; margin-bottom:3px;} .ie6 #video #warpLogin {margin-right:0; width:525px;} .ie6 #video #iconsAlt2 {float:left; margin:0 0 0 120px; border:red solid px} .ie6 #video #clickLogin { float:right; margin-left:0;} .ie6 #video #boxLogin {right:-100px;} /*Votos*/ .votos {background:url(../img/bg/votos.jpg) no-repeat; width:62px; height:129px; padding:10px 0 0 10px; float:right; color:#262626; font-size:12px; font-weight:bold; position:relative;} .votos strong {color:#838383; font-size:38px; } .votos p {color:#CCC; width:67px; height:14px; position:absolute; text-align:center; bottom:5px; left:3px; font-weight:normal; font-size:10px;} /*Relacionados*/ #boxRelacionados {background:url(../img/bg/relacionados.png) no-repeat; width:300px; height:360px;} #boxRelacionados strong {font-size:9px; font-weight:bold; text-transform:uppercase; display:block; margin:7px 0 0 25px; float:left; color:#999;} .contentRelacionados {width:290px; height:325px; overflow:auto; float:right; margin:10px 0 0 -5px;} .contentRelacionados li {list-style:none; background:url(../img/bg/shadow1.jpg) left bottom no-repeat; padding:0 0 14px 0; width:260px; height:80px;} .contentRelacionados li img {border:#2b2b2b solid 1px; float:left; width:139px;} .contentRelacionados li ul {width:110px; height:72px; float:right; margin-left:9px; font-weight:bold; color:#FFF;} .contentRelacionados li ul li {background:none; height:41px; width:auto;} .contentRelacionados li ul li span {color:#999; font-weight: normal; display:block;} .contentRelacionados .btAssistindo {height:0;} .contentRelacionados .btAssistindo img {border:none; float:none; width:auto;} .contentRelacionados .btAssistindo .btmais {background:url(../img/bt/mais.jpg) top no-repeat; height:15px; width:15px; text-indent:-9999px; display:block;} .contentRelacionados .btAssistindo .btmais:hover {background-position:bottom;} .jScrollPaneContainer {height:248px; left:-132px; top:30px; width:289px;} a.jScrollArrowDown {background:url(../img/bt/bottom.jpg) no-repeat bottom; width:7px; height:4px;} /*galler video*/ .galleyVideo li {list-style:none; width:139px; height:123px; color:#1e548a; font-weight:bold; float:left; margin:0 0 18px 21px;} .galleyVideo li a:hover {text-decoration:none;} .galleyVideo span {color:#666;} .ie6 #boxRelacionados strong {margin:7px 0 0 12px;} .ie6.contentRelacionados {margin:10px 0 0 9px;} .ie6.contentRelacionados li {padding:0 0 9px 0;} .opera .jScrollPaneContainer, .chrome .jScrollPaneContainer {left:0; top:10px;} .ie .jScrollPaneContainer {left:0px; top:10px;} .safari .jScrollPaneContainer {left:0px; top:10px;} .ie6.galleyVideo li {margin:0 0 18px 17px;} /*Consumer ---------------*/ .consumer .content_cms h1,.consumer .content_cms h2, .consumer .content_cms h3,.consumer .content_cms h4, .consumer .content_cms h5,.consumer .content_cms h6, .consumer .content_cms a, .consumer #warpTop h2, .consumer .content2 h1 {color:#027001;} .consumer .content_cms p,.consumer .content_cms div {font-size:13px;} .consumer .contentMini h2, .consumer .contentMini2 h2, .consumer .contentMini a, .consumer .contentMini2 a, .consumer .content2 h2, .consumer .content2 a, .consumer .listLinks a {color:#027001;} .consumer .more {background-image:url(../img/bt/more2.jpg);} .consumer #warpTop {background:#000 url(../img/bg/banner/pg_top2.jpg) center no-repeat;} .consumer #warpTop h2 {color:#66cc66;} #consumerAlt #main {background-image:none; display:block; padding:50px 0 0;} #consumerAlt #warpTop {background:#000 url(../img/bg/banner/pg_top2.jpg) center no-repeat; } #consumerAlt #mainTop {min-height:0; z-index:9999;} #consumerAlt #menuTop {margin:0 -2px 0px 0;} #consumerAlt #navegation .menu {padding:7px 0 0 11px;} #consumerAlt .content2 {padding:7px 29px; width:450px;} #consumerAlt .boxPhoto.boxPhotoAlt {width:215px; margin:0;} #consumerAlt .boxPhoto {margin:0;} #consumerAlt .inptBuscar {width:166px;} #consumerAlt .buscar {width:302px;} #consumerAlt .btBuscar {background-image:url(/img/bt/buscar3.jpg);} #consumerAlt .content3 #warpLogin {float:right; width:205px; margin-top:-5px; margin-right:0; } .ie7 #consumerAlt #mainTop {height:0; margin-bottom:-38px} .ie6 #consumerAlt #mainTop {height:0; margin-bottom:-38px} .ie6 #consumerAlt #navegation .menu {padding:7px 0 0 0px;} .ie6 #consumerAlt .content2 {width:460px; padding:7px 20px;} .ie7 #consumerAlt .listLinks, .ie6 #consumerAlt .listLinks {margin:10px 0 30px 0;} .ie7 #consumerAlt .buscar {right:0;} .ie6 #consumerAlt .content3 #warpLogin {width:220px; float:left; margin-left:-10px;} .ie6 #consumerAlt .content3 #warpLogin #iconsAlt2 {left:105px; position:absolute;} .ie6 #consumerAlt .content3 #warpLogin li {width:25px} .ie6 #consumerAlt .content3 .title {float:left; height:10px; display:block;padding-right:225px; margin-top:-14px} /*Business ---------------*/ .business .content_cms h1,.business .content_cms h2, .business .content_cms h3,.business .content_cms h4, .business .content_cms h5,.business .content_cms h6, .business .content_cms a, .business .content2 h1 {color:#015679;} .business .content_cms p,.business .content_cms div {font-size:13px;} .business .contentMini h2, .business .contentMini2 h2, .business .contentMini a, .business .contentMini2 a, .business .content2 h2, .business .content2 a, .business .listLinks a {color:#015679;} .business #warpTop h2 {color:#65a7c2;} .business .more {background-image:url(../img/bt/more4.jpg);} .business #warpTop {background:#000 url(../img/bg/banner/pg_top3.jpg) center no-repeat;} .business .verTodos {background-image:url(../img/bt/ver_todos2.jpg); } #businessAlt #main {background-image:none; display:block; padding:50px 0 0;} #businessAlt #warpTop {background:#000 url(../img/bg/banner/pg_top3.jpg) center no-repeat; } #businessAlt #mainTop {min-height:0; z-index:9999;} #businessAlt #menuTop {margin:0 -2px 0px 0;} #businessAlt #navegation .menu {padding:7px 0 0 11px;} #businessAlt .content2 {padding:7px 29px; width:450px;} #businessAlt .boxPhoto.boxPhotoAlt {width:215px; margin:0;} #businessAlt .boxPhoto {margin:0;} #businessAlt .inptBuscar {width:166px;} #businessAlt .buscar {width:302px;} #businessAlt .btBuscar {background-image:url(/img/bt/buscar3.jpg);} #businessAlt .content3 #warpLogin {float:right; width:205px; margin-top:-5px; margin-right:0; } .ie7 #businessAlt #mainTop {height:0; margin-bottom:-38px} .ie6 #businessAlt #mainTop {height:0; margin-bottom:-38px} .ie6 #businessAlt #navegation .menu {padding:7px 0 0 0px;} .ie6 #businessAlt .content2 {width:460px; padding:7px 20px;} .ie7 #businessAlt .listLinks, .ie6 #businessAlt .listLinks {margin:10px 0 30px 0;} .ie7 #businessAlt .buscar {right:0;} .ie6 #businessAlt .content3 #warpLogin {width:220px; float:left; margin-left:-10px;} .ie6 #businessAlt .content3 #warpLogin #iconsAlt2 {left:105px; position:absolute;} .ie6 #businessAlt .content3 #warpLogin li {width:25px} .ie6 #businessAlt .content3 .title {float:left; height:10px; display:block;padding-right:225px; margin-top:-14px} /*Geek ---------*/ .geek .content_cms h1,.geek .content_cms h2, .geek .content_cms h3,.geek .content_cms h4, .geek .content_cms h5,.geek .content_cms h6, .geek .content_cms a, .geek .content2 h1 {color:#cc7f0d;} .geek .content_cms p,.geek .content_cms div {font-size:13px;} .geek .contentMini h2, .geek .contentMini2 h2, .geek .contentMini a, .geek .contentMini2 a, .geek .content2 h2, .geek .content2 a, .geek .listLinks a {color:#cc7f0d;} .geek #warpTop h2 {color:#d6b208;} .geek .more {background-image:url(../img/bt/more.jpg);} .geek #warpTop {background:#000 url(../img/bg/banner/pg_top4.jpg) center no-repeat;} .geek .verTodos {background-image:url(../img/bt/ver_todos3.jpg); } #geekAlt #main {background-image:none; display:block; padding:50px 0 0;} #geekAlt #warpTop {background:#000 url(../img/bg/banner/pg_top5.jpg) center no-repeat; } #geekAlt #mainTop {min-height:0; z-index:9999;} #geekAlt #menuTop {margin:0 -2px 0px 0;} #geekAlt #navegation .menu {padding:7px 0 0 11px;} #geekAlt .content2 {padding:7px 29px; width:450px;} #geekAlt .boxPhoto.boxPhotoAlt {width:215px; margin:0;} #geekAlt .boxPhoto {margin:0;} #geekAlt .inptBuscar {width:166px;} #geekAlt .buscar {width:302px;} #geekAlt .btBuscar {background-image:url(/img/bt/buscar3.jpg);} #geekAlt .btLogin {margin-top:2px;} #geekAlt .content3 #warpLogin {float:right; width:205px; margin-top:-5px; margin-right:0; } .ie7 #geekAlt #mainTop {height:0; margin-bottom:-38px} .ie6 #geekAlt #mainTop {height:0; margin-bottom:-38px} .ie6 #geekAlt #navegation .menu {padding:7px 0 0 0px;} .ie6 #geekAlt .content2 {width:460px; padding:7px 20px;} .ie7 #geekAlt .listLinks, .ie6 #geekAlt .listLinks {margin:10px 0 30px 0;} .ie7 #geekAlt .buscar {right:0;} .ie6 #geekAlt .content3 #warpLogin {width:220px; float:left; margin-left:-10px;} .ie6 #geekAlt .content3 #warpLogin #iconsAlt2 {left:105px; position:absolute;} .ie6 #geekAlt .content3 #warpLogin li {width:25px} .ie6 #geekAlt .content3 .title {float:left; height:10px; display:block;padding-right:225px; margin-top:-14px} /*Geral ---------------*/ .geral .content_cms h1,.geral .content_cms h2, .geral .content_cms h3,.geral .content_cms h4, .geral .content_cms h5,.geral .content_cms h6, .geral .content_cms a, .geral #warpTop h2, .geral .content2 h1 {color:#027001;} .geral .more {background-image:url(../img/bt/more2.jpg);} .geral #warpTop {background:#000 url(../img/bg/banner/pg_top.jpg) center no-repeat;} .geral #warpTop h2 {color:#66cc66;} #geralAlt #main {background-image:none; display:block; padding:50px 0 0;} #geralAlt #warpTop {background:#000 url(../img/bg/banner/pg_top.jpg) center no-repeat; } #geralAlt #mainTop {min-height:0; z-index:9999;} #geralAlt #menuTop {margin:0 -2px 0px 0;} #geralAlt #navegation .menu {padding:7px 0 0 11px;} #geralAlt .content2 {padding:7px 29px; width:450px;} #geralAlt .boxPhoto.boxPhotoAlt {width:215px; margin:0;} #geralAlt .boxPhoto {margin:0;} #geralAlt .inptBuscar {width:166px;} #geralAlt .buscar {width:302px;} #geralAlt .btBuscar {background-image:url(/img/bt/buscar3.jpg);} #geralAlt .content3 #warpLogin {float:right; width:205px; margin-top:-5px; margin-right:0; } .ie7 #geralAlt #mainTop {height:0; margin-bottom:-38px} .ie6 #geralAlt #mainTop {height:0; margin-bottom:-38px} .ie6 #geralAlt #navegation .menu {padding:7px 0 0 0px;} .ie6 #geralAlt .content2 {width:460px; padding:7px 20px;} .ie7 #geralAlt .listLinks, .ie6 #geralAlt .listLinks {margin:10px 0 30px 0;} .ie7 #geralAlt .buscar {right:0;} .ie6 #geralAlt .content3 #warpLogin {width:220px; float:left; margin-left:-10px;} .ie6 #geralAlt .content3 #warpLogin #iconsAlt2 {left:105px; position:absolute;} .ie6 #geralAlt .content3 #warpLogin li {width:25px} .ie6 #geralAlt .content3 .title {float:left; height:10px; display:block;padding-right:225px; margin-top:-14px} /*Votos ----------*/ .votos {background-image:url(../img/bg/voto3.jpg); height:117px; margin-top:20px; width:66px; padding:0 3px; color:#d4d4d4; text-align:center;} .votos a {background-image:url(../img/bt/bt_voto.jpg); background-repeat:no-repeat; display:block; width:59px; height:17px; padding-top:5px; margin:7px 0 2px 3px; color:#FFF; font-size:10px;} .votos strong {color:#CCC;} .votos p {color:#ddd;} .votos .negative {background-position:0 0;} .votos .positive {background-position:0 -44px;} .votos .negative:hover {background-position:0 -22px; text-decoration:none;} .votos .positive:hover {background-position:0 bottom; text-decoration:none;} .votos.votos2 {background-image:url(../img/bg/voto4.jpg); width:64px; height:138px; margin-top:0;} .votos.votos2 a {background-image:url(../img/bt/bt_voto2.jpg);} .votos.votos2 strong {color:#262626; font-size:12px; display:block; text-align:left; padding:3px 0 0px 5px;} #warpVote {position:relative;} #warpVote form {background:url(../img/bg/boxCenter.gif) repeat-y; width:300px} #warpVote .moreVotos {height:10px; position:absolute; bottom:10px; right:3px; width:5px;} #warpVote .boxVotos.Enviar .moreVotos {left:3px; width:298px;} #warpVote .moreVotos a {background:url(../img/bt/more11.jpg) no-repeat; width:17px; height:16px; display:block; text-indent:-9999px; float:left; color:#999} #warpVote .moreVotos p {color:#999; font-size:10px; float:left; margin-left:5px; padding-top:2px;} #warpVote .moreVotos .linkFechar {background:none; text-indent:0; float:right; margin-top:3px;} #warpVote .formTop1, #warpVote .formFooter1 {width:300px; height:5px; position:absolute; left:0; } #warpVote .formTop1 {top:-3px;} #warpVote .formFooter1 {bottom:-3px;} #warpVote .inpOk {float:left;} #warpVote.alt_warpVote .boxVotos {right:97px; top:23px;} .ie7 #warpVote .moreVotos {right:20px;} .ie6 #warpVote form {background:url(../img/bg/boxCenter.gif) repeat-y; width:302px; padding-left:2px} .ie6 #warpVote .moreVotos {bottom:0px;} .ie6 #warpVote.alt_warpVote .boxVotos {left:48px;} /*-- end Votos --*/ #geekAlt .interaction {margin:20px -10px 0 9px;} #geekAlt .interaction li a {background-image:url(../img/bt/interaction3.jpg);} #businessAlt .interaction {margin:20px -10px 0 9px;} #businessAlt .interaction li a {background-image:url(../img/bt/interaction3.jpg);} #consumerAlt .interaction {margin:20px -10px 0 9px;} #consumerAlt .interaction li a {background-image:url(../img/bt/interaction3.jpg);} #geekAlt .interaction_intel {margin:20px -10px 0 9px;} #geekAlt .interaction_intel li a {background-image:url(../img/bt/interaction3.jpg);} #businessAlt .interaction_intel {margin:20px -10px 0 9px;} #businessAlt .interaction_intel li a {background-image:url(../img/bt/interaction3.jpg);} #consumerAlt .interaction_intel {margin:20px -10px 0 9px;} #consumerAlt .interaction_intel li a {background-image:url(../img/bt/interaction3.jpg);} .titleAlt {font-size:9px; margin-top:3px; background:url(../img/icons/arrow5.jpg) left no-repeat; padding-left:7px;} .titleAlt a {color:#1e548a} .title.titleAlt2 {border-bottom:1px solid #999; font-size:9px;} .ie6 #consumerAlt .interaction_intel {margin:20px 0px 0 9px;} .ie6 #businessAlt .interaction_intel {margin:20px 0px 0 9px;} .ie6 #geekAlt .interaction_intel {margin:20px 0px 0 9px;} .ie6 #consumerAlt .interaction {margin:20px 0px 0 9px;} .ie6 #businessAlt .interaction {margin:20px 0px 0 9px;} .ie6 #geekAlt .interaction {margin:20px 0px 0 9px;} .ie6 .titleAlt, .ie7 .titleAlt {margin-top:10px;} /*Default ------------*/ .pgDefault .content_cms h1,.pgDefault .content_cms h2, .pgDefault .content_cms h3,.pgDefault .content_cms h4, .pgDefault .content_cms h5,.pgDefault .content_cms h6, .pgDefault .content2 h1 {color:#333;} .pgDefault .content_cms a {color:#7f7f7f;} .pgDefault .more {background-image:url(../img/bt/more7.jpg);} .pgDefault #informationVideos .content_cms {float:left;} .pgDefault #contenTopCenter {margin-left:16px;} .pgDefault .verTodos {background-image:url(../img/bt/ver_todos4.jpg); } .pgDefault .titleConsumer {color:#205c02 !important;} .pgDefault .titleBusiness {color:#015679 !important;} .pgDefault .titleGeek {color:#cc7f0d !important;} .ie6 .pgDefault #contenTopCenter {margin-right:-10px;} .publicidade {color:#999;font-size:8pt;} .bodyMain .contentMini h2, .bodyMain .contentMini2 h2, .bodyMain .contentMini a, .bodyMain .contentMini2 a, .bodyMain .content2 h2, .bodyMain .content2 a, .bodyMain .listLinks a {color:#454545;}