/* Light */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url("../fonts/Roboto-Light.ttf") format('truetype');
}
/*
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("../fonts/Roboto-LightItalic.ttf") format('truetype');
}*/

/* Normal */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url("../fonts/Roboto-Regular.ttf") format('truetype');
}

/* Italic */
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic'), url("../fonts/Roboto-Italic.ttf") format('truetype');
}

/* Bold */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url("../fonts/Roboto-Bold.ttf") format('truetype');
}

@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 700;
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url("../fonts/Roboto-BoldItalic.ttf") format('truetype');
}

@-ms-viewport {
	width: device-width;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}

body {
	padding: 0;
	background-color: #FFFFFF;
	/*overflow: hidden;*/
}

input::-ms-reveal, input::-ms-clear {display: none;}

input,
button,
a {
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.dn {
	display: none;
}

.z-loading {
    background: rgba(224, 225, 227, 0.6); /*#eee*/
	position: fixed;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	border: none;
}

.z-loading .z-loading-indicator {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-o-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
	border: 1px solid #cfcfcf;
}

.z-loading .z-loading-icon {
	margin-right: 5px;
}

/*------------------------------------------------------------------------------------------------------------------/
/*--------------------------------------------------------------------------        SECCIONES WEB        -----------/
/*------------------------------------------------------------------------------------------------------------------/

/*--------------------------------------------------------------------- Login */

#login-body {
	padding: 0;
	background-color: #fff;
	margin-bottom: 20px;
}

#login-container {
	width: 100%;
	min-width: 290px;
	max-width: 490px;
    text-align: center;
	color: #646464;
	font-size: 14px;
	letter-spacing: 0.5px;
	padding: 0 20px;
	margin-top: 30px;
}

#login-container img {
	margin-bottom: 30px;
}

@media (min-width: 345px) {
	#login-logo:first-child {
		height: 50px;
	}
}

#login-caja {
	padding: 30px 30px;
	box-shadow: 1px 0px 15px #777;
	text-align: left;
}

#login-caja h2 {
	color: #296aff;
    font-size: 24px;
    display: block;
    text-align: center;
	margin-bottom: 20px;
}

#login-caja label {
    display: inline-block;
}

#login-caja a {
	text-decoration: none;
	color: #296aff;
}

#login-caja p {
	text-align: center;
	margin-bottom: 20px;
}

#login-caja .login-input input {	
	border: 1px solid #c3c3c3;
	background-color: #fff;
	color: #333;
	font-size: 15px;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	padding: 10px;
	margin: 5px 0 15px 0;
}

#login-caja #contrasena {
	padding-right: 50px;
}

#login-caja .login-button {
	font-size: 14px;
	font-weight: bold;
	padding: 12px;
	border-radius: 7px;
	letter-spacing: 1px;
	margin: 20px 10px;
	display: block;
	max-width: 240px;
	width: 100%;
	cursor: pointer;
}

#login-caja .login-button.login-button-ppal {
	background-color: #296aff;
    color: #fff;
    margin: 25px auto;
	border: none;
	text-align: center;
}

#login-caja span.fa {
	font-size: 25px;
	color: #757575;
    margin-right: 15px;
	margin-top: -45px;
    float: right;
    position: relative;
    display: inline-block;
	cursor: pointer;
}

#login-caja span.fa-eye-slash {
    margin-right: 13px;
}

#login-caja .link-reset-password {
	text-align: center;
	margin-top: 10px;
}

#login-caja .text-center {
	display: flex;
    justify-content: center;
    flex-direction: row; 
	font-weight: bold;
	border-radius: 7px;
}

#login-caja .text-center label {
	color: #646464;
	margin: 10px 7px;
	text-align: center;
}


#login-caja .login-button-img{
	border-radius: 7px;
	margin: 10px;
	height: 50px;
	width: 50px;
}

/* -- Accesos -- */
#login-caja .text-center a {
	/*display: flex;
	align-items: center;
	text-decoration: none;
	color: #296aff;
	box-shadow: rgba(167,167,167,.22) 0 0 6px 2px;
    border-radius: 7px;
	margin-top: 10px;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	text-decoration: none;
	color: #296aff;
	box-shadow: rgba(167, 167, 167, .22) 0 0 6px 2px;
	border-radius: 3px;
	margin: 10px 5px;
	width: 100rem;
	cursor: pointer;
}

#login-caja .text-center a:first-of-type {
	/*margin-bottom: 15px;*/
}

#login-caja .text-center a:hover {
	   /*box-shadow: rgba(167,167,167,.22) 0 0 8px 2px, #296aff 0 0 0 1px; */
	   box-shadow: rgba(167, 167, 167, .22) 0 0 8px 2px, #296aff 0 0 3px 1px;;
	   transform: translateY(-3px);
}	
/* -- FIN Accesos -- */

#login-incorrecto {
	display: block;
	border-radius: 7px;
	margin: 10px 0 20px 0;
	padding: 10px 15px;
	text-align: left;
	background-color: #f2dede;
	color: #000000;
	border: 1px solid #a94442;
}

#login-incorrecto .fa {
	margin-right: 5px;
	color: #a94442;
}

@media (min-width: 490px) {
	#login-container {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 20px 0;
		max-height: 100vh;
	}
	
	#login-caja {
		padding: 30px 50px;
	}
}

@media (max-width: 344px) {
	#login-caja .text-center a {
		margin: 0 !important;
	}

	#login-logo {
		width: 220px;
	}
}


/* RECUPERAR CONTRASEŅA*/

/* reCaptcha */
.recaptcha-container {
    width: 100%; /* Ajusta el ancho del contenedor padre */
    height: 100%; /* Ajusta la altura del contenedor padre */
    display: flex;
    justify-content: center;
    align-items: center;
}

.rc-anchor-normal { /* Ancho del CAPTCHA */
    height: 74px;
    width: 323px;
}

.rc-anchor-light.rc-anchor-normal {
    margin-top: 16px;
}

.password .caplab {
    margin: 10px 0;
    display: inline-block;
    color: #000000;
}

.login-botonera {
	display: flex;
	
}

#login-input-recuperar {
    background-color:#296AFF;
    text-transform: none;
    color: #FFFFFF;
    border: 1px solid #296AFF;
}

#login-input-recuperar:hover {
    background-color:#FFFFFF;
    text-transform: none;
    color: #000000;
    border: 1px solid #296AFF;
    /*transition: 0.2s ease;*/
}

#login-input-volver {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    float: right;
    margin-left: 4px;
    background-color: #FFFFFF;
    color: #000000;
    text-transform: none;
    border: 1px solid #707070;
}

#login-input-volver:hover {
    background-color: #707070;
    color: #ffffff;
    border: 1px solid #545b62;
    /*transition: 0.2s ease;*/
}


/* Contacto */
#login-caja .login-contacto {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #296AFF;
	border-radius: 5px;
	background-color: #DBEAFC;
	margin-top: 20px;
}

#login-caja .login-contacto a {
	color: #000000;
}

#login-caja .login-contacto a:first-child {
	margin: 15px 0 5px 0;
}

#login-caja .login-contacto a:last-child {
	margin: 5px 0 15px 0;
}

#login-caja .login-contacto a i {
	margin: 7px;
	color: #296AFF;
}