@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,700');

body
	{ background:#f5f5f5; }
body, h1, input, select, textarea, form
	{ margin:0; padding:0; }
body, input, select, textarea, button
	{ font-family:'Titillium Web', sans-serif; color:#888; font-size:14px; }
a
	{ text-decoration:none; transition:all 0.2s; }
table
	{ border-spacing:0; width:100%; }
td
	{ padding:0; }
form
	{ width:400px; background:#FFF; margin:10% auto 20px auto; padding:25px; border:1px solid #ebebeb; position:relative; box-shadow:0 0 30px 0 rgba(0,0,0,.1); }
.logoc
	{  text-align:center;position:absolute; top:-60px; width:100%; box-sizing:border-box; left:0; }
.logo
	{ width:83px; height:30px; background:url('../img/logo.png'); display:inline-block; }
.logo:hover
	{ opacity:1; }
h1
	{ font-weight:700; margin-bottom:25px; font-size:48px; background:#3b576c; color:#FFF; text-align:center; margin:-25px -25px 25px -25px; padding:50px 25px; text-transform:uppercase; }
h1 span
	{ font-weight:400; }
.fc
	{ padding:10px 0 10px 0; }
.txt
	{ border:1px solid #ebebeb; padding:8px 10px; border-radius:4px; color:#A8A8A8; width:100%; box-sizing:border-box; }
.txt:focus
	{ outline:none; }
.err
	{ color:#F00; padding-top:3px; }
label
	{ font-size:12px; }
input[type=checkbox]
	{ margin-top:9px; }
button
	{ background:#00d7b3; color:#FFF; font-size:12px; display:inline-block; padding:5px 20px; border-radius:3px; font-weight:700; border:0 none; cursor:pointer; text-align:center;float:right; transition:all .15s ease-in-out; }
button:hover
	{ background:#0ae7c2; }
footer
	{ text-align:center; font-size:12px; text-transform:uppercase; }
footer a
	{ color:#c4f600; }
footer a:hover
	{ color:#FFF; }