/* -- GRID  https://github.com/mattberridge/Proportional-Grids/
------------------------------------------------------------- */
/* background outside */
body{
	
	background: url("../img/backgrounds/new-sps-cover.jpg") center !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
 	background-size: cover;
	background-attachment: fixed;	 
 	position:relative;
	background-repeat: no-repeat;
	background-color: #fff;
	
}


/* -- form
------------------------------------------------------------- */ 
 /* Block Login */
	.signin_block_login{
		background: url(../images/bg-green-lock.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
		margin: 100px 0px;
		width: 80%; 
		height:100%;
		padding: 0;
		
	}
	
	.signin_block_login h1{
		color: #000;
		font-size:25px;
		font-weight:500;
		font-family:'Tahoma' sans-serif;
		position:absolute;
		top:-30%;
		
	
	}
	
	.signin_block_login form{
		padding: 50px 40px;
		
	}
	
	
   .signin_block_login form li{
		border:1px solid #c0f56d;
		list-style:none;
		margin-bottom:12px;
		padding: 0 ;
		background: #c0f56d;

}		
	.logo_block_login{
		margin: 150px 0px 25px;
		
		width: 80%; 
		height:100%;
		padding: 0;
	}

	.logo_block_login img  {
		border: 0 none;
		display: block;
		float: left;
		height: auto;
		max-width: 100%;
		width: 80%;
		
	}		
	.copyright_block { width: 100%;  line-height: initial; height: 100%; color: #494e48; text-align: center; padding-top: 10px; text-decoration: none; list-style: none;}	
	.btn_login{ margin: 0; padding: 0; width: 100%; }

	.btn_login .pull-right a{width: 50%;}
	.btn_login .pull-left a{width: 50%;}
	
	.btn_login a{color: #fff; text-decoration: none; font-size: 12px; margin: 0px -300px 0px 200px; float: left; display: table;}
	.btn_login .btn-form .btn-warning-form{color: #fff; text-decoration: none; font-size: 12px; margin: 0; }
 
 .login-form {
	background: url(../images/bg-green-lock.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 400px 0px 0;
    padding:10px;
	height:200px;    
	width: 450px;
}
.login-form h1{
	float:left;
	color: #000;
	font-size:2.0em;
	font-weight:500;
	font-family:"Century Gothic";
	position:absolute;
	top:-25%;
	
	
} 
.login-form h2 a{
	text-align:right;
	color: #fff;
	font-size:1.15em;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	position:absolute;
	top:9.5%;
	right:11%;
	margin:34px 0;
} 

form li{
	border:1px solid #c0f56d;
	list-style:none;
	margin-bottom:12px;
	width:100%;
	background: #c0f56d;

}

form select{
	border:1px solid #c0f56d;
	list-style:none;
	margin-bottom:12px;
	width:100%;
	background: #c0f56d;
	color: #777b79;

}

input[type="text"], input[type="password"] {
	
	font-family: 'Tahoma', sans-serif;
	width:80%;
	padding: 10px 0 5px 10px;
	color: #777b79;
	font-size:13px;
	outline: none;
	background: none;
	border:none;
}

input[type="submit"]{	
	float:left;	
	font-size:15px;
	display: inline-block;
	font-weight:600;
	color: #353535;
	outline: none;
	padding:8px 20px;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	background: #74e165;
	
	border:1px solid #74e165;	
	cursor:pointer; 
	-webkit-appearance:button;
}
input[type="submit"]:hover{
	background: #c0f56d;
	border:1px solid #c0f56d;
	
}


select, textarea,
input[type="text"], 
input[type="password"], i
nput[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], 
input[type="time"], input[type="week"], 
input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], input[type="tel"], 
input[type="color"], .uneditable-input {
   
	background: #c0f56d;	
	border:1px solid #c0f56d;	
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}


ul {
    width: 450px;
    margin: 0 auto;
    padding: 0px;
    list-style: none;
    text-align: center;
}

ul li {
    display: inline;
    font-size: 45px;
    text-align: center;   
    text-shadow: 0 0 5px #00c6ff;
}


ul, ol{list-style:none; list-style-image:none; margin:0; padding:0;}
img{ 
	border:0; 
	display: block; 
	-ms-interpolation-mode: bicubic; 
	vertical-align: middle; 
	width:100%; 
	max-width: 100%;  }

.icon{
	background:url(../images/icons.png)  no-repeat 0px 0px;
	height:30px;
	width:30px;
	display: block;
	float:left;
	margin:0px 0px 0px 0px
}

.user{
	background: url(../images/icons.png) no-repeat 0px 0px;
	
}
.lock{
	background: url(../images/icons.png) no-repeat -35px 0px;
}


/* Simple Animation */
@-webkit-keyframes mymove {
    0% {opacity: 1.0;
    text-shadow: 0 0 20px #00c6ff;
}

50% {
    opacity: 0;
    text-shadow: none;
}

100% {
    opacity: 1.0;
    text-shadow: 0 0 20px #00c6ff;
}	
}

@-moz-keyframes mymove {
    0% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }

    50% {
        opacity: 0;
        text-shadow: none;
    }

    100% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    };
}



 
/*-------------------------------------------------------------
======	END
------------------------------------------------------------- */