.gray-bg{background: #333 url(../img/plantilla/tweed.png) repeat;}
#login, #terms {
	position: absolute;
	z-index: 5;
	background-color:  rgba(255, 255, 255, .3);
    border: 8px solid rgba(180, 180, 180, .6);
    left: 100px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-box-shadow: 0 12px 21px -10px #000;
	-webkit-box-shadow: 0 12px 21px -10px #000;
	box-shadow: 0 12px 21px -10px #000;
}
#terms {
	top: 100px;
	margin-bottom: 100px;
}
.login_interior {
    position: relative;
    background-color: white;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 10px 25px 20px 25px;
    width: 300px;
    min-height: 300px;
    display: block;
}

.login_interior p {
    line-height:1.2;
}
   
.punto{
	position: fixed;
	width: 100%;
	height: 100%;
	background: transparent url(../img/plantilla/punto.png) repeat;
	z-index: 1;
	display: block;
}
.login_interior h2 {
	font-weight:300;
	font-size:18px;
	color:#888;
	text-align:center;
    margin-bottom:15px;
}
.terms_interior{
	position: relative;
    background-color: white;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 10px 25px 20px 25px;
    width: 600px;
    min-height: 300px;
    display: block;
}
#background{
	position: fixed;
	z-index: 1;
	width:100%;
	height:100%;
}
@media(max-width: 520px) {
	#background{opacity: 0;}
	#login{left: 50%; margin-left: -160px; border: 8px solid rgba(180, 180, 180, .1);}
	.punto{display: none;}
}
@media screen and (max-width:400px) {
	.gray-bg{background: white;}
	#login{
		border: none;
        left: 0;
        margin-left: 2px;
        top: 0;
        margin-top: 0;
    	-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;}
	.login_interior{
		width: 100%;
	}
}
@media(max-width:800px) {
	.gray-bg{background: white;}
	#background{opacity: 0;}
	.punto{display: none;}
	#terms{border: none;
        left: 0;
        margin-left: 2px;
        top: 0;
        margin-top: 0;
    	-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 100%;}
	.terms_interior{width: 100%;}
	
}