@charset "UTF-8";

/*Fondo naranja*/
#encabezado-login {
	background-image: url('/resources/img/imgLogin/background-homemarcalyc.jpg');
	background-repeat: repeat-x;
}

/*Contenerdor encabezado y login*/
.marcalyc-descripcion {
	padding-bottom: 21%;
}

/*Contenedor form*/
.marcalyc-login {
	background-color: #ffffff;
	padding-bottom: 15px;
}

/*Logo M y traducciones*/
.marcalyc-logos-trad {
	overflow: hidden;	
    margin-bottom: 15px;
}

/*Logo M*/
.marcalyc-m {
	max-width: 35px;
}

/*Enlaces*/
.marcalyc-enlace a, .marcalyc-enlace a:link, .marcalyc-enlace a:hover, .marcalyc-enlace a:active, .marcalyc-enlace a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bolder;
}

/*Contorno enlaces traducciones*/
#languageForm div {
    padding: 0px 5px 0px 5px;
    cursor: pointer;
}

/*Contorno enlaces traducciones hover*/
#languageForm div:hover {
	background-color: #eca533;
}

/*Contorno enlace foro*/
.marcalyc-boton {
    padding: 7px 20px 7px 20px;
    background-color: #1a1a1a;
    cursor: pointer;
	max-width: 160px;
    font-weight: lighter;
    font-size: 0.7em;
    margin-right: 3px;
    margin-left: 10px;
    text-align: center;
}

/*Imgs dispositivos*/
.marcalyc-dispositivos {
	position: relative;
}

/*Encabezado naranja con descripcion*/
.marcalyc-descripcion-logos {
	color: #ffffff;
	margin-top: 25px;
	position: relative;
}

.marcalyc-titulo {
	font-size: 3em;
}

.marcalyc-titulo-largo {
	font-size: 1.5em;
	margin-bottom: 20px;
}

.marcalyc-descripcion-texto {
	font-size: 0.9em;
	font-weight: lighter;
	margin-bottom: 35px;
}

.marcalyc-ayuda-descripcion {
	font-size: 0.8em;
    font-weight: normal;
    margin-bottom: 8px;
}

/*Texto foro*/
.marcalyc-ayuda-descripcion span {
	font-weight: bolder;
}

/*Alineacion descripciones encabezado naranja*/
.marcalyc-desc-alinea {
	margin-right: 20px;
}

/*Logos login*/
.logos {
	max-width: 220px;
	margin: 0 auto;
}

.logo-redalyc {
	margin-top: 25px;
	margin-bottom: 15px;
}

/*Texto iniciar sesion*/
.marcalyc-ingreso-texto {
	text-align: center;
	font-weight: bolder;
    color: #e75c25;
    font-size: 1.3em;
    margin-bottom: 15px;
}

/*Form ingreso*/
#infoLogin {
	max-width: 250px;
    margin: 0 auto;	
}

/*Elementos del form y mensajes de notificacion*/
#infoLogin input, #infoLogin button, .ui-growl {
	font-family: var(--bs-body-font-family);
}

/*Boton ingreso*/
#infoLogin\:loginButton {
	padding: 7px 33px 7px 33px;
	background-color: #e75c25;
	color: #ffffff;
	font-weight: lighter;
    font-size: 0.7em;
    margin-bottom: 5px;
}

/*Inputs form*/
#infoLogin\:username, #infoLogin\:password {
	margin-bottom: 25px;
}

/*Texto solicitud ed cuenta*/
#info-acceso {
	max-width: 250px;
    margin: 0 auto;
    font-size: 0.7em;
    margin-bottom: 40px;
    text-align: center;
}

/*Texto contraseña ed cuenta*/
#passForget {
	max-width: 250px;
    margin: 0 auto;
    font-size: 0.7em;
    margin-bottom: 40px;
    text-align: right;
}


/*Enlace correo info acceso*/
#info-acceso a, #info-acceso a:link, #info-acceso a:hover, #info-acceso a:active, #info-acceso a:visited,
#passForget a, #passForget a:link, #passForget a:hover, #passForget a:active, #passForget a:visited {
	color: #e75c25;
	text-decoration: none;
}



/*Contenedor enlaces*/
.marcalyc-wikilyc {
	max-width: 500px;
    margin: 0 auto;
}

/*Contenedor logos-enlace wikilyc*/
.wikilyc-enlaces a, .wikilyc-enlaces a:link, .wikilyc-enlaces a:hover, .wikilyc-enlaces a:active, .wikilyc-enlaces a:visited {
	text-decoration: none;
}

/*Enlace wikilyc*/
.wikilyc-link {
	background-color: #ffffff;
	height: 49px;
	color: #000000;
}

/*Enlace wikilyc hover active*/
.wikilyc-link:hover, .wikilyc-link:active {
	background-color: #eca533;
	color: #ffffff;
}

/*Contenedor logo-enlace wikilyc*/
.wikilyc-enlace-logo {
	margin-right: 20px;
}

/*Contenedor texto enlace*/
.wikilyc-enlace-texto {
	display: table-cell;/*convierte a celda y es independiente del logo*/
    vertical-align: middle;/*centra el texto vertical*/
    height: 49px;/*necesita el tamanio del div padre wikilyc-link*/
    font-size: 0.7em;
}

/*Contenedor logo-enlace wikilyc hover img 1 se oculta, logo enlace wikilyc img 2(act) permanece oculto */
.wikilyc-link:hover > .wikilyc-enlace-logo img:nth-child(1), .wikilyc-link > .wikilyc-enlace-logo img:nth-child(2) {
	display: none;
}

/*Contenedor logo-enlace wikilyc img 1 permanece visible, logo enlace wikilyc hover img 2(act) se muestra */
.wikilyc-link > .wikilyc-enlace-logo img:nth-child(1), .wikilyc-link:hover > .wikilyc-enlace-logo img:nth-child(2) {
	display: block;
}

/*Logos XSML-JATS*/
.xml-logos {
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 30px;
}

/*Contenedor JATS, leyenda y tarjetas*/
#medio-enlaces {
	background-color: #f2f2f2;
	padding-bottom: 15px;
}

/*Contenedor leyenda profesional*/
.profesional-leyenda {
	height: 65px;
    margin: 0 auto;
    margin-bottom: 30px;
}

/*Contenedor img profesional*/
.profesional-logo {
	margin-right: 10px;
}

/*Img profesional*/
.profesional-logo > img {
	height: 65px;
}

/*Texto profesional*/
.profesional-texto {
	display: table-cell;
    vertical-align: middle;
    height: 65px;
    font-size: 1em;
    font-weight: bolder;
    text-align: center;
}

/*Contenedor de tarjetas*/
.doc-enlaces {
	margin-right: 12%;
    margin-left: 12%;
}

/*Contenedor logo tarjeta*/
.doc-logo {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 15px;
}

/*Img logo tarjeta*/
.doc-logo img {
	height: 63px;
    width: auto;
}

./*Enlaces doc*/
.doc-bloque a, .doc-bloque a:link, .doc-bloque a:hover, .doc-bloque a:active, .doc-bloque a:visited {
	text-decoration: none;
}

/*Contenedor tarjeta logo-bloque hover img 1 se oculta, logo-bloque img 2(act) permanece oculto */
.doc-bloque:hover > .doc-logo img:nth-child(1), .doc-bloque > .doc-logo img:nth-child(2) {
	display: none;
}

/*Contenedor tarjeta logo-bloque img 1 permanece visible, logo bloque hover img 2(act) se muestra */
.doc-bloque > .doc-logo img:nth-child(1), .doc-bloque:hover > .doc-logo img:nth-child(2) {
	display: block;
}

/*Tarjeta sombra*/
.doc-bloque:hover {
	box-shadow: 0px 0px 23px #c4c4c4;
}

/*Titulo tarjeta*/
.doc-titulo {
	text-align: center;
    font-size: 0.7em;
    margin-bottom: 30px;
}

/*Body de la tarjeta*/
.doc-cuerpo {
	padding: 0px;
}

/*Contenedor doc enlace*/
.doc-link {
	background-color: #ffffff;
	height: 49px;
	color: #535353;
	font-size: 0.7em;
	width: auto;
}

/*Contenedor doc enlace hover active*/
.doc-link:hover, .doc-link:active {
	background-color: #e75c25;
	color: #ffffff;
}

/*Contenedor logo doc enlace*/
.doc-link-logo {
	margin-top: 9px;
	margin-left: 20px;
}

/*Contenedor logo img doc enlace*/
.doc-link-logo img {
	margin-right: 15px;
	height: 30px;
	width: auto;
}

/*Contenedor doc-link hover img 1 se oculta, doc-link img 2(act) permanece oculto */
.doc-link:hover > .doc-link-logo img:nth-child(1), .doc-link > .doc-link-logo img:nth-child(2){
	display: none;
}

/*Contenedor doc-link img 1 se oculta, doc-link hover img 2(act) permanece oculto */
.doc-link > .doc-link-logo img:nth-child(1), .doc-link:hover > .doc-link-logo img:nth-child(2){
	display: block;
}

/*Texto profesional*/
.doc-link-texto {
	display: table-cell;
    vertical-align: middle;
    height: 49px;
}

/*Contenedor del pie*/
#pie-login {
	background-color: #e0e0e0;
}

/*Pie*/
#pie {
	padding-top: 30px;
    padding-bottom: 30px;
}

/*Logo universidad*/
.pie-logo {
	max-width: fit-content;
    margin: 0 auto;
}

/*Titulo universidad y contenedor texto version y correo*/
.pie-titulo, .pie-info {
	color: #535353;
    font-size: 0.7em;
    text-align: center;
    color: #535353
}

/*Enlaces del pie*/
.pie-enlace, .pie-enlace:link, .pie-enlace:hover, .pie-enlace:active, .pie-enlace:visited {
	text-decoration: none;
	color: #535353;
}

/*Logo open access*/
.pie-open {
	max-width: fit-content;
    margin: 0 auto;
}

@media only screen and (max-width: 400px) {
	/*Contenedor img profesional*/
	.profesional-logo {
		margin-left: 10px !important;
    	clear: both;
	}
}

/* @media only screen and (max-width: 480px) { */
/* 	/*Contorno enlace foro*/
/* 	.marcalyc-boton { */
/* 		text-align: center; */
/* 		max-width: -webkit-fill-available; */
/* 		max-width: -moz-available; */
/* 	} */
	
/* 	/*Contorno primer enlace foro*/
/* 	.marcalyc-boton:nth-child(1) { */
/* 		margin-bottom: 20px; */
/* 	} */
/* } */

@media only screen and (min-width: 401px) and (max-width: 500px) {
	/*Contenedor img profesional*/
	.profesional-logo {
		margin-left: 30px !important;
	}
}

@media only screen and (max-width: 575px) {
	/*Fondo naranja*/
	#encabezado-login {
		max-height: 100%;
	}
	
	/*Imgs dispositivos*/
	.marcalyc-dispositivos {
		margin-bottom: -70px;
	}
	
	/*Contenedor img profesional*/
	.profesional-logo {
		margin-left: 55px;
	}
	
	/*Contenedor de tarjetas*/
	.doc-enlaces {
		margin-right: 0px;
	    margin-left: 0px;
	}
	
	/*Contenedor de logo universidad y titulo universidad*/
	.pie-logo, .pie-titulo, .pie-info {
    	margin-bottom: 25px;
	}
	
	/*Tarjeta*/
	.doc-bloque {
		margin-bottom: 35px;
	}
	
	/*Contenedor en enlaces a foro*/
	.marcalyc-accesos {
		max-width: 250px;
    	margin: 0 auto;
	}
	
	/*Contorno enlace foro*/
	.marcalyc-boton {
		text-align: center;
		max-width: -webkit-fill-available;
		max-width: -moz-available;
	}
	
	/*Contorno primer enlace foro*/
	.marcalyc-boton:nth-child(1), .marcalyc-boton:nth-child(2) {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	/*Fondo naranja*/
	#encabezado-login {
		max-height: 100%;
	}
	
	/*Imgs dispositivos*/
	.marcalyc-dispositivos {
		margin-bottom: -70px;
	}
	
	/*Contenedor img profesional*/
	.profesional-logo {
		margin-left: 15px;
	}
	
	/*Contenedor de tarjetas*/
	.doc-enlaces {
		margin-right: 0px;
	    margin-left: 0px;
	}
	
	/*Contenedor de logo universidad y titulo universidad*/
	.pie-logo, .pie-titulo {
    	margin-bottom: 25px;
	}
	
	/*Tarjeta*/
	.doc-bloque {
		margin-bottom: 35px;
	}
	
	/*Contenedor en enlaces a foro*/
	.marcalyc-accesos {
		max-width: 250px;
    	margin: 0 auto;
	}
	
	/*Contorno enlace foro*/
	.marcalyc-boton {
		text-align: center;
		max-width: -webkit-fill-available;
		max-width: -moz-available;
	}
	
	/*Contorno primer enlace foro*/
	.marcalyc-boton:nth-child(1), .marcalyc-boton:nth-child(2) {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/*Imgs dispositivos*/
	.marcalyc-dispositivos {
		position: absolute;
		margin-top: 25%;
	}
	
	/*Fondo naranja*/
	#encabezado-login {
		max-height: 100%;
	}
	
	/*Contenedor img profesional*/
	.profesional-logo {
		margin-left: 15px;
	}
	
	/*Contenedor de tarjetas*/
	.doc-enlaces {
		margin-right: 8%;
	    margin-left: 8%;
	}
	
	/*Tarjeta*/
	.doc-bloque {
		margin-bottom: 35px;
	}
	
	/*Contenedor en enlaces a foro*/
	.marcalyc-accesos {
		max-width: 250px;
    	margin: 0 auto;
	}
	
	/*Contorno enlace foro*/
	.marcalyc-boton {
		text-align: center;
		max-width: -webkit-fill-available;
		max-width: -moz-available;
	}
	
	/*Contorno primer enlace foro*/
	.marcalyc-boton:nth-child(1), .marcalyc-boton:nth-child(2) {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/*Imgs dispositivos*/
	.marcalyc-dispositivos {
		position: absolute;
		margin-top: 3%;
	}
	
	/*Fondo naranja*/
	#encabezado-login {
		max-height: 700px;
	}
	
	/*Contenedor img profesional*/
	.profesional-logo {
		margin-left: 10px;
	}
	
	/*Contenedor de tarjetas*/
	.doc-enlaces {
		margin-right: 8%;
	    margin-left: 8%;
	}
	
	/*Tarjeta*/
	.doc-bloque {
		margin-bottom: 35px;
	}
	
	/*Contenedor en enlaces a foro*/
	.marcalyc-accesos {
		max-width: 250px;
    	margin: 0 auto;
	}
	
	/*Contorno enlace foro*/
	.marcalyc-boton {
		text-align: center;
		max-width: -webkit-fill-available;
		max-width: -moz-available;
	}
	
	/*Contorno primer enlace foro*/
	.marcalyc-boton:nth-child(1), .marcalyc-boton:nth-child(2) {
		margin-bottom: 20px;
	}
	
}

@media only screen and (min-width: 1200px) {
	/*Imgs dispositivos*/
	.marcalyc-dispositivos {
		position: absolute;
		margin-top: 12%;
	}
	
	/*Fondo naranja*/
	#encabezado-login {
		max-height: 700px;
	}
	
	/*Contenedor img profesional*/
	.profesional-logo {
		margin-left: 35px;
	}
	
	/*Contenedor JATS, leyenda y tarjetas*/
	#medio-enlaces {
		background-color: #f2f2f2;
		padding-bottom: 50px;
	}
}