/* Document CSS */

	footer { position: fixed; bottom: 15px; right: 15px; margin-top: 1px solid #f5f5f5;}
	footer img { width: 200px;}

	body { color: #333; background-color: #FFF}
	body .logo { position: absolute; left: 10px; top: 10px;}
	body .logo img { width: 100%;}
	
	body .errors { margin-top: 30px;}

	body.p7usuara .login .panel { border: 1px solid #f1f1f1; padding: 0; border-radius: 4px; margin-top: 30px; background-image: url('../_images/acceso-seguro-1.png'); background-repeat: no-repeat; background-size: 148px auto; background-position: 90% 170px;}
	body.p7usuara .login .panel .panel-heading { background-color: #f5f5f5; margin: 0; padding: 15px;}
	body.p7usuara .login .panel .panel-heading h1 { font-size: 28px; text-align: center; margin: 0;}
	body.p7usuara .login .panel .panel-body hr { margin: 0 0 15px 0;}
	body.p7usuara .login .panel .panel-body .form-group { }
	body.p7usuara .login .panel .panel-body .form-group label { display: block; font-size: 18px;}
	body.p7usuara .login .panel .panel-body .form-group label small { color: #999;}
	body.p7usuara .login .panel .panel-body .form-group input.normal { width: auto; padding-right: 100px;}
	body.p7usuara .login .panel .panel-body .form-group input.normal.user { width: auto; padding-right: 12px;}
	body.p7usuara .login .panel .panel-body .form-group.buttons { text-align: center; margin-bottom: 0;}
	body.p7usuara .login .panel .panel-body .form-group button { width: 30%; font-size: 18px;}
	body.p7usuara .login .panel .panel-body .form-group button:first-child { margin-right: 100px;}
	body.p7usuara .login .forget { text-align: center; margin-top: 20px;}
	body.p7usuara .login .forget button { background-color: #F5F5F5; border: 1px solid #ddd}

	body.p7usuarb h1 { font-size: 28px; text-align: center;}
	body.p7usuarb h4 { font-size: 16px; color: #FF0000; margin-top: 30px;}
	body.p7usuarb .panel { border: 1px solid #ddd;}
	body.p7usuarb .panel .panel-heading { background-color: #f5f5f5;}
	body.p7usuarb .twitter { }
	body.p7usuarb .form { }
	body.p7usuarb .form .panel .panel-body { background-image: url('../_images/acceso-seguro-1.png'); background-repeat: no-repeat; background-size: 140px auto; background-position: 90% 20px;}
	body.p7usuarb .form p { color: #FF0000; margin-top: 20px;}
	body.p7usuarb .form .form-group.buttons { margin-bottom: 0;}
	body.p7usuarb .form .form-group label { display: block; font-size: 18px;}
	body.p7usuarb .form .form-group label small { color: #ccc; font-size: 11px;}
	body.p7usuarb .form .form-group input.normal { width: auto;}
	body.p7usuarb .form .form-group button { width: 49%;}
	body.p7usuarb .form .form-group button:first-child { margin-right: 5px;}
	body.p7usuarb .form .form-group button.solicitar { width: 99%; margin-top: 5px;}


/* Large desktops and laptops */
@media (min-width: 1600px) {
	/*body { border: 2px solid black;}/**/
}
/* Large desktops and laptops */
@media (min-width: 1200px) {
	/*body { border: 2px solid yellow;}/**/

	body.p7usuara .login .panel { max-width: 600px; margin: auto;}
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	/*body { border: 2px solid green;}/**/

	body.p7usuara .login .panel { background-position: 90% 160px;}
	body.p7usuarb .form .panel .panel-body { background-size: 110px auto; background-position: 95% 40px;}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	/*body { border: 2px solid cyan;}/**/

	body.p7usuara .login .panel { background-position: 90% 170px;}

	body.p7usuarb h1 { margin-top: 35px;}
	body.p7usuarb .form .panel .panel-body { background-size: 140px auto; background-position: center 90px;}
	body.p7usuarb .form .panel .panel-body hr { margin-top: 80px;}
	body.p7usuarb .form .form-group label { font-size: 16px;}
	body.p7usuarb .form .form-group input.normal { width: 100%;}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	/*body { border: 2px solid orange;}/**/

	body.p7usuara .login .panel { background-position: 90% 160px;}

	body.p7usuarb h1 { margin-top: 35px;}
	body.p7usuarb .form .panel .panel-body { background-size: 140px auto; background-position: center 90px;}
	body.p7usuarb .form .panel .panel-body hr { margin-top: 80px;}
	body.p7usuarb .form .form-group input.normal { width: 100%;}
}
/* Landscape phones and smaller */
@media (max-width: 480px) {
	/*body { border: 2px solid red;}/**/

	body.p7usuara .login .panel { background-image: none;}
	body.p7usuara .login .panel .panel-body .form-group label { font-size: 16px;}
	body.p7usuara .login .panel .panel-body .form-group label small { font-size: 12px;}
	body.p7usuara .login .panel .panel-body .form-group button { width: 45%;}
	body.p7usuara .login .panel .panel-body .form-group button:first-child { margin-right: 20px;}
}
/* Landscape phones and smaller */
@media (max-width: 390px) {
	/*body { border: 2px solid red;}/**/

	body.p7usuara .login .panel .panel-body .form-group label { font-size: 14px;}
	body.p7usuara .login .panel .panel-body .form-group label small { font-size: 11px;}

}