h2{padding-top:35px;padding-bottom:15px}
h2,.form-row{clear:both}
.form-row,.sub-form{margin-bottom:10px}
label{display:inline-block;position:relative}
#registrar{margin-top:20px}
#zona-alta,#separa,#zona-login,.fleft{float:left}
#zona-alta {
    margin: 0 auto;
    padding-left: 6%;
    padding-right: 6%;
    width: 37%;
}

#separa{border-right:1px solid lightgrey;width:1px;margin-top:40px;height:500px}
#zona-login {
    padding-left: 10%;
    width: 40%;
}
#googleSignIn{cursor: pointer}
.sub-form{margin-top:30px}
#zona-login input[type=password],input[type=text] ,#zona-alta input[type=password],input[type=text]{width:330px}
.pasos-opinar{margin-bottom:30px}
.pasos-opinar span{padding-right:30px}
#aviso-extra{padding:0 50px}
#zona_remember_pass{width:335px}
#fb_user{margin-bottom:30px}
#show-alta{display:none}
@media screen and (max-width: 1200px) {
	#zona-alta {
    padding-left:3%;
    padding-right:3%;
   }
   #zona-login {
    padding-left:10%;
   }
 
}

@media screen and (max-width: 1000px) {
	#zona-alta {
    padding-left:0;
    padding-right:7%;
   }
   #zona-login {
    padding-left:4%;
    width: 40%;
   }
 
}

@media screen and (max-width: 799px) {
	#zona-alta {
    display:none;
   }
   #show-alta{display:block;clear:both}
   #zona-login,#zona-alta,#show-alta {
    padding-left:10%;
    width: 90%;
   }
   #separa{display:none}
 
}

@media screen and (max-width: 500px) {
	#zona-login,#zona-alta,#show-alta {
    padding-left:0%;
    width: 100%;
   }
   #zona-login input[type=password],input[type=text] ,#zona-alta input[type=password],input[type=text]{width:100%}
}