/*** Import fontów ***/
/* @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); */
/* ładuje lokalnie */
@import url(../fonts/font.css);

* { margin: 0; padding: 0; border: none; }
body { font-family: Arial, Tahoma sans-serif; 
	   font-size: 12px; font-weight: normal; 
	   background: #282b2f url('../images/bg-credential.png'); color: #464646; text-align: center;
}

a { color: #1c3d75; text-decoration: underline; }
a:hover { color: #0563fb; text-decoration: none; }

#container { width: 349px; height: 510px; margin: 180px auto 0px auto; text-align: left; position: relative; }
#container form { width: 349px; height: 370px; background: url('../images/credential-form-bg.jpg') no-repeat; position: relative; }

#container form input#user, #container form input#pass { position: absolute; left: 38px; top: 104px; width: 276px; height: 30px; line-height: 30px; background: none; }
#container form input#pass { top: 159px; }
#container form input#submit { position: absolute; left: 30px; top: 249px; cursor: pointer; width: 289px; height: 44px; background: url('../images/zaloguj-sie.jpg') no-repeat 0px 0px; }
#container form input#submit:hover { background-position: 0px -44px; }
#container form #extra { position: absolute; left: 30px; top: 210px; line-height: 18px; }
#container form #extra input { vertical-align: middle;  }

#remember { position: absolute; left: 30px; top: 320px; }

#footer { color: #fff; font-size: 12px; text-align: center; padding: 40px; }
#footer a { color: #fff; text-decoration: none; }