@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@700&display=swap');
/* Por retrocompatibilidad */
@font-face{font-family:'Fontana';src:url(../../recursos/fuentes/TitilliumWeb-SemiBold.ttf) format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'fontana';src:url(../../recursos/fuentes/TitilliumWeb-SemiBold.ttf) format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'FontanaB';src:url(../../recursos/fuentes/TitilliumWeb-SemiBold.ttf) format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'Fontanab';src:url(../../recursos/fuentes/TitilliumWeb-SemiBold.ttf) format("truetype");font-weight:normal;font-style:normal}

@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(/recursos/fuentes/OpenSans-Regular.ttf) format("truetype")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local(OpenSans-Light),url(/recursos/fuentes/OpenSans-Light.ttf) format("truetype")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local(OpenSans-Bold),url(/recursos/fuentes/OpenSans-Bold.ttf) format("truetype")}

/* Formato sugerido, fácil de sustituir por otras tipografias en el futuro */
@font-face{font-family:'especial';src:url(../../recursos/fuentes/TitilliumWeb-Bold.ttf) format("truetype");font-weight:bold;font-style:normal}
@font-face{font-family:'especial';src:url(../../recursos/fuentes/TitilliumWeb-SemiBold.ttf) format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'especial';src:url(../../recursos/fuentes/TitilliumWeb-Regular.ttf) format("truetype");font-weight:300;font-style:normal}
@font-face{font-family:'especial';src:url(../../recursos/fuentes/TitilliumWeb-Light.ttf) format("truetype");font-weight:200;font-style:normal}
@font-face{font-family:'especial';src:url(../../recursos/fuentes/TitilliumWeb-ExtraLight.ttf) format("truetype");font-weight:100;font-style:normal}

@font-face{font-family:'normal';font-style:normal;font-weight:normal;src:local('Open Sans Regular'),local(OpenSans-Regular),url(/recursos/fuentes/OpenSans-Regular.ttf) format("truetype")}
@font-face{font-family:'normal';font-style:normal;font-weight:300;src:local('Open Sans Light'),local(OpenSans-Light),url(/recursos/fuentes/OpenSans-Light.ttf) format("truetype")}
@font-face{font-family:'normal';font-style:normal;font-weight:bold;src:local('Open Sans Bold'),local(OpenSans-Bold),url(/recursos/fuentes/OpenSans-Bold.ttf) format("truetype")}


body{
	width: 100vw;
    overflow-x: hidden;
}

/* Ajustes tipográficos de algunos elementos de la web */
.Quontrol_menuHorizontalResponsive .texto{
	font-family:"especial" !important;
	font-weight: 400;
}
#idiomas a{
	font-family:"especial" !important;	
}
.Quontrol_migas .nodo{
	font-family:"especial" !important;	
}


/* selector de idioma */

.selectorIdiomasBanners{
	position:absolute;
    z-index: 999914;
	top: 149px;
	right:11px;
	display: inline-block;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:5px;
	font-size:25px;
	background-color:rgba(0,0,0,0.4);
}
.selectorIdiomasBanners a{
	padding:0;
	margin:0;
	margin-left:5px;
	margin-right:5px;
	color:rgba(255,255,255,0.5);
}
.selectorIdiomasBanners a.sel{
	pointer-events: none;
}
.selectorIdiomasBanners a:not(.sel){
	color:white;
}
/*
@media (max-width: 1000px){
	.selectorIdiomasBanners {
	    top: 205px;
	    right: 0px;
	    padding-left: 5px;
	    padding-right: 5px;
	    padding-bottom: 5px;
	    font-size: 23px;
	}
}



@media (max-width: 1000px){
	body.senior .selectorIdiomasBanners{
    	top: 130px;
	}
}
*/

@media (max-width: 800px){
	.selectorIdiomasBanners {
	    top: 205px;
    	right: 0;
	}
}


/* fin selector de idioma */


.menuBounds {
    z-index: 999915;
}

.etiquetasInferioresActividad {

    position: absolute;
    bottom: 14px;
    left: 14px;
    right: 14px;
}
.etiquetasInferioresActividad *{
	font-size:14px !important
}
.actividadVisual .textosActividad {
    position: static !important;
}
.actividadVisual .parte_creditos,
.actividadVisual .parte_horas{
	display:inline-block;
	margin-left:8px;
}
.actividadVisual .parte_horas{
	color:#b16719;
}
.tipologiaWActividad {
	display:inline-block !important;
	float: left;
}

.actividadVisual .creditosActividad{
	text-align: right;
}
.actividadVisual .tipologiaWActividad {
    max-width: 57%;
}
.actividadVisual .creditosActividad {
	display:inline-block!important;
	max-width: 40%;
	float:right
}
.actividadVisual .tipologiaWActividad ,
.actividadVisual .creditosActividad  {
	display: flex!important;
	align-items: end;
	height: 45px;
}
.actividadVisual .tipologiaWActividad > *,
.actividadVisual .creditosActividad  > *{
	align-self: flex-end;
}

.bcolor_c1 {
	background-color:unset;
}
.cabeceraFija{
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index: 999915;
}
.decoracionSuperior{
	position:static;
}
.decoracionSuperior > .QuontrolWebDiapositivas_diapositivas{
	position: relative;
	z-index:999913;
}
.menuResponsive.qSticked{
	padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 43%);
}
.qTriggerVisible._blanco.qTriggerCerrado{
	mix-blend-mode: unset!important;
}
.qTriggerVisible._blanco .qMenuHamburguesa span {
	background-color:black!important;
}
.qTriggerVisible._blanco.qTriggerAbierto .qMenuHamburguesa span {
    background-color: white!important;
}
.Quontrol_insertaFiltros{

}

@media (min-width: 960px){
	@keyframes animacionMenu {
	    from {
	        transform: translateY(-60px);
	    }
	    to {
	        transform: translateY(0px);
	    }
	}
	.menuResponsive.qSticked{
		animation: animacionMenu 0.7s normal forwards ease;
	}

}
@media (max-width: 959px) {

	.cabeceraFija{
		position:static!important;
	}
	.cabeceraFija .menuBounds{
		position:relative;
		 z-index: 999915;
	}
	.cabeceraFija .fondoDecoracionMenu{
		z-index: 999901;
	}
	.menuResponsive{
		z-index: 999920;
	}

	.fondoDecoracionMenu {
		background-image: url(https://qinnova.uned.es/archivos_publicos/qweb_paginas/111117326/logouned21.jpg);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
	}

	.menuResponsive {
		position:static;
		margin:0!important;
		padding:0!important;
	}
	.botonMenu {
	    position: fixed;
	    top: -10px;
	}

}



/* Añadidos para estilos específicos de extensión */

.indiceHtml .listadoActividades{
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px 10px;
}


.indiceHtml .listadoActividades .actividadVisual{
    transition: transform 0.3s ease-out;
}


.indiceHtml .actividadVisual .contenidoActividad{
	border: none;
	border-radius: unset;
    border-top: 5px solid #00533e;
    box-shadow: 0 4px 6px rgba(50,50,93,.15), 0 1px 3px rgba(0,0,0,.08);
    overflow: hidden;
    position:relative;
    transition: box-shadow 0.3s ease-out;
    background-color:white;
    cursor:pointer;
    min-height:100%;
    padding-bottom:45px;
    box-sizing: border-box;
}

	
.indiceHtml .actividadVisual .contenidoActividad:hover {
    box-shadow: 0 13px 27px -5px rgba(0,0,0,.6), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
    z-index: 2;
}

.indiceHtml .actividadVisual  .modalidadActividad{
	position: static;
    color:white;
    border-radius: 3px;
    line-height: 17px;
    font-weight: bold;
    font-size: 11px;
    padding: 4px 13px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}

.indiceHtml .actividadVisual .tituloActividad a{
    font-size:18px!important;
    font-family:"especial";
    color:#444;
    font-weight: 400;
    display: block;
    margin-bottom:7px;
}

.indiceHtml actividadVisual .tituloActividad a:hover{
    text-decoration: none;
    color:#333;
}
.indiceHtml .actividadVisual .fechaActividad {
    font-size: 17px !important;
    font-family: "especial";
    font-weight: 300;
    color: #787878;
}
.indiceHtml .actividadVisual .fechaActividad:after{
    content:"";
    display:block;
    margin-top:22px;
    border-bottom:1px solid #cccccc;
    margin-bottom:17px;
}
.indiceHtml .actividadVisual .nombreTipologia{
    font-size: 17px !important;
    font-family: "especial";
    font-weight: 500;
    color: #00533e;
}
.indiceHtml .actividadVisual.colorVerano .nombreTipologia{
    color: #e26600;
}

.indiceHtml .actividadVisual.colorVerano .contenidoActividad{
    border-top-color: #ff8d30;
}
.indiceHtml .actividadVisual.colorVerano .bounds::after{
    content:"";
    display:block;
    width:35%;
    height:30px;
    background-image:url("/images/cursosdeverano/cv2022olas.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:left center;
    position:absolute;
    bottom:20px;
    right:5px;
    z-index:2;
}
.indiceHtml .actividadVisual.strawberry .nombreTipologia{
    color: #da5268;
}

.indiceHtml .actividadVisual.strawberry .contenidoActividad{
    border-top-color: #da5268;
}
.indiceHtml .actividadVisual.blue .nombreTipologia{
    color: #5c6eb1;
}

.indiceHtml .actividadVisual.blue .contenidoActividad{
    border-top-color: #5c6eb1;
}
.indiceHtml .actividadVisual.tangerine .nombreTipologia{
    color: #d76f47;
}

.indiceHtml .actividadVisual.tangerine .contenidoActividad{
    border-top-color: #d76f47;
}
.indiceHtml .actividadVisual.raspberry .nombreTipologia{
    color: #90214a;
}

.indiceHtml .actividadVisual.raspberry .contenidoActividad{
    border-top-color: #90214a;
}
.indiceHtml .actividadVisual.apple .nombreTipologia{
    color: #749f4c;
}

.indiceHtml .actividadVisual.apple .contenidoActividad{
    border-top-color: #749f4c;
}
.indiceHtml .actividadVisual.senior .nombreTipologia{
    color: #00533e;
}

.indiceHtml .actividadVisual.senior .contenidoActividad{
    border-top-color: #00533e;
}

.indiceHtml .etiquetasInferioresActividad{
    position:absolute;
    bottom:20px;
    left:0px;
    right:0px;
    padding: 15px;
    padding-bottom:0px;
}
.indiceHtml .etiquetaCentroActividad{
    font-size: 17px !important;
    font-family: "especial";
    font-weight: 300;
    color: #787878;
    display:table;
    margin-top:1px;
    margin-bottom:1px;
}
.indiceHtml .etiquetaCentroActividad:hover{
    color: #787878;
    text-decoration: none;
}
.indiceHtml .duracionActividad{
    display:block;
}
.indiceHtml .numeroHorasActividad, 
.indiceHtml .creditosActividadInline{
    font-size: 17px !important;
    font-family: "especial";
    font-weight: 300;
    color: #787878;
    margin-top:1px;
    margin-bottom:1px;
    display:inline-block;
    margin-right:10px;
}
.indiceHtml .creditosActividadInline{
    font-weight: 500;
    color:#444;
   
}
.indiceHtml .creditosActividadInline span:first-child{
    margin-right:3px;
}

@media (max-width: 1400px) {
    .indiceHtml .listadoActividades{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1100px) {
    .indiceHtml .listadoActividades{
        grid-template-columns: repeat(2, 1fr);
    }
}

body #principal a.enlace_actividad_ciclo {
    font-size: 1em;
}
dd a, 
.color_b3,
.t.color_b3 b{
    color: #00533f !important; 
}

.fechas_programa,
.t,
#programa > li > b
{
	font-family: "especial" !important;
}

#actividad .cajasActividad .cuadro.bcolor_c1{
    background-color:#efefef;
}


/* Sobreescribimos la Arial */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,
#menunavesta ul.enlacesesta,
#menunavesta ul.enlacesesta li a,
#menunavesta .cursosvirtualesesta,
#menunavesta .accesocampusesta,
.buscadorConocimientos select,
#subcabecera h1,
#subcabecera h2,
#info #opciones a,
body div#principal .listaareas li a, 
body div#principal .listacentros li a,
body,
body .diapositiva_banner.Quontrol .subtitulo,
body #listado_matriculas .titulo a,
body .Quontrol_emergente>.contenedor>.titulo, .q_contenedor_modales>.contenedor>.titulo,
body .Quontrol_emergente>.contenedor.sinBorde>.titulo, 
body .q_contenedor_modales>.contenedor.sinBorde>.titulo,
table a{
	font-weight: 300;
	font-family:"especial";
}