a.public{
	margin-right:10px;
    cursor: pointer;
}

.btn { 
	display: inline-block; 
	padding: 4px 10px 4px; 
	margin-bottom: 0; 
	font-size: 13px; 
	line-height: 18px; 
	color: #333333; 
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 
	vertical-align: middle; 
	background-color: #f5f5f5; 
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); 
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); 
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); 
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); 
	background-image: linear-gradient(top, #ffffff, #e6e6e6); 
	background-repeat: repeat-x; 
	filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0); 
	border-color: #0000ff #2626ff #0000b3; 
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
	border: 1px solid #0000ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; 
	border-radius: 4px; 
	-webkit-box-shadow: inset 0 1px 0 #0000b3, 0 1px 2px rgba(0, 0, 0, 0.05); 
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 
	box-shadow: inset 0 1px 0 #0000d9, 0 1px 2px rgba(0, 0, 0, 0.05); 
	cursor: pointer; 
}

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { 
	background-color: #111111; 
}

.btn-large { 
	padding: 9px 14px; 
	font-size: 15px; 
	line-height: normal; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}

.btn:hover { 
	color: #333333; 
	text-decoration: none; 
	background-color: #131304; 
	background-position: 0 -15px;
	border-color: #00ff00 #00d900 #26ff26; 
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
	border: 1px solid #00ff00; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 	
	-webkit-transition: background-position 0.1s linear; 
	-moz-transition: background-position 0.1s linear; 
	transition: background-position 0.1s linear; 
}

.btn-primary, .btn-primary:hover { 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	color: #999999; 
}

.btn-primary.active { 
	color: rgba(255, 255, 255, 0.75); 
}

.btn-primary { 
	background-image: -webkit-linear-gradient(top, #3f4145, #050506);
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { 
	filter: none; 
	background-color: #111111; 
}

.btn-block { 
	width: 100%; 
	display:block; 
}

* { 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box; 
}

html { width: 100%; height:100%; overflow:hidden; }

body { 
	width: 100%;
	height:100%;
	font-family: serif;
	background-image: url(css/nc.jpg);
}
.card .login { 
	position: fixed;
	top: 25%;
	left: 10%;
	margin: 0px auto 0px auto;
	width:300px;
	height:300px;
	
}

.login h1 { 
	color: #fff; 
	text-shadow: 0 0 10px rgba(0,0,0,0.3); 
	letter-spacing:1px; 
	text-align:center; 
}
.card {
	margin: 0px auto 0px auto;
    width: 20%;
    height: 40%;
    position: static;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div {
    display: block;
    position: static;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	margin-left: -10px;

}
.card .blockback {
	backface-visibility: hidden;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.card.flipped {
	backface-visibility: hidden;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
input { 
	width: 100%; 
	margin-bottom: 10px; 
	background: rgba(0,0,0,0.3);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #36d900;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .5s ease;
	-o-transition: box-shadow .5s ease;
	-ms-transition: box-shadow .5s ease;
	transition: box-shadow .5s ease;
}
input:focus { 
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); 
}

a.titlelogin {
font-size: 42px;
font-family: Iceland;
margin: 0px 0px 0px -30px;
color: transparent;
text-shadow: 
0.1px 1.1px 0px #fdfdff, 
0.2px 0.2px 0px #666666, 
0.3px 0.3px 0px #666666, 
0.4px 0.4px 0px #666666, 
0.5px 0.5px 1.5px #666666, 
0.6px 0.6px 1.6px #666666, 
0.7px 0.7px 1.7px #666666, 
0.8px 0.8px 1.8px #0f0f0f, 
0.9px 0.9px 1.9px #0f0f0f, 
1px 1px 1px #0f0f0f, 
1.1px 1.1px 1.1px #0f0f0f, 
1.2px 1.2px 1.2px #0f0f0f, 
1.3px 1.3px 1.3px #0f0f0f, 
1.4px 1.4px 1.4px #0f0f0f, 
1.5px 1.5px 1.5px #0f0f0f, 
1.6px 1.6px 1.6px #0f0f0f, 
1.7px 1.7px 1.7px #0f0f0f, 
1.8px 1.8px 1.8px #0f0f0f, 
1.9px 1.9px 1.9px #0f0f0f, 
1px 1px 1.99px #0f0f0f, 
2px 2px 1.22px #0f0f0f, 
2.1px 2.1px 1.1px #0f0f0f, 
2.2px 2.2px 1.2px #0f0f0f, 
2.3px 2.3px 1.3px #0f0f0f, 
2.4px 2.4px 1.4px #0f0f0f, 
2.5px 2.5px 1.5px #0f0f0f, 
2.6px 2.6px 1.6px #0f0f0f, 
2.7px 2.7px 1.7px #0f0f0f, 
2.8px 2.8px 1.8px #0f0f0f, 
2.9px 2.9px 1.9px #0f0f0f, 
3px 3px 1.9px #0f0f0f, 
3.1px 3.1px 2.1px #0f0f0f, 
3.15px 3.15px 2.15px #0f0f0f, 
3.2px 3.2px 2.2px #0f0f0f, 
3.25px 3.25px 2.25px #0f0f0f, 
3.3px 3.3px 2.3px #0f0f0f, 
3.35px 3.35px 2.35px #0f0f0f, 
3.4px 3.4px 2.4px #0f0f0f, 
3.45px 3.45px 2.45px #0f0f0f, 
3.5px 3.5px 2.5px #0f0f0f, 
3.55px 3.55px 2.55px #0f0f0f, 
2px 2px 20px #f5f5f5;
}
a {
	color: transparent;
	text-shadow: 2px 2px 4px #aaaaaa;
	text-decoration: none;
}