/* -- GRID  https://github.com/mattberridge/Proportional-Grids/
------------------------------------------------------------- */
/* background outside */
body{
	
	background: url("../img/backgrounds/bgtop-cover.png") no-repeat, 	
	url("../img/backgrounds/bg-spsmap-big.png") repeat !important; 	
	-webkit-background-size: 100%, auto;
	-moz-background-size: 100%, auto;
	-o-background-size: 100%, auto;
 	background-size: 100%, auto !important;
	background-attachment: fixed;	 	
	background-position: center, center;
	position:relative;	
	/**background-size: 100% 80%, auto !important;**/
	
}


/* -- form
------------------------------------------------------------- */ 
 /* Block Login */
	.signin_block_login{
		background: url(../images/bg-green-lock.png) repeat scroll 0 0 rgba(0, 0, 0, 0);		
		width: 100%;
		height: 100%;	
		
	}
	
	.signin_block_login form{		
		margin: 10% 5%;	
		padding: 10% 5%;
		
	}
	
	
   .signin_block_login form li{
		border:1px solid #c0f56d;
		list-style: none;		
		line-height: initial;		
		background: #c0f56d;
		margin-bottom: 12px;
		width:100%;
		height: 100%;
	}	
	
	.signin_block_login form select{
		border:1px solid #c0f56d;
		list-style:none;
		line-height: initial;	
		margin-bottom:12px;		
		background: #c0f56d;
		color: #777b79;
		width:100%;
		height: 100%;

}
	
	.signin_block_login h1{		
		font-family: 'Tahoma', sans-serif;
		font-size:25px;
		font-weight:600;
		color: #777B79;	
		position:absolute;
		line-height: initial;
		top: -70px;
	
	}
	
	
	.logo_block_login{
		width: 100%;
		height: 100%;		
		
	}

	.logo_block_login img  {			
		margin: 10px 0 20px 0;
		padding: 20% 0 15% 0;
		
	}		
	.copyright_block { 	
		font-family: 'Tahoma', sans-serif;
		font-size:14px;
		font-weight:600;
		color: #777b79;		
		line-height: initial; 		
		text-align: center; 		
		text-decoration: none; 
		list-style: none;
		height: 100%; 
		width: 100%; 
		padding-top: 100px; 
		
	}	
	
	
	.btn_login{ 
		margin: 0; 
		padding: 0; 
		width: 100%; 
	}	
	.btn_login a{
		color: #fff; 
		text-decoration: none; 
		font-size: 12px; 
		margin: 0; 
		float: left; 
		display: table;
	}
	.btn_login .btn-form .btn-warning-form{color: #fff; text-decoration: none;  margin: 0; }
 
 

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

input[type="submit"]{	
	font-family: 'Tahoma', sans-serif;
	font-size:13px;
	font-weight:600;
	color: #353535;
	outline: none;
	background: #74e165;	
	border:1px solid #74e165;	
	cursor:pointer; 
	-webkit-appearance:button;
	float: left;
	padding:8px 20px;	
}
input[type="submit"]:hover{
	background: #c0f56d;
	border:1px solid #c0f56d;
	line-height: initial;	
}


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 {
	font-family: 'Tahoma', sans-serif;
	font-size:13px;
	font-weight:600;
	color: #777b79;	
   
	background: #c0f56d;	
	  
	padding: 10px 0 5px 10px;
	width: 60%;
	
}


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
------------------------------------------------------------- */