/* Theme Name: Official Theme URI: http://www.m-msbrasil.com.br/ Description: Official Theme Version: 1.0 Author: Elemento Author URL: http://www.elementoda.com.br/ Tags: */ /*-----------------------------------------------------------------------------------------------*/ /* CSS RESET */ /*-----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;} /*-----------------------------------------------------------------------------------------------*/ /* COMMON DEFINITION/CORRECTIONS */ /*-----------------------------------------------------------------------------------------------*/ a{ text-decoration: none;} .clearme:after{ content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0.1em; line-height: 0;} /************************************************************************ HEADER TOP ************************************************************************/ #wrapper-header-top{ background: #3f1906; padding: 0 0 4px; color: #fff; cursor: pointer;} #header-top{ width: 974px; margin: auto; padding: 10px 0; display: none; cursor: pointer;} #header-top-nav{} #header-top ul{ padding: 5px;} #header-top li{ float: left; position: relative; width: 44px; height: 44px; margin: 5px 5px;} li#classic-ttl{ width: 60px; background: url(images/bkg-colors-ttl-classics.png) 0 0 no-repeat; margin: 0 0 0 20px;} li#especias-ttl{ width: 60px; background: url(images/bkg-colors-ttl-especias.png) 0 0 no-repeat;} #header-top li span{ position: absolute; top: 0; left: 0; display: block; width: 44px; height: 44px; background: url(images/bkg-colors-mask.png) 0 0 no-repeat;} #header-top li a{ display: block; width: 44px; height: 44px; text-indent: -9999px; overflow: hidden;} /* specials */ #header-top li#color01esp{background:url(images/JPGsprite.jpg) -44px -184px no-repeat;} #header-top li#color02esp{background:url(images/JPGsprite.jpg) 0 -184px no-repeat;} #header-top li#color03esp{background:url(images/JPGsprite.jpg) -88px -184px no-repeat;} /* dots */ #header-top li#color01{background: url(images/JPGsprite.jpg) 0 -96px no-repeat;} #header-top li#color02{background: url(images/JPGsprite.jpg) -44px -96px no-repeat;} #header-top li#color03{background: url(images/JPGsprite.jpg) -88px -96px no-repeat;} /* lines */ #header-top li#color04{background: url(images/JPGsprite.jpg) 0 -140px no-repeat;} #header-top li#color05{background: url(images/JPGsprite.jpg) -44px -140px no-repeat;} #header-top li#color06{background: url(images/JPGsprite.jpg) -88px -140px no-repeat;} #header-top li#color07{background: url(images/JPGsprite.jpg) -132px -140px no-repeat;} #header-top li#color08{background: url(images/JPGsprite.jpg) -176px -140px no-repeat;} /************************************************************************ HEADER ************************************************************************/ #wrapper-header{ position: relative; height: 185px; border-top: 1px solid #835b48; overflow: hidden;} #wrapper-nav{ position: absolute; top: 111px; left: 0; width: 100%; height: 79px; margin: auto; background: url(images/bg-nav.png) top center no-repeat;} #header{ position: relative; width: 974px; height: 185px; margin: auto; overflow: hidden;} #header h2#home{ position: absolute; top: 30px; left: 45px; width: 41px; height: 44px; overflow: hidden;} #header h2#home a{ display: block; width: 41px; height: 44px; background: url(images/PNGsprite.png) 0 0 no-repeat; text-indent: -9999px;} #header h2#home a:hover{ background: url(images/PNGsprite.png) -41px 0 no-repeat;} #page-15 #header h2#home a{ background: url(images/PNGsprite.png) -41px 0 no-repeat;} #header h2#colors{ position: absolute; top: 20px; left: 860px; width: 52px; height: 50px; overflow: hidden;} #header h2#colors a{ display: block; width: 52px; height: 50px; background: url(images/PNGsprite.png) 0 -44px no-repeat; text-indent: -9999px;} #header h2#colors a:hover{ background: url(images/PNGsprite.png) -52px -44px no-repeat;} #header h2#aguarde{ position: absolute; top: 40px; left: 905px; width: 58px; height: 69px; background: url(images/greenblue.png) 0 0 no-repeat;} h1{ position: absolute; top: -85px; left: 261px; width: 451px; height: 116px; background: url(images/logo.png) 0 0 no-repeat;} h1 a{ display: block; width: 451px; height: 105px; text-indent: -9999px;} #nav{ position: relative; width: 974px; padding: 22px; margin: auto;} #nav ul{ padding: 0 0 0 20px;} #nav li{ position: relative; float: left; height: 32px; text-align: center; padding: 0 12px 0 0; background: url(images/menu-sep.jpg) top right no-repeat;} #nav li a{ display: block; height: 32px; line-height: 32px; text-indent: -9999px; overflow: hidden;} #nav li.page-item-7 a{ width: 96px; background: url(images/JPGsprite.jpg) 0 0 no-repeat;} #nav li.page-item-7 a:hover{ background: url(images/JPGsprite.jpg) 0 -32px no-repeat;} #nav li.page-item-7.current_page_item a{ background: url(images/JPGsprite.jpg) 0 -64px no-repeat;} #nav li.page-item-5 a{ width: 91px; background: url(images/JPGsprite.jpg) -96px 0 no-repeat;} #nav li.page-item-5 a:hover{ background: url(images/JPGsprite.jpg) -96px -32px no-repeat;} #nav li.page-item-5.current_page_item a{ background: url(images/JPGsprite.jpg) -96px -64px no-repeat;} #nav li.page-item-6 a{ width: 130px; background: url(images/JPGsprite.jpg) -187px 0 no-repeat;} #nav li.page-item-6 a:hover{ width: 130px; background: url(images/JPGsprite.jpg) -187px -32px no-repeat;} #nav li.page-item-6.current_page_item a{ width: 130px; background: url(images/JPGsprite.jpg) -187px -64px no-repeat;} #nav li.page-item-8 a{ width: 80px; background: url(images/JPGsprite.jpg) -317px 0 no-repeat;} #nav li.page-item-8 a:hover{ width: 80px; background: url(images/JPGsprite.jpg) -317px -32px no-repeat;} #nav li.page-item-8.current_page_item a{ width: 80px; background: url(images/JPGsprite.jpg) -317px -64px no-repeat;} #nav li.page-item-9 a{ width: 64px; background: url(images/JPGsprite.jpg) -397px 0 no-repeat;} #nav li.page-item-9 a:hover{ width: 64px; background: url(images/JPGsprite.jpg) -397px -32px no-repeat;} #nav li.page-item-9.current_page_item a{ width: 64px; background: url(images/JPGsprite.jpg) -397px -64px no-repeat;} #nav li.page-item-10 a{ width: 102px; background: url(images/JPGsprite.jpg) -461px 0 no-repeat;} #nav li.page-item-10 a:hover{ width: 102px; background: url(images/JPGsprite.jpg) -461px -32px no-repeat;} #nav li.page-item-10.current_page_item a{ width: 102px; background: url(images/JPGsprite.jpg) -461px -64px no-repeat;} #nav li.page-item-11 a{ width: 117px; background: url(images/JPGsprite.jpg) -563px 0 no-repeat;} #nav li.page-item-11 a:hover{ width: 117px; background: url(images/JPGsprite.jpg) -563px -32px no-repeat;} #nav li.page-item-11.current_page_item a{ width: 117px; background: url(images/JPGsprite.jpg) -563px -64px no-repeat;} #nav li.page-item-12 a{ width: 70px; background: url(images/JPGsprite.jpg) -680px 0 no-repeat;} #nav li.page-item-12 a:hover{ width: 70px; background: url(images/JPGsprite.jpg) -680px -32px no-repeat;} #nav li.page-item-12.current_page_item a{ width: 70px; background: url(images/JPGsprite.jpg) -680px -64px no-repeat;} #nav li.page-item-13 a{ width: 89px; background: url(images/JPGsprite.jpg) -750px 0 no-repeat;} #nav li.page-item-13 a:hover{ width: 89px; background: url(images/JPGsprite.jpg) -750px -32px no-repeat;} #nav li.page-item-13.current_page_item a{ width: 89px; background: url(images/JPGsprite.jpg) -750px -64px no-repeat;} #nav li.page-item-79 a{ width: 165px; background: url(images/JPGsprite.jpg) -839px 0 no-repeat;} #nav li.page-item-79 a:hover{ width: 165px; background: url(images/JPGsprite.jpg) -839px -32px no-repeat;} #nav li.page-item-79.current_page_item a{ width: 165px; background: url(images/JPGsprite.jpg) -839px -64px no-repeat;} /* #nav li.page-item-79{ padding: 0; background: none;} */ #nav li.page-item-137 a{ width: 66px; background: url(images/JPGsprite.jpg) -1004px 0 no-repeat;} #nav li.page-item-137 a:hover{ width: 66px; background: url(images/JPGsprite.jpg) -1004px -32px no-repeat;} #nav li.page-item-137.current_page_item a{ width: 66px; background: url(images/JPGsprite.jpg) -1004px -64px no-repeat;} #nav li.page-item-137{ padding: 0; background: none;} /*-----------------------------------------------------------------------------------------------*/ /* MAIN */ /*-----------------------------------------------------------------------------------------------*/ #content-home{ width: 974px; margin: auto;} /************************************************************************ CONTENT TOP SLIDESHOW ************************************************************************/ #slideshow{width: 974px; height: 373px; margin: 0 0 12px; background: url(images/bkg-home-slideshow.png) 0 0 no-repeat; overflow: hidden;} ul.slideshow{ list-style:none; width:974px; height:373px; overflow:hidden; position:relative; margin:0; padding:0;} ul.slideshow li{ position:absolute; left:0; right:0; width: 945px; height: 344px; padding: 29px 0 0 29px;} ul.slideshow li.show{ z-index:500;} ul img{ border:none;} li#slideshowA{ background: url(images/home/banner-01-bkg.gif) center center no-repeat;} li#slideshowB{ background: url(images/home/banner-02-bkg.gif) center center no-repeat;} li#slideshowC{ background: url(images/home/banner-03-bkg.gif) center center no-repeat;} /************************************************************************ CONTENT HOME BANNERS BOTTOM ************************************************************************/ ul#home-banners{ position: relative; width: 974px; height: 170px; margin: auto;} ul#home-banners li{ float: left; width: 318px; height: 170px;} ul#home-banners li .bottom-links{ display: block; width: 318px; height: 160px;margin: 10px 0 0;} li#home-banners-02{ margin: 0 10px;} #tweeter-link{ position: relative; background: url(images/home-banner-03.png) 0 0 no-repeat;} #tweeter-link span#mms-twetter{ display: block; position: absolute; top: 0; left: 0; width: 155px; height: 160px;} #tweeter-link span#mms-twetter a{ display: block; width: 155px; height: 160px; text-indent: -9999px; overflow: hidden;} #tweeter-link span#latest-tweets{ display: block; position: absolute; top: 5px; left: 160px; width: 155px; padding: 30px 0 0;} ul#nav-sidebar{} ul#nav-sidebar h2.widgettitle{ display: none;} ul#nav-sidebar li{ width: 139px; height: 55px; margin: 0 0 0 6px; padding: 0 0 3px; color: #428094; font: 12px/14px Helvetica, Verdana, Arial, sans-serif; text-transform:lowercase;} ul.tweets li a{ color: #255564;} ul.tweets li a.timesince{ display: none; color: #a5cfdc; height: 11px; font: 11px/11px Helvetica, Verdana, Arial, sans-serif;} /* #tweeter-link span a{ height: 10px;} */ /************************************************************************ CONTENT PAGES ************************************************************************/ #wrapper-content{ height: 533px; width: 100%; padding: 34px 0 0; background: url(images/bkg-content-classic.png) top center no-repeat;} #page-5 #wrapper-content{ height: 547px; width: 100%; background: url(images/bkg-content-produtos.png) top center no-repeat;} #page-6 #wrapper-content{ height: 547px; width: 100%; background: url(images/bkg-content-linha-tempo.png) top center no-repeat;} #page-7 #wrapper-content{ height: 547px; width: 100%; background: url(images/bkg-content-cine.png) top center no-repeat;} #page-11 #wrapper-content{ height: 547px; width: 100%; background: url(images/bkg-content-perfis.png) top center no-repeat;} #page-79 #wrapper-content{ height: 547px; width: 100%; background: url(images/bkg-content-concurso.png) top center no-repeat;} #content{ position: relative; width: 916px; height: 479px; margin: auto; overflow: hidden;} #page-6 #content{ background: url(images/mms-linha-tempo.jpg) 0 0 no-repeat;} #page-7 #content{ background: url(images/mms-cine.jpg) 0 0 no-repeat;} #page-8 #content{ background: url(images/mms-receitas.jpg) 0 0 no-repeat;} #page-10 #content{ background: url(images/mms-wallpapers.jpg) 0 0 no-repeat;} #page-11 #content{ background: url(images/mms-perfis.jpg) 0 0 no-repeat;} #page-13 #content{ background: url(images/mms-divirtase.jpg) 0 0 no-repeat;} #page-79 #content{ background: url(images/mms-concurso.jpg) 0 0 no-repeat;} #page-109 #content{ background: url(images/mms-concurso-obrigado.jpg) 0 0 no-repeat;} #page-7 h3#cine-galeria{ position: absolute; top: 280px; left: 770px; width: 150px; height: 50px; overflow: hidden;} #page-7 h3#cine-prog{ position: absolute; top: 200px; left: 70px; width: 150px; height: 50px; overflow: hidden;} #page-7 h3#cine-galeria a,#page-7 h3#cine-prog a{ display: block; width: 150px; height: 50px; text-indent: -9999px;} #page-7 h3#cine-dicas{ position: absolute; top: 280px; left: 10px; width: 180px; height: 50px; overflow: hidden;} #page-7 h3#cine-dicas a{ display: block; width: 180px; height: 50px; text-indent: -9999px;} .cine-no-show{ visibility: hidden;} /************************************************************************ CONTENT RECEITAS ************************************************************************/ .page-item-18 a,.page-item-20 a,.page-item-21 a,.page-item-22 a{ position: absolute; top: 0; left: 0; height: 1px; width: 1px; display: none;} .page-item-26{ position: absolute; top: 265px; left: 630px; width: 180px; height: 20px;} .page-item-34{ position: absolute; top: 140px; left: 360px; width: 180px; height: 20px;} .page-item-29{ position: absolute; top: 118px; left: 360px; width: 180px; height: 20px;} .page-item-31{ position: absolute; top: 95px; left: 360px; width: 180px; height: 20px;} .page-item-45{ position: absolute; top: 140px; left: 660px; width: 180px; height: 20px;} .page-item-47{ position: absolute; top: 118px; left: 660px; width: 180px; height: 20px;} .page-item-49{ position: absolute; top: 95px; left: 660px; width: 180px; height: 20px;} .page-item-38{ position: absolute; top: 220px; left: 380px; width: 180px; height: 20px;} .page-item-41{ position: absolute; top: 243px; left: 380px; width: 180px; height: 20px;} .page-item-43{ position: absolute; top: 265px; left: 380px; width: 180px; height: 20px;} .page-item-26 a,.page-item-34 a,.page-item-29 a,.page-item-31 a,.page-item-45 a,.page-item-47 a,.page-item-49 a,.page-item-38 a,.page-item-41 a,.page-item-43 a{ display: block; width: 180px; height: 20px; text-indent: -9999px;} /************************************************************************ CONTENT WALLPAPERS ************************************************************************/ #contain-wallpaper{ width: 916px; height: 430px; overflow: hidden;} ul.wallpapers_block { display: block; overflow: hidden; width: 916px; height: 430px; padding: 20px 0 0;} ul.wallpapers_block li{ float: left; list-style:none; position: relative; overflow: hidden; background: #eee8e5; width: 200px; height: 150px; padding: 7px; margin: 20px 0 30px; border: 1px solid #d0cbca;} ul.wallpapers_block li.middle-left{ margin: 20px 17px 30px;} ul.wallpapers_block li.middle-right{ margin: 20px 17px 30px 0;} ul.wallpapers_block li img{ position: absolute; top: 7px; left: 7px; width: 200px; height: 150px; border: 0;} ul.wallpapers_block li h4{ color: #4f2412; font: bold 12px/28px Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em; text-transform: capitalize; width: 200px; text-align: center;} ul.wallpapers_block li a{ display: block; width: 150px; color: #fff; font: 13px/25px Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.03em; text-align: center; background: #4f2412; margin: 0 auto 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} ul.wallpapers_block li a:hover{ color: #895641;} ul.wallpapers_block li.wall-red{ background: none; border: 0;} #nav-wallpaper{ width: 120px; margin: 20px auto 0;} #nav-wallpaper li{ float: left; color: #4f2412; font: 14px/20px Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.03em;} #nav-wallpaper li a{ display: block; width: 12px; text-align: center; color: #4f2412;} #nav-wallpaper li a:hover{ color: #895641;} /************************************************************************ LINHA DO TEMPO ************************************************************************/ ul#nav-details{ height: 140px; margin: 20px 0 0; overflow: hidden;} ul#nav-details li{ float: left; cursor: pointer; line-height: 140px; text-indent: -9999px;} li#main-01{ width: 90px;} li#main-02{ width: 105px;} li#main-03{ width: 70px;} li#main-04{ width: 80px;} li#main-05{ width: 80px;} li#main-06{ width: 85px;} li#main-07{ width: 82px;} li#main-08{ width: 80px;} li#main-09{ width: 85px;} li#main-10{ width: 80px;} li#main-11{ width: 75px;} #linha-container{ position: absolute; top: 222px; left: 388px; width: 385px; height: 190px;} .years{ position: absolute; top:0; left: 0;} /************************************************************************ CONCURSO CULTURAL ************************************************************************/ #concursoForm{ position: relative; width: 916px; height: 459px;} #concursoForm label.error{ display: block; width: 265px; margin: 5px 0 0 0; font: 12px/16px Helvetica, Verdana, Arial, sans-serif; color: #ffb800;} #concursoRegulamento{ position: absolute; top: 435px; left: 600px; display: block; width: 150px; height: 20px;} #concursoRegulamento a{ display: block; width: 150px; height: 20px;} #concursoFormInputTextarea{ position: absolute; top: 205px; left: 265px; width: 270px; height: 150px; overflow: hidden;} #inputFrase{ width: 270px; height: 95px; background: none; border: 0; color: #4d2611; font: 14px/20px Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em;} #count1{ position: absolute; top: 319px; left: 252px; display: block; width: 40px; height: 24px; background: none; font: 12px/24px Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em; text-align: right; color: #fff;} #comptem{ position: absolute; top: 312px; left: 437px; display: block; width: 40px; height: 24px; background: none; font: 12px/24px Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em; text-align: center; color: #fff; background: none;} .concursoInputs{ width: 265px; height: 24px; border: 0; background: none; color: #4d2611; font: 14px/20px Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em;} #concursoFormInputNome{ position: absolute; top: 231px; left: 610px; background: none; width: 265px; height: 24px;} #concursoFormInputEmail{ position: absolute; top: 298px; left: 610px; background: none; width: 265px; height: 24px;} #concursoFormInputCPF{ position: absolute; top: 365px; left: 610px; background: none; width: 265px; height: 24px;} #concursoFormInputSubmit{ position: absolute; top: 415px; left: 770px; width: 97px; height: 32px;} #inputSubmit{ display: block; width: 97px; height: 32px; background: url(images/mms-concurso-bt-enviar.jpg) 0 0 no-repeat; border: 0; text-indent: -9999px; overflow: hidden; cursor: pointer;} #concurso-obrigado{ text-align: center; color: #4d2611; font: 14px/20px Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em; padding: 90px 0 0;} #concurso-obrigado a{ color: #4d2611; font-weight: bold;} #concurso-answer{ position: absolute; top: 35px; left: 260px; width: 300px; height: 410px;} #concurso-answer-right{ position: absolute; top: 35px; left: 595px; width: 300px; height: 410px;} #concurso-answer li,#concurso-answer-right li{ margin: 0 0 10px;} #concurso-answer li p.nome,#concurso-answer-right li p.nome{ display: block; color: #f2c435; font: 14px/25px Helvetica, Verdana, Arial, sans-serif;} #concurso-answer li p.concurso-frase,#concurso-answer-right li p.concurso-frase{ display: block; width: 280px; margin: 0 auto; padding: 5px; background: #f2c435; color: #4a2410; font: 14px/16px Helvetica, Verdana, Arial, sans-serif; /* bulletproof border radius */ -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #concurso-answer li p.concurso-frase,#concurso-answer-right li p.concurso-frase{ display: none;} #aviso{ position: absolute; top: 450px; left: 320px; color: #fff; font: 11px/12px Helvetica, Verdana, Arial, sans-serif;} #aviso a{ color: #f2c435;} /************************************************************************ CONTAIN M-BALL ************************************************************************/ #page-137 #wrapper-content{ height: 705px; width: 100%; padding: 91px 0 0; background: url(images/bkg-content-mball.png) top center no-repeat;} #page-137 #content{ height: 700px; background: url(images/mms-mball.jpg) 0 0 no-repeat;} #mball-game{ display: block; position: absolute; top: 246px; left: 290px; width: 135px; height: 28px; text-indent: -9999px; overflow: hidden;} /* SHIELDS */ #mball-shields{ position: absolute; top: 520px; left: 200px; height: 135px;} #mball-shields li{ float: left; width: 150px; height: 135px; margin: 0 30px 0 0;} #mball-shields li a{ display: block; width: 150px; height: 135px; text-indent: -9999px; overflow: hidden;} a#link-wallmart{ background: url(images/mball-shield-wallmart.png) 0 0 no-repeat;} a#link-lojas{ background: url(images/mball-shield-lojas.png) 0 0 no-repeat;} a#link-site{ background: url(images/mball-shield-site.png) 0 0 no-repeat;} /* REGULAMENTOS */ #mball-regulamentos{ position: absolute; top: 670px; left: 200px; height: 25px;} #mball-regulamentos li{ float: left; width: 150px; height: 25px; margin: 0 30px 0 0;} #mball-regulamentos li a{ display: block; width: 150px; height: 25px; text-indent: -9999px; overflow: hidden;} a#link-wallmart-reg{ background: url(images/mball-regulamento.png) top center no-repeat;} a#link-lojas-reg{ background: url(images/mball-regulamento.png) top center no-repeat;} a#link-site-reg{ background: url(images/mball-regulamento.png) top center no-repeat;} #mballBlockForm{ position: absolute; top: 80px; left: 55px; background: url(images/mball-bkg-concurso.png) 0 0 no-repeat; width: 545px; height: 396px;} .mballFormInputs{ background: none; border: 0; width: 205px; height: 18px; color: #0a3d20; font: 12px/18px Helvetica, Verdana, Arial, sans-serif;} #FormInputsFrase{ position: absolute; top: 160px; left: 36px; width: 234px; height: 170px;} #mballFormInputsFrase{ display: block; background: none;border: 0; width: 234px; height: 150px; color: #0a3d20; font: 12px/18px Helvetica, Verdana, Arial, sans-serif; overflow: hidden;} #FormInputsNome{ position: absolute; top: 160px; left: 300px; width: 205px; height: 28px;} #mballFormInputsNome{ display: block;} #FormInputsEmail{ position: absolute; top: 228px; left: 300px; width: 205px; height: 28px;} #mballFormInputsEmail{ display: block;} #FormInputsCPF{ position: absolute; top: 296px; left: 300px; width: 205px; height: 28px;} #mballFormInputsCPF{ display: block;} #mballFormInputsSubmit{ position: absolute; top: 340px; left: 430px; width: 79px; height: 27px; background: url(images/mball-bkg-concurso-sub.png) 0 0 no-repeat; border: 0; cursor: pointer;} #mballBlockForm label.error{ width: 265px; margin: 5px 0 0 0; font: 12px/24px Helvetica, Verdana, Arial, sans-serif; color: red;} #mballBlockForm span#count1 { position: absolute; top: 329px; left: 63px; width: 30px; height: 18px; color: #0a3d20; font: bold 12px/18px Helvetica, Verdana, Arial, sans-serif; text-align: center;} #mballBlockFormHide{ position: absolute; top: 15px; left: 520px; display: block; width: 20px; height:20px;} /*-----------------------------------------------------------------------------------------------*/ /* FOOTER */ /*-----------------------------------------------------------------------------------------------*/ #footer{ width: 974px; height: 19px; margin: 30px auto 0; background: url(images/copyrights.png) top center no-repeat; text-indent: -9999px; overflow: hidden;}