/* CSS reset */ * { border : 0; color : #7B7B7B; font-family : "Trebuchet MS", sans-serif; margin : 0; padding : 0; } p, li { color : #848484; font-size : 0.7em; } a { color : #24a1a8; text-decoration : none; outline:none; } a:hover { text-decoration : underline; } li { list-style-type : none; } #wrapper { margin : 1px auto; width : 980px; } div.hr { background-color: #ECECEC; clear : both; width : 100%; height: 1px; } div.hr hr { display: none; } div.dashed { background-image: url(/estadao/img/tecnologia/link/bg_hr.png); } /************************/ /* HEADER */ /************************/ #header { height:93px;} #header[id=Header] { margin:0 0 14px; }/* só Firefox 2 */ body:first-of-type #header { margin:0 0 14px; }/* só Safari 3 */ #header h1, #header h2, #header ul#menu, #header form#login{ float : left; } #header h1{width:191px;} #header ul#menu{ border-left : 2px solid #dcf0f1; display:block; height:93px; margin: 0 50px 0 20px; padding-left : 8px; width:85px;} #header div.search { border-left : 2px solid #dcf0f1; display:inline; padding-left : 8px; } #header div.search { padding-right : 21px; padding-left : 13px; border-right : 6px solid #dcf0f1; height:93px; width:384px; float:right;} .link-2 a span { display : none; } .link-2 a { background : url(/estadao/img/tecnologia/link/logo_link.gif); color : #24a1a8; display : block; width : 171px; height : 90px; } #header ul#menu li {height:15px; } #header ul#menu li a {display : block; width : 86px; height : 15px;color:#24A1A8;font-family:"Trebuchet MS",sans-serif;font-weight:bold;font-size:1.2em; } #header ul#menu li a:hover {text-decoration:none;color:#de5a00;} a.slc {color:#de5a00!important;text-decoration:none;} #header h3 { color : #de5b00; font-size : 0.8em; text-transform : uppercase; } #header form fieldset { margin-top : 7px; } #header form input { background : #ececec; border : 1px solid #d3d3d3; font-size : 0.9em; color : #535353; width : 124px; height : 13px; } #header form input.small{width:95px;} #header form input.submit { position : absolute; margin-left : 5px; } #header form input.none { background : transparent; border : 0; font-size : auto; width : auto; height : auto; } #header form p.submit{margin-top:5px;} #header form#search { margin-bottom : 10px; } #header form#search input#query { width : 165px; /*width : 300px;*/} #header form#search p.type { margin-top : 10px; } #header form#search fieldset { margin : 0; } #header form#search h3 { float : left; margin-right : 5px; } #header ul#share { padding : 13px 0 0 0; } #header ul#share li { border-left : 1px solid #ececec; float : left; margin : 3px 7px 0 0; padding-left : 7px; } #header ul#share li.first { background : url(/estadao/img/tecnologia/link/link-na-web.png); border : 0; margin : 0; padding : 0; text-indent : -999em; width : 76px; height : 20px; } #header ul#share li.limao { border : 0; } #header ul#share li a { background : url(/estadao/img/tecnologia/link/bg_social-network.png); display : block; width : 18px; height : 17px; } #header ul#share li a span { display : none; } #header ul#share li.limao { background-position : -18px 0; } #header ul#share li.youtube a { background-position : -18px 0; } #header ul#share li.orkut a { background-position : -36px 0; } #header ul#share li.facebook a { background-position : -54px 0; } #header ul#share li.myspace a { background-position : -72px 0; } #header ul#share li.twiter a { background-position : -90px 0; } #header ul#share li.flickr a { background-position : -108px 0; } #header ul#share li.delicious a { background-position : -126px 0; } #header ul#share li.all a { background : transparent; color : #24a1a8; line-height : 0.75em; width : 30px; } #full_banner { margin:0 auto; padding:2px 0 0; *padding:2px 0 15px; position:relative; } #topo { width:980px; height:30px; border-top:solid 1px; color:#dbdbdb; border-bottom:solid 1px; color:#dbdbdb; margin-top: -10px; /*margin: 0 0 10px 0;*/ } #topo[id=Topo] { margin:14px 0; }/* só Firefox 2 */ body:first-of-type #topo { margin:14px 0; }/* só Safari 3 */ #topo .topoEsq { width:160px; height:30px; float:left; } #topo .topoDir { width:812px; height:30px; float:right; } #topo .links{ width:812px; height:22px; padding-top:3px; *padding-top:6px; } #topo .links li { display:inline; padding:0px; } #topo .FM{ margin:0px; padding:0px; /* *margin-top:10px; _margin-top:10px;*/ } #login-form { border-left:2px solid #dcf0f1; height:93px; padding-left:11px; width:160px; } .logged { float:left; border-left:2px solid #dcf0f1; height:93px; padding-left:11px; width:170px; } .logged img{float:left;} .logged .dados { width:100px; float:left; height:93px; margin-top:-17px; } p.error{ color:#cc0000; font-size:0.6em; } .logged .dados h5 a{ color:#000000; display:block; float:left; padding-left:10px; margin-top:10px; } .logged .dados h6 a{ color:#7b7b7b; display:block; float:left; font-weight:normal; padding-left:10px; width:90px; } .logged .dados p a{ color:#24a1a8; float:left; display:block; margin-top:2px; font-size:0.875em; padding-left:10px; width:90px; } /************************/ /* TAG CLOUD */ /************************/ #tag-cloud { background : url(/estadao/img/tecnologia/link/bg_tag-cloud.png) no-repeat; padding-left : 30px; } #tag-cloud.closed { background : transparent; padding : 0; } #tag-cloud.closed div.toggle { background : ##dcf0f1; height : 18px; } #tag-cloud.closed div.toggle p.title { color : #24a1a8; display : block; font-size : 1.1em; font-weight : bold; margin-left : 842px; } #tag-cloud.closed div.toggle p.toggle { /*margin-left : 952px;*/ background:none; margin-left:30px} #tag-cloud.closed div.container { padding : 0; } #tag-cloud.closed h2, #tag-cloud.closed p.all { display : none; } #tag-cloud.closed div.toggle p.toggle a { background-position : 28px 0; } #tag-cloud div.toggle { background : #dcf0f1; height : 6px; } #tag-cloud div.toggle p { position : absolute; } #tag-cloud div.toggle p.title, #tag-cloud div.toggle p.toggle { display : none; } #tag-cloud div.toggle p.toggle { padding-left : 922px; background: transparent url(/estadao/img/tecnologia/link/tagcloud.gif) no-repeat 0px 0px;} #tag-cloud div.toggle p.toggle a span { display : none; } #tag-cloud div.toggle p.toggle a { background : url(/estadao/img/tecnologia/link/ico_tag-clouds-toggle.png); display : block; width : 28px; height : 23px; } #tag-cloud div.container { border-bottom : 6px solid #dcf0f1; padding : 15px 20px 5px 20px; } #tag-cloud div.container H2{ *padding-top: 15px} #tag-cloud h2 { font-size : 1.6em; font-weight : normal; text-align : center; } a.level1 { color : #d9d9d9; } a.level2 { color : #b5d1d7; } a.level3 { color : #b0d79e; } a.level4 { color : #f78d40; } a.level5 { color : #ff3e25; } #tag-cloud p.all { text-align : right; } /************************/ /* CONTENT */ /************************/ div#content{height:auto;} div.arroba{height:273px; width:300px;} div.col { float : left; width : 310px; } div.middle { margin-left:29px; margin-top:0px; _margin-top:-22px;} div.middle, x:-moz-any-link, x:default {margin-left:29px; margin-top:-20px;}/* só Firefox 3 e IE7 */ div.box { margin:20px 0; } div.box div.title { background : #000; height : 19px; margin-bottom : 5px; } div.box div.title h4 { background : url(/estadao/img/tecnologia/link/bg_box-title-left.png) no-repeat; float : left; padding-left : 18px; text-transform : uppercase; } div.box div.title p { background : url(/estadao/img/tecnologia/link/bg_box-title-right.png) top right no-repeat; float : right; padding-right : 18px; } div.box div.title h4, div.box div.title p { color : #FFF; font-size : 0.7em; line-height : 19px; } div.box div.title p a { color : #FFF; } div.box h2 { font-size : 1.4em; } div.box h3 { font-size : 1.0em; line-height:20px; } div.box h2 a, div.box h3 a { color : #000; } div.box table { margin : 8px 0; } div.box table td, div.box p, div.box li { font-size : 0.8em; line-height : 1.2em; } div.box a { color : #7B7B7B; } div.box table td.time { font-size : 0.75em; color : #d86100; padding-right : 9px; } div.box table td.text { border-left : 2px solid #95C9CC; padding-left : 9px; } div.box table td.text em { color : #000; font-style : normal; text-transform : uppercase; } div.box table.spaced { border-spacing : 5px 13px; margin : 0; } div.box div.ranking p, div.box div.ranking ul li { font-size : 0.7em; } div.box div.ranking p { float : left; font-size : 0.7em; } div.box div.ranking p a { color : #24a1a8; } div.box div.ranking ul { float : right; } div.box div.ranking ul li { float : left; margin-left : 2px; } div.box div.ranking ul li.first { margin-right : 8px; } div.box div.ranking ul li a { display : block; width : 14px; height : 13px; } div.box div.ranking ul li a:hover { text-decoration : none; } div.box div.ranking ul li a span { display : none; } div.box div.ranking ul li.on a { background : url(/estadao/img/tecnologia/link/bg_stars.png) 14px 0; } div.box div.ranking ul li a { background : url(/estadao/img/tecnologia/link/bg_stars.png); } div.column img { float : left; margin-right : 10px; } div.column table { margin-top : 5px; } div.content div.title { margin : 0; } div.box div.container { border : 1px solid #D1D1D1; border-top-width : 0; margin : 0 auto; padding : 9px; } div.box div.sub-content { float : left; margin : 10px 0; width : 126px; } div.box div.first { margin-right : 28px; *margin-right : 28px; _margin-right : 15px; } div.box div.sub-content img { clear : both; margin-bottom : 5px; } div.box div.container ul { margin-top : 10px; } div.box div.container ul li { background : url(/estadao/img/tecnologia/link/bg_list.png) no-repeat 0 4px; padding : 0 10px 0; } div.box div.container ul li a { color : #24A1A8; } p.breadcrumb {display:block; width:100%; border-bottom:2px solid #dcf0f1; border-top:2px solid #dcf0f1; margin-top:15px; color:#000;} p a.active {font-weight:bold;} /*********************/ /* PAGINAÇÃO */ /*********************/ div.list_page{padding:3px 0; text-align:center; } div.defalt{ padding:0;} div.list_page li{ display:inline; margin:0 3px; font-size:0.875em; line-height:normal; color:#24a1a8;} div.list_page li a{ font-weight:normal; text-decoration:underline; color:#24a1a8;} div.list_page li a.active{color:#de5b00;} div.list_page p{display:block; width:75px; font-size:0.875em; color:#24a1a8; font-weight:normal;} div.list_page p.ant a{font-weight:normal;} div.list_page p.prox a{font-weight:normal;} div.list_page p.ant{float:left;} div.list_page p.prox{float:right; margin-top: -20px;} /*********************/ /* AS 5 MAIS */ /*********************/ #topContents { width : 300px; } #main { border:1px solid #d1d1d1; clear: both; height:230px; } #contents { padding: 40px 20px 2px; } #contents ol li {margin-left: 10px; padding:0; background: url(/estadao/img/tecnologia/link/numbers.gif) 0 0 no-repeat; list-style-type : none; margin-bottom : 5px; padding-left : 30px; line-height : 20px; } #contents ol li.number-1 { background-position : 0 -20px; } #contents ol li.number-2 { background-position : 0 -40px; } #contents ol li.number-3 { background-position : 0 -60px; } #contents ol li.number-4 { background-position : 0 -80px; } #contents ol li.number-5 { background-position : 0 -100px; } #contents li {color:#24A1A8; margin-top:10px; } #contents li a { color:#24A1A8; } /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ #menu-header { position: relative; width: 100%; height:2em; } /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ #menu-header ul#primary { position: absolute; bottom: -2px; width: 100%; left: 0; } #menu-header ul#primary li { display: inline; } #menu-header ul#primary a { background: #FFF; border: 1px solid #AAA; border-bottom: none; font-size:1.10em; } #menu-header ul#primary a:hover { margin-top: 0;} #menu-header ul#primary a, #menu-header ul#primary a.current { font-size: 1em; font-weight:bold; color: #24a1a8; display: block; float: left; margin: 0 10px 0 0; padding: 4px 8px; text-align: center; } #menu-header ul#primary a.current, #menu-header ul#primary a.current:hover {font-size: 1.1em; font-weight:bold; border: 1px solid #CCC; border-bottom: none; color: #de5b00; padding-bottom: 6px;} #menu-header ul#secondary {position: absolute;top: 40px;margin: 0;padding-left: 10px;bottom: -1.4em;left: 6px; } #menu-header ul#secondary li a, #menu-header ul#secondary li span {width: 61px; display:block; float:left; border:none;border-right: 1px solid #AAA;background: none;} #menu-header ul#secondary li a {color: #6E6E6E; font-size : 1.25em; font-weight:normal; height:15px; background:transparent url(/estadao/img/tecnologia/link/iconews.gif) no-repeat scroll 0px 5px} #menu-header ul#secondary li a.selected {background:transparent url(/estadao/img/tecnologia/link/bgnoticia.gif) no-repeat scroll -2px 0; height:15px;margin-left:5px;padding-left:15px;text-decoration:none;} #menu-header ul#secondary li a:active {color: #000;} #menu-header ul#secondary li:last-child a { border: none; } #menu-header ul#secondary li a.noticia{ background:url(/estadao/img/tecnologia/link/ico_noticia.gif) no-repeat scroll 5px 4px; padding:0 10px 0 24px; line-height:1.25em;} #menu-header ul#secondary li a.noticia.selected{ background:#de5b00 url(/estadao/img/tecnologia/link/ico_noticia1.gif) no-repeat scroll 5px 4px; display : block; margin-left:5px; padding-left:18px;} #menu-header ul#secondary li a.audio{ background:transparent url(/estadao/img/tecnologia/link/ico_audio.gif) no-repeat scroll 5px 4px;height:23px;line-height:1.25em;padding:0 0 0 18px;border:0 none;} #menu-header ul#secondary li a.audio.selected{ background:transparent url(/estadao/img/tecnologia/link/bgaudio.gif) no-repeat scroll -2px 0;display:block;margin-left:0;padding:1px 0 10px 18px;} #menu-header ul#secondary li a.video{ background:transparent url(/estadao/img/tecnologia/link/ico_video.gif) no-repeat scroll 5px 4px;height:23px;line-height:1.25em;padding:0 0 0 18px;} #menu-header ul#secondary li a.video.selected{ background:transparent url(/estadao/img/tecnologia/link/bgvideo.gif) no-repeat scroll -2px 0;height:22px;display:block;margin-left:0;padding:1px 10px 0 15px;} a.selected { color : #FFF!important; } #link_news{padding-bottom:10px;padding-top:10px;padding-right:20px;float:right;} #link_news h1 {font-size:1.25em;color:#006699;font-weight:normal;text-decoration:none;} #link_news h1 a {font-size:1.25em;color:#006699;font-weight:normal;text-decoration:none;} #link_news h1 a:hover{color:#006699;font-weight:normal;text-decoration:underline;} ol { float : left; margin-right : 20px; } ol li { width : 100px; } .column{margin-top:-20px;} .columnComent{margin-top:10px;} div.box div.aba{height:30px; margin-top:10px;} div.box div.aba_off {width:auto; height:18px; border:solid 1px #cccccc; margin:7px 10px -1px 0; padding:0 5px 4px 5px; float:left;} div.box div.aba_off_b{ margin:7px 0 -1px 0;} div.box div.aba_off a{ color:#24a1a8; font-size:0.875em; font-weight:bold; } div.box div.aba_on { height:25px; padding:2px 10px; margin:0 10px -1px 0; } div.box div.aba_on a {color:#de5b00; font-size:1.25em; } div.box div.mais { border:solid 1px #cccccc; margin:0px; padding:10px; } div.box div.mais ul.tit_hor li{ float:left; border-left : 1px solid #cccccc; margin:0 0 5px 19px;} div.box div.mais ul.tit_hor li.off { margin:0px; border:none; background:url(/estadao/img/tecnologia/link/ico_seta.gif) no-repeat ; padding-bottom:10px; background-position:5px 13px; } div.box div.mais ul.tit_hor li a{ background:url(/estadao/img/tecnologia/link/ico_noticia.gif) no-repeat #de5b00; display : block; margin-left : 19px; padding-left:15px; height : 11px; line-height:0.8em; } div.box div.mais ul.tit_hor li a.ativo{ background-position:5px 2px; padding:2px 5px 2px 20px; } div.box div.mais ul.tit_hor li a.videos{background:url(/estadao/img/tecnologia/link/ico_video.gif) no-repeat; padding-left:22px;} div.box div.mais ul.tit_hor li a.audio{ background:url(/estadao/img/tecnologia/link/ico_audio.gif) no-repeat; padding-left:22px;} div.box div.mais ul.tit_hor li a.off {margin:0px; color:#fff;} ul.tit_vert{ margin-top:17px;} ul.tit_vert li { background:url(/estadao/img/tecnologia/link/bg_list.gif) no-repeat; height:20px; margin-bottom:10px; padding-top:2px;} ul.tit_vert li span{color:#fff; font-weight:bold; margin:0 10px 0 6px;} ul.tit_vert li a {color:#24a1a8; font-weight:bold;} ul.tit_vert li.none { background-image : none;} /*********************/ /* Mini Cloud */ /*********************/ div.minitags .termo{background-image:url(/estadao/img/tecnologia/link/bg_tag-cloud-mini.png); background-repeat:no-repeat; width:290px; height:20px; margin-top:13px;} div.cloud { /*margin-bottom: -40px; */ margin-top:10px; text-align:center; } body:first-of-type div.cloud { padding-bottom:5px; margin-bottom:5px; }/* só Safari 3 */ div.cloud h2 a{ font-size:1.2em; font-weight:normal; color:#006600; } div.cloud h2 a.level1 { color : #d9d9d9; } div.cloud h2 a.level2 { color : #b5d1d7; } div.cloud h2 a.level3 { color : #b0d79e; } div.cloud h2 a.level4 { color : #f78d40; } div.cloud h2 a.level5 { color : #ff3e25; } /************************/ /* FOOTER */ /************************/ #footer { border : 12px solid #dcf0f1; border-right-width : 0; border-left-width : 0; clear : both; padding : 14px 0; height : 76px; display:block; } #footer ul li { border-left : 2px solid #95c9cc; float : left; } #footer ul .oesp { margin-left : 19px; } #footer ul .celular { margin-left : 107px; padding-left : 117px; } #footer ul .rss { margin-left : 140px; padding-left : 97px; } #footer ul li a { background : url(/estadao/img/tecnologia/link/bg_footer.png); display : block; margin-left : 19px; width : 80px; height : 74px; } #footer ul li a span { display : none; } #footer ul li.oesp { border-width : 0; margin : 0; } #footer ul li.oesp a { width : 217px; } #footer ul li.eldorado a { background-position : -217px; width : 139px; } #footer ul li.celular a { background-position : -356px; width : 112px; } #footer ul li.wap a { background-position : -468px; width : 84px; } #footer ul li.sms a { background-position : -552px; } #footer ul li.rss a { background-position : -632px; width : 99px; } /************************/ /* FOOTER */ /************************/ #copyright { margin : 10px 0; text-align : center; } #copyright h6 { color : #000; } /* IE7 hack :( */ #header ul#menu li { *margin-bottom : -7px; } #header ul#menu li.noticias { *margin-bottom : -7px; } #tag-cloud div.container { *padding-top : 2px; } .linha {*display:block;} /* General classes*/ .clear { clear : both; } .clear HR{ display:none } /* === CLEARFIX === */ .clearfix:after {content: "." ;display: block ;height: 0 ;clear: both ;visibility: hidden ;} /* Hides from IE-mac \*/ * html .clearfix {height: 1% ;} .clearfix {display: block ;} /* End hide from IE-mac */ /************************/ /* JAVASCRIPT */ /************************/ p.js-loading { background : url(/estadao/img/tecnologia/link/js-loader.gif) top center no-repeat; margin-top : 2em; padding-top : 4em; text-align : center; } p.js-swf-path, p.js-file-path, p.js-file-repeat { display : none; } #adverstisement { margin:0 auto; width:982px; height:90px; position:relative; }#google-ad-words { margin-bottom : 14px; _margin-bottom: 14px; width : 300px; height : 250px; } #arroba { /*_margin-bottom:-20px; */width : 300px; margin-bottom:15px; margin-top:25px; /*height : 250px; */} body:first-of-type #arroba { padding-bottom: 20px; margin:0 0 20px 0; }/* só Safari 3 */ #arroba[id=Arroba] { margin-bottom:21px; }/* só Firefox 2 */ /* Stars */ div.stars-wrapper { display : none; float:left; } .ui-stars-cancel, .ui-stars-star { float:left; width:17px; height:15px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden } .ui-stars-cancel, .ui-stars-cancel a { background:url(/estadao/img/tecnologia/link/delete.gif) no-repeat 0 -16px } .ui-stars-star, .ui-stars-star a { background:url(/estadao/img/tecnologia/link/bg_stars.png) no-repeat 0 0px } .ui-stars-cancel a, .ui-stars-star a { display:block; width:16px; height:100%; background-position:0 0px } .ui-stars-star-on a { background-position:0 -16px!important } .ui-stars-star-hover a { background-position:0 -32px } .ui-stars-cancel-hover a { background-position:0 -16px } .ui-stars-cancel-disabled a, .ui-stars-star-disabled, .ui-stars-star-disabled a { cursor:default !important } .ui-stars-star { background:transparent!important; overflow:hidden!important } /* Stars compressed .ui-stars-cancel,.ui-stars-star {float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} .ui-stars-cancel,.ui-stars-cancel a {background:url(/estadao/img/tecnologia/link/delete.gif) no-repeat 0 -16px} .ui-stars-star,.ui-stars-star a {background:url(/estadao/img/tecnologia/link/bg_stars.png) no-repeat 0 0px} .ui-stars-cancel a,.ui-stars-star a {display:block;width:16px;height:100%;background-position:0 0px} .ui-stars-star-on a {background-position:0 -16px!important} .ui-stars-star-hover a {background-position:0 -32px} .ui-stars-cancel-hover a {background-position:0 -16px} .ui-stars-cancel-disabled a,.ui-stars-star-disabled,.ui-stars-star-disabled a {cursor:default !important} .ui-stars-star {background:transparent!important;overflow:hidden!important} */ /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .bt-close-modal {width: 111px; height:27px; float:left;background:url(/estadao/img/tecnologia/link/bt_close-modal.png);} .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left : -207px; width: 415px; background-color: #FFF; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (