.loguin{
	position:absolute;				
	top:6.3em;
	right:1em;
	width:10rem;
	font-family:Arial;
	font-size:1em;
	height:5.1em;
	margin:0px;
}
#usuario,#Clave,#cmd1,#cod_emp{
	position:relative;
	width:10rem;
	padding:0px 0px 0px 2px;
	line-height:1.5em;
	text-transform:uppercase;
	font-size:1em;
	color:#696969;
}
#usuario{
	top:0;
	height:1.6rem;
	width:10rem;
	line-height:1.5em;
	color:#696969;
}
#Clave{top:0.2em;margin:0;}
#cod_emp{top:0.5em;height:1.7rem;}
#cmd1 {
	top:1em;
	color:#ffffff;
	/*background-color:#57A807;*/
	background-color:#1B5C89;
	border-radius:1em;
	cursor: pointer;
	border:none;			
}

#cmd1:focus{
	outline:0 none;
	/*background-color:#6BCE09;*/
	background-color:#9DA2A8;
}
#cmd1::-moz-focus-inner{border:0;}
.loguin input ,.loguin select{
	width:10rem;
	margin: 0;
	/*border: 1px solid #57A807;*/
	border: 1px solid #1B5C89;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
	box-sizing: border-box;				
}
#cmd1:hover {
	/*background-color:#6BCE09;*/
	background-color:#9DA2A8;
	border: 1px solid #fff;
}
@media (max-width: 1280px) {
		html { font-size: 14px; }
}
@media (max-width: 800px) {
	html { font-size: 10px; }
}
@media screen and (max-width: 767px){
}
@media (max-width: 600px) {
	html { font-size:8px; }
}

/*@media only screen  and ((max-width: 915px) and (min-width: 412px)){*/
@media only screen and (max-width: 480px){
	.loguin{
		width:40%;
		height:20%;
		top:36%;
		left:30%;		
		font-size:3em;
		/*border:1px solid green;*/
	}
	#usuario,#Clave,#cmd1{
		width:100%;
		height:20%;
		font-size:0.6em;
	}
	
}
@media only screen and (max-width: 393px) {
	.loguin{
		width:40%;
		height:20%;
		top:43%;
		left:30%;		
		font-size:3em;
		/*border:1px solid;*/
	}
	#usuario,#Clave,#cmd1{
		width:100%;
		height:20%;
		font-size:0.6em;
	}
}