html{ height: 100%; } body{ background:#2f2f2f; margin:auto;} 
#login{ 
	background: #fff;
border-radius: 10px;
border:8px solid rgb(83, 142, 155);
box-sizing: border-box;
margin: 11% auto 0;
padding: 3px 10px 20px;
width: 350px;

} 
.alerta1{ background: #22838C; color:#FFF;   border-radius: 3px; padding: 6px 11px;} .alerta2{background: #F2392C; border-radius: 3px; color: #fff; padding: 6px 11px;} #pre-load-web {width:100%; height:100%; text-align:center; position: fixed; top:0; padding:0; margin:0; background:#1F2838; z-index:10000000;} 
#ip,#coduser,#r1037,#ptm1,#ptm2{  position: fixed; top: -4000px; }

.closeop{
	float: right;
	margin-top: -32px;
	position: relative;
	z-index: 99999;
	background: #CCCCCC;
	border-radius: 13%;
	padding: 8px; cursor: pointer;
	margin-right: 2px;
	color: #656565;
}
.btn-warning{
	background: #407577 !important;
	text-shadow: 0 0 0 #333 !important;
	border: 0 !important;
}
.closeop:hover{ background: #fb6060; color: #FFF; }
#user:focus{
	border-color: #66afe9 !important;
	outline: 0 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}
.nfocus{
	border-color: #66afe9 !important;
	outline: 0 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}
#sax{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.0); }
#logocarga{margin-top: 10%; max-width: 380px; top: 20px; width: 80%; } 
@media all and (max-width: 500px){ body{ overflow-x: hidden; } .alerta1,.alerta2{ font-size:18px;} .ui-mobile , .ui-page{height:100% !important; } 
#login{ border-radius: 10px; box-sizing: border-box; margin: 15% auto 0; padding: 3px 10px 20px; width: 85%; z-index: 99; } #btnentrar{ font-size:20px; width:90%;}
#login img{margin-bottom:25px; width:70% !important;  } 
.form-control{ height:36px; font-size:14px;} } @media all and (max-height: 450px) {#login {margin: 4% auto 0; } }