html{font-size:16px; background-color:#f2f2f2; padding:0; margin:0;}

body{
  box-sizing: border-box;  
  padding: 0; margin:0;
  background-color:#000; 
}
* {box-sizing: border-box;}


.firma{position:absolute; width:30%; height:10rem; left:35%;  top:5rem; padding:0; border-bottom:1px #e2e2e2 solid; background-color:#fff;

	border-radius: 0.8rem; -webkit-border-radius: 0.8rem; -moz-border-radius: 0.8rem;
}
.firma .logo{ position:absolute; width: 20%; top: 1rem; left:5%; }


.firma label{position:absolute; left:30%; width:68%; height:auto;}
.razon{top:1rem; font-weight:bold}
.ubica{top:2.2rem;}
.telefono{top:3.4rem;}

._tit{position:absolute; top:5.5rem;}

/*
.firma{position:absolute; width:30%; height:10rem; top:5rem; left:55%; padding:0; border-bottom:1px #e2e2e2 solid; background-color:#fff;
	border-radius: 0.8rem; -webkit-border-radius: 0.8rem; -moz-border-radius: 0.8rem;

}

#urbid{position:absolute;top:10%; left:50%; width:35%;}
#urbpass{position:absolute;top:20%; left:50%; width:35%;}
#urblogin{position:absolute;top:30%; left:50%; width:35%; cursor:pointer;}
#olvido{position:absolute;top:9.3rem; left:86%; width:10%; cursor:pointer;}
*/
.row{position:absolute;top:10%; left:2%; width:96%; height:auto; min-height:4rem; background-color:#fff;}

.row label{position:absolute;top:0.2rem; left:5%; width:90%; height:auto;}
.row input{position:absolute;top:1.6rem; left:45%; width:50%;}

.cuenta{top:32%;}
.clave{top:45%;}
.aceptar{top:58%;}
.olvido{top:80%;}

#urblogin{cursor:pointer;}
#olvido{cursor:pointer;}


.compa{
	font-size:1rem;	letter-spacing: 0.03rem;
	border:1px #3399FF solid;	border-top: 0px;border-left: 0px;
	border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem;
	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  padding: 3px; padding-top:2px !important;  
  height:1.8rem;
  text-align:center;
}
.compa:hover{border-color: #000; color:#000;}
.compa:focus{border-color: #3399FF; color:#333333;}