*, h1, h2, h3, h4, h5, ul, li, p {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font: 16px Trebuchet MS; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.pagelogin {
  margin: 0 auto;
  max-width: 1024px;
  position: relative; }

.box-campos {
  width: 730px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px 20px 70px; }

h3 {
  background: url(../tema5/img/bytrinks.png) center no-repeat;
  padding: 30px;
  margin: 20px 0 0; }

body {
  background: url(../tema5/img/bg-fd.jpg) repeat; }

h1 {
  background: url(../tema5/img/logo.png) left top no-repeat;
  width: 205px;
  height: 105px; }

.box-campos {
  background: url(../tema5/img/bg-login.png) center no-repeat;
  margin-top: 235px; }
  .box-campos h2 {
    color: #834a99;
    text-align: center;
    font-size: 30px;
    margin: 30px 0; }

.box-login {
  background: url(../tema5/img/bg-shit.png) center top no-repeat; }

.campos {
  margin: 0 120px 15px; }
  .campos label {
    display: block;
    text-align: right;
    width: 78px;
    float: left;
    padding-right: 10px;
    color: #555555;
    margin-top: 10px; }
  .campos .campotexto {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 12px;
    border: 1px solid #c7c7c7;
    font-size: 13px;
    width: 335px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,f2f2f2+100 */
    background: #feffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #feffff 0%, #f2f2f2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #feffff 0%, #f2f2f2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feffff 0%, #f2f2f2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f2f2f2',GradientType=0 );
    /* IE6-9 */ }
  .campos span {
    padding-left: 90px;
    color: #555555; }
  .campos .btn {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    color: #645170;
    text-transform: uppercase;
    border: none;
    padding: 5px 10px;
    float: right;
    cursor: pointer;
    width: 120px;
    border: 1px solid #927ba3;
    margin-right: 40px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c0a9d0+0,b59dc5+100 */
    background: #c0a9d0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c0a9d0 0%, #b59dc5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c0a9d0 0%, #b59dc5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c0a9d0 0%, #b59dc5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0a9d0', endColorstr='#b59dc5',GradientType=0 );
    /* IE6-9 */ }
    .campos .btn.btn:hover {
      background: #c0a9d0;
      /* Old browsers */
      background: -moz-linear-gradient(top, #b59dc5 0%, #c0a9d0 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #b59dc5 0%, #c0a9d0 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #b59dc5 0%, #c0a9d0 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b59dc5', endColorstr='#c0a9d0',GradientType=0 );
      /* IE6-9 */ }
  .campos .btnface {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    padding: 9px 27px 9px 44px;
    cursor: pointer;
    border: 1px solid #305089;
    background: #305089 url(../tema5/img/ico-face.png) 10px center no-repeat;
    margin: 30px 0 0; }
  .campos.al-center {
    text-align: center; }