*, select{ color: #000; border: 0; font-family: Helvetica, Arial, Verdana, Tahoma; margin: 0; padding: 0; } html{ overflow: -moz-scrollbars-vertical; } html, body{ height: 100%; width: 100%; } body{ background: #000 url(http://www.b-coolt.com/img/front/home/background.jpg) no-repeat top center; text-align: center; } li{ list-style-type: none; } .cadastro{ background: url(http://www.b-coolt.com/img/front/home/background-label-signin.png) no-repeat top left; margin: 156px auto 0 auto; padding: 13px 0 0 0; width: 696px; } #container-cadastro{ border: solid 1px #8d8e8e; padding: 34px 0 31px 0; margin: 0 0 0 0; _margin: 0 0 100px 0; text-align: left; width: 696px; } #container-cadastro #column-left{ border-right: solid 2px #fff; float: left; width: 344px; } #container-cadastro #column-left .logo, #container-cadastro #column-left .text-01, #container-cadastro #column-left .text-02, #container-cadastro #column-left .text-03, #container-cadastro #column-left .text-04{ clear: both; display: block; float: right; overflow: hidden; text-indent: -9999px; } #container-cadastro #column-left .logo{ background: url(http://www.b-coolt.com/img/front/home/logo-signin.png) no-repeat; height: 32px; margin: 21px 11px 0 0; width: 147px; } #container-cadastro #column-left .text-01{ background: url(http://www.b-coolt.com/img/front/home/signin-text-1.png) no-repeat; height: 39px; margin: 40px 11px 0 0; width: 234px; } #container-cadastro #column-left .text-02{ background: url(http://www.b-coolt.com/img/front/home/signin-text-2.png) no-repeat; height: 54px; margin: 25px 11px 0 0; width: 285px; } #container-cadastro #column-left .text-03{ background: url(http://www.b-coolt.com/img/front/home/signin-text-3.png) no-repeat; height: 72px; margin: 25px 11px 0 0; width: 293px; } #container-cadastro #column-left .text-04{ background: url(http://www.b-coolt.com/img/front/home/signin-text-4.png) no-repeat; height: 17px; margin: 25px 11px 41px 0; width: 80px; } #container-cadastro #column-right{ float: left; padding: 34px 0 0 0; width: 350px; } #container-cadastro #column-right p{ clear: both; height: 30px; } #container-cadastro #column-right label{ display: block; float: left; margin: 0 12px 0 0; text-indent: -9999px; width: 152px; } #container-cadastro #column-right .button{ padding: 10px 0 0 69px; } #container-cadastro #column-right .labelname{ background: url(http://www.b-coolt.com/img/front/home/labelname.png) no-repeat top right; height: 15px; } #container-cadastro #column-right .labelemail{ background: url(http://www.b-coolt.com/img/front/home/labelemail.png) no-repeat top right; height: 12px; } #container-cadastro #column-right .labelpassword{ background: url(http://www.b-coolt.com/img/front/home/labelpassword.png) no-repeat top right; height: 12px; } #container-cadastro #column-right .labelpasswordconfirmation{ background: url(http://www.b-coolt.com/img/front/home/labelpasswordconfirmation.png) no-repeat top right; height: 12px; } #container-cadastro #column-right .labelgender{ background: url(http://www.b-coolt.com/img/front/home/labelgender.png) no-repeat top right; height: 12px; } #container-cadastro #column-right .labeldatebirthday{ background: url(http://www.b-coolt.com/img/front/home/labeldatebirthday.png) no-repeat top right; height: 12px; } #container-cadastro #column-right .labeleducation{ background: url(http://www.b-coolt.com/img/front/home/labeleducation.png) no-repeat top right; height: 15px; } #container-cadastro #column-right .labeloccupation{ background: url(http://www.b-coolt.com/img/front/home/labeloccupation.png) no-repeat top right; height: 15px; } #container-cadastro #column-right .labelmobilephonemanufacturer{ background: url(http://www.b-coolt.com/img/front/home/labelmobilephonemanufacturer.png) no-repeat top right; height: 15px; } #container-cadastro #column-right .labelmobiletelephonyoperatorcompany{ background: url(http://www.b-coolt.com/img/front/home/labelmobiletelephonyoperatorcompany.png) no-repeat top right; height: 15px; } #container-cadastro #column-right .input-field, #container-cadastro #column-right .select-field-short, #container-cadastro #column-right .select-field-full{ border: solid 1px #fff; float: left; } #container-cadastro #column-right .input-field{ background: none; color: #fff; width: 157px; } #container-cadastro #column-right .select-field-short{ background: #fff; color: #000; margin: 0 5px 0 0; width: 50px; } #container-cadastro #column-right .select-field-full{ background: #fff; color: #000; width: 106px; } #container{ border: solid 1px #8d8e8e; margin: 156px auto 0 auto; text-align: left; width: 696px; } #container h1{ margin: 114px 0 0 0; text-align: center; } #container h1 a, #container h1 a:hover{ background: url(http://www.b-coolt.com/img/front/home/logo.png) no-repeat; display: block; height: 87px; margin: 0 auto; overflow: hidden; text-indent: -9999px; width: 304px; } #container h2{ display: none; } #container .cities{ background: url(http://www.b-coolt.com/img/front/home/cities-list-background.png) no-repeat top center; margin: 48px 0 0 0; padding: 16px 0 0 0; text-align: center; } #container .cities li{ background: url(http://www.b-coolt.com/img/front/home/cities-list-item-background.gif) no-repeat left center; display: inline; padding: 0 0 0 18px; margin: 0 0 0 16px; } #container .cities li.first{ background: none; padding: 0; margin: 0; } #container .cities li, #container .cities li a, #container .cities li a:hover{ font-family: Helvetica, Arial, Verdana, Tahoma; font-size: 18px; font-weight: normal; text-decoration: none; text-transform: uppercase; } #container .cities li a, #container .cities li a:hover{ text-decoration: underline; } #container .cities li{ color: #563400; } #container .cities li a{ color: #f58220; } #container .cities li a:hover{ color: #fdb834; } #container .options{ background: url(http://www.b-coolt.com/img/front/home/options-list-background.png) no-repeat top center; margin: 75px 0 39px 0; padding: 28px 0 0 0; text-align: center; } #container .options li{ display: inline; } #container .options li span{ border: solid 1px #292923; text-align: center; width: 190px; } #container .options li span a, #container .options li span a:hover{ font-family: Helvetica, Arial, Verdana, Tahoma; font-size: 18px; font-weight: normal; padding: 5px 0; text-decoration: none; } #container .options li span a.signin, #container .options li span a.signin:hover{ color: #b45c1b; } #container .options li span a.more, #container .options li span a.more:hover{ color: #e8951a; }