.fundo_cima{ width: 100%; height: 215px; background: url(/images/login_fundo_cima.jpg) top repeat; }
.fundo_baixo{ width: 100%; height: calc(100% - 221px); min-height: 250px; background: url(/images/login_fundo_baixo.jpg) top repeat; position: absolute; border-top: 6px solid #1b3169; }

.bloco_login{ width: 356px; height: 448px; top: 0px; left: 50%; margin-left: -178px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;  position: absolute; z-index: 2; background: #FFF; }
.bloco_login form{ width: 277px; margin: 87px auto 0 auto; padding: 130px 0 0 0; background: url(/images/logo_embrapa_cor.jpg) top center no-repeat; }
.bloco_login form input{ width: 249px; height: 45px; padding:0 14px;  display: block; border-radius: 5px; border: none; background: #eeeeee; font-family: 'Myriad Pro'; font-size: 18px; color: #828282; margin: 0 0 15px 0;  }
.bloco_login form input[type=checkbox]{width: 16px; height: 16px; display: inline-block; border: 1px solid #a0a0a0; float: left; margin:0 5px 0 0; cursor: pointer; }
.bloco_login form input:focus{ outline: none; }
.bloco_login form label{ display: inline-block; cursor: pointer; float: left; font-size: 15px; color: #828282;}
.bloco_login form button{ width: 100%; height: 44px; display: block; background: #1b4793; color: #FFF; border: none; border-radius: 5px; font-size: 18px; margin: 0 0 25px 0; cursor: pointer; }
.bloco_login form button:hover{ background: #335ea9; }
.bloco_login a{ float: right; font-size: 15px; color: #828282; text-decoration: none; }