html { height: 100%; } * { font-family: Verdana; font-size: 96%; } label { display: block; margin-top: 10px; } label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px } p { clear: both; } .submit { margin-top: 1em; } em { font-weight: bold; padding-right: 1em; vertical-align: top; } body{ background: #87e0fd; /* Old browsers */ background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 58%, #05abe0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(58%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 58%,#05abe0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #87e0fd 0%,#53cbf1 58%,#05abe0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #87e0fd 0%,#53cbf1 58%,#05abe0 100%); /* IE10+ */ background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 58%,#05abe0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */ height: 100%; background-repeat: no-repeat; background-attachment: fixed; width: 100%; background-position: 0px 0px; margin: 0px; padding: 0px; } #divtotal{ width: 1366px; min-height:100%; height:auto; background: url("/imagens/fundo.png"); position: relative; } #rodape { position: absolute; bottom: 0; text-align: center; width: 100%; margin-bottom: 10px; font-family: sans-serif; color: #CCC; } #esquerda{ float: left; margin-top: 150px; margin-left: 80px; border: 2px solid #8CDBF4; width: 500px; height: 300px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #login_titulo{ font-size: 24px; color: #FFF; font-weight: bold; text-align: center; font-family: arial; font-weight: bold; width: 490px; padding: 5px; padding-bottom: 50px; } #login_campo_nome{ width: 60px; padding: 5px; font-size: 14px; font-weight: bold; font-family: arial; float: left; color: #fff; text-align: left; padding-bottom: 20px; padding-top: 10px; padding-left: 30px; } #login_campo_nome2{ width: 60px; padding: 5px; font-size: 14px; font-weight: bold; font-family: arial; float: left; color: #fff; text-align: left; padding-bottom: 5px; padding-top: 5px; padding-left: 30px; } #login_botoes{ width: 490px; padding: 5px; font-size: 14px; font-weight: bold; font-family: arial; float: left; color: #fff; text-align: center; padding-top: 10px; } .botao{ border: 2px solid #fff; background: #8CDBF4; color:#FFF; font-size: 14px; height: 30px; padding:5px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: bold; } .botao:hover{ background: #fff; color:#000; border-color: #000; } #login_campo{ width: 380px; padding: 5px; font-size: 14px; font-weight: bold; font-family: arial; float: left; color: #fff; text-align: left; padding-bottom: 20px; } #login_campo2{ width: 380px; padding: 5px; font-size: 14px; font-weight: bold; font-family: arial; float: left; color: #fff; text-align: left; padding-bottom: 5px; } .campo { border: 2px solid #fff; background: #8CDBF4; color:#000; font-size: 14px; height: 20px; padding:5px; width: 300px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: bold; } #esqueci{ width: 490px; padding:5px; font-family: arial; font-size: 12px; color: #fff; text-align: center; } .link{ color:#fff; text-decoration: none; } .link:hover{ color:#000; text-decoration: none; } .link:visited{ color:#fff; text-decoration: none; } #erro{ top: 0; height: 50px; width: 400px; left: 30%; border-left: 2px solid #FFF; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #F00; background-color: #8CDBF4; text-align: center; padding-top: 20px; text-align: center; position: absolute; }