:root{--color-primary:#99ac3a;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-body-background:#fbfbfb;--color-state:#313131;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-link-lateral-block:var(--color-state);--color-link-central-block:var(--color-state);--color-title-blocks:#fff;--color-title-catalog-box:var(--color-state);--color-icons:var(--color-state);--color-icons-star-rating:var(--color-state);--color-icons-rss-footer:#fff;--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:#666666;--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:#313131;--link-color-hover:var(--color-state-hover);--color-title-main:var(--color-text);--nav-bg-color:#313131;--nav-text-color:#ffffff;--nav-text-color-hover:var(--color-state-active);--nav-side-seperator-color:var(--nav-text-color);--nav-side-text-color-focus:var(--nav-text-color-hover);--nav-tab-expand-text-color:var(--color-text);--color-header-highlight:#2ABB9C;--font-size-custom:1;--btn-accent-color:#2ABB9C;--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:#2ABB9C;--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled);--btn-button-border-radius:4px;--footer-background-color:#313131;--footer-text-color:#FFFFFF;--second-footer-background-color:#313131;--second-footer-text-color:#FFFFFF;--block-background-color:#FFFFFF;--block-radius:4px;--block-border:0px solid #f00;--block-shadow:0 1px 3px 1px #ddd;--block-pre-header-color:#FFFFFF;--block-pre-header-background:#FDC151}:root{--select-icon-size:var(--gap-1)}.tui-select__input{display:inline-block;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;color:black;font:400 13.3333px Arial;font-size:inherit;line-height:inherit;letter-spacing:normal;white-space:pre;text-align:start;text-transform:none;text-indent:0;text-shadow:none;word-spacing:normal;background-color:white;border-color:darkgrey;border-style:solid;border-width:1px;border-radius:0;border-image:initial;box-shadow:none;cursor:default;transition-delay:0s;transition-timing-function:ease;transition-duration:0s;transition-property:all;text-rendering:auto;-webkit-appearance:menulist;appearance:menulist}.tui-select__input[disabled]{color:#3d444b;background:#dadada;cursor:default}.tui-select__input[multiple]{height:auto;overflow-x:hidden;overflow-y:visible}.tui-select__input:focus{border-color:#dadada;outline-width:3px;outline-style:auto;outline-color:Highlight;outline-color:-webkit-focus-ring-color;outline-offset:-2px;box-shadow:none;-moz-user-focus:normal}.tui-select{position:relative;display:flex;flex-grow:unset;width:100%;min-width:0;height:var(--form-input-height)}.tui-select--charLength-2{max-width:calc(2 * var(--form-input-font-size))}.tui-select--charLength-3{max-width:calc(3 * var(--form-input-font-size))}.tui-select--charLength-4{max-width:calc(4 * var(--form-input-font-size))}.tui-select--charLength-5{max-width:calc(5 * var(--form-input-font-size))}.tui-select--charLength-10{max-width:calc(10 * var(--form-input-font-size))}.tui-select--charLength-15{max-width:calc(15 * var(--form-input-font-size))}.tui-select--charLength-20{max-width:calc(20 * var(--form-input-font-size))}.tui-select--charLength-25{max-width:calc(25 * var(--form-input-font-size))}.tui-select--charLength-30{max-width:calc(30 * var(--form-input-font-size))}.tui-select--charLength-50{max-width:calc(50 * var(--form-input-font-size))}.tui-select--charLength-75{max-width:calc(75 * var(--form-input-font-size))}.tui-select--charLength-100{max-width:calc(100 * var(--form-input-font-size))}.tui-form--inputWidth-limited .tui-select:not(.tui-input--customSize){max-width:var(--form-input-limited-width)}.tui-form--inputWidth-limited .tui-inputSet--split .tui-select:not(.tui-input--customSize){max-width:none}.tui-select::after{position:absolute;top:calc((var(--form-input-height) - var(--select-icon-size)) / 2);right:calc((var(--form-input-height) - var(--select-icon-size) * 2) / 2);display:block;width:0;height:0;border:var(--select-icon-size) solid transparent;border-top-color:var(--form-input-text-color);content:'';pointer-events:none}.tui-select--disabled::after{border-top-color:var(--form-input-text-color-disabled)}.tui-select--multiple::after{display:none}.tui-select--large{height:var(--form-input-height-large)}.tui-select--large::after{top:calc((var(--form-input-height-large) - var(--select-icon-size)) / 2);right:calc((var(--form-input-height-large) - var(--select-icon-size) * 2) / 2)}.tui-select__input{flex-grow:1;box-sizing:border-box;width:100%;min-width:0;padding:0 var(--gap-6) 0 var(--gap-1);color:var(--form-input-text-color);font-size:var(--form-input-font-size);background:var(--form-input-bg-color);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color);-webkit-appearance:none;appearance:none}.tui-select__input[multiple]{height:auto}.tui-select__input[disabled]{color:var(--form-input-text-color-disabled);background:var(--form-input-bg-color-disabled);border-color:var(--form-input-border-color-disabled)}.tui-select__input:focus{background:var(--form-input-bg-color-focus);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color-focus);outline:none;box-shadow:var(--form-input-shadow-focus)}.tui-contextInvalid .tui-select__input:focus{background:var(--form-input-bg-color-invalid-focus);border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid-focus)}.tui-select__input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.tui-select__input::-ms-expand{display:none}.tui-select__input::-ms-value{color:inherit;background-color:transparent}.tui-contextInvalid .tui-select__input{border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid)}:root{--nav-bg-color: #FFFFFF;--nav-text-color: #000000;--color-primary: #76BA3B;--btn-prim-accent-color: #76BA3B;--btn-accent-color: #76BA3B;--link-color: #313131;--color-state: #005787;--color-text: #666666;--block-background-color: #FFFFFF;--block-radius: 20px;--block-border: 0px solid #f00;--block-shadow: 0 1px 3px 1px #ddd;--block-pre-header-color: #FFFFFF;--block-pre-header-background: #88D1CB;--color-link-lateral-block: #005787;--color-link-central-block: #005787;--color-title-main: #000000;--color-title-blocks: #000000;--color-title-catalog-box: #000000;--color-icons: #76BA3B;--color-header-highlight: #76BA3B;--color-icons-star-rating: #F5A524;--color-body-background: #F9F9F9;--color-icons-rss-footer: #76BA3B;--btn-button-border-radius: 30px;--nav-text-color-hover: #000000;--btn-prim-accent-color-focus: #6cb031;--btn-prim-accent-color-active: #5b9f20;--btn-accent-color-focus: #6cb031;--btn-accent-color-active: #5b9f20;--link-color-hover: #131313;--color-state-hover: #004d7d;--color-state-focus: #004d7d;--color-state-active: #003c6c;--font-size-custom: 1.0714;--footer-background-color: #FFFFFF;--footer-text-color: #000000;--second-footer-background-color: #FFFFFF;--second-footer-text-color: #000000;}
@font-face {
    font-family: "MetaSerifPro";
    src: url("/theme/actua/webfont.php?nomfont=MetaSerifPro-Book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.loginbox.twocolumns .signuppanel > h2{display: none;}
.loginbox .signuppanel .subcontent h6{display: none;}
.loginbox .signuppanel .potentialidp a img{display: none;}
#page-login-index .loginpanel h2{display: none;}
#page-login-index .signuppanel > hr{display: none;}

#page-login-index .loginbox.clearfix.twocolumns {
    display: flex;
    position: relative;
    padding: 0;
    background: transparent;
    width: 800px;
    margin-right: 5%;
    margin-top: 120px;
    line-height: var(--font-size-16);
    background: url('/pluginfile.php/1/local_uploadfiles/additionalimages/0/pelayo_fons_login2.png');
    background-size: auto 90%;
    background-position: center;
    background-repeat: no-repeat;
}
#page-login-index .loginbox.clearfix.twocolumns:before {
    background: #ffffffee;
    position: absolute;
    width: 100%;
    top: -110px;
    height: 110px;
    background-image: url('/pluginfile.php/1/totara_core/logo_login_image/2545/AF_PELAYO_CAMPUS_RGB_POS-z2xa3piis00.png');
    background-size: auto 90px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border-radius: var(--block-radius) var(--block-radius) 0 0;
    opacity: 1;
}

#page-login-index .loginbox.twocolumns .loginpanel {
    order: 2;
}

.loginbox .loginform .form-input input[type=text], .loginbox .loginform .form-input input[type=password]{
    background: transparent;
    color: #fff;
}
.loginbox .loginform .form-input input[type=text]:focus, .loginbox .loginform .form-input input[type=password]:focus{
    background: transparent;
}
#page-login-index .loginform div:nth-child(1):before, #page-login-index .loginform div:nth-child(4):before, #page-login-index .loginpanel span.flex-icon {
    color: #fff;
}
.loginbox .desc{
    color: #fff;
    line-height: var(--font-size-16);
}
#page-login-index .forgetpass a{
    color: #fff !important;
}
.loginbox #loginbtn{
    background-color: #fff;
    color:#006297;
}
.loginbox #loginbtn:hover{
    background-color: #fff;
    color:#006297;
    opacity: .8;
}

.loginbox .potentialidplist {
    float: left;
    width: 100%;
}
.loginbox .potentialidp {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}

#page-login-index .signuppanel .subcontent h3{
    margin-top: 0;
    font-family: 'MetaSerifPro';
    font-size: var(--font-size-30);
}
#page-login-index .vegas-slide-inner{
    background-size: auto 100% !important;
    background-position: left top !important;
    background-color: #a6ddda !important;
}
.loginbox .loginform .form-label label {
    margin-bottom: 5px;
}


#page-login-index.lang-es #login:before {
    content: "Acceso externos";
    display: block;
    text-align: center;
    width: 100%;
    font-size: var(--font-size-30);
    margin-bottom: 20px;
    font-family: 'MetaSerifPro';
}
#page-login-index.lang-es .loginform:before {
    content: "Si eres externo inicia sesión con tu usuario y contraseña";
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    line-height: var(--font-size-16);
    padding-left: 20px;
    padding-right: 20px;
}


#page-login-index .loginbox.twocolumns .signuppanel {
    padding-left: 40px;
    padding-right: 40px;
    background: #ffffff99;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #00629b;
}
#page-login-index .loginbox.twocolumns .loginpanel {
    padding-left: 40px;
    padding-right: 40px;
    background: #006297bb;
    padding-bottom: 30px;
    color: #fff;
    padding-top: 10px;
}

@media screen and (min-width: 768px) {
    #page-login-index .loginbox.twocolumns .signuppanel {
        border-radius: 0 0 0 var(--block-radius);
    }
    #page-login-index .loginbox.twocolumns .loginpanel {
        border-radius: 0 0 var(--block-radius) 0;
    }
}

@media screen and (max-width: 915px) {
    #page-login-index .loginbox.clearfix.twocolumns{
        width: auto;
        margin-right: 20px;
        margin-left: 20px;
    }
}
@media screen and (max-width: 767px) {
    #page-login-index .loginbox.clearfix.twocolumns{
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        background-size: 90% auto;
        background-position-y: 10%;

    }
    #page-login-index .loginbox.clearfix.twocolumns:before{
        top: -109px;
    }
    #page-login-index .loginbox.twocolumns .signuppanel{
        padding-top: 50px;
    }
    #page-login-index .loginbox.twocolumns .loginpanel{
        border-radius: 0 0 var(--block-radius) var(--block-radius);
        border-bottom: 0;
    }
}


/* Formato de aula */
    
    p.sectiontittle {
        width: max-content;
        background-color: #005787;
        color: #fff;
        padding: 5px 20px;
        border-radius: 4px;
        font-weight: 500;
    }
    
    p.sectiontittle2 {
        width: max-content;
        background-color: #005787;
        color: #fff;
        padding: 3px 20px;
        border-radius: 4px;
        font-weight: 500;
        font-size:15px;
    }
    
h3.subsectiontittle {
    color: #000;
    font-weight: 500;
    font-size: 24px;
}

    /* End Formato de Aula */

/* Ocultar sobre mensajería menúsup */

#nav-message-popover-container > div.popover-region-toggle.nav-link {
    display: none;
}

/* FIN Ocultar sobre mensajería menúsup */

/* Elies: amago darrer element del desplegable de filtres del catàleg */
#page-totara-catalog-index .tw-selectTree__option ul li:last-of-type {
    display: none;
}
/* Elies fi: amago darrer element del desplegable de filtres del catàleg */

                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Black.woff") format("woff");
                    font-weight: bolder;
                    font-style: normal;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Bold.woff") format("woff");
                    font-weight: bold;
                    font-style: normal;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Light.woff") format("woff");
                    font-weight: 300;
                    font-style: normal;
                    font-display: swap;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Medium.woff") format("woff");
                    font-weight: 500;
                    font-style: normal;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Regular.woff") format("woff");
                    font-weight: normal;
                    font-style: normal;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-SemiBold.woff") format("woff");
                    font-weight: 600;
                    font-style: normal;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Black.woff") format("woff");
                    font-weight: bolder;
                    font-style: normal;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Bold.woff") format("woff");
                    font-weight: bold;
                    font-style: normal;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Light.woff") format("woff");
                    font-weight: 300;
                    font-style: normal;
                    font-display: swap;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Medium.woff") format("woff");
                    font-weight: 500;
                    font-style: normal;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-Regular.woff") format("woff");
                    font-weight: normal;
                    font-style: normal;
                }
                @font-face {
                    font-family: "ArtegraSans";
                    src: url("https://campuspelayo.com/theme/actua/webfont.php?nomfont=ArtegraSans-SemiBold.woff") format("woff");
                    font-weight: 600;
                    font-style: normal;
                }
            body {
                font-family: ArtegraSans;
            }