/*	LOGIN FRAME:START
-------------------------------*/
.login_frm{
	width: calc(100% - 1rem);
	padding: 0.5rem;
	max-width: 450px;
	margin: 0 auto;
}
/*
.login_frm h1{
	font-size: 1.5vw;
}
.login_frm p{
	font-size: 16px;
}
*/
.login_frm img{
	width: 160px;
	height:auto;
}
/*
.login_frm input[type='text'],
.login_frm input[type='email'],
.login_frm input[type='password']{
	border:1px solid grey;
	border-radius:3px;
	padding: 5px 13px;
	width: calc(100% - 28px);
	font-size: 19px;
	color: #203864;
	margin-bottom:15px;
}
*/
/*
.login_frm button{
	border:1px solid grey;
	font-size: 22px;
	padding: 1px 5px 2px 5px;
	border-radius:3px;
	background-color:white;
	cursor:pointer;
}
.login_frm button:hover{
	background-color:black;
	color:white;
}
*/
.login_loader_frm{
	width: 160px;
	height: 160px;
	overflow:hidden;
	text-align:center;
	margin: 0 auto;
	display:none;
}
.login_loader {
  border: 14px solid #f3f3f3;
  border-radius: 50%;
  border-top: 14px solid black;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 10% auto;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.acceptFrm{
	margin-top: 45px;
	text-align:center;
}
.acceptFrm label{
	display:none;
}










/*1024px - Laptop:START
-------------------------------------------------------------*/
@media screen and (max-width: 1024px){
}





/*768px - TABLET:START
-------------------------------------------------------------*/
@media screen and (max-width: 768px){
}




/*425px - MOBILE L:START
-------------------------------------------------------------*/
@media screen and (max-width: 425px){
}




/*375px - MOBILE M:START
-------------------------------------------------------------*/
@media screen and (max-width: 375px){
}





















/*	BOTONES PARA LA PORTADA:END
---------------------------------*/
/*#dragOn{
	position:absolute;
	top: 10px;
	left: 10px;
	background-color: white;
	border: 1px solid grey;
	padding: 10px;
}
#resizeOn{
	position:absolute;
	top: 60px;
	left: 10px;
	background-color: white;
	border: 1px solid grey;
	padding: 10px;
}*/



/*	FORMULARIO DE INICIO:START
---------------------------------*/
/* .inicio_frm{
	width: 100%;
	float:left;
	margin-top: 25px;
}
.inicio_frm img{
	width:100px;
}
.inicio_frm .titulo{
	width:100%;
	margin-bottom:20px;
	float: left;
}
.inicio_frm h1{
	float:left;
	margin-right:10px;
	font-size: 1.5em;
	line-height: 1.9em;
}
.inicio_frm span{
	font-weight: 900;
	font-size: 1.7em;
}
.inicio_frm .buttonFrm{
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-bottom: 30px;
    width: 100%;
    margin-bottom: 50px;
}
.inicio_frm .buttonFrm .button{
	border: 1px solid #cecece;
	margin: 15px;
	border-radius:3px;
	padding: 20px;
	cursor: pointer;
	text-align: center;
	width: calc(25% - 72px);
	overflow: hidden;
	text-align: center;
	transition:.5s;
}
.inicio_frm .buttonFrm .button:hover{
	background-color:black;
	color: white;
}
.inicio_frm .buttonFrm .button:hover h1{
	color:white;
}
.inicio_frm .buttonFrm .button div:nth-child(1){
	font-size: 4em;
}
.inicio_frm .buttonFrm .button h1{
	font-size: 1em;
	float: none;
} */