/* ==== Styles for all browses ==== */ * {margin:0; padding:0; outline:none;} body {font:11px Arial,Helvetica,sans-serif; color:#4c4c4c; } a img {border:none;} a {text-decoration:none; color:#454545; font-weight:bold;} a:hover {text-decoration:underline;} .break {clear:both; height:0;} .title {display:block; color:#999; font:bold 9px ; border-bottom:#999 solid 2px; padding-bottom:2px; margin-bottom:21px;} .titletd {color:#999; font:bold 9px ; border-bottom:#999 solid 2px; padding-bottom:2px; margin-bottom:21px;} .titletd a, .titletd a:visited {color:#999; font-size:9px; text-decoration:none;} .titletd a:hover {color:#999; font-size:9px; text-decoration:underline;} .bannerL {margin:43px 0 29px 0;} .bannerL img {border:#CCC solid 1px; margin:43px 0 29px 0;} /* ==== Framework ==== */ /*Bts ------*/ .btLogin, .verTodos, .more {display:block; text-indent:-9999px; background-position:top; background-repeat:no-repeat;} .btLogin:hover, .verTodos:hover, .more:hover, .btLogin2:hover {background-position:bottom;} .btIntegra {float:left; width:153px; float:left;} .btLogin {float:right; background-image:url(../img/bt/login.jpg); width:48px; height:24px;} .btLogin2 {background:url(../img/bt/login2.jpg) no-repeat; width:48px; height:24px; float:right; display:block; margin:3px 0 0 7px; text-indent:-9999px;} .btLogin2.btLogin2Alt {margin:7px 17px 0 -25px;} .ie6 .btLogin2.btLogin2Alt {margin:5px 10px 0 -20px;} .more {width:23px; height:23px; } .verTodos {background-image:url(../img/bt/ver_todos.jpg); width:80px; height:14px;} /*Repeat css ------------------*/ #warp, #pgTop, #mainTop, #footer {width:960px; margin:0 auto;} /*Head ---------*/ #lineTop {background:url(../img/bg/line_top.jpg) center no-repeat; height:6px; width:100%; border-bottom:#040404 solid 1px;} #warpTop {height:116px; width:100%; background:#000 url(../img/bg/banner/pg_top.jpg) center no-repeat;} #warpTop h2 {font-size:36px; margin:49px 0 0 -10px; float:left;} #banner {float:right; margin-top:14px;} #logo {float:left;margin:20px 0 0 0; text-indent:-9999px; width:230px; height:88px;} /*Login Top ---------------*/ #loginTop {width:300px; height:68px; margin-top:18px; position:relative;} #loginTop form, #loginTop {float:right;} /*Body ---------*/ #warpMain {background:url(/img/bg/line_top22.jpg) top repeat-x; width:100%;} #main {background-image:url(../img/bg/main.jpg); background-position:center top; background-repeat: no-repeat; min-height:300px; height:auto !important; height:300px; padding:30px 0 0; position:relative; display:table; margin-bottom:-52px;} #bodyMain {width:100%; background:#FFF url(../img/bg/main_top2.jpg) center top no-repeat; } #mainTop {width:940px; min-height:578px; height:auto !important; height:578px; position:relative;} #banner2 {margin:0; position:absolute; top:40px; left:-20px; width:982px; height:61px; z-index:999;} /*Contents --------------*/ .blogs_info {background:#404040;padding:5px;margin-bottom:1px;} .blogs_info a {font-family:verdana;font-size:12px;color:#FFF;font-weight:normal;} .blogs_info img {width:55px; height:70px; float:left; margin:0px 5px 5px 0;} #content {width:819px; float:right; min-height:430px; } #content .content2 {padding:7px 24px;} #contentTop {float:right; width:299px; position:relative;} #contenTopLefth, #contenTopCenter {min-height:400px; float:left; margin-top:95px;} #contenTopLefth {width:142px; margin-right:3px;} #contenTopCenter {width:476px;} .content2 {width:460px; padding:7px 27px; float:left; } .content3 {width:302px; float:right; padding-right:9px;} .content3 .banner {margin-bottom:40px;} .content3 .title {font-weight:normal; margin-top:7px; } .ie6 #content .content2 {padding:7px 23px;} .ie6 #contentTop {right:-1px;} .ie6 #contenTopLefth {width:100px !important;} /*Footer -----------*/ #warpFooter {background:#000 url(../img/bg/footer.jpg) no-repeat center;height:195px; position:relative; width:100%; margin-top:50px;} #warpFooter li {list-style:none;} #warpFooter table {width:545px; float:left; margin-top:20px;} #warpFooter th, #warpFooter td {width:154px; padding:0 0 5px 10px;} #warpFooter th {font-size:14px; color:#FFF; padding-bottom:17px; text-align:left} #warpFooter td a {font-size:11px; color:#999; font-weight:bold;} #warpFooter .icons {float:right; margin:18px 0 30px 0; width:125px;} #footer {font-size:10px; color:#666;} #footer p {float:left; width:280px;} #footer #menuFooter {float:right; width:605px;} #footer #menuFooter li {float:left; margin:0 2px 0 3px;} #footer #menuFooter li a {color:#666;} #footer #logo2 {width:114px; height:43px; text-indent:-9999px; display:block;float:left; margin:19px 30px 0 9px;} .ie6 #warpFooter {padding-bottom:10px;} .ie6 #footer #menuFooter {width:535px;} /* content_cms -----------------------*/ .content_cms p {margin-bottom:15px;} .content_cms ul, .content_cms ol {margin:10px 20px 15px 20px;} .content_cms h1 {font-size:24px;} .content_cms h2 {font-size:18px;} .content_cms h3 {font-size:16px;} .content_cms h4 {font-size:14px;} .content_cms h5 {font-size:12px;} .content_cms h6 {font-size:10px;} .content_cms h1, .content_cms h2, .content_cms h3, .content_cms h4, .content_cms h5, .content_cms h6 {margin-bottom:13px; line-height:26px;} /* ==== Object Repeat ==== */ /*videosMini ----------------*/ .videosMini {height:390px; } .videosMini li {list-style:none; width:140px; background:url(../img/bg/shadow2.jpg) bottom left no-repeat;} .videosMini.videosMini2 li {clear:both} .videosMini li img {border:#bcbcbc solid 1px; float:left;} .videosMini li a {width:153px; height:96px; display:block;} .videosMini li a:hover {background:url(../img/icons/arrow_r.gif) right 30px no-repeat;} .videosMini .time {background:url(../img/bg/time.jpg) no-repeat; height:37px; color:#FFF; font-size:20px; width:110px; float:left; margin:10px 0 5px 0; padding:9px 15px 0 15px;} .videosMini .time_flash {background:none;} .videosMini .time_flash img {border:none; background:none;} .videosMini .time_flash img:hover {opacity:0.99; -moz-opacity: 0.99; filter: alpha(opacity=99);} /*opacity ie6*/ .videosMini li a:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65); } .videosMini li img:hover {opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);} #altMini {height:auto;clear:both; float:left; margin-bottom:12px;} #altMini li {float:left; background:none; width:86px; height:42px; border:#a3a3a3 solid 1px; border-left:none; padding:3px 3px 3px 2px;} #altMini li a {background:none; width:auto; height:auto;} .ie7 .videosMini {height:340px;} /*Information Videos --------------------------*/ #informationVideos.information2 {margin-left:20px; } #informationVideos .videoBig {width:459px; height:249px; border:#373737 solid 1px; margin-bottom:12px; position:relative; right:4px;} #informationVideos .videoBig.videoBig2 {width:459px; margin-bottom:0; right:0} #informationVideos .videoBig p {background:url(../img/bg/bg.png) repeat; width:454px; height:19px; padding:3px 0 0 3px; position:absolute; bottom:0; font-size:12px; color:#CCC;} #informationVideos .videoBig.videoBig2 p {width:456px;} #informationVideos .content_cms {color:#666;} #informationVideos .content_cms span {color:#999; font-weight:bold;} .ie6 #informationVideos .videoBig img {margin-bottom:-3px;} .ie6 #informationVideos .videoBig p {margin-bottom:-2px;} /*Number*/ .number {margin-top:15px; float:left;} .number li {list-style:none; float:left;} .number li a {width:25px; height:23px; display:block; background:url(../img/bt/number.jpg) no-repeat; text-indent:-9999px;} .number li a:hover {background-position:bottom;} .number .n1 a {background-position:0 0;} .number .n2 a {background-position:-25px 0;} .number .n3 a {background-position:-50px 0;} .number .n4 a {background-position:-75px 0;} .number .n5 a {background-position:-100px 0;} .number .n1 a:hover, .number .n1.on_video a {background-position:0 -27px;} .number .n2 a:hover, .number .n2.on_video a {background-position:-25px -27px;} .number .n3 a:hover, .number .n3.on_video a {background-position:-50px -27px;} .number .n4 a:hover, .number .n4.on_video a {background-position:-75px -27px;} .number .n5 a:hover, .number .n5.on_video a {background-position:-100px -27px;} .ie7 .number {margin-top:70px;} .ie6 .number {margin-top:0px;} /*Interaction ----------------*/ .interaction {width:103px; height:141px; float:right; list-style:none; margin:0 0 0 9px} .interaction li a {width:103px; height:24px; background-image:url(../img/bt/interaction.jpg); background-repeat:no-repeat; display:block; text-indent:-9999px;} .interaction .int1 a {background-position:0 0;} .interaction .int2 a {background-position:0 -24px;} .interaction .int3 a {background-position:0 -47px;} .interaction .int4 a {background-position:0 -70px;} .interaction .int5 a {background-position:0 -93px;} .interaction .int6 a {background-position:0 -116px;} .interaction .int1 a:hover {background-position:0 -141px;} .interaction .int2 a:hover {background-position:0 -165px;} .interaction .int3 a:hover {background-position:0 -188px;} .interaction .int4 a:hover {background-position:0 -211px;} .interaction .int5 a:hover {background-position:0 -234px;} .interaction .int6 a:hover {background-position:0 -257px;} .interaction_intel {width:103px; height:141px; float:right; list-style:none; margin:0 0 0 9px} .interaction_intel li a {width:103px; height:24px; background-image:url(../img/bt/interaction_intel.png); background-repeat:no-repeat; display:block; text-indent:-9999px;} .interaction_intel .int1 a {background-position:0 0;} .interaction_intel .int2 a {background-position:0 -24px;} .interaction_intel .int3 a {background-position:0 -47px;} .interaction_intel .int4 a {background-position:0 -70px;} .interaction_intel .int5 a {background-position:0 -93px;} .interaction_intel .int6 a {background-position:0 -116px;} .interaction_intel .int1 a:hover {background-position:0 -141px;} .interaction_intel .int2 a:hover {background-position:0 -165px;} .interaction_intel .int3 a:hover {background-position:0 -188px;} .interaction_intel .int4 a:hover {background-position:0 -211px;} .interaction_intel .int5 a:hover {background-position:0 -234px;} .interaction_intel .int6 a:hover {background-position:0 -257px;} /*Pagination ---------------*/ .paginetion {border:#CCC solid 1px; width:595px; height:19px; padding-top:3px; margin:0 auto 0 120px; text-align:center; position:relative; clear:both;} .paginetion .prev, .paginetion .next {display:block; width:19px; height:24px; background-repeat:no-repeat; background-position:0 0; position:absolute; top:-1px; padding:0; text-indent:-9999px;} .paginetion .prev {background-image:url(../img/bt/bt_next.jpg); left:-16px;} .paginetion .next {background-image:url(../img/bt/bt_prev.jpg); right:-19px;} .paginetion .prev:hover {background-position: bottom;width:16px;} .paginetion .next:hover {background-position: bottom;} .paginetion a {padding:0 8px; font-size:12px; color:#4f4f4f; font-weight:bold;} .paginetion a:hover, .paginetion ._on {color:#144474;} /*Icons ----------*/ .icons li {list-style:none;} .icons li a {background-image:url(../img/icons/icons.png); background-repeat:no-repeat; display:block; width:auto; height:18px; padding:5px 0 0 32px; color:#FFF; font-size:12px; margin:2px 0; font-weight:bold;} .icons .iconFaleConosco a {background-position:-30px 0; } .icons .iconFacebook a {background-position:-30px -30px;} .icons .incoTwitter a {background-position:-30px -60px} .icons .incoPodcasts a {background-position:-30px -90px} .icons .incoRss a {background-position:-30px -120px} .icons .iconOrkut a {background-position:-30px -272px} .icons.iconsAlt {text-indent:-9999px;} .icons.iconsAlt li {float:left; width:22px; margin:0 3px; height:23px;} .icons.iconsAlt .incoRss {margin-right:0;} .ie6 .icons li a {background-image:url(../img/icons/icons.gif); background-repeat:no-repeat; } /*Incos hover*/ .icons.iconsAlt .iconFaleConosco a:hover, .icons .iconFaleConosco a {background-position:0 0;} .icons.iconsAlt .iconFacebook a:hover, .icons .iconFacebook a {background-position:0 -26px;} .icons.iconsAlt .incoTwitter a:hover, .icons .incoTwitter a {background-position:0 -52px;} .icons.iconsAlt .incoPodcasts a:hover, .icons .incoPodcasts a {background-position:0 -78px;} .icons.iconsAlt .incoRss a:hover, .icons .incoRss a {background-position:0 -104px;} .icons.iconsAlt .iconOrkut a:hover, .icons .iconOrkut a {background-position:0 -260px;} .icons.iconsAlt .iconOrkut a, .icons .iconOrkut a:hover {background-position:0 -286px;} .icons.iconsAlt .iconFaleConosco a, .icons .iconFaleConosco a:hover {background-position:0 -130px;} .icons.iconsAlt .iconFacebook a, .icons .iconFacebook a:hover {background-position:0 -156px;} .icons.iconsAlt .incoTwitter a, .icons .incoTwitter a:hover {background-position:0 -182px} .icons.iconsAlt .incoPodcasts a, .icons .incoPodcasts a:hover {background-position:0 -208px;} .icons.iconsAlt .incoRss a, .icons .incoRss a:hover {background-position:0 -234px;} /*Menu Category ---------------------*/ .menuCategory {position:relative; margin:0 0 60px 0;} .menuCategory ul {width:1089px; position:absolute; top:0; left:-72px;} .menuCategory li {list-style:none; float:left;} .menuCategory li a {background:url(../img/bt/menu_video.png) no-repeat; display:block; height:25px; text-indent:-9999px;} .menuCategory .v1 a {width:223px; background-position:0 0;} .menuCategory .v2 a {width:159px; background-position: -223px 0;} .menuCategory .v3 a {width:158px; background-position: -381px 0;} .menuCategory .v4 a {width:158px; background-position: -539px 0;} .menuCategory .v5 a {width:158px; background-position: -697px 0;} .menuCategory .v6 a {width:233px; background-position: -855px 0;} .menuCategory .v7 a {width:158px; background-position: -697px 0;} .menuCategory .v1 a:hover {background-position:0 -26px;} .menuCategory .v2 a:hover {background-position: -223px -26px;} .menuCategory .v3 a:hover {background-position: -381px -26px;} .menuCategory .v4 a:hover {background-position: -539px -26px;} .menuCategory .v5 a:hover {background-position: -697px -26px;} .menuCategory .v6 a:hover {background-position: -855px -26px;} .menuCategory .v7 a:hover {background-position: -697px -26px;} .ie7 .menuCategory {height:1px;} .ie6 .menuCategory {height:20px; margin:0 0 60px 0;} /*Menu CategoryBusca ---------------------*/ .menuCategoryBusca {position:relative; margin:0 0 60px 0;} .menuCategoryBusca ul {width:1089px; position:absolute; top:0; left:-72px;} .menuCategoryBusca li {list-style:none; float:left;} .menuCategoryBusca li a {background:url(../img/bt/menu_busca.png) no-repeat; display:block; height:25px; text-indent:-9999px;} .menuCategoryBusca .v1 a {width:223px; background-position:0 0;} .menuCategoryBusca .v2 a {width:159px; background-position: -223px 0;} .menuCategoryBusca .v3 a {width:158px; background-position: -381px 0;} .menuCategoryBusca .v1 a:hover {background-position:0 -26px;} .menuCategoryBusca .v2 a:hover {background-position: -223px -26px;} .menuCategoryBusca .v3 a:hover {background-position: -381px -26px;} .ie7 .menuCategoryBusca {height:1px;} .ie6 .menuCategoryBusca {height:20px; margin:0 0 60px 0;} /*Buscar ------------*/ .buscar, .buscar.buscar2 {background:url(../img/bg/input_login.png) right no-repeat; width:381px; height:33px; position:relative; padding-top:1px; display:block; margin:11px 0;} .buscarInput {float:left;} .buscar .inptBuscar {width:243px; height:19px; margin:5px 0 0 2px; float:left; padding:0 0 0 3px; border:none; background-color:transparent; font-size:12px; color:#333; font-weight:bold;} .buscar .btBuscar, .btBuscar2 {display:none;background-image:url(../img/bt/buscar.jpg); background-position:top; background-repeat: no-repeat; border:none; text-indent:-9999px; cursor:pointer; display:block; float:left; width:48px; height:23px; margin:5px 0px 0 0;line-height:50px;} .buscar .btBuscar {float:right; margin:4px 5px 0 0;} #loginTop #warpLogin #boxLogin {top:-3px; right:0;} .buscar.buscar2 {width:298px;} .buscar.buscar2 .inptBuscar {width:159px;} .buscar.buscar2 .buscarInput {margin-left:-3px;} .ie7 .buscar {right:95px;} .ie6 .buscar {background:url(../img/bg/input_login.gif) right no-repeat;} .ie6 .buscar .btLogin {margin-right:-29px !important;} .ie6 .buscar .inptBuscar {padding-top:3px;} .ie7 .buscar.buscar2 .buscarInput {margin:-1px 0 0 -4px;} .ie7 #videoBuscar {right:0} /*Box Login & box Votos ---------------------------------*/ #warpLogin {position:relative; margin-right:12px;} #warpLogin.videoHd .icons {right:37px; top:0;} #warpLogin.videoHd #boxLogin { top:-20px;} #warpLogin .icons {position:relative; top:-2px; right:-40px;} #warpLogin #boxLogin, .boxVotos {background:url(../img/bg/box_login.gif) no-repeat; width:293px; height:63px; padding:5px 0px 5px 5px; position:absolute; top:0; right:0; z-index:999; display:none;} #boxLogin .inp, .boxVotos .inp {background:url(../img/bg/input_login.jpg) no-repeat; width:114px; height:22px; padding:2px 0 0 5px; float:left; margin:0 3px 0 0;} .boxVotos .inp.inp1 {background:url(../img/bg/bg_input2.jpg) no-repeat; width:148px; float:left; margin:0} .boxVotos .inp.inp2 {background:url(../img/bg/bg_input1.jpg) no-repeat; width:138px; float:left;} .boxVotos .inp.inp3 {background:url(../img/bg/text_area.jpg) no-repeat; width:292px; height:73px; margin:6px 0;} .boxVotos .inp.inp4 {background:url(../img/bg/url.jpg) no-repeat; width:292px; height:23px; margin:0 0 6px 0;} .boxVotos .inp.inp1 input {width:136px;} .boxVotos .inp.inp2 input {width:127px;} .boxVotos .inp.inp4 input {width:281px;} #boxLogin .inp input, .boxVotos .inp input, .boxVotos .inp.inp3 textarea {width:105px; background:none; border:none; font-weight:bold; color:#333;} .boxVotos .inp.inp3 textarea {width:275px; height:65px;} #boxLogin a {font-size:10px; color:#666;} #boxLogin a span {color:#1d94ca;} #boxLogin label {font-size:10px; color:#999;} #boxLogin #fechar {float:right; display:block; font-size:12px; font-weight:bold; padding:0; margin-right:5px;} #boxLogin p {margin-bottom:5px;} #boxLogin p a {padding:0 31px 0 8px;} #warpLogin #clickLogin {right:0px; top:0; position:absolute;} #warpLogin #iconsAlt2 {right:-10px; top:0;} .boxVotos {right:108px;} .Comentar {height:130px;} .Compartilhar, .Url {height:52px;} .Embed {height:115px;} .ie6 .boxVotos .break {margin-top:-15px} .ie7 .Compartilhar {height:57px} .ie6 #warpLogin.videoHd #boxLogin { top:-37px; left:0} .ie6 #warpLogin.videoHd .icons {left:-23px; top:-30px; } .ie6 #warpLogin.videoHd #clickLogin {left:0; float:right; margin-left:0;} .ie6 #warpLogin .icons {position:relative; margin-bottom:-32px; left:180px; width:160px; height:30px;} .ie6 #warpLogin #boxLogin {width:292px; right:-3px;} .ie6 #boxLogin .inp {margin:0 1px 0 0;} .ie7 #boxLogin #fechar, .ie6 #boxLogin #fechar {margin-top:-20px;} .ie6 #warpLogin #clickLogin {right:-92px; position:relative;} .ie6 .boxVotos {left:-178px} /*Button ----------*/ .button {background-repeat:no-repeat; background-position:top; width:289px; height:56px; padding:5px 3px 3px 10px; margin-top:26px; display:block; text-indent:-9999px;} .button:hover {background-position:bottom;} .button.time p {background:url(../img/icons/arrow_r.gif) 50px 10px no-repeat;} .button.time strong {font-size:18px; padding-right:10px;} .button.newsletter {background-image:url(../img/bt/newsletter.jpg); height:54px;} .button.redTv {background-image:url(../img/bt/assist_ao_olhar_digital.jpg);} /*Tags --------*/ .tags {margin-bottom:20px;} .tags strong {font-size:14px; display:block; color:#333; margin-bottom:10px;} .tags a {color:#666;} .tags .t1 {font-size:8px;} .tags .t2 {font-size:9px;} .tags .t3 {font-size:10px;} .tags .t4 {font-size:11px;} .tags .t5 {font-size:12px;} .tags .t6 {font-size:14px;} .tags .t7 {font-size:16px;} /*Box Photo ----------------*/ .boxPhoto {margin:-10px 0 24px 0; float:left; color:#4c4c4c; padding-bottom:20px;} .boxPhoto h1 {font-size:24px; margin-bottom:10px;} .boxPhoto h2 {font-size:18px; margin:20px 0 7px 0;} .boxPhoto .more3, .boxPhoto .player {margin:10px 10px 10px 0; display:block; float:left;} .boxPhoto span {position:absolute; bottom:-15px; right:0; color:#666; font-size:9px;} .boxPhoto small {display:block; background:url(../img/bg/bg2.png) repeat; width:454px; height:19px; padding:3px 0 0 3px; position:absolute; bottom:0; font-size:12px; color:#333;} .boxPhoto .photoMini small {width:215px; height:19px;} .boxPhoto .photoBig {width:458px; height:249px; position:relative;} .boxPhoto .photoMini {width:218px; height:112px; position:relative; /*margin-left:20px;*/} .boxPhoto .contentMini, .boxPhoto .contentMini2 {width:218px; height:112px; } .boxPhoto.boxPhotoAlt {width:216px; padding:0 5px; min-height:323px;} .boxPhoto.boxPhotoAlt h1 {font-size:18px;} .boxPhoto.boxPhoto2 .photoMini, .boxPhoto.boxPhoto2 .contentMini2 {float:left;} .boxPhoto.boxPhoto2 .contentMini2 {margin-left:14px;} .boxPhoto.boxPhoto2 h2 {margin:0;} .boxPhoto.boxPhoto2 {margin:0; background:url(../img/bg/shadow9.jpg) bottom left no-repeat;height:155px;} .boxPhoto.boxPhoto4 .photoMini, .boxPhoto.boxPhoto4 .contentMini2 {float:left;} .boxPhoto.boxPhoto4 .contentMini2 {margin-left:14px;} .boxPhoto.boxPhoto4 h2 {margin:0;} .boxPhoto.boxPhoto4 {margin:0; background:url(../img/bg/shadow9.jpg) bottom left no-repeat;height:142px;} .boxPhoto.boxPhoto3 h2 {font-size:24px; color:#333;} .boxPhoto.boxPhoto3 {float:none;} /*Lists ---------*/ .list li {list-style:none; padding-bottom:20px; clear:both; position:relative;} .list span {display:block; float:right; font-size:9px;margin-top:3px;} .list li div {width:139px; height:96px; float:left; margin:0 20px 8px 0; background:url(../img/bg/shadow2.jpg) center bottom no-repeat; position:relative;} .list li h4 {color:#4b4b4b; font-size:16px; margin:0 0 7px 0; font-weight:normal;} .list li strong {display:block; font-size:14px; color:#333; margin:0 0 7px 0;} .list .verTodos {position:absolute; bottom:0; left:158px;} .list a {color:#4C4C4C; font-weight:normal;} .list2 {margin-top:48px;} .list2 .list li {width:449px; height:61px; padding:20px 0 10px 0; border-top:#c9c9c9 solid 1px; background:url(../img/bg/shadow3.jpg) 76px top no-repeat;} .list2 .list img {width:58px; height:36px; float:left; margin:0 20px 8px 0;} .list2 .title {margin-bottom:0;} .listPagination strong {font-size:16px; color:#808080;} .listPagination strong span {color:#4b4b4b;} .listPagination .paginetion {width:425px; margin:0 0 0 10px;} #footerList {border-top:1px solid #C9C9C9; width:399px; padding:0 0 0 50px} .ie6 .list li {height:50px;} .ie6 .list .verTodos {bottom:40px; left:160px;} /*List Links --------------*/ .title_listLinks {background:url(../img/bg/title3.jpg) no-repeat; width:444px; height:19px; padding:5px 0 0 14px; font-size:14px; color:#333; margin:44px 0 20px 0;} .listLinks {clear:both; margin-bottom:50px; width:450px;} .listLinks li {list-style:none; margin:2px 0; background:url(../img/icons/arrow_r.gif) left 4px no-repeat; padding:0 0 0 15px; font-size:12px;} .listLinks h4 {background-image:none;padding:0;color:#4b4b4b; font-size:16px; margin:0 0 7px 0; font-weight:normal;} .ie7 .listLinks {margin-top:50px;} /*Content Box -----------------*/ .contentBox {background:url(../img/bg/shadow4.jpg) bottom center no-repeat; padding-bottom:20px; margin-bottom:15px;} .contentBox dt a {color:#FFF; display:block; background-repeat:no-repeat; background-image:url(../img/bg/boxs/box_title1.jpg); width:285px; height:20px; padding:4px 0 0 15px; font-size:14px; } .contentBox dt {font-weight:bold; margin-bottom:4px;} .contentBox dd {background-repeat:no-repeat; background-image:url(../img/bg/boxs/box1.jpg); width:280px; height:44px; padding:15px 10px; margin-bottom:1px;} /* .contentBox img {height:44px; width:69px; float:left; margin-bottom:15px;} */ .contentBox dd a {color:#999; font-weight:normal; font-family:Tahoma;} .contentBox dd strong {font:12px Arial, Helvetica,sans-serif; color:#FFF; display:block;} .contentBox2 dt a {background-image:url(../img/bg/boxs/box_title2.jpg); color:#333;} .contentBox2 dd {background-image:url(../img/bg/boxs/box2.jpg);} .contentBox2 dd strong {color:#333;} .contentBox2 a {color:#4c4c4c;} .contentBox3 {padding-bottom:34px;} .contentBox3 dt a {background-image:url(../img/bg/boxs/box_title3.jpg); color:#333;} .contentBox3 dd {background-image:url(../img/bg/boxs/box3.jpg); padding:12px 10px; } .contentBox3 dd strong {color:#333;} .contentBox3 a {color:#4c4c4c;} .contentBox4 {margin-top:30px;} .contentBox4 form {position:relative;} .contentBox4 div {background:url(../img/bg/boxs/box_max.jpg) top no-repeat; padding:10px 0 20px 8px;} .contentBox4 dl {background:url(../img/bg/boxs/box_max.jpg) top no-repeat; padding:10px 0 20px 8px;} .contentBox4 dt {position:absolute; top:-30px; left:0;} .contentBox4 dt a {background-image:url(../img/bg/boxs/box_title4.jpg); color:#1e680f;} .contentBox4 dd {background:none; height:0; width:268px; position:relative;} .contentBox4 dd strong {color:#333; font-size:12px; font-weight:bold; margin-bottom:23px;} .contentBox4 dd label {color:#333; font-size:Tahoma; float:left; margin-left:25px;} .contentBox4 dd input {position:absolute; left:10px; bottom:0;} .contentBox4 span a {background-image:url(../img/bg/boxs/box_title4.jpg); color:#1e680f;display:block;} .contentBoxBottom {background:url(../img/bg/boxs/box4.jpg) no-repeat; width:283px; height:34px; padding:10px 0 0 17px; margin-left:1px; clear:both;} .contentBoxBottom img, .contentBox4 .imgAlt {width:auto; height:auto;} .contentBox4 .imgAlt {margin:0 0 2px 1px;} .contentBox5 {background-image:url(../img/bg/boxs/box_bottom5.jpg); margin-top:50px ; padding-bottom:46px;} .contentBox5 dt a {background-image:url(../img/bg/boxs/box_title5.jpg); color:#FFF;} .contentBox5 dd {background:#4A4A4A url(../img/bg/boxs/box_max5.jpg) top no-repeat; color:#999; margin-left:1px; height:auto;} .contentBox5 .content_cms a {color:#FFF !important;} #box5_alt {margin-top:50px;} #box6_alt {margin-top:100px} .ie6 .contentBox4 dt {left:-6px;} .ie6 .contentBox4 dd {padding:0 0 5px 10px; height:30px} .ie6 .contentBox4 dd strong {margin:15px 0;} .ie6 .contentBox4 dd label {position:absolute; bottom:0;} .ie7 .contentBox4 .imgAlt {margin-top:-1px;} .ie6 .contentBox4 .imgAlt {margin-top:-2px;} /* Container -----------------*/ .container {background:url(../img/bg/shadow4.jpg) bottom center no-repeat; padding-bottom:36px; } .container li {list-style:none;} .container li a {display:block; background-repeat:no-repeat; background-image:url(../img/bg/tabs_link.jpg); width:99px; padding:4px 0 0 0; height:20px; color:#FFF; font-size:12px; font-weight:bold;} .container li a:hover, .container .ui-tabs-selected a {background-image:url(../img/bg/tabs_link_on.jpg); text-decoration:none;} .container p {background:url(../img/bg/tabs_bg.jpg) no-repeat; width:268px; height:27px; padding:15px 0 0 0; margin-bottom:1px;} .container p strong {color:#4f4f4f; padding:0 15px; display:inline;} .container td {background:url(../img/bg/tabs_scroll.jpg) bottom right no-repeat; height:213px; } .container td a {display:inline;} .container td div {height:210px; width:293px; padding:0;} .container .jScrollPaneTrack {background:none} .container .jScrollPaneContainer {left:0; margin-top:-18px; width:290px; height:210px;} .container .jScrollPaneDragBottom {background:none;} .container .jScrollPaneDrag {background:none; background:url(../img/bg/scroll3.jpg) no-repeat;} .ff3 .container .jScrollPaneContainer, .ff2 .container .jScrollPaneContainer, .safari .container .jScrollPaneContainer {margin-top:0; top:0;} #usarios {margin-bottom:-18px;} #usarios h1 {margin:0px 0 10px 0; padding-top:7px; font-size:18px;} #usarios .bts li a {background-image:url(../img/bt/bt_usuarios.jpg); background-repeat:no-repeat; height:21px;} #usarios .bt_usuario a {width:99px; background-position: 0 -26px;} #usarios .bt_todos a {width:200px; background-position: -100px -26px;} #usarios .bt_usuario a:hover {background-position:0 0px } #usarios .bt_todos a:hover {background-position:-100px 0px } #usarios .bt_todos.ui-tabs-selected a {background-position:-100px 0px} #usarios .bt_usuario.ui-tabs-selected a {background-position:0px 0px} #usarios .scroll-pane p {background:url(../img/bg/content_bottom.jpg) bottom no-repeat; width:268px; padding:0 0 3px 0px; min-height:35px; height:auto !important; height:35px; position:relative;} #usarios .scroll-pane p span {background:url(../img/bg/content_top.jpg) top no-repeat; display:block; } #usarios .scroll-pane p a {padding:10px 0 0 70px;width:190px; display:block; color:#666; font-weight:normal; min-height:35px; height:auto !important; height:35px;} #usarios .scroll-pane p img {position:absolute; top:10px; left:18px;} #usarios .scroll-pane p a strong {color:#333; padding:0;} /* Container2 -----------------*/ .container2 {padding-bottom:36px; } .container2 li {list-style:none;} .container2 li a {display:block; background-repeat:no-repeat; background-image:url(../img/bg/tabs_link.jpg); width:99px; padding:4px 0 0 0; height:20px; color:#FFF; font-size:12px; font-weight:bold;} .container2 li a:hover, .container2 .ui-tabs-selected a {text-decoration:none;} .container2 p {width:268px; padding:15px 0 0 0; margin-bottom:1px;} .container2 p strong {color:#4f4f4f; padding:0 15px; display:inline;} .container2 td {padding:0px; } .container2 td a {display:inline;} .container2 td div {padding:0;} .container2 .jScrollPaneTrack {background:none} .container2 .jScrollPaneContainer {left:0; margin-top:-18px; width:290px; height:210px;} .container2 .jScrollPaneDragBottom {background:none;} .container2 .jScrollPaneDrag {background:none; background:url(../img/bg/scroll3.jpg) no-repeat;} .ff3 .container2 .jScrollPaneContainer, .ff2 .container2 .jScrollPaneContainer, .safari .container2 .jScrollPaneContainer {margin-top:0; top:0;} /*Bolsa ----------*/ #bolsa {padding-bottom:35px;} #bolsa li a {background-image:url(../img/bt/bt_bolsa2.jpg); width:148px;} #bolsa .ui-tabs-selected a {background-image:url(../img/bt/bt_bolsa_on2.jpg);} #bolsa td {background:none; height:auto;} #bolsa .tableTip td {padding-top:0px;} #bolsa .tableTip ul {width:109px; float:left; margin:14px 0 0 11px;} #bolsa .tableTip li {background:url(../img/bg/bgBolsa1.jpg) no-repeat; width:97px; height:19px; padding:2px 0 0 12px; margin-bottom:1px;} #bolsa .tableTip li strong {color:#333; font-size:16px;} #bolsa .tableTip li b {color:#095473; font-size:14px;} #bolsa .tableTip .textNumer {padding-top:6px; height:16px;} #bolsa .tableTip .bolsaTable {padding-bottom:6px; height:130px; width:298px; } #bolsa .tableTip .bolsaTable td {background-color:#c1d4dc;} #bolsa .tableTip .bolsaTable img {margin:14px 0 0 12px;} #bolsa .tableTip .variacao td {background:url(../img/bg/bgBolsa2.jpg) bottom no-repeat; width:298px; height:21px; padding-top:6px;} #bolsa .tableTip .variacao td strong {color:#FFF; float:right; display:block; margin:0 2px 2px 0;} #bolsa .tableTip .bgVariacao {background:url(../img/bg/bgBolsa3.jpg) bottom no-repeat; padding:5px 0 3px 14px; } #bolsa .tableTip .bgVariacao span {display:block; float:right; width:50px;} #bolsa .tableTip .bgVariacao span img {margin-right:5px;} #bolsa .tableTip .bgVariacao .value1 {color:#007f00;} #bolsa .tableTip .bgVariacao .value2 {color:#000;} .webkit #bolsa .tableTip .variacao td, .opera #bolsa .tableTip .variacao td, .ie #bolsa .tableTip .variacao td {padding-top:1px;} .ie #bolsa .tableTip .variacao td strong {float:none; text-align:right; } .ie7 #bolsa .tableTip .bgVariacao span, .ie6 #bolsa .tableTip .bgVariacao span {margin-top:-20px; padding:5px 5px 0 0; text-align:right; } /*Tip Navagation ---------------------*/ .tipNavagation {margin-right:10px;} .tipNavagation li {list-style:none; width:110px; height:84px; padding:0 15px; background-repeat:no-repeat; position:relative; margin-bottom:8px; } .tipNavagation li a {font-weight:normal} .tipNavagation li strong {font-size:20px; color:#FFF; display:block; padding:7px 0 0 0;} .tipNavagation .time_flash {padding:0; height:93px; margin-bottom:10px;} .tipNavagation .time {background:url(../img/bg/time.jpg) no-repeat; height:41px; color:#FFF; font-size:20px;} .tipNavagation .cx_consumer {background-image:url(../img/bg/box_acessar1.jpg);} .tipNavagation .cx_consumer a {color:#004e00;} .tipNavagation .cx_business {background-image:url(../img/bg/box_acessar2.jpg);} .tipNavagation .cx_business a {color:#003a52;} .tipNavagation .cx_geek {background-image:url(../img/bg/box_acessar3.jpg);} .tipNavagation .cx_geek a {color:#996600;} .box_consumer a {font-weight:normal;color:#004e00;} .box_consumer strong {font-size:20px; color:#FFF; display:block; padding:7px 0 0 0;} .box_business a {font-weight:normal;color:#003a52;} .box_business strong {font-size:20px; color:#FFF; display:block; padding:7px 0 0 0;} .box_geek a {font-weight:normal;color:#996600;} .box_geek strong {font-size:20px; color:#FFF; display:block; padding:7px 0 0 0;} /*Reviews*/ .reviews {margin-bottom:30px;} .reviews h1 {color:#666; margin-bottom:8px; font-size:18px;} .reviews p {color:#4e4e4e; font-size:13px; font-weight:bold; margin-top:20px;} .reviews p a {float:right;} /*Carrousel ---------------*/ #warp_galleries { height:50px; position:relative;} #warp_galleries #prev, #warp_galleries #next {position:absolute;top:17px; color:#000;} #warp_galleries #prev {left:-10px;} #warp_galleries #next {right:-18px;} #warp_galleries #carousel {overflow:hidden; width:400px; height:50px; } #warp_galleries #carousel ul {width:400px; height:55px; } #warp_galleries #carousel ul li { height:42px; width:82px; border:#FFF solid 4px;padding:0; margin:0 1px;} #warp_galleries #carousel ul li:hover {border:#999 solid 4px; } .ie6 #warp_galleries #next {right:-10px;} .ie6 #warp_galleries #carousel ul li {margin:0px;} /*List Video ----------------*/ .listVideo {margin:10px 0 30px 0; float:left;} .listVideo li {list-style:none; width:140px; float:left; margin-right:15px;} .listVideo li a {font-size:12px; font-weight:bold; color:#1e548a; } .listVideo li a span {color:#666; font-weight:normal;} .listVideo .altLIst {margin:0} /*boxLogar ---------------*/ #boxLogar {background:url(../img/bg/box_login.jpg) no-repeat; width:449px; height:102px; padding:14px 0 0 12px; position:relative;} #boxLogar strong {color:#333; display:block; font-size:12px;} #boxLogar .logar {width:275px;} #boxLogar .logar input {width:107px; height:20px; margin:10px 3px 0 25px; background:none; border:none;} #boxLogar .logar span {display:block; float:right; margin:5px 25px 0 0;} #boxLogar p {width:145px; position:absolute; top:10px; right:-5px; font-family:Tahoma;} #boxLogar p strong {margin-bottom:10px;} #boxLogar p input {background:url(../img/bt/cadastrar.jpg) top no-repeat; width:105px; height:26px; text-indent:-9999px; cursor:pointer; display:block; line-height:50px; border:none; margin-top:10px;} #boxLogar p input:hover {background-position:bottom;} #boxLogar .lebrar {position:absolute; bottom:10px; left:10px;} .ie6 #boxLogar .logar span {margin:5px 13px 0 0;} /* Parceiros ---------------*/ .uol {background:url(../img/bg/fundo_uol.jpg) top repeat-x;height:24px;text-align:center;}