html, body{
	width: 100%;
	height: 100%;
}
/*boostrap hardcoded*/
.row {
	margin-left: 0;
	margin-right: 0;
}
.mx-auto {
	float: none;
	margin: auto;
}
.mb-3{
	margin-bottom: 1rem;
}
.p-0{padding: 0}
.p-1{padding: .25rem}
.p-2{padding: .5rem}
.p-3{padding: 1rem}
.d-flex{
	display: flex;
}
.align-items-center{
	align-items: center;
}
.justify-content-center{
	justify-content: center;
}
.position-relative{
	position: relative!important;
}
.position-absolute{
	position: absolute!important;
}
.w-100{
	width: 100%;
}
.h-100{
	height:100%;
}

.panel-white{
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 4px 5px -4px #000000ad;
}

/* LOADER */

#precar{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
	background: rgb(37, 37, 37);
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.loader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #ff8300;
	width: 180px;
	height: 180px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/**/



.login-view{
	/* height: 100%; */
	/* text-align: center; */
	/* padding: 0; */
	margin: 0;
	background: #0093ff1c;
	display: none;
}
.recPass-view{
	margin: 0;
	background: #0093ff1c;
}

/*.login-view#divsuperior {*/
    /*width: auto;*/
/*}*/

.login-view nav{text-align: right;}
.login-view nav.idiomas{
	position: absolute;
	top: 0;
	right:0;
	text-shadow: 2px 1px 0px #000;
	z-index: 10;
}
.login-view nav.idiomas ul{margin: 20px; padding: 0;}
.login-view nav.idiomas li{display: inline-block; border-left: 1px solid #fff; margin: 0; padding: 0px 5px;}
.login-view nav.idiomas li a{
	color: #fff !important;
}
.login-view nav.idiomas li:first-child{border-left: 0;}
.login-view nav.idiomas li.current{font-weight: bold;}

.login-view .login-image .imagenLogo{
	height: 18%;
	margin-top: 25%;
}
.login-view .login-image .imagenLogo img{
    max-height: 100%;
    max-width: 90%;
}

.login-view .login-form {
	background-color: rgba(0,0,0,0.5);
	height: 100%;
}

.login-view .login-form .divFormulario{
	padding-top: 18%;
}

.login-view .login-form .divFormulario .titleLogin {
    font-size: 5em;
}

.login-view .login-form .divFormulario .formlogin{
	overflow:hidden;
    margin-top: 30px;
	padding: 75px 50px;
	border-radius: 20px;

}

.login-view .login-form .divFormulario .formlogin .form-control{
    font-size: 1.5em;
    padding: 0px 25px;
	height: 55px;
    border: none;
	border-radius: 10px;
}	
.login-view .login-form .divFormulario .formlogin .form-group {
	overflow: hidden;
    margin-top: 40px;	
}
.login-view .login-form .divFormulario .formlogin .form-group img{
	max-height: 55px;
}

.login-view .login-form .formsubmit{
	margin-top: 65px;
}

.login-view .login-form .formsubmit .botonEntrar {
    border-radius: 10px;
    width: 100%;
	font-size: 4em;
}


.recPass-view #divsuperior,
.login-view #divsuperior{
	height: 92vh;
	width:100%;
	margin: 0;
	display: flex;
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	/*right: 0;*/
	/*bottom: 0;*/
	/*text-align: left;;*/
}
.login-view #divsuperior #formularioLogin {
	/* display: inline-block; */
	/* background-color: rgba(0, 45, 116, 0.35); */
	text-align: center;
	/* max-width: 100%; */
	/* padding-bottom: 100px; */
	/*min-height: 100%;*/
	padding: 0;
	margin: auto;
}
.login-view #divsuperior #formularioLogin input{
	/*border-radius: 0;*/
	/*height:50px;*/
	/*padding: 0 20px;*/
	/*font-size: 24px;*/
}
.login-custome-submit{
	top: 0;
	right: -30px;
	bottom: 0;
}

.login-view #divsuperior #formularioLogin .form-group{
	/*margin-bottom: 2rem;*/
}
.login-view #divsuperior .titulo{
	/*padding: 50px 0;*/
}

.login-view #divsuperior #formularioLogin .titulo img{
	/*width: 50%;*/
	/*min-width: 250px;*/
	width: 100%;
}
.login-view #divsuperior #formularioLogin .titleLogin{
	/*font-size: 1.4em;*/
	/*text-shadow: 2px 2px 10px #000;*/
}
.login-view #divsuperior #formularioLogin .botonEntrar{
	/*color: #fff;*/
	/*padding: .5em 1em;*/
	/*text-transform: uppercase;*/
}
.login-view #divsuperior #formularioLogin #cuerpoFormulario{
	/*width: 450px;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}
.login-view #divsuperior #formularioLogin #cuerpoFormulario2{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}

.login-view #divsuperior #formularioRegistro{
	display: none;
	position: initial;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	text-align: center;
	/*width: 700px;*/
	max-width: 100%;
}
.login-view #divsuperior #formularioRegistro input{
	border-radius: 0;
	height:35px;
	padding: 0 20px;
	font-size: 24px;
}
.login-view #divsuperior #formularioRegistro .form-group{
	margin-bottom: 25px;
}
.login-view #divsuperior #formularioRegistro .titleLogin{
	font-size: 24px;
	padding: 20px 0;
	text-shadow: 2px 2px 10px #000;
}
.login-view #divsuperior #formularioRegistro .botonEntrar{
	color: #fff;
	padding: 5px 40px;
	border-radius: 8px;
	font-size: 38px;
	height:auto;
	text-transform: uppercase;
}
.login-view #divsuperior #formularioRegistro #cuerpoFormulario{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.login-view #divsuperior #formularioRegistro #cuerpoFormulario2{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}

.recPass-view #divsuperior #formularioRecPass,
.login-view #divsuperior #formularioRecPass{
	display: none;
	position: initial;
	height: 90vh;
	/* background-color: rgba(31, 57, 108, 0.9); */
	text-align: center;
	/* width: 700px; */
	max-width: 100%;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*width: 50%;*/
	margin: 0 auto;
	/* box-shadow: 0 4px 10px -4px #000000ad; */
}

.recPass-view #divsuperior #formularioRecPass input,
.login-view #divsuperior #formularioRecPass input{
	/*border-radius: 0;*/
	/*height:35px;*/
	/*padding: 0 20px;*/
	/*font-size: 17px;*/
}

.recPass-view #divsuperior #formularioRecPass .form-group,
.login-view #divsuperior #formularioRecPass .form-group{
	margin-bottom: 0;
}

.recPass-view #divsuperior #formularioRecPass .titleLogin,
.login-view #divsuperior #formularioRecPass .titleLogin{
	font-size: 1.5em;
	padding: 1rem 0;
	/* text-shadow: 2px 2px 10px #000; */
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #fff;
}
.login-view #divsuperior #formularioRecPass .botonEntrar{
	color: #fff;
	padding: 5px 40px;
	border-radius: 8px;
	font-size: 38px;
	height:auto;
	text-transform: uppercase;
}
.login-view #divsuperior #formularioRecPass #cuerpoFormulario{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.login-view #divsuperior #formularioRecPass #cuerpoFormulario2{
	/*width: 450px;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 4px 5px -4px #000000ad;
	position: relative;
	margin:auto;
}

.recPass-view #pie,
.login-view #pie{
	position: fixed;
	/* bottom: 0; */
	/* left: 0; */
	/* background-color: #00B4FF; */
	/* display: table; */
	width: 100%;
	color: #fff;
	font-size: 1em;
	/* padding: 20px; */
	/* text-align: center; */
	height: 8vh;
	z-index: 999;
	letter-spacing: 2px;
}
.recPass-view #pie a:hover,
.login-view #pie a:hover{
	text-decoration: none;
	color: #aaa!important;
}

.recPass-view #pie .logo,
.login-view #pie .logo {
	/*font-size: 1rem;*/
}

.recPass-view #pie a,
.login-view #pie a{
	color: rgba(0,0,0,.7);
}

.recPass-view #pie .legales a,
.login-view #pie .legales a{
	color: #fff;
}

.recPass-view #pie .content,
.login-view #pie .content{
	display: table-cell;
	vertical-align: middle;
}

.recPass-view #pie .content > div,
.login-view #pie .content > div{
	display: inline-block;
	padding: 2px 10px;
}

/*
.errores{color:white;font-family: "cl_fontLight" !important;font-size: 1.00vw;width:100%;text-align:left;}
*/

@media (max-width: 991px) {
	/*.login-view #divsuperior #formularioRecPass {*/
		/*position: absolute !important;*/
		/*z-index: 1;*/
		/*background-color: rgba(31, 57, 108, 0.94)!important;*/
	/*}*/
}

@media (max-width: 767px){
	/*.login-custome-submit {*/
		/*width:100%;*/
		/*right: 0;*/
		/*left:0;*/

	/*}*/
}

@media (max-width: 480px) {
	.login-view #divsuperior{
		position: relative;
		bottom: 0;
	}
	.login-view #pie{
		/*position: relative;*/
	}
	.login-view #divsuperior .titulo img{
		max-width: 100%;
		/*padding: 0 20px;*/
	}
	.login-view #divsuperior #formularioLogin .titleLogin{
		font-size: 18px;
	}
	.login-view #divsuperior #formularioLogin #cuerpoFormulario{
		width: auto;
		padding: 0 10px;
	}
	.login-view #divsuperior #formularioLogin #cuerpoFormulario2{
		width: auto;
		padding: 0 10px;
	}
	.login-view #divsuperior #formularioLogin{
		height: auto;
	}

	.login-view #divsuperior #formularioRegistro .titleLogin{
		font-size: 18px;
	}
	.login-view #divsuperior #formularioRegistro #cuerpoFormulario{
		width: auto;
		padding: 0 10px;
	}
	.login-view #divsuperior #formularioRegistro #cuerpoFormulario2{
		width: auto;
		padding: 0 10px;
	}
	.login-view #divsuperior #formularioRegistro{
		height: auto;
	}


	.login-view #divsuperior #formularioLogin .titleLogin {
		font-size: 13px;
	}


}

.btnMatricularModal{
	cursor: pointer;
}

.error
	{
	border: 2px solid #a94442 !important;	
	border-color: #a94442 !important;
	}

.error:focus 
	{
	border: 2px solid #a94442 !important;	
	border-color: #a94442 !important;
	}
	
span#noExiste {
color: #9f0000;
font-size: 1.7rem;
padding: 20px 0;
/*text-shadow: 2px 2px 10px #000;*/
}