.headerlogoddp{
    display: none;
}
.dropdown-menu{
    top: 110%;
    min-width: 140px;
    border: none;
    box-shadow: 0 0 6px 0 rgba(0, 22, 42, 0.1);
}
.dropdown-menu:before,
.dropdown-menu:after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border: none;
    top: -6px;
    left: 10px;
    transform: rotate(45deg);
}
.dropdown-menu:before{
    z-index: -1;
    box-shadow: -4px -3px 7px -1px rgba(0, 22, 42, 0.1);
}
.dropdown-menu>li{
    margin-bottom: 10px;
}
.dropdown-menu>li>a{
    font-size: 15px;
    color: #00325f;
    font-weight: 700;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus{
    color: #0061b8;
    background-color: #ffffff;
}
header .links>li .dropdown-menu a:hover{
    color: #0061b8;
}
header .links>li .dropdown-menu{
    padding: 32px 24px;
}

header .links > li.btn-tu-queja a{
    /*background-color: #ffcb77!important;
    color: #00325f;*/
	background-color: #00325f!important;
    color: #ffffff;
    margin: 0;
}

header .links > li.btn-consulta-queja a{
    margin: 0;
    color: transparent;
    position: relative;
    padding: 10px 14px;
}
header .links > li.btn-consulta-queja a:focus{
    outline: 2px solid #ffcb77;
    /*border: 2px solid #ffcb77!important;*/
}
header .links > li.btn-consulta-queja a:before{
    content:'';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19px;
    height: 20px;
    max-width: 19px;
    max-height: 20px;
    background-image: url(../assets/user-icon-white.png);
    background-size: cover;
    transform: translate(-50%, -50%);
}
#off-canvas .caret,
.main-menu .caret{
    position: relative;
    color: transparent;
    margin-left: 8px;
}
#off-canvas .caret:before,
.main-menu .caret:before{
    font-family: 'ddp';
    content: "\e910";
    color: #00325f;
    font-size: 6px;
    position: absolute;
    top: -5px;
    left: -6px;
}
header{
    top:0;
}
header .links > li.open .caret{
    margin:0;
}
header .links > li.open .caret:before{
    color: #0061b8;;
}

nav #logo{
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translate(-50%);
}
nav #logo .no-print{
    font-family: 'ddp';
    font-size: 32px;
}
header nav#menudesktopddp{
    height: 72px;
    background: #fff;
}
header nav#menudesktopddp span.ddp-menu-icon-blue{
    font-size: 18px;
}
#off-canvas{
    left: -100%;
}
html.in #off-canvas{
    width: 100%;
    left: 0;
    top:0;
    z-index: 1031;
    padding-top: 0;
}
html.in #off-canvas #logo-off-canvas{
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translate(-50%);
}
html.in #off-canvas #off-canvas-top{
    height: 72px;
    border-bottom: 1px solid #004685;
}
html.in #off-canvas #logo-off-canvas .ddp-logo-dp:before{
    font-family: 'ddp';
    color: #fff;
    font-size: 32px;
}
html.in #off-canvas-top button{
    position: absolute;
    right: 24px;
    left: unset;
}
html.in #off-canvas button .ddp-close-icon-white{
    font-family: 'ddp';
    font-size: 24px;
}
html.in #off-canvas .dropdown-menu{
    display: none;
}
html.in #off-canvas li.open .dropdown-menu,
html.in #off-canvas .open .dropdown-menu{
    display: block;
}
@media only screen and (max-width: 991px){
    html.in #off-canvas .open .dropdown-menu:before,
    html.in #off-canvas .open .dropdown-menu:after{
        display: none;
    }
}
html.in #off-canvas li .dropdown-menu li{
    margin-top: 24px;
    display: block;
    text-align: left;
}
#off-canvas .inner-nav{
    padding: 32px 20px;
    height: calc(100% - 72px);
}
#off-canvas ul{
    width: 100%;
}
#off-canvas .dropdown-menu>li>a:hover,
#off-canvas .dropdown-menu>li>a:focus,
#off-canvas a:active{
    background-color: transparent;
}
#off-canvas .inner-nav button{
    width: 100%;
    text-align: left;
    padding: 4px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}
#off-canvas .inner-nav .btn-idiomas button{
    text-decoration: none;
    font-weight: 300;
}
#off-canvas .dropdown-menu a{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
#off-canvas .inner-nav button .caret{
    position: absolute;
    right: 10px;
    top: 10px;
}
#off-canvas .inner-nav button .caret:before{
    color: #fff;
    font-size: 8px;
}
#off-canvas .inner-nav .open button .caret:before{
    transform: rotate(180deg);
}
#off-canvas .inner-nav .menu-item{
    margin-top: 32px;
}
#off-canvas .inner-nav .btn-idiomas.open .menu-item{
    margin-top: 0;
}

#off-canvas #menu-quejas-offset{
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    padding-bottom: 32px;
}
#off-canvas hr{
    margin: 0;
}
#off-canvas #menu-quejas-offset li{
    width: 50%;
}
#off-canvas #menu-quejas-offset .btn-full{
    background: #ffffff;
}
#off-canvas #menu-quejas-offset .btn-primary,
#off-canvas #menu-quejas-offset .btn-full{
    color: #00325f;
    text-align: center;
    padding: 13px 0 0 0;
    font-size: 15px;
    font-weight: 700;
}
#off-canvas .inner-nav .main-menu li.menu-item{
    margin-top: 24px;
}
#off-canvas .main-menu li a{
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    text-align: left;
    padding:0;
}
#off-canvas .btn-idiomas{
    margin-top: 24px;
}
#off-canvas .btn-idiomas button.ddp-idioma-icon-grey:before{
    color: #fff;
}
button.link .ddp-down-icon-blue,
a.link .ddp-down-icon-blue{
    position: relative;
    margin-left: 6px;
    width: 5px;
    height: 5px;
}
button.link .ddp-down-icon-blue:before,
a.link .ddp-down-icon-blue:before {
    transform: rotate(-90deg);
    position: absolute;
    font-size: 5px;
    top: -3px;
    left: -4px;
}
button.link.link-white .ddp-down-icon-blue:before,
a.link.link-white .ddp-down-icon-blue:before,
button.link.link-white,
a.link.link-white{
    color: #fff;
}
button.link.link-white:hover .ddp-down-icon-blue:before,
a.link.link-white:hover .ddp-down-icon-blue:before,
button.link.link-white:hover
a.link.link-white:hover{
    color: #ffcb77;
}
button.navbar-toggle {
    left: 15px;
    top: 25px;
}

@media only screen and (min-width: 992px){
    header .links > li.open .caret{
        margin-left: 8px;
    }
    header .top-nav{
        display: flex;
        justify-content: flex-start;
        padding: 10px 0;
    }
    header .top-nav .icon-search:before{
        font-family: 'ddp';
        font-size: 20px;
    }
    header .top-nav .input-group button.link:hover .icon-search:before,
    header .top-nav .input-group button.link:focus .icon-search:before{
        color: #fff;
    }
    header .top-nav .input-group{
        position: relative;
    }
    header .top-nav .input-group input.form-control:first-child{
        border: 0;
        width: 100px;
        padding-left: 35px;
        color: #5c6771;
        font-size: 14px;
        transition: width .5s;
    }
    header .top-nav .input-group input.form-control::-webkit-input-placeholder,
    header .top-nav .input-group input.form-control::-moz-placeholder,
    header .top-nav .input-group input.form-control:-ms-input-placegolder,
    header .top-nav .input-group input.form-control:-moz-placeholder{
        font-weight: 400;
        font-family: 'Lato';
        color: #5c6771;
    }
    header .top-nav .input-group input.form-control:first-child:focus,
    header .top-nav .input-group input.form-control:first-child:focus-visible{
        width: 180px;
        outline: 2px solid rgb(16, 16, 16);
        outline-offset:0;
    }
    header .top-nav .input-group .input-group-addon{
        position: absolute;
        left: 1px;
        top: 1px;
        z-index: 2;
        border: 0;
    }

    header .top-nav .top-menu-right{
        margin-left: auto;
        display: flex;
        align-items: center;
    }
    header .top-nav .top-menu-right .search-form{
        margin-right: 8px;
        position: relative;
    }
    header .top-nav .top-menu-right .search-form:after{
        content: '';
        position: absolute;
        width: 1px;
        height: 24px;
        border-left: 1px solid #b5b9be;
        right:-1px;
        top: 5px;
    }
    header .top-nav .btn-idiomas{
        position: relative;
        margin-left: 8px;
    }
    header .top-nav .btn-idiomas button.link{
        color: #5c6771;
        font-size: 14px;
        position: relative;
        padding: 5px 5px 5px 30px;
        text-decoration: none;
        font-weight: 400;
    }
    header .top-nav .btn-idiomas button.link:focus{
        outline-offset: 0;
    }
    header .top-nav .btn-idiomas button.link:before{
        position: absolute;
        width: 20px;
        height: 20px;
        background-size: cover;
        left: 0;
        top: 3px;
        font-size: 20px;
    }
    header .top-nav .menuSuperior li a{
        font-size: 14px;
        font-weight: 600;
        padding: 0 40px 0 0;
        padding: 8px;
        margin-right: 32px;
        color: #5c6771;
    }
    header nav{
        background: #ffffff;
    }
    header nav ul.links > li.link button,
    header nav ul.links > li.link a,
    header .links > li a,
    header .links > li:nth-child(5) a,
    header .links > li button
    {
        color: #00325f;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
    }
    header .links > li.open{
        border:none;
    }
    header nav button.link:hover,
    header nav button.link:focus{
        color: #0061b8;
    }
    header nav .clearfix{
        border-top: 1px solid #d4d4d4;
    }
    header nav .clearfix .container{
        display: flex;
        padding: 15px 0 15px 0;
        align-items: center;
    }
    header nav .clearfix .container > div.main-menu[role='menu']{
        margin-left: auto;
        flex:1;
        /* antes comision padding-left: 50px; */
        padding-left: 20px;
    }
    header nav .clearfix .container > div.main-menu[role='menu'] ul.links{
        display: flex;
        justify-content: space-between;
    }
    header nav div.quejas[role="menu"]  ul{
        display: flex;
        margin-left: 50px;
    }
    header nav div.quejas[role="menu"] .links li.btn-tu-queja,
    header nav div.quejas[role="menu"] .links li.btn-consulta-queja{
        height: 48px;
        margin-left: 8px;
    }
    header nav div.quejas[role="menu"] .links li.btn-consulta-queja{
        max-width: 48px;
        overflow: hidden;
    }
    header nav div.quejas[role="menu"] .links li.btn-tu-queja a{
        /* antes comision padding-top: 13px;*/
        padding-top: 14px;
        vertical-align:center;

    }
    header nav div.dropdown-menu[role="menu"] {
        width: auto;
        min-width: 305px;
        box-shadow: 0 0 6px 0 rgba(0, 22, 42, 0.1);
    }
    header nav div.dropdown-menu[role="menu"]:before,
    header nav div.dropdown-menu[role="menu"]:after {
        left: 20px;
    }
    header nav div.dropdown-menu[role="menu"] ul{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    header nav div.dropdown-menu[role="menu"] ul li.col-sm-4{
        width: 100%;
    }
    header .links > li.open .dropdown-menu a,
    header .links > li.open .dropdown-menu button.link,
    header .links > li .dropdown-menu a{
        text-align: left;
        font-size: 15px;
        padding: 12px 0;
        color: #00325f;
    }
    header .links > li.open a.external-link:after{
        font-family: 'ddp';
        content: "\e91d";
        color: #00325f;
        font-size: 16px;
        margin-left: 8px;
        position: relative;
        bottom: -2px;
    }
    header .links > li.open a.external-link:hover:after{
        color: #0061b8;
    }
    header .links > li.menu-item-has-children{
        position: relative;
    }
    header nav#menudesktopddp{
        height: auto;
    }
    header nav #logo{
        position: initial;
        transform: none;
    }
    header #logo .ddp-logo-dp{
        font-family: 'ddp';
        font-size: 48px;
    }
    div[role="menu"] .links div.dropdown-menu{
        margin-top:0;
        top: 56px;
    }
    .btn-idiomas .dropdown-menu{
        left: -15px;
        min-width: 100px;
    }
}

@media only screen and (min-width: 1440px){
    header .top-nav .input-group input.form-control:first-child:focus,
    header .top-nav .input-group input.form-control:first-child:focus-visible{
        width: 240px;
    }
    header nav .clearfix .container > div.main-menu[role='menu'] ul.links{
        justify-content: flex-start;
    }
    header nav .clearfix .container > div.main-menu[role='menu'] ul.links li{
        /* antes comision margin-right: 8px;*/
        margin-right: 2px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
    header nav .clearfix .container > div.main-menu[role='menu']{
        padding-left: 10px;

    }
    header #logo .ddp-logo-dp{
        font-size: 20px;
    }
    header nav ul.links > li.link button,
    header nav ul.links > li.link a,
    header .links > li a, header .links > li:nth-child(5) a,
    header .links > li button{
        padding-left: 0;
        padding-right: 0;
    }
    #off-canvas .caret,
    .main-menu .caret{
        margin-left: 6px;
    }
}
/*menu desplegable comision abusos*/
header nav .clearfix .container > div.main-menu[role='menu'] ul.links li.comision{
        margin-right: 6px;
        background-color: #fde4b2;
        font-size: 16px;
        padding-left: 1px;
        padding-right: 1px;
    }

header nav .clearfix .container > div.main-menu[role='menu'] ul.links li.comision div{
        font-size: 16px;
        width: 85%;
    }

header nav ul.links > li.comision
    {
        color: #00325f;
        font-size: 16px;
        font-weight: 700;
        /*text-decoration: none;*/
    }
/* para menu comision en movil */

#off-canvas-nav #menu-menu-main-ddp li.comision button{
    background: #fde4b2;
    color:#00325f;
    /*border-radius: 15px;*/
}

#off-canvas-nav #menu-menu-main-ddp li.comision .dropdown-menu a{
    background: #00325f;
    color:#ffffff;
    border-radius: 15px;
}


/* estilo convocatoria en menu superior */
.convocatoria_home {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0px 5px 20px;
    color: #5c6771;
    border: 3px solid #fde4b2;
}

header .top-nav .menuSuperior   li.convocatoria a {
	font-size: 15px; 
	font-weight: 600;
    padding: 5px 0px 5px 20px;
    color: #5c6771;
	
	}