@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;1,500&family=Work+Sans:ital,wght@0,400;0,700;1,400&display=swap');
/************************************************************************************
2020 Equipo NTG Colombia
CSS Estilos personalizados 
/************************************************************************************/


/************************************************************************************
GENERALES
*************************************************************************************/
html {
    overflow-x: hidden;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
}

a {
    color: var(--primary);
    background-color: transparent;
}

a:visited {
    color: var(--info);
}

a:hover {
    color: var(--blue);
    text-decoration: underline;
}

.bg-gray {
    background: #e6e6e6;
}

.bg-blue-light {
    background-color: #F6F8F9;
}

.bg-blue-light-02 {
    background: #e6effd;
}

.altoContraste {
    -webkit-filter: invert(1);
    filter: invert(1);
    background-color: #fff;
}

@-moz-document url-prefix() {
    .altoContraste {
        mix-blend-mode: difference;
        background-color: #fff;
        filter: none;
    }
}

.clearfix {
    clear: both;
}

.container-xl {
    max-width: 1200px; 
} 

.sub-section-container > div, 
.section-container {
    width: 100%;
    max-width: 1080px;
    margin: auto;
    padding: 20px;
}

.container-sm {
    max-width: 800px;
} 

.section-container .ntg-titulo-caja {
    width: 100%;
}

.bg-blue {
    background: var(--blue);
    z-index: 0;
    clear: both;
}

.bg-blue-noticias {
    background: var(--blue);
    clear: both;
}

.div-btn  a {
    display: inline-block;
    font-weight: 400;
    color: var(--primary);
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem 1.4rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 3rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.div-btn-primary a {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.div-btn-secondary a {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn {
    border-radius: 3rem;
    text-transform: uppercase;
    color: white;
}

.div-btn-primary a:hover {
    background-color: var(--blue);
    text-decoration: none;
    color: white;
}
.div-btn-secondary a:hover {
    background-color: var(--blue);
    text-decoration: none;
    color: white;
    border-color: var(--blue);
}

.div-btn-border a {
    color: #fff;
    background-color: transparent;
    border-color: white;
}

.div-btn-border a:hover {
    background-color: white;
    text-decoration: none;
    color: var(--blue) !important;
}

.card {
    overflow: hidden;
    height: calc(100% - 2rem);
    border-radius: 5px;
    margin-bottom: 2rem;
}

.card .figure {
    margin-bottom: 1rem;
}

.binary-img_seccion img,
.binary-foto_perfil img,
.binary-foto_marquesina img,
.binary-demo img,
.binary-img_articulo img {
    border-radius: 5px;
}

.carousel .binary-foto_marquesina img {
    border-radius: 0px;
}

.card .figure img {
    border-radius: 0;   
}

.fecha {
    font-family: 'Work Sans';
    font-size: .85rem;
    margin-bottom: 8px;
    color: #4b4b4b;
    width: 100%;
}
.card .fecha {
    padding: 0 1rem;
    margin-bottom: 8px;
    font-size: .85rem;
}

.card .titulo {
    padding: 0 1rem 1rem 1rem;
}

.card a {
    text-decoration: underline;
    font-family: Montserrat;
    font-weight: 500;
}

.title_underline_padre > .ntg-titulo-caja,
.convocatorias_container > .ntg-titulo-caja,
.title_underline {
    position: relative;
    padding: 0;
    padding-bottom: 1.5rem;
    font-weight: 600;
    color: var(--primary);
    text-align: center;
}

.title_underline a{
    color: var(--primary); 
}

.title_underline_padre > .ntg-titulo-caja a,
.convocatorias_container > .ntg-titulo-caja a{
    color: var(--primary);  
}

.articulo strong {
    font-weight: 600;
}

.articulo {
    max-width: 800px;
    margin: auto;
}

.articulo h2 {
    clear: both;
}

.articulo .resumen,
.articulo .abstract {
    font-family: 'Work Sans';
    font-size: 1.12rem;
    line-height: 1.3;
    margin: 1rem 0 2rem 0;
    color: var(--primary);
}

.articulo .figure img {
    margin-bottom: 30px;
}
.tramites_links .figure img {
    margin-bottom: 0;
}

.articulo .figure a:last-child {
    display: none;
}

.formulario {
    padding: 30px;
}
@media only screen and (max-width: 767.98px) {
    .formulario {
        padding: 16px;
    }

    .more_news {
        text-align: center !important;
    }
}

.formulario fieldset > div {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.formulario .tituloencuesta {
    position: relative;
    padding: 0;
    padding-bottom: 5px;
    font-size: 2rem;
    font-weight: 600;
    color: var(--blue);
}

.formulario  ul {
    padding: 0;
}

.formulario label {
    font-weight: 600;
    padding-top: 25px;
    color: var(--blue);
}

.formulario .form-control {
    width: 100%;
    height: auto;
    margin-right: 8px;
    margin-top: 3px;
}

.formulario input[type=text]{
    background: #e5eefb;
    border-bottom: 1.5px solid var(--blue);
    border-radius: 5px 5px 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 35px;
    padding: 0 16px;
}

.formulario .form_text .alert-warning + input {
    border-bottom: 1.5px solid #dc3545;
}

.formulario .form_select ul li {
    display: flex;
    align-items: baseline;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 23px;
    padding-bottom: 8px;
    color: var(--blue);
    border-bottom: 1px solid #E6EFFD;
}

.formulario input[type=checkbox], 
.formulario input[type=radio] {
    position: absolute;
    left: 0;
    top: 0.25rem;
    opacity: 0;
    z-index: 1;
    height: 16px;
    width: 16px;
}

.formulario input[type=radio] + span:before,
.formulario input[type=checkbox] + span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .25rem;
    color: #fff;
    background-color: transparent;
    border: solid 2px var(--blue);
}

.formulario input[type=radio] + span:before {
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.formulario  input[type=radio]:checked + span:after {
    content:"";
    display:block;
    width: 8px;
    height: 8px;
    background-color: var(--blue);
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 8px;
}

.formulario input[type=checkbox] + span:before {
    height: 20px;
    width: 20px;
    border-radius: 5px;
}

.formulario input[type=checkbox]:checked + span:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23004884' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z'/></svg>");
    background-repeat: no-repeat;
    background-size: 1.4rem 1.4rem;
    background-position: center;
}

.formulario .form_button .btn-default {
    display: block;
    background-color: var(--primary);
    color: #fff;
    border-radius: 3rem;
    margin: auto;
    margin-top: 1rem;
    padding: .375rem 1.4rem;
}

.formulario .form_button .btn-default:hover {
    background-color: var(--blue);
    border-color: var(--blue);
}

.formulario_ser > form {
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 20px 0;
}

.formulario_ser .ntg-titulo-caja {
    max-width: 1240px;
    margin: auto;
    padding: 20px 0px 5px 0px;
}

@media screen and (min-width: 1280px){
    .formulario_ser .ntg-titulo-caja {
        max-width: 2000px;
        margin: auto;
        padding: 20px 0px 5px 0px;
        width: 85%;
    }
}

.formulario_ser a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
}

.formulario_ser .form_button {
    text-align: center;
}
.formulario_ser .form_button input {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 1.4rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 3rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.formulario_ser .form_button input:hover {
    background-color: var(--blue);
    text-decoration: none;
    color: white;
}

.formulario_ser .form_text input {
    background: #e5eefb;
    border: 1px solid #ced4da;
    border-bottom: 1.5px solid var(--blue);
    border-radius: 5px 5px 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0 16px;
    color: #495057;
    height: 35px;
}
.formulario_ser .form_text .alert-warning + input {
    border-bottom: 1.5px solid #dc3545;
}

.formulario_ser label {
    width: 100%;
    font-weight: 600;
    color: var(--blue);
}


.formulario_ser div {
    width: 100%;
    display: inline-block;
    margin-bottom: 18px;
}

.formulario_ser div.form_text {
    width: 50%;
    padding: 0px 20px 20px 0px;
    margin: 0;
}
.formulario_ser #titulo_div_918 {
   padding-bottom: 30px;
}
.formulario_ser #text_acepto_div_918 {
    padding-top: 30px;
 }

.formulario_ser .form_select ul li,
.formulario div[id^="Acepto_div"]{
    width: 50%;
    display: inline;
    margin-right: 20px;
    border: 0;
}

.formulario_ser .form_select ul {
    padding: 0;
    list-style: none;
}

div#Acepto_div_918 {
    text-align: center;
}

@media only screen and (max-width: 767.98px) {
    .formulario_ser div.form_text {
        width: 100%;
    }
    .formulario_ser .form_select ul li {
        width: 100%;
    }
}

.formulario .form_captcha {
    overflow: hidden;
}

#P009_Captcha_div_838 {
    text-align: center;
}

.formulario .form_captcha > div > div  {
    margin: auto;
}

.gj-datepicker {
    padding: 20px 0;
}

.tags {
    font-size: 14px;
    color: var(--secondary);
    margin-bottom: 10px;
    font-weight: 500;
}

.tags > span {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid var(--secondary);
}

.tags > span:last-of-type {
    border-right: none;
}

/* LISTA NEWS */

.lista-news > .recuadro {
    padding: 10px 0;
    border-bottom: 2px solid rgba(157,190,255,.3);
    margin: 0;
}

.lista-news > .recuadro > div > div:nth-of-type(3) {
    color: var(--primary);
    font-size: 14px;
    margin-top: 4px;
    font-weight: 500;
}

form .alert-warning {
    background: transparent;
    color: #dc3545;
    font-size: .85rem;
    padding: 0;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0;
}

/*************** TIPOGRAFIAS ***************/

.alianzas-link a {
    text-decoration: underline;
}
.alianzas-link a:hover {
    color: var(--secondary);
}

ol {
    list-style-type: none;
    list-style-position: outside;
    margin-left: 0;
    counter-reset: item;
    margin-top: 20px;
    margin-bottom: 20px;
}

ol > li {
    color: #000;
    padding-left: 0;
    position: relative;
}
ol > li:before {
    counter-increment: item;
    content: counter(item) ".";
    display: inline-block;
    position: absolute;
    left: -20px;
    top: 3px;
    color: var(--primary);
}

.dropdown-item {
    font-weight: 100;
}

.dropdown-menu .active,
.dropdown-item:hover, 
.dropdown-item:focus {
    background-color: #cecece;
}

.div-titulo-secundario .ntg-titulo-caja,
.titulo-secundario {
    position: relative;
    font-family: 'Montserrat';
    padding: 0;
    padding-bottom: 5px;
    color: var(--blue);
    font-size: 1.5rem;
}

.div-titulo-secundario .ntg-titulo-caja a,
.titulo-secundario a {
    color: var(--blue);
    text-decoration: underline;
}

.div-titulo-secundario .ntg-titulo-caja a:hover,
.titulo-secundario a:hover {
    color: var(--primary);
}

/************************************************************************************
HOME
*************************************************************************************/

.destacados-home a img {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgb(51 102 204 / 29%);
}

.destacados-home a img:hover{
    -webkit-transform: scale(.95);
            transform: scale(.95);
}

/*---------HEADER---------*/

#imgHeader {
    position: relative;
}

#imgHeader:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 0.7;
}

#imgHeader .recuadro:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    height: 150px;
    width: 400px;
    background: red;
    background: url(https://colombiatic.mintic.gov.co/679/channels-581_logo_footer_mintic.png);
    background-repeat: no-repeat;
    left: 38px;
    background-position: center;
    background-size: cover;
    z-index: 2;
}

#imgHeader .recuadro:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: var(--secondary);
    width: 333px;
    height: 100%;
}

#imgHeader .titulo {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 65px;
    max-width: 480px;
    color: #fff;
    font-size: 32px;
}

@media screen and (min-width: 1px) and (max-width: 768px){
   

    #imgHeader .recuadro:before {
        display: block;
        position: relative;
        margin: auto;
        left: 0px;
        height: 100px;
        width: auto;
        background-size: contain;
        background-position: center;
        background-color: #fff;
    }

    #imgHeader .recuadro:after{
        display: none;
    }

    #imgHeader .titulo {
        font-size: 19px;
        right: initial;
        left: 0;
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 10px;
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        text-align: center;
    }
}


header .recuadro img {
    width: 100%;
}

.logo_menu_superior, 
.menu_superior {
    background: #36c;
    color: #fff;
}
.items_menu_superior, .buscador_menu_superior {
    display: flex;
    align-items: center;
}

.header-govco {
    padding: 8px 0;
}

.header-govco img {
    max-height: 20px;
}

@media only screen and (max-width: 767.98px) {
    header .logo {
        text-align:center;
    }
}

@media screen and (min-width: 1px) and (max-width: 991.98px){
    .items_menu_superior > div {
        width: 100%;
    }

    .busqueda_avanzada,
    .header-govco {
        margin: auto;
    }
}


.items_menu_superior ul {
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0;
}

.items_menu_superior ul > li {
    display: inline-block;
}

.items_menu_superior ul > li a {
    color: #fff;
    padding: 20px 15px;
    display: inline-block;
    position: relative;
    font-size: 14px;
}

.items_menu_superior ul > li a:hover {
    text-decoration: none;
}

.items_menu_superior ul > li a:hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 5px;
    background: #f0cf37;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .items_menu_superior ul {
        margin-bottom: 20px;
    }
    .items_menu_superior ul > li {
        width: 100%;
        text-align: center;
    }
    .items_menu_superior ul > li a {
        color: #fff;
        padding: 5px 15px;
    }
}

#cuadro_busqueda {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z'/><path fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    background-size: 17px;
    font-size: 0;
    width: 30px;
    height: 30px;
    background-color: var(--primary);
    border-radius: 50%;
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.busqueda_avanzada {
    position: relative;
    margin-left: auto;
    width: 100%;
    max-width: 350px;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .busqueda_avanzada {
        position: relative;
        margin: auto;
        margin-bottom: 20px;
    }
}

.busqueda_avanzada #cuadro_busqueda_movil
/* .busqueda_avanzada #cuadro_busqueda */ {
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    white-space: pre;
    width: 40px;
    padding: 0;
    color: transparent;
    z-index: 2;
    border: 0;
    opacity: 0;
    margin: 0;
}

#buscador_mintic {
    padding: 6px 40px 6px 16px;
    width: 100%;
    border: 1px solid #C9C9C9;
    border-radius: 8px;
}

.busqueda_avanzada #buscador_mintic_movil 
/* .busqueda_avanzada #buscador_mintic */ {
    border-radius: 20px;
    border: 0;
    padding: 5px 40px 5px 10px;
    box-sizing: border-box;
    font-size: 14px;
}

/*---------MENU---------*/

.main-navbar {
    padding: 0;
    background: #F6F8F9;
    border-bottom: solid 2px var(--secondary);
}

.main-navbar .navbar-nav {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.main-navbar .navbar-nav > li:not(:last-child) {
    margin-right: 10px;
}
.main-navbar .navbar-nav > li > a {
    padding: 1rem .5rem;
    display: flex;
    align-items: baseline;
    position: relative;
    font-size: 0.875rem;
    line-height: 1.3;
    height: 100%;
    color: #434343;
}

.main-navbar .navbar-nav > li > a:visited {
    color: var(--info);
}

.container-menu-micro .navbar-nav > li > a:visited,
.container-menu-micro .navbar-nav > li > a {
    color: var(--blue);
}

.menu-micrositios li > a:hover,
.main-navbar .navbar-nav > li > a:hover {
    background-color: #F2F2F2;
    font-weight: 700;
    text-decoration: underline;
}

.menu-micrositios li.active > a,
.main-navbar .navbar-nav > li > a.active {
    color: white !important;
    background-color: var(--primary) !important;
}

.main-navbar .navbar-nav > li > ul {
    display: none;
    list-style: none;
    max-width: 280px;
    min-width: 280px;
    background: #F2F2F2;
    border-bottom: solid 2px var(--secondary);
}

.main-navbar .navbar-nav > li > ul {
    overflow-y: auto;
    max-height: 80vh;
}

.main-navbar .navbar-nav li ul::-webkit-scrollbar
{
    width: 10px;
    background-color: var(--primary);
    border-radius: 5px;
}

.main-navbar .navbar-nav li ul::-webkit-scrollbar-track
{
    box-shadow: inset 0px 0px 6px rgba(0,0,0,.3);
    background-color: #f5f5f5;
}

.main-navbar .navbar-nav li ul::-webkit-scrollbar-thumb
{
    background-color: var(--primary);
    border-radius: 5px;
}

.main-navbar .navbar-nav > li:hover > ul {
    display: block;
    position: absolute;
    top: 100%;
    z-index: 500;
    padding: 0;
}

.main-navbar .navbar-nav > li > ul > li {
    position: relative;
}

.main-navbar .navbar-nav > li > ul > li ul {
    background: #ececec;
    padding: 10px 0px 10px 20px;
    list-style: none;
}

.main-navbar .navbar-nav > li ul li a {
    color: #434343;
    width: 100%;
    display: inline-block;
    padding: 6px;
    text-transform: initial;
    text-decoration: none;
    font-size: 13px;
    text-align: left;
}
.main-navbar .navbar-nav > li ul li a:visited {
    color: var(--info);
}

.main-navbar .navbar-nav > li ul li.active a,
.main-navbar .navbar-nav > li ul li a:hover {
    color: #fff;
    background: var(--primary);
}


.main-navbar #atencion > a:after,
.main-navbar #ministerio > a:after,
.main-navbar #sala_prensa > a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #434343;
    margin-left: 5px;
    vertical-align: middle;
}

.main-navbar #atencion > a.active:after,
.main-navbar #ministerio > a.active:after,
.main-navbar #sala_prensa > a.active:after {
    border-top: 6px solid #fff;
}


@media screen and (min-width: 1px) and (max-width: 768px){
    .main-navbar .navbar-nav > li {
        width: 100%;
    }
    .main-navbar .navbar-nav > li > a {
        width: 100%;
        padding: 10px 0;
        font-size: 14px;
    }
}

/*---------MENU STICKY---------*/
@media screen and (min-width: 769px){
    .main-navbar.sticky {
        position: fixed;
/*         max-width: 1366px; */
        left: 0;
        right: 0;
        top: 0;
        z-index: 500;
        width: 100%;
        margin: auto;
        -webkit-animation: fixed-move-down .5s;
        animation: fixed-move-down .5s;
    }

    .main-navbar.sticky .navbar-nav {
        position: relative;
        align-items: stretch;
    }

    .main-navbar.sticky .navbar-nav.menu-micrositios {
        width: 95%;
    }

    .main-navbar.sticky > div > .navbar-nav:before {
        content: "";
        display: block;
        height: 60px;
        width: 200px;
        background: url(https://colombiatic.mintic.gov.co/679/channels-581_logo_footer_mintic.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 1rem;
    }

    .main-navbar.sticky #tramites-sticky {
        width: 25%;
        float: left;
    }

    .main-navbar.sticky #tramites-sticky > ul {
        padding: 0;
        list-style: none;
    }

    .main-navbar.sticky #tramites-sticky > ul li {
        float: left;
        width: 50%;
        text-align: center;
    }

    .main-navbar.sticky .navbar-nav > li ul li a{
        font-size: 13px;
    }

    .main-navbar.sticky #tramites-sticky > ul li a {
        color: #0056b3;
        padding: 22px 10px;
        display: inline-block;
        position: relative;
        font-size: 14px;
    }

    .main-navbar.sticky #tramites-sticky > ul li a:hover{
        text-decoration: none;
    }

    .main-navbar.sticky #tramites-sticky > ul li a:hover:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background: #f0cf37;
    }

    .main-navbar #atencion > a:after, .main-navbar #ministerio > a:after, .main-navbar #sala_prensa > a:after {
        margin-right: 5px;
    }
}

@media screen and (min-width: 1px) and (max-width: 768px){

    .main-navbar.sticky #tramites-sticky {
        width: 100%;
    }

    .main-navbar.sticky #tramites-sticky > ul li {
        width: 100%;
    }
    .main-navbar.sticky #tramites-sticky {
        width: 100%;
        display: none;
    }
}

/*---------MENU PQRSD---------*/

.navbar-pqrsd .navbar-nav {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 800px;
    margin: auto;
    background-color: #e6effd;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgb(51 102 204 / 29%);
}

.navbar-pqrsd .nav-item {
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
}

.navbar-pqrsd .nav-item:not(:last-child):after {
    content: "";
    display: block;
    width: 1px;
    background-color: #6c757d73;
    position: absolute;
    right: 0;
    top: 3px;
    bottom: 3px;
    margin: auto;
}

.navbar-pqrsd .nav-link {
    color: var(--primary);
    font-weight: bold;
    line-height: 1.3;
}
.navbar-pqrsd .nav-item.active .nav-link,
.navbar-pqrsd .nav-link:hover {
    color: var(--secondary);
}

@media only screen and (max-width: 767.98px) {
    .navbar-pqrsd .navbar-nav{
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
    }

    .navbar-pqrsd .nav-item:after {
        display: none !important;
    }
}

/*---------HOME IFRAME---------*/

.home_iframe .titulo {
    color: var(--blue);
    font-weight: 600;
    margin-bottom: 20px;
}

.home_iframe .embed-responsive {
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgb(51 102 204 / 29%);
}

.home_iframe .recuadro > div:nth-of-type(2) {
    padding-top: 40px;
}

.home_iframe .recuadro .embed-responsive {
    max-width: 800px;
    margin: auto;
}


/*---------HOME NOTICIAS---------*/

.left_col_noticias .recuadro .figure,
#recuadros_articulo_11676 .recuadro .figure {
    margin-bottom: 20px;
}

.left_col_noticias .recuadro .titulo a,
#recuadros_articulo_11676 .recuadro .titulo a {
    text-decoration: underline;
}

#recuadros-youtube .recuadro,
.right_col_noticias .recuadro,
#recuadros_articulo_11870 > .recuadro {
    padding-bottom: 2rem;
    position: relative;
}

.left_col_noticias .recuadro > div:nth-of-type(3),
#recuadros_articulo_11676 .recuadro > div:nth-of-type(3),
#recuadros-youtube .recuadro > div > div:nth-of-type(3),
.right_col_noticias .recuadro > div > div:nth-of-type(3),
#recuadros_articulo_11870 > .recuadro > div > div:nth-of-type(3) {
    color: var(--primary);
    font-size: 0.875rem;
    margin-top: 4px;
    font-weight: 500;
}

.lista-news > .recuadro .titulo a,
.right_col_noticias .recuadro .titulo a,
#recuadros_articulo_11870 > .recuadro .titulo a,
#recuadros_articulo_11677 > .recuadro .titulo a {
    display: inline-block;
    font-family: Montserrat;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-weight: 500;
    text-decoration: underline;
}

#recuadros-youtube .recuadro .titulo a {
    display: inline-block;
    font-family: Montserrat;
    max-width: 100%;
    font-weight: 500;
    text-decoration: underline;
}

.btn-abrir-filtros {
    background-color: var(--primary);
    border: none;
    color: #fff;
    border-radius: 3rem;
    max-width: 450px;
    margin-bottom: 30px;
    width: 100%;
    box-shadow: none !important;
    margin: auto;
    display: inherit;
    position: relative;
    padding-right: 35px;
}

.btn-abrir-filtros:focus,
.btn-abrir-filtros:hover {
    background-color: var(--blue);
    color: #fff;
}

.btn-abrir-filtros span,
.btn-abrir-filtros span strong{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.btn-abrir-filtros:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 12px;
    bottom: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    background-image: none;
    margin: auto;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -5px;
}
button[aria-expanded="true"].btn-abrir-filtros:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 5px;
}

.pvid-133234,
.pvid-133233 {
    display: inline-block;
    color: #fff;
    padding: 2px 7px;
    border-radius: 2rem;
    font-size: .8rem;
    margin: 5px 10px 5px 0;
}
.pvid-133234{background-color: #bdbdbd;}
.pvid-133233 {background-color: var(--success);}

.card .pvid-133234,
.card .pvid-133233 {
    margin-bottom: 1.2rem;
}
.convo .pvid-111099 {
    display: block;
    margin-right: 1rem;
    font-size: .85rem;
    color: #4b4b4b;
}
/*---------MIGA DE PAN---------*/
.miga_depan .section-container {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 35px;
    padding-right: 35px;
}

.miga_depan p {
    margin: 0;
    display: flex;
    align-items: center;
    color: transparent;
}

.miga_depan {
    padding: 2rem 0;
}

.miga_depan a {
    font-family: 'Montserrat';
    color: var(--blue);
    font-size: .875rem;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: auto;
    max-width: 250px;
}

.miga_depan a.current {
    color: var(--primary);
    font-weight: 600;
}

.miga_depan a:not(:last-child):after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23004884' xmlns='http://www.w3.org/2000/svg'><path d='M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z'/></svg>");
    background-size: 1.4rem;
    background-repeat: no-repeat;
    width: 1.4rem;
    height: 1.5rem;
    vertical-align: middle;
}
/*---------ATENCIÓN---------*/

#recuadros_articulo_11675 .recuadro > div:nth-of-type(1) {
    position: relative;
    margin-bottom: 15px;
    position: relative;
    min-height: 50px;
}

#recuadros_articulo_11675 .recuadro > div:nth-of-type(1) .titulo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 15px;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1.2;
    box-sizing: border-box;
}

#recuadros_articulo_11675 .recuadro > div:nth-of-type(1) img, 
#recuadros_articulo_11675 .recuadro > div:nth-of-type(1) h5 {
    width: 100% !important;
}

#i__MT_pa_atencion_publico_1 {
    max-width: 800px;
    margin: auto;
}

#i__MT_pa_atencion_publico_1 ul {
    padding: 0;
}
#i__MT_pa_atencion_publico_1 ul li {
    display: inline-block;
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    #i__MT_pa_atencion_publico_1 ul li {
        display: inline-block;
        width: 100%;
    }
}

#i__MT_pa_atencion_publico_1 ul li a {
    padding: 20px;
    border-bottom: 2px solid rgba(157,190,255,.3);
    display: inline-block;
    width: 100%;
}

#recuadros_articulo_11864 {
    padding: 50px 0;
}

#recuadros_articulo_11864 img {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

#recuadros_articulo_11864 img:nth-child(3) {
    width: 49%;
    display: inline-block;
    margin-right: 1%;
}

#recuadros_articulo_11864 img:nth-child(4) {
    width: 49%;
    display: inline-block;
    margin-left: 1%;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    #recuadros_articulo_11864 img:nth-of-type(3),
    #recuadros_articulo_11864 img:nth-of-type(4) {
        width: 50%;
        display: inline-block;
    }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 35px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#limpiarFiltros {
    color: #fff;
    background-color: #5d90cc;
    border-color: #5d90cc;
    font-weight: 100;
    border-radius: 0;
}

#filtroBuscar {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    font-weight: 100;
    border-radius: 0;
}

.filtros-desplegados .gj-datepicker-bootstrap [role=right-icon] button:hover,
.filtros-desplegados .gj-datepicker-bootstrap [role=right-icon] button {
    background: var(--secondary);
    height: 38px;
    color: #fff;
    border: 1px solid var(--secondary) !important;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 0 22px;
}

.link-historico {
    padding-top: 30px;
}

.link-historico a {
    color: #fff;
    text-decoration: overline;
}

.link-historico a:hover {
    color: var(--secondary);
}

.link-historico:before {
    content: "";
    display: block;
    background-image: url(channels-616_icon_noticias.svg);
    width: 50px;
    height: 50px;
    margin: auto;
    margin-bottom: 8px;
}

/*---------INICIATIVAS---------*/

.btns_iniciativas {
    padding: 30px 0px;
}

.btns_iniciativas a {
    background: #1d5785;
    color: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 50rem;
    margin: 1rem 0;
}
.btns_iniciativas a img {
    width: 50px;
}

.btns_iniciativas .links-iniciativa:nth-child(odd) a {
    background: #0d3656;
}

.btns_iniciativas a:hover {
    background: var(--info) !important;
    color: #fff;
}

/*---------CONVOCATORIAS---------*/

#recuadros_articulo_11682 .recuadro .fecha,
#recuadros_articulo_11682 .recuadro .titulo{
    padding: 0px 20px;
    line-height: 1.2;
}

#recuadros_articulo_11682 .recuadro .titulo a {
    color: #000;
    font-size: 16px;
}

#recuadros_articulo_11682 .recuadro .fecha {
    color: var(--secondary);
    font-size: 14px;
    margin-bottom: 8px;
}

#recuadros_articulo_11682 .recuadro:hover .fecha,
#recuadros_articulo_11682 .recuadro:hover .titulo a{
    color: #fff;
}

#recuadros_articulo_11682 .recuadro {
    position: relative;
    padding-bottom: 10px;
}

#recuadros_articulo_11682 .recuadro .figure {
    margin-bottom: 10px;
}

#recuadros_articulo_11682 .recuadro:before {
    content: "";
    background: #FFF;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    display: block;
    height: 100%;
    z-index: -1;
}

#recuadros_articulo_11682 .recuadro:hover:before {
    content: "";
    background: var(--primary);
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    display: block;
    height: 100%;
    z-index: -1;
}

.more_convoca {
    padding: 15px;
    margin-top: 20px;
    border-top: 2px solid rgba(157,190,255,.3);
}

.more_convoca a {
    color: var(--secondary);
}

.more_convoca a:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(channels-616_plus_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 5px;
}

.btns_transparencia > .recuadro,
.recuadro-publicos {
    float: left;
    width: 100%;
}

.btns_transparencia > .recuadro img{
    width: 100%;    
}

.btns_transparencia .btn-info {
    display: block;
    margin: auto;
    margin-top: 3rem;
    color: var(--primary);
    border-color: var(--primary);
    background-color: transparent;
    padding: .375rem 1.4rem;
}
.btns_transparencia .btn-info:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.recuadro-publicos .recuadro {
    width: 20%;
    float: left;
    background: var(--blue);
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .recuadro-publicos .recuadro {
        width: 100%;
    }
}

.recuadro-publicos .recuadro:nth-child(odd) {
    background: #0d3656;
}

.recuadro-publicos .recuadro:hover {
    background: var(--info);
}

.recuadro-publicos .recuadro img {
    width: 50px;
}

.recuadro-publicos .recuadro .titulo a {
    color: #fff;
    font-weight: 600;
}


/*---------PROGRAMA TV---------*/

#programa_tv {
    padding: 80px 20px;
}

#programa_tv.title_underline_padre .ntg-titulo-caja{
    color: #fff;
}

@media screen and (min-width: 1280px){
    #programa_tv {
        padding: 30px 20px;
    }
}

.bg-tv {
    background: url(channels-616_bg_tv.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: initial;
    padding: 0;
    max-width: initial;
    float: left;
    width: 100%;
    background-color: var(--blue);
}

#programa_tv .titulo, #programa_tv .abstract {
    color: #fff;
}

#programa_tv .abstract {
    line-height: 1.2;
    font-weight: 400;
}
#programa_tv .titulo {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 15% 0 10px 0;
    line-height: 1.2;
}

/*---------CONVOCATORIAS---------*/

.btns_transparencia {
    clear: both;
}

.has-parallax {
    background: #1d5785;
}

/*---------FOOTER---------*/

footer .bg-secondary {
    border-top: 100px solid white;
    margin-top: 3rem;
}
footer .card {
    margin-top:-100px;
}

footer .small p{
    margin-bottom: .5rem;
}

footer a {
    text-decoration: underline;
    color: var(--blue);
}

footer .bg-primary ul {
    color: #fff;
}

@media only screen and (max-width: 991.98px) {
    footer  .list-group-horizontal {
        flex-direction: column;
    }
    footer  .list-group-horizontal .pl-0 {
        padding-left: 1.25rem !important;
    }
}

.menu_inferior {
    max-width: 1240px;
    margin: 28px auto;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

#enlaces_gobierno {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#selects {
    float: left;
    width: 20%;
}

.menu_inferior #enlaces_gobierno ul {
    width: 18%;
    float: left;
    padding: 0 10px;
    list-style: none;
    font-size: 14px;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .menu_inferior #enlaces_gobierno ul {
        width: 50%;
        padding: 0 0px;
    }
}

.menu_inferior #enlaces_gobierno .logo_gobierno {
    width: 28%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
    box-sizing: border-box;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .menu_inferior #enlaces_gobierno .logo_gobierno {
        width: 100%;
        padding: 20px;
    }
    .menu_inferior #enlaces_gobierno .logo_gobierno img{
        max-width: 250px;
    }
}

#redes > .row > div {
    padding: 5px;
}

.menu_inferior .title {
    font-size: 15px;
    color: dimgrey;
}

.menu_inferior li a {
    color: #000;
}

.ul_ministerios li a:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #0d3656;
    margin-right: 5px;
}

#selects ul {
    list-style: none;
    padding: 0;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    #logo_mcolombia {
        text-align: center;
    }
    #logo_mcolombia img {
        width: 100%;
        max-width: 60px;
        margin: auto;
    }
}

/*COLUMNA1*/
.ul_ministerios.columna1 li.item1 a:before {
    background: #c5131d;
}

.ul_ministerios.columna1 li.item2 a:before {
    background: #9b087b;
}

.ul_ministerios.columna1 li.item3 a:before {
    background: #2b449c;
}

.ul_ministerios.columna1 li.item4 a:before {
    background: #077ec3;
}

.ul_ministerios.columna1 li.item5 a:before {
    background: #00a548;
}

.ul_ministerios.columna1 li.item6 a:before {
    background: #3c208a;
}


/*COLUMNA2*/
.ul_ministerios.columna2 li.item1 a:before {
    background: #881b02;
}

.ul_ministerios.columna2 li.item2 a:before {
    background: #bfac00;
}

.ul_ministerios.columna2 li.item3 a:before {
    background: #3d9132;
}

.ul_ministerios.columna2 li.item4 a:before {
    background: #781d7d;
}

.ul_ministerios.columna2 li.item5 a:before {
    background: #8f208b;
}

.ul_ministerios.columna2 li.item6 a:before {
    background: #63ae33;
}


/*COLUMNA3*/
.ul_ministerios.columna3 li.item1 a:before {
    background: #a0cf66;
}

.ul_ministerios.columna3 li.item2 a:before {
    background: #d06f1a;
}

.ul_ministerios.columna3 li.item3 a:before {
    background: #b1850a;
}

.ul_ministerios.columna3 li.item4 a:before {
    background: #333092;
}

.ul_ministerios.columna3 li.item5 a:before {
    background: #00a8cb;
}

.ul_ministerios.columna3 li.item6 a:before {
    background: #c4101a;
}


/*---------ACERCA DE---------*/

#recuadros_articulo_11762 .recuadro, 
#recuadros_articulo_11761 .recuadro, 
#recuadros_articulo_11760 .recuadro {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

#recuadros_articulo_11762 .recuadro .titulo,
#recuadros_articulo_11761 .recuadro .titulo,
#recuadros_articulo_11760 .recuadro .titulo,
#recuadros_articulo_11761 .recuadro .titulo a,
#recuadros_articulo_11760 .recuadro .titulo a{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
    color: var(--secondary);
    display: inline-block;
}

#recuadros_articulo_11761 .recuadro .titulo a,
#recuadros_articulo_11760 .recuadro .titulo a{
    text-decoration: underline;
}

#recuadros_articulo_11761 .recuadro .titulo a:hover,
#recuadros_articulo_11760 .recuadro .titulo a:hover{
    text-decoration: none;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    #recuadros_articulo_11761 .recuadro > div:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    #recuadros_articulo_11761 .recuadro .titulo a,
    #recuadros_articulo_11760 .recuadro .titulo a {
        margin-top: 20px;
    }
}

.bajardoc-cc .bajardoc {
    border-bottom: none;
    padding: 0;
}

.bajardoc-cc .recuadro {
    width: 100%;
}

.bajardoc-cc ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    width: 100%;
}

.bajardoc-cc ul li {
    position: relative;
    min-height: 100px;
    padding: 10px;
    padding-left: 80px;
    margin-bottom: 20px;
    line-height: 1.2;
    list-style: none;
    width: 100%;
}
.bajardoc-cc ul li:before {
    display: none !important;
}

.bajardoc-cc ul li a:before {
    content:"";
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'><path d='M46.67,0H17a3.8,3.8,0,0,0-3.8,3.79V66.21A3.8,3.8,0,0,0,17,70H61.68a3.79,3.79,0,0,0,3.79-3.79V17.72Z' fill='%239dcb3b'/><path d='M46.67,13.93a3.79,3.79,0,0,0,3.8,3.79h15L46.67,0Z' fill='%2396b33d'/><rect x='4.53' y='23.96' width='41.23' height='22.08' rx='4.67' fill='%2396b33d'/><g><path d='M21.64,37.73a.72.72,0,0,1,.15.45.67.67,0,0,1-.23.52.76.76,0,0,1-.5.21.71.71,0,0,1-.6-.32l-2.17-2.88-2.1,2.86a.73.73,0,0,1-.61.34.64.64,0,0,1-.47-.19.61.61,0,0,1-.19-.45.79.79,0,0,1,.18-.5l2.35-3.18L15.1,31.47a.68.68,0,0,1,.08-1,.74.74,0,0,1,.51-.22.73.73,0,0,1,.59.32l2.15,2.85,2.09-2.79a.86.86,0,0,1,.28-.26.65.65,0,0,1,.32-.09.64.64,0,0,1,.47.21.66.66,0,0,1,.21.47.7.7,0,0,1-.16.44l-2.37,3.13Z' fill='%23fff'/><path d='M28.31,37.63a.72.72,0,0,1,0,1,.78.78,0,0,1-.53.2h-4a.72.72,0,0,1-.74-.74v-7a.69.69,0,0,1,.22-.53.76.76,0,0,1,.56-.21.73.73,0,0,1,.74.74v6.36h3.18A.73.73,0,0,1,28.31,37.63Z' fill='%23fff'/><path d='M30.92,38.75A3.48,3.48,0,0,1,29.64,38a.84.84,0,0,1-.33-.64.69.69,0,0,1,.21-.5.66.66,0,0,1,.5-.21.63.63,0,0,1,.41.15,3.62,3.62,0,0,0,.95.58,3,3,0,0,0,1.1.18,2.21,2.21,0,0,0,1.17-.3.88.88,0,0,0,.49-.76,1,1,0,0,0-.48-.85,4,4,0,0,0-1.55-.47q-2.67-.39-2.67-2.49a2.23,2.23,0,0,1,.41-1.33,2.49,2.49,0,0,1,1.09-.87,4,4,0,0,1,1.55-.29,4.26,4.26,0,0,1,1.44.23,3.47,3.47,0,0,1,1.13.61.81.81,0,0,1,.35.64.7.7,0,0,1-.21.5.66.66,0,0,1-.48.21.52.52,0,0,1-.33-.11,3.18,3.18,0,0,0-.89-.47,2.9,2.9,0,0,0-1-.21,2.12,2.12,0,0,0-1.19.28.91.91,0,0,0,0,1.54,4,4,0,0,0,1.36.44,6.82,6.82,0,0,1,1.67.47,2.13,2.13,0,0,1,.95.78,2.4,2.4,0,0,1,.31,1.31,2.15,2.15,0,0,1-.43,1.34,2.77,2.77,0,0,1-1.15.89,3.78,3.78,0,0,1-1.54.31A4.94,4.94,0,0,1,30.92,38.75Z' fill='%23fff'/></g></svg>");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70px;
    left: 0;
    top: 8px;
}

.bajardoc-cc ul li:after {
    content:"";
    display:block;
    border-bottom: 1px solid #E7E7E7;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
}

.bajardoc-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70px auto;
        grid-template-columns: 70px auto;
    -ms-grid-rows: auto;
        grid-template-rows: auto;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    padding: 28.8px 0;
    padding: 1.8rem 0;
    width: 100%;

}
.bajardoc-grid:not(:last-child) {
    border-bottom: 1px solid #E7E7E7;
}

.bajardoc-grid a:first-child {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}
.bajardoc-grid a:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    -ms-flex-item-align: end;
        align-self: flex-end;
}
.bajardoc-grid .fecha {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    -ms-flex-item-align: start;
        align-self: flex-start;
}

.bajardoc-grid .bajardoc.title,
.bajardoc-grid .caption{
    grid-column: 2 / 3;
    border-bottom: 0 !important;
}

#modelo_planeacion .bajardoc-grid .aid-125145,
#modelo_planeacion .bajardoc-grid .aid-125145 + .fecha,
#modelo_planeacion .bajardoc-grid .aid-125147,
#modelo_planeacion .bajardoc-grid .aid-125147 + .fecha,
#modelo_planeacion .bajardoc-grid .aid-125148,
#modelo_planeacion .bajardoc-grid .aid-125148 + .fecha,
#modelo_planeacion .bajardoc-grid .aid-125151,
#modelo_planeacion .bajardoc-grid .aid-125151 + .fecha,
#modelo_planeacion .bajardoc-grid .aid-125150,
#modelo_planeacion .bajardoc-grid .aid-125150 + .fecha {
    grid-column: 1 / 3;
}

.bajardoc, .item_descarga {
    display: flex;
    width: 100%;
    padding-bottom: 30px;
    margin: 30px 0;
    border-bottom: 1px solid #E7E7E7;
}

.title.bajardoc {
    padding: 1rem 0 0 0;
    margin: 0;
    border-bottom: 0;
}
.title.bajardoc + .fecha {
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 1rem;
}

.title.bajardoc.aid-125143 + .fecha,
.title.bajardoc.aid-125144 + .fecha  {
    border-bottom: none;
}

.bajardoc a:first-child{
    display: block;
}

.bajardoc img, .item_descarga img {
    width: 70px;
    height: auto;
    margin-right: 30px;
}

.bajardoc .caption, .item_descarga .caption {
    font-size: 14px;
    margin-top: 5px;
    color: #484848;
}

/*---------ART NOTICIAS left and right column---------*/

.left-column-art {
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    float: left;
}

.right-column-art {
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    float: left;
}

.left-column-art .figure .caption {
    background: #dedede;
    padding: 20px;
    width: 100% !important;
    text-align: left;
}

.left-column-art .figure {
    text-align: center;
}
.left-column-art .figure > img {
  /*   width: 100%; */
    margin: auto;
    height: auto;
}

.left-column-art .figure .caption {
    background: #dedede;
    padding: 10px;
    width: 100% !important;
}

/*---------DESPACHO DE LA MINISTRA---------*/

#recuadros_articulo_11764 .recuadro {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.right-column-art .ntg-titulo-caja,
.left-column-art .recuadro > h2 {
    position: relative;
    padding: 0;
    padding-bottom: 5px;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.right-column-art .ntg-titulo-caja a,
.left-column-art .recuadro > h2 a{
    color: #000;   
}

.right-column-art .figure {
    float: left;
    width: 50% !important;
    padding-right: 10px;
    box-sizing: border-box;
}

.right-column-art .figure img {
    width: 100%;
    height: auto;
}

.left-column-art .recuadro p strong {
    font-weight: 400;
    color: gray;
}

.left-column-art .recuadro p:nth-of-type(1) strong {
    color: #000;
    font-weight: 600;
}

/*esto toca borrarlo y q juli coloque la fecha*/
.right-column-art .abstract {
    display: none;
}

.right-column-art .titulo {
    line-height: 1.4;
    width: 50%;
    float: right;
}

.right-column-art .titulo a {
    font-family: 'Montserrat';
    position: relative;
    display: inline-block;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-weight: 500;
    text-decoration: underline;
}

.right-column-art div > .recuadro:nth-of-type(1) .grupo {
    float: left;
    padding: 10px 0;
    width: 100%;
}

.right-column-art div > .recuadro:nth-of-type(1) .titulo {
    background: transparent;
    color: #fff;
    clear: both;
    box-sizing: border-box;
    width: 100%;
}

.right-column-art div > .recuadro:nth-of-type(1) .figure{
    float: initial;
    width: 100% !important;
    padding-right: 00px;
}

.right-column-art div > .recuadro{
    margin-bottom: 20px;
    float: left;
    padding-bottom: 1rem;
}

.left-column-art ul li br, .articulo ul li br {
    display: none;
}

.left-column-art p {
    width: 100%;
    clear: both;
}

/*---------ART NOTICIAS---------*/

.left-column-art ul li,
.articulo ul li {
    list-style: none;
    position: relative;
    margin-bottom: 1rem;
}

.btn_tramites_glosario a:before,
.btn_preguntas_frec .titulo a:before,
.accordion-eidox ul li:before, 
.faq ul li:before,
.tabs_mig ul li:before,
.left-column-art ul li:before,
.articulo ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 7px;
    bottom: auto;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid var(--blue);
}

.formulario  ul li:before {
    display: none;
}

.articulo a,
.rendicion_cuentas .recuadro p a{
    display: inline-block;
    text-decoration: underline;
}
.div-btn a {
    text-decoration: none;
}
.accordion-eidox .ui-accordion-content a{
    display: inline;
}
 
.ui-accordion table.table {
        overflow-x: auto;
        width: 100%;
        display: block;
    }

    .ui-accordion table.table p {
        font-size: 0.875rem;
    }

.logo-art img {
    width: 100%;
    max-width: 150px;
}
.logo-art a:nth-child(2) {
    display: none;
}
.logo-art {
    float: left;
    padding-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .logo-art {
        width: 100%;
        padding-right: 00px;
    }
}

.rendicion_cuentas .recuadro > .titulo {
    position: relative;
    font-family: 'Montserrat';
    padding: 0;
    padding-bottom: 5px;
    color: var(--blue);
    font-size: 1.5rem;
}

.articulo .figure {
    text-align: center;
    clear: both;
}
.articulo .figure > img {
    width: auto;
    margin-bottom: 20px;
}

.articulo .figure > a:nth-of-type(2) {
    display: none;
}

.binary-Banner_notificaciones_Mintic,
.binary-Banner_notificaciones_Fontic,
.binary-Banner_Cobro,
.binary-Banner_notificaciones_Radicados,
.articulo .recuadro .binary-boton_buscar,
.articulo .recuadro .binary-boton_registrar {
    width: auto !important;
}

.art_compartir_redes {
    background: #F6F8F9;
    padding: 10px;
    text-align: right;
    max-width: 800px;
    margin: auto;
    clear: both;
}

.art_compartir_redes.section-container{
    max-width: 1010px;
    width: 100%;
}

.art_compartir_redes a {
    text-decoration: none;
}

.art_compartir_redes a img {
    max-width: 40px;
}

.art_compartir_redes:before {
    content: "Comparte";
    display: inline-block;
    text-align: left;
    float: left;
    padding: 8px;
}

.articulo .table h3 {
    font-size: 18px;
}

.flotar_izquierda a:nth-child(3),
.flotar_derecha a:nth-child(3) {
    display: none;
}

.flotar_izquierda {
    float: left !important;
    width: auto !important;
}

.flotar_derecha {
    float: right !important;
    width: auto !important;
}

.flotar_izquierda img, 
.flotar_derecha img {
    padding: 1rem;
}

@media only screen and (max-width: 767.98px) {
    .flotar_izquierda {
        float: none !important;
        width: 100% !important;
    }
    
    .flotar_derecha {
        float: none !important;
        width: 100% !important;
    }
}

table.table {
    border: 0;
    background-color: transparent;
    margin: 2rem 0;
}

table.table thead {
    background-color: var(--blue);
    border: 0px;
    color: white;
}
table.table thead a,
table.table thead h1,
table.table thead h2,
table.table thead h3,
table.table thead h4 {
    color: white;
}
table.table td,
table.table tbody tr,
#agenda_portadilla tbody tr {
    padding: .75rem;
    vertical-align: top;
    border: none;
    border-top: 1px solid #dee2e6;
    background-color: transparent;
    color: #4b4b4b;
}
table.table thead + tbody tr td {
    color: #4b4b4b; 
}

table.table th {
    border: none;
}

table.table a {
    word-break: break-word;
    min-width: 200px;
}

.tramites_links + .articulo > .recuadro .flotar_izquierda {
    display: none;
    border-bottom: 1px dotted #333;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.tramites_links + .articulo > .recuadro .flotar_izquierda + h2 {
    display: inline-block;
    width: 100%;
}

.tramites_links + .articulo ol > li {
    background-color: #f8f9fa;
    padding: 15px;
}

.tramites_links + .articulo ol > li:before {
    font-size: 1.6rem;
    font-weight: 700;
    left: -30px;
} 

.articulo ol li {
    margin-bottom: 20px;
}

.articulo iframe {
    width: 100%;
    height: 37vw;
}

.pqr_form_register iframe {
    height: 1377px;
}

@media (max-width: 767.98px) {
    .pqr_form_register iframe {
        height: 1500px;
    }
}

@media (max-width: 575.98px) {
    .pqr_form_register iframe {
        height: 1600px;
    }
    .pqr_form_find iframe {
        height: 400px;
    }
}

@media (max-width: 400px) {
    .pqr_form_register iframe {
        height: 1800px;
    }
}

/*---------INICIATIVAS---------*/

#recuadros_articulo_11782,
#recuadros_articulo_11774 {
    max-width: 1240px;
    margin: auto;
    padding: 20px;
}

@media screen and (min-width: 1280px){
    #recuadros_articulo_11782,
    #recuadros_articulo_11774 {
        max-width: 2000px;
        margin: auto;
        padding: 20px;
        width: 85%;
    }
}

.recuadro-iniciativas .prev, 
.recuadro-iniciativas .next, 
.recuadro-iniciativas .ant, 
.recuadro-iniciativas .sig, 
.recuadro-iniciativas .controls, 
.recuadro-iniciativas .boton {
    display: none;
}

.paginador-primary .prev, 
.paginador-primary .next, 
.paginador-primary .ant, 
.paginador-primary .sig, 
.paginador-primary .controls, 
.paginador-primary .boton {
    display: none;
}

.paginador-primary .titulo {
    font-family: 'Montserrat';
    display: block;
    width: 100%;
    margin-top: 1.5rem;
}

.paginador-primary .recuadro{
    border-bottom: 2px solid rgba(157,190,255,.3);
    padding-bottom: 1.5rem;
}

.formulario select,
#filtrosRecursos select {
    background: #e5eefb;
    border-bottom: 1.5px solid var(--blue);
    border-radius: 5px 5px 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' xmlns='http://www.w3.org/2000/svg'><rect width='24.32' height='24.32' rx='5.7' fill='%23104882'/><path d='M12.16,16a1,1,0,0,1-.71-.3L5.76,10a1,1,0,0,1,0-1.42,1,1,0,0,1,1.41,0l5,5,5-5A1,1,0,1,1,18.56,10l-5.7,5.69A1,1,0,0,1,12.16,16Z' fill='%23fff'/></svg>");
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 25px;
}

#filtrosRecursos .text-right {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

#filtrosRecursos label {
    margin: 0;
}

#filtrosRecursos {
    background: white;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.125);
}

#filtrosRecursos, 
.recuadro-iniciativas {
    margin-right: auto;
    margin-left: auto;
}

.recuadro-iniciativas .ntg_paginador > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.recuadro-iniciativas .ntg-titulo-caja {
    width: 100%;
}

.recuadro-iniciativas .ntg-titulo-caja {
    padding-top: 3rem;
    text-align: left;
    padding: 0 15px;
    padding-bottom: 5px;
    font-size: 1.5rem;
    font-weight: 500;
}

@media only screen and (max-width: 991.98px){
    .recuadro-iniciativas .recuadro {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 767.98px){
    .recuadro-iniciativas .recuadro {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*---------COLS SERVICIOS Y TRAMITES---------*/

.tramites_links .recuadro > .figure .titulo,
.left_col_serv > div > .recuadro > .figure .titulo {
    font-size: 13px;
    text-align: center;
    margin: auto;
    width: 100% !important;
    padding: 3px;
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 10px;
    color: #525252;
}

.tramites_links .recuadro,
.left_col_serv > div > .recuadro {
    clear: both;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tramites_links .recuadro > .figure,
.left_col_serv > div > .recuadro > .figure {
    float: left;
    width: 20% !important;
    text-align: center;
}

.tramites_links .recuadro > .figure a, .left_col_serv > div > .recuadro > .figure a {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    margin: auto;
    width: 100% !important;
    padding: 3px;
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 10px;
    color: #525252;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .tramites_links .recuadro > .figure,
    .left_col_serv > div > .recuadro > .figure {
        float: left;
        width: 50% !important;
        text-align: center;
    }
}

.left_col_serv > div > .recuadro > .abstract {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 400;
}

.left_col_serv > div > .recuadro > .titulo {
    position: relative;
    padding: 0;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
}

.left_col_serv > .recuadro-iniciativas > .recuadro > .titulo {
    position: absolute;
}

.left_col_serv > div > .recuadro > .titulo a {
    text-decoration: underline;
}

.left_col_serv > .recuadro-iniciativas > .recuadro > .titulo a{
    font-size: 1rem;
    line-height: 1.3;
}

.left_col_serv > div > .recuadro > .titulo a:hover {
    text-decoration: none;
}

.right_col_serv ul li {
    list-style: none;
    position: relative;
}

.right_col_serv ul {
    list-style: none;
    position: relative;
    padding: 0;
    background: #e8e8e8;
    list-style: none;
}

.right_col_serv ul li {
    padding: 3px 10px;
    list-style: none;
}

.right_col_serv ul li a {
    color: #000;
    font-size: 14px;
}

.right_col_serv ul li:hover,
.right_col_serv ul li.current.active  {
    background: var(--primary);
}

.right_col_serv ul li:hover a,
.right_col_serv ul li.current.active a {
    color: #fff;
}

.right_col_serv > a > img.img-fluid {
    width: 100%;
    max-width: 250px;
    margin: auto;
    display: block;
}

@media only screen and (min-width:768px) {
    .art-servicios {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.art-servicios > .recuadro {
    border-bottom: 2px solid rgba(157,190,255,.3);
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

.art-servicios > .recuadro > .titulo {
    font-size: 1.25rem !important;
}

.art-servicios > .recuadro > .abstract {
    font-family: 'Work Sans';
    font-size: 1rem !important;
    line-height: 1.3;
}

.btn_tramites_glosario a img {
    max-width: 25px;
}

.btn_tramites_glosario a div {
    display: inline-block;
    text-decoration: underline;
}

.btn_tramites_glosario a,
.btn_preguntas_frec .titulo a {
    margin: 5px 0;
    display: inline-block;
    text-decoration: underline;
    position: relative;
    padding-left: 25px;
}

.btn_tramites_glosario a:before, 
.btn_preguntas_frec .titulo a:before {
    left: 0;
}

/*---------FAQ Y GLOSARIO---------*/

.ui-accordion .ui-accordion-header,
.accordion-eidox .recuadro > .ui-accordion-header,
.tabs_mig > .ui-accordion-header,
.faq > .ui-accordion-header,
.accordion > .ui-accordion-header {
    padding: 1rem 2.5rem 1rem 1rem;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    border-bottom: 2px solid rgba(157,190,255,.3);
    cursor: pointer;
    margin: 0;
}

.ui-accordion .ui-accordion-header-active,
.accordion-eidox .recuadro > .ui-accordion-header-active,
.faq > .ui-accordion-header-active,
.tabs_mig > .ui-accordion-header-active,
.accordion > .ui-accordion-header-active {
    background-color: var(--blue);
    color: #fff;
}

.ui-accordion .ui-accordion-header:before,
.accordion-eidox .recuadro > .ui-accordion-header:before,
.faq > .ui-accordion-header:before,
.tabs_mig > .ui-accordion-header:before,
.accordion > .ui-accordion-header:before {
    content: "+";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    width: 20px;
    height: auto;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active:before,
.accordion-eidox .recuadro > .ui-accordion-header.ui-accordion-header-active:before,
.faq > .ui-accordion-header.ui-accordion-header-active:before,
.tabs_mig > .ui-accordion-header.ui-accordion-header-active:before,
.accordion > .ui-accordion-header-active:before {
    content: "";
    width: 14px;
    height: 3px;
    background-color: #fff;
    right: 13px;
}

.ui-accordion .ui-accordion-content,
.accordion-eidox .recuadro > .ui-accordion-content,
.faq > .ui-accordion-content,
.tabs_mig > .ui-accordion-content,
.accordion > .ui-accordion-content {
    padding: 20px;
    clear: both;
    margin-bottom: 20px;
    background: #e5eefb;
}

.ui-accordion .ui-accordion-content h4,
.accordion-eidox .recuadro > .ui-accordion-content h4,
.faq > .ui-accordion-content h4,
.tabs_mig > .ui-accordion-content h4,
.accordion > .ui-accordion-content h4 {
    font-size: 1rem;
    margin-top: 1.5rem;
}

.ui-accordion .ui-accordion-content .figure,
.accordion-eidox .recuadro > .ui-accordion-content .figure,
.faq > .ui-accordion-content .figure,
.tabs_mig > .ui-accordion-content .figure,
.accordion > .ui-accordion-content .figure {
    text-align: center;
}

.ui-accordion .ui-accordion-header > span img {
    margin-right: 10px;
}

.ui-accordion ul li,
.accordion-eidox ul li,
.faq ul li,
.tabs_mig ul li {
    list-style: none;
    position: relative;
    margin-bottom: 12px;
}

.ui-accordion ol,
.accordion-eidox ol,
.tabs_mig ol,
.faq ol {
    list-style-type: none;
    list-style-position: outside;
    margin-left: 0;
    counter-reset: item;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ui-accordion ol li,
.accordion-eidox ol li,
.tabs_mig ol li,
.faq ol li {
    padding-left: 0;
    position: relative;
}

.ui-accordion ol li:before,
.accordion-eidox ol li:before,
.tabs_mig ol li:before, 
.faq ol li:before {
    content: counter(item,decimal) ".";
    counter-increment: item;
    display: inline-block;
    position: absolute;
    left: -20px;
    top: 3px;
    color: var(--primary);
}


#glosario_terminos input {
    border-radius: 20px;
    border: 2px solid #a0a0a0;
    width: 100%;
    padding: 5px 12px;
    max-width: 300px;
    margin: auto;
    display: block;
    color: #5d5d5d;
    outline: none !important;
}

#glosario_terminos,
.glosario {
    max-width: 800px;
    margin: auto;
}

.glosario .tab-content .tab-pane .titulo-caja {
    font-size: 1.25rem;
}

.glosario .tab-content .tab-pane p {
    margin-bottom: 2rem;
}

.nav-tabs,
.tabs-cc ul,
.glosario .nav-tabs {
    padding: 0;
    margin: 0 0 20px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

.nav-tabs li a,
.tabs-cc ul li a,
.glosario .nav-tabs li a {
    padding: 4px 8px;
    border: 1px solid rgba(183,183,183,.25);
    color: var(--blue);
    font-weight: 700;
    border-radius: 5px 5px 0px 0px;
    display: block;
    background-color: #e5eefb;
}

.glosario .nav-tabs li a {
    font-size: .85rem;
}

.nav-tabs li a.active,
.tabs-cc ul li.active a,
.glosario .nav-tabs li a.active {
    background: white;
    color: var(--blue);
    font-weight: 700;
    border-bottom: none;
}

.nav-tabs {
    border-bottom: none;
}

.tab-content p {
    word-break: break-word;
}

.nav-tabs .nav-link:hover {
    border-color: #e6effd;
}

.pagination {
    justify-content: center;
    margin-top: 2rem;
}

.pagination a {
    padding: .5rem 1rem;
    border-radius: 6px;
    font-weight: 600;
}

.pagination a:hover {
    background-color: #e5eefb;
    text-decoration: none;
}

.pagination .current a {
    color: #fff;
    background-color: var(--info);
}

ul.pagination li:before {
display: none;
}

.dataTables_wrapper {
    border: 2px solid #E5EEFB;
    border-radius: 5px;
    margin: 2rem 0;
    font-size: 0.875rem;
}

.dataTables_wrapper .row:first-child,
.dataTables_wrapper .row:last-child {
    padding: 1rem;
} 

.dataTables_paginate .page-link {
    border: 0;
}

.dataTables_paginate .page-item.previous a,
.dataTables_paginate .page-item.next a{
    font-weight: normal;
    text-decoration: underline;
}

.dataTables_wrapper caption,
.dataTables_wrapper table.table tbody tr,
.dataTables_wrapper table.table td {
    border-top: 2px solid #E5EEFB;
}

.dataTables_wrapper caption {
    text-align: center;
    font-size: 0.875rem;
}

.dataTables_wrapper table.dataTable thead .sorting:after {
    right: 0.3em;
}

div.dataTables_wrapper div.dataTables_info {
    text-align: center;
    margin-bottom: 1rem;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center !important;
}

/*---------GRIDS MINISTERIO, SERV TRAMITES, INICIATIVAS---------*/


#i__MT_pa_recuadros_tramites_1 .recuadro, .recuadro-iniciativas .recuadro, #i__MT_pa_recuadros_ministerio_1 .recuadro {
    position: relative;
    margin-bottom: 15px;
    min-height: 50px;
    background-color: var(--blue);
    background-clip: content-box;
    color: #fff;
}

#i__MT_pa_recuadros_tramites_1 .recuadro .titulo,
.recuadro-iniciativas .recuadro .titulo,
#i__MT_pa_recuadros_ministerio_1 .recuadro .titulo {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

#i__MT_pa_recuadros_tramites_1 .recuadro:hover .titulo,
#i__MT_pa_recuadros_ministerio_1 .recuadro:hover .titulo,
.recuadro-iniciativas .recuadro:hover .titulo {
    background-color: var(--primary);
}

#i__MT_pa_recuadros_tramites_1 .recuadro .titulo a, .recuadro-iniciativas .recuadro .titulo a, #i__MT_pa_recuadros_ministerio_1 .recuadro .titulo a {
    font-weight: 700;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 1;
    background-color: #3366ccdb;
    padding: 9px 15px;
}

#i__MT_pa_recuadros_tramites_1 .recuadro .titulo a:hover,
.recuadro-iniciativas .recuadro .titulo a:hover,
#i__MT_pa_recuadros_ministerio_1 .recuadro .titulo a:hover {
    text-decoration: none;
}

#i__MT_pa_recuadros_tramites_1 .recuadro img,
.recuadro-iniciativas .recuadro img,
#i__MT_pa_recuadros_ministerio_1 .recuadro img{
    width: 100%;
}

/*desplegable recuadros*/

#i__MT_pa_recuadros_tramites_1 .recuadro > ul, .recuadro-iniciativas .recuadro > ul, #i__MT_pa_recuadros_ministerio_1 .recuadro > ul {
    display: none;
    list-style: none;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}

#i__MT_pa_recuadros_tramites_1 .recuadro:hover > ul, .recuadro-iniciativas .recuadro:hover > ul, #i__MT_pa_recuadros_ministerio_1 .recuadro:hover > ul {
    display: block;
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    background: #e6e6e6;
    z-index: 1;
}

#i__MT_pa_recuadros_tramites_1 .recuadro > ul li a, .recuadro-iniciativas .recuadro > ul li a, #i__MT_pa_recuadros_ministerio_1 .recuadro > ul li a {
    color: #000;
    width: 100%;
    display: inline-block;
    padding: 6px;
    text-transform: initial;
    text-decoration: none;
    font-size: 14px;
    text-align: left;
}

#i__MT_pa_recuadros_tramites_1 .recuadro > ul li a:hover, .recuadro-iniciativas .recuadro > ul li a:hover, #i__MT_pa_recuadros_ministerio_1 .recuadro > ul li a:hover {
    color: #fff;
    background: var(--secondary);
}

#i__MT_pa_recuadros_tramites_1 .recuadro:hover > ul:after, .recuadro-iniciativas .recuadro:hover > ul:after, #i__MT_pa_recuadros_ministerio_1 .recuadro:hover > ul:after {
    content: "";
    bottom: 105%;
    display: block;
    height: 25px;
    width: 25px;
    background: url(channels-616_white_arrow_down.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

/*---------EIDOX NOTICIAS---------*/

.leftcol-eidox-noticias > .recuadro:nth-child(1) .figure > img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.leftcol-eidox-noticias > .recuadro:nth-child(1) .grupo {
    background: #F6F8F9;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.leftcol-eidox-noticias > .recuadro:nth-child(1) .fecha {
    margin: 0 0 5px 0;
}

.leftcol-eidox-noticias > .recuadro:nth-child(1) .titulo {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
}

.leftcol-eidox-noticias > .recuadro:nth-child(1) .abstract {
    clear: both;
    font-size: 18px;
    line-height: 1.2;
}

.leftcol-eidox-noticias > .recuadro:nth-child(1) .tag {
    color: #4b4b4b;
    font-size: 14px;
    display: inline-block;
}

.leftcol-eidox-noticias > .recuadro:nth-child(1) .tag .pv-branch {
    margin-right: 8px;
}

.prensa-lateral {
    padding: 0 0 0 30px;
}

.prensa-lateral > .recuadro {
    padding: 10px 0;
    margin: 0;
}

.prensa-lateral img {
    max-width: 100%;
    height: auto;
}

.prensa-lateral > .recuadro > div > div:nth-of-type(3) {
    color: var(--primary);
    font-size: 14px;
    margin-top: 4px;
    font-weight: 500;
}


.prensa-lateral > .recuadro .titulo a {
    font-family: 'Montserrat';
    display: inline-block;
    max-width: 100%;
    display: -webkit-box;
    max-height: 60px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.2;
    font-weight: 600;
    text-decoration: underline;
}


/*---------SEARCH RESULTS---------*/

.container_resultados_busqueda {
    margin-top: 30px;
    margin-bottom: 30px;
}

.container_resultados_busqueda ul.search-results.P p {
    margin-bottom: 5px;
    list-style: none;
    position: relative;
}

.container_resultados_busqueda ul.search-results.P p:before {
    content: "";
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid var(--secondary);
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}


.search-results b {
    color: var(--secondary);
    font-weight: 600;
}

.container_resultados_busqueda ol.search-results.P li > a {
    color: var(--primary);
}

form.ntg_busqueda {
    text-align: center;
    background: #d8d8d8;
    padding: 15px;
}

form.ntg_busqueda .orden input {
    margin-left: 17px;
    margin-right: 10px;
    height: 15px;
    width: 15px;
}

form.ntg_busqueda .orden label {
    margin: 0;
}

/*---------NOTICIAS---------*/

.right_col_noticias > div {
    padding-bottom: 25px;
} 

.right_col_serv .ntg-titulo-caja,
.lista-news .ntg-titulo-caja,
.right_col_noticias .ntg-titulo-caja,
.left_col_noticias .ntg-titulo-caja {
    position: relative;
    padding-bottom: 5px;
    font-size: 1.5rem;
    font-weight: 500;
}

/*---------EVENTOS---------*/

.agenda {
    position: relative;
    padding-top: 70px;
}

.agenda .anterior,
.agenda .siguiente {
    position: absolute;
    top: 0;
    z-index: 1;
    color: transparent;
    width: 30px;
    padding: 8px 0;
}

.agenda .anterior {
    left: 0;
}

.agenda .siguiente {
    right: 0;
}

.agenda .anterior:before,
.agenda .siguiente:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url(channels-616_right_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.agenda .anterior:before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.agenda > .ntg-titulo-caja {
    position: absolute;
    text-align: center;
    top: 0;
    background-color: #ececec;
    padding: 8px 0;
    color: #4a4a4a;
}

.agenda table {
    background-color: #ececec;
}

.agenda table > caption {
   display: none;
}

.agenda th {
    padding: 4px 0 4px 0;
    text-align: center;
    color: #fff;
    font-weight: 600;
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.agenda tbody td {
    border: 1px solid var(--primary);
    color: var(--secondary);
    padding: 4px;
    vertical-align: top;
    width: 88px;
    font-weight: 600;
}

.agenda tbody td div:first-child {
    font-size: 40px;
    color: #4a4545;
}

.agenda tbody .evento {
    margin-bottom: 1rem;
}

.agenda tbody td .titulo {
    line-height: .9;
    border-bottom: solid 1px #6c757d70;
    padding-bottom: 1rem;
}

.agenda tbody td a {
    font-size: .8rem;
    font-weight: 400;
}

.agenda-responsive {
    display: none;
}

.agenda-responsive .recuadro {
    flex-direction: column;
    padding: 10px 0;
    border-bottom: solid 1px #ececec;
}

.agenda-responsive .titulo-caja {
    position: relative;
    padding: 0;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    color: #4a4545;
}

.agenda-responsive .recuadro a {
    font-weight: 500;
}

@media (max-width: 991.98px) {
    #agenda_portadilla {
        display: none;
    }
    
    .agenda-responsive {
        display: block;
    }

  
}

/*otros*/

.iframe_normatividad .link_iframe {
    width: 100%;
}

.iframe_normatividad .link_iframe iframe,
.iframe_normatividad .link_iframe .iframe-embebido{
    height: 1100px;
}

.header_control_interno {
    padding: 0 20px;
}

.header_control_interno .titulo-header {
    position: relative;
}

.header_control_interno .titulo-header .titulo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 2rem;
    margin: auto;
    padding: 0 15px;
    max-width: 1200px;
    width: 100%;
    color: #fff;
}
@media only screen and (max-width:767.98px) {
    .header_control_interno .titulo-header .titulo {
        position: static;
        background: var(--blue);
        padding: 15px 15px;
    }
}

.header_control_interno .recuadro {
    padding-left: 15px;
    padding-right: 15px;
}

.header_control_interno .recuadro .descripcion {
    max-width: 1080px;
    font-family: 'Montserrat';
    margin: auto;
    padding: 0px 20px 20px 20px;
    text-align: center;
    color: var(--blue);
    font-size: 1.25rem;
}

#article_i__MT_pa_eidox_micrositio_1 > h3 {
    margin-top: 2rem;
    clear: both;
}

.container-menu-micro {
    border-bottom: none;
    padding: 0 35px;
    background-color: transparent;
    margin-bottom: 2rem;
}

.menu-micrositios {
    justify-content: center;
    max-width: 1240px;
    margin: auto;
    padding-left: 0 !important;
}

.menu-micrositios li:hover:last-of-type ul {
    right: 0;
}

@media only screen and (min-width: 992px) {
    .container-menu-micro {
        width: 100%;
    }
    
    .container-menu-micro .navbar-nav {
        max-width: 1200px;
        width: 100%;
        margin: auto;
    }

    .container-menu-micro .menu-micrositios {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1280px){
    .menu-micrositios {
        max-width: 2000px;
        margin: auto;
        width: 85%;
    }
}

.menu-micrositios .navbar-nav > li > a {
    text-transform: initial;
    font-size: 0.875rem;
    padding: 10px;
}

.menu-micrositios > li:nth-child(2) > a {
    text-transform: uppercase;
    font-weight: 600;
}

.menu-micrositios.navbar-nav > li#inicio > a {
    color: var(--primary);
    font-size: 16px;
}

.menu-micrositios #inicio {
    font-weight: 700;
    margin-right: 30px;
}

#items-menu-micro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #e6effd;
    clear: both;
    box-shadow: 0 1px 3px 0 rgb(51 102 204 / 29%);
}

.sticky #items-menu-micro {
    border-top: none;
}

.btn-menu-micro {
    display: block;
    width: 90%;
    background-color: #fff;
    border: solid 2px var(--primary);
    margin: 20px auto;
    position: relative;
    padding: 10px;
    padding-left: 28px;
    min-height: 45px;
}

.btn-menu-micro:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(channels-616_icon_menu.png);
    background-repeat:no-repeat;
    width: 12px;
    height: 30px;
    top: 0;
    bottom: 0;
    left: 9px;
    margin: auto;
}


.btn-menu-micro span {
    font-weight: 600;
    color: var(--primary);
}

.menu-movil-micro-cc {
    width: 90%;
    margin: auto;
    margin-bottom: 16px;
    margin-top: -19px;
    background: #e8e8e8;
    z-index: 20;
    -webkit-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
    box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.menu-movil-micro-cc.collapse,
.menu-movil-micro-cc.show {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.informe_pormenorizado > .grupo {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.informe_pormenorizado > .titulo-grupo a {
    color: var(--secondary);
    text-decoration: underline;
}

/*---------NOTICIAS MICROSITIO---------*/

.bg-blue-noticias .ntg-titulo-caja {
    color: #fff;
}

.bg-blue-noticias .left_col_noticias .recuadro .fecha,
.bg-blue-noticias .right_col_noticias .recuadro .fecha {
    color: #fff;
}

.bg-blue-noticias a {
    color: #fff;
}

.bg-blue-noticias a:hover {
    color: #E5EEFB;
}

.banners_micrositio .recuadro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#btnFiltros strong {
    color: #fff;
    font-weight: 100;
    font-size: 16px;
}
#btnFiltros {
    background: var(--secondary);
    border: none;
    color: #fff;
    border-radius: 0;
    max-width: 450px;
    margin: auto;
    margin-bottom: 30px;
}


#recuadros_articulo_12003 {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

#recuadros_articulo_12003 .recuadro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: -15px;
    margin-left: -15px;
}

#recuadros_articulo_12003 .recuadro .figure {
    display: inline-block;
    width: 50%;
    float: left;
    padding: 0 15px;
}

#recuadros_articulo_12003 .recuadro .figure:nth-child(even) {
    padding-right: 30px;
}

.modal-content .modal-body img {
    width: 100%;

}

a.link_modal {
    position: relative;
}

a.link_modal:hover:after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23004884' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z'/><path d='M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z'/><path fill-rule='evenodd' d='M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

a.link_modal:hover img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: 0.5;
}

#calendarModal table {
    width: 100%;
    margin-top: 2rem;
}

#calendarModal table td, 
#calendarModal table th {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid var(--blue);
}

#calendarModal table thead {
    background-color: var(--blue);
    color: white;
    border: 0px;
    text-align: left;
}

#calendarModal table thead th {
    color: white;
}

/************************************************************************************
UTILIDADES
*************************************************************************************/
.border-0 {border:none;}
.margen-0 {
    margin: 0;
}
.margen-bottom-xs {
    margin-bottom: 15px;
}
.margen-bottom-md {
    margin-bottom: 30px;
}
.margen-bottom-lg {
    margin-bottom: 45px;
}
.margen-top-xs {
    margin-top: 15px;
}
.margen-top-md {
    margin-top: 30px;
}
.margen-top-lg {
    margin-top: 45px;
}
.margen-right-xs {
    margin-right: 5px;
}
.margen-right-md {
    margin-right: 30px;
}
.margen-right-lg {
    margin-right: 45px;
}
.margen-left-xs {
    margin-left: 15px;
}
.margen-left-md {
    margin-left: 30px;
}
.margen-left-lg {
    margin-left: 45px;
}
.margen-top-0 {margin-top:0px;}
.padding-0 {padding:0;} 
.padding-izquierda-0 {padding-left:0;}
.padding-derecha-0 {padding-right:0;}
.padding-bottom-xs {
    padding-bottom: 15px;
}
.padding-bottom-md {
    padding-bottom: 30px;
}
.padding-bottom-lg {
    padding-bottom: 45px;
}
.padding-top-xs {
    padding-top: 15px;
}
.padding-top-md {
    padding-top: 30px;
}
.padding-left-xs {
    padding-left: 15px;
}
.padding-left-md {
    padding-left: 30px;
}
.padding-left-lg {
    padding-left: 45px;
}
.padding-right-xs {
    padding-right: 15px;
}
.padding-right-md {
    padding-right: 30px;
}
.padding-right-lg {
    padding-right: 45px;
}

.m-titulos h2:not(:first-of-type) {
    padding-top: 2rem;
}

.m-titulos h3 {
    padding-top: 2rem;
}

/* Agrega código CSS aquí */

h3.titulo-grupo{
    font-size: 1.1rem;
}

div#recuadros_articulo_12007 {
    margin-top: 0;
}

.titulo_grupo_padding h2.ntg-titulo-caja {
    max-width: 2000px;
    width: 85%;
    margin: auto;
}

@media only screen and (max-width: 991.98px){
    header .container-fluid.d-flex {
        flex-direction: column;
        text-align: center;
    }
    .banner-grid-wrapper {
        display: none;
    }
}


/*MENU MOVIL*/


@media screen and (min-width: 1px) and (max-width: 991.98px){
    .main-navbar {
        display: none;
    }
    .menu_superior .items_menu_superior, .menu_superior .buscador_menu_superior {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .btn-menu-movil,
    .btn-menu-micro,
    .container-menu-movil{
        display: none;
    }
}

.container-menu-movil {
    position: fixed;
    left: 0;
    top: 0;
    background: #e8e8e8;
    width: 100%;
    height: 100vh !important;
    left: -100%;
    max-width: 80%;
    min-width: 300px;
    z-index: 20;
    /* overflow: auto; */
    -webkit-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
    box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.container-menu-movil.collapse,
.container-menu-movil.show {
    left: 0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    max-height: 95vh;
}

#menu-movil #items-principal {
    overflow-y: scroll;
    max-height: 62vh;
}

.btn-menu-movil {
    position: fixed;
    right: 12px;
    top: 45px;
    z-index: 30;
    background: #dcdcdc;
    border-radius: 50%;
    margin: 0;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
    box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
}

.menu_superior_movil{
    background: var(--primary);
    margin: 0;
    border: 0;
}

.menu_superior_movil div {
    margin: auto;
    text-align: center;
}

#menu-movil-micro .items_menu_superior,
#menu-movil-micro .buscador_menu_superior {
    flex: 0 0 100%;
    max-width: 100%;
}

#menu-movil-micro .buscador_menu_superior {
    padding-bottom: 30px;
}

#items-principal ul {
    padding: 0;
}

.menu-movil-micro-cc .menu-micrositios li,
.container-menu-movil .menu-micrositios li,
.container-menu-movil #items-principal li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.menu-movil-micro-cc .menu-micrositios li.current,
.container-menu-movil .menu-micrositios li.current,
.container-menu-movil #items-principal li.current {
    background-color: #fff;
}
.menu-movil-micro-cc .menu-micrositios li.current + li.current,
.container-menu-movil .menu-micrositios li.current + li.current,
.container-menu-movil #items-principal li.current + li.current {
    background-color: transparent;
}

.container-menu-movil .menu-micrositios #inicio {
    margin: 0;
}

.menu-movil-micro-cc .menu-micrositios li > ul,
.container-menu-movil .menu-micrositios li > ul {
    display: none;
}

.menu-movil-micro-cc .menu-micrositios li a,
.container-menu-movil .menu-micrositios li a,
.container-menu-movil #items-principal li a {
    color: var(--primary);
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px;
    position: relative;
}

.menu-movil-micro-cc .menu-micrositios li a,
.container-menu-movil .menu-micrositios li a,
.container-menu-movil #items-principal li a{
    text-decoration: none;
}

.menu-movil-micro-cc .menu-micrositios li a:active,
.container-menu-movil .menu-micrositios li a:active,
.container-menu-movil #items-principal li a:active {
    background: #fff;
}

.btn-menu-movil span.navbar-toggler-icon {
    background: gray;
    height: 3px;
    width: 45%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.btn-menu-movil span.navbar-toggler-icon:before {
    content: "";
    display: block;
    background: gray;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 6px;
}

.btn-menu-movil span.navbar-toggler-icon:after {
    content: "";
    display: block;
    background: gray;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 6px;
}

/*MENU MOVIL (end)*/

.transparencia {
    background: var(--secondary);
    padding: 20px;
    clear: both;
}

.transparencia .titulo {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
}
.transparencia a {
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin: 0;
    padding-left: 50px;
    box-sizing: border-box;
    position: relative;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .transparencia a {
        display: flex;
        flex-direction: column;
        padding: 0;
        font-size: 1rem;
    }
}

.transparencia a:hover {
    color: #fff;
}

.transparencia a:before {
    content: "";
    display: inline-block;
    background: url(https://css.mintic.gov.co/mt/mintic/new/img/recursos_mesa_trabajo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
}
@media only screen and (max-width: 767.98px) {
    .transparencia a:before {
        position: static;
    }
}

.icon-yt:before,
.icon-fb:before,
.icon-ig:before,
.icon-tw:before,
.icon-tg:before {
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-color: var(--blue);
    color: #fff;
    border-radius: 50%;
    background-position: center;
    background-size: 1rem;
    vertical-align: middle;
    margin-right: 5px;
}
.icon-fb:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M11.344,5.71c0-0.73,0.074-1.122,1.199-1.122h1.502V1.871h-2.404c-2.886,0-3.903,1.36-3.903,3.646v1.765h-1.8V10h1.8v8.128h3.601V10h2.403l0.32-2.718h-2.724L11.344,5.71z'/></svg>");
}
.icon-yt:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z'/></svg>");
}
.icon-ig:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z'/></svg>");
}
.icon-tw:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z'/></svg>");
}

.icon-tg:before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23fff' class='bi bi-telegram' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z'/></svg>");
}

/* CSS TEMP */

.main-navbar .navbar-nav > li {
    position: relative;
}

.main-navbar .navbar-nav > li:hover:last-child > ul {
    right:0
}

#disqus_thread {
	max-width: 800px;
    margin: auto;
}

.destacado .recuadro {
    display: flex;
    flex-wrap: wrap;
}

.destacado .recuadro:not(:nth-child(2)) {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid rgba(157,190,255,.3);
}

.destacado .titulo {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 20px;
    text-decoration: underline;
}

.destacado .abstract {
    font-family: 'Work Sans';
}

.destacado .ntg-titulo-caja {
    position: relative;
    padding: 0 15px;
    padding-bottom: 5px;
    font-size: 1.5rem;
    font-weight: 500;
}

.binary-foto_marquesina a:last-child,
.titulo_invisible a:last-child {
    display:none;
}

/* RECUADROS VIDEOS MICROSITIOS */

.recuadro-video .recuadro {
    margin-bottom: 30px;
}

.recuadro-video .recuadro:before {
    content: "";
    background: #cccccc;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    display: block;
    height: 100%;
    z-index: -1;
}

.recuadro-video .recuadro:hover:before {
    background: var(--primary);
}

.recuadro-video img {
    width: 100%;
}

.recuadro-video .titulo {
    padding: 15px;   
}

.recuadro-video .recuadro:hover .titulo,
.recuadro-video .recuadro:hover .titulo a {
    color: #fff;
}

@media (min-width: 576px) {
    .recuadro-video .recuadro {
        height: 270px;
    }

    .recuadro-video .titulo {
        max-width: 100%;
        color: var(--secondary);
        display: -webkit-box;
        max-height: 86px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
    }
}

/* SLIDER PRINCIPAL */

.carousel {
    max-width: 1600px;
    margin: auto;
}

.carousel .slide-title {
    display: flex;
    align-items: center;
    padding-left: 7rem;
    font-size: 1.5rem;
}

.carousel .slide-title a {
    color: white;
    text-decoration: underline;
    font-weight: 600;
}

.carousel .slide-title a:hover {
    color: var(--light)
}

.carousel ol li:before {
    display: none;
}

.carousel-control-next, .carousel-control-prev {
    width: 80px;
    opacity: 1;
}

.carousel-control-next{
    justify-content: flex-start;
}
.carousel-control-prev {
    justify-content: flex-end;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 2px solid var(--primary);
    opacity: 1;
    border-radius: 50%;
    box-shadow: 2px 2px 3px var(--blue)63;
}

.carousel-indicators .active {
    background-color: var(--primary);
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    height: 32px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%233366cc' xmlns='http://www.w3.org/2000/svg'><path d='M8.388,10.049l4.76-4.873c0.303-0.31,0.297-0.804-0.012-1.105c-0.309-0.304-0.803-0.293-1.105,0.012L6.726,9.516c-0.303,0.31-0.296,0.805,0.012,1.105l5.433,5.307c0.152,0.148,0.35,0.223,0.547,0.223c0.203,0,0.406-0.08,0.559-0.236c0.303-0.309,0.295-0.803-0.012-1.104L8.388,10.049z'/></svg>");
    background-size: 3rem;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%233366cc' xmlns='http://www.w3.org/2000/svg'><path d='M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z'/></svg>");
    background-size: 3rem;
}

.carousel .ntg-button {
    background: transparent;
    border: none;
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin: 1rem;
}
.carousel .ntg-button:focus {
    outline: none;
    border-radius: 50%;
}

@media only screen and (max-width: 991.98px) {
    .carousel {
        padding-bottom: 60px;
        margin-bottom: 1rem !important;
    }

    .carousel .slide-title {
        padding: 2rem 4rem;
        justify-content: center;
        font-size: 1.2rem;
        min-height: 12rem;
    }
    .carousel .slide-title + .text-right {
        text-align: center !important;
    }
}
@media only screen and (max-width: 767.98px) {
    .carousel .slide-title {
        min-height: 18rem;
    }
}
.ntg-pause,
.ntg-play {
    display: flex;
    color: #fff;
    align-items: center;
}
.ntg-pause span,
.ntg-play span {
    font-size: 0.85rem;
    font-weight: 600;
}
.fa-play,
.fa-pause {
    line-height: 0;
    display: block;
}
.fa-pause:before,
.fa-play:before {
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    background-size: 25px;
    width: 25px;
    height: 25px;
}
.fa-pause:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z'/></svg>");
}
.fa-play:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/></svg>");
}

@media only screen and (max-width:991.98px) {
    .carousel-control-next, .carousel-control-prev {
        align-items: flex-end;
        padding-bottom: 15px;
        width: 70px;
    }
    .carousel .ntg-button {
        bottom: auto;
        top: 0;
        margin: 0;
    }
}

/* SLIDER BANNERS */


.banners_slider_micrositio {
    padding: 30px 20px;
}

.banners_slider_micrositio .carousel-indicators {
    bottom: -20px;
}

.banners_slider_micrositio .carousel-indicators li {
    background-color: var(--primary);
}

.banners_slider_micrositio .carousel-control-prev-icon {
    background-image: none;
    border-top: solid 5px var(--primary);
    border-left: solid 5px var(--primary);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    height: 20px;
    width: 20px;
}

.banners_slider_micrositio .carousel-control-next-icon {
    background-image: none;
    border-top: solid 5px var(--primary);
    border-right: solid 5px var(--primary);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            height: 20px;
            width: 20px;
}

.banners_slider_micrositio .carousel-inner .carousel-item {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.banners_slider_micrositio .carousel-item.active, 
.banners_slider_micrositio .carousel-item-next, 
.banners_slider_micrositio .carousel-item-prev {
    display: flex;
}

/* BARRA ACCESIBILIDAD */

.altoContraste {
    -webkit-filter: invert(1);
    filter: invert(1);
    background-color: #fff;
}

@-moz-document url-prefix() {
    .altoContraste {
        mix-blend-mode: difference;
        background-color: #fff;
        filter: none;
    }
}

.accesibilidad-menu {
    background-color: var(--primary);
    display: block;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 0;
    z-index: 200;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 3px #0000002b;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.accesibilidad-items {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 5px;
    width: 36px;
    margin: 0;
}

.accesibilidad-items a {
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 8px;
    transition: all .5s;
    width: 180px;
    padding: 2px 0px;
    text-decoration: none;
}

.accesibilidad-items a:hover {
    background-color: var(--blue);
    -webkit-transform: translateX(-140px);
            transform: translateX(-140px);
    padding: 2px 10px;
}

.accesibilidad-items img {
    display: flex;
    width: 26px;
    height: 26px;
    padding: 4px;
    margin: 5px 0;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.accesibilidad-items span {
    font-size: 13px;
    margin-left: 10px;
}

@media only screen and (max-width: 575.98px) {
    .accesibilidad-items {
        width: 30px;
    }

    .accesibilidad-items img {
        width: 20px;
        height: 20px;
        margin: 3px 0;
    }
}

/* BARRA ACCESIBILIDAD FIN*/


/* FIN CSS TEMP */

/*MAPA DEL SITIO*/

.mapa-sitio ul {
    list-style: none;
    padding: 0;
}

.mapa-sitio > ul > li {
    margin: 1.5rem 0;
}

.mapa-sitio > ul > li > a{
    margin: 1rem 0;
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--blue);
}

#petal_gr_interes,
#petal_arq_inst,
#petal_cultura,
#petal_estrategia,
#box_seguimiento {
    transform-origin: center;
    transition: all .2s;
    cursor: pointer;
}

.petal-animate,
#petal_gr_interes:hover,
#petal_arq_inst:hover,
#petal_cultura:hover,
#petal_estrategia:hover {
    transform: scale(1.05);
}

.box-animate,
#box_seguimiento:hover {
    transform: scale(1.07) rotate(5deg);
}

#petal_gr_interes.petal-animate path:first-child {fill:#e42528; opacity: 0.8;}
#petal_arq_inst.petal-animate path:first-child {fill:#009b52; opacity: 0.8;}
#petal_cultura.petal-animate path:first-child {fill:#fdc90a; opacity: 0.8;}
#petal_estrategia.petal-animate path:first-child {fill:#863399; opacity: 0.8;}

#arquitectura .btn_destacado {
    background-color: var(--primary);
    color: #fff !important;
    border: none !important;
    padding: 5px 9px;
    box-shadow: 0 1px 2px 0px #00000038;
}
#arquitectura .btn_destacado:hover {
    background-color: #f42f63;
}

.tabs_mig .ui-widget-content {
    clear: both;
}

.tabs_mig h1.titulo {
    font-size: 1.25rem;
    font-weight: 600;
}


    .tabs_mig svg {
        width: 50%;
        float: left;
        height: auto;
        padding: 16px;
        box-sizing: border-box;
    
    }

    .tabs_mig .tab-content {
        clear: both;
    }
    
    .tabs_mig ul.nav-tabs {
        width: 50%;
        float: left;
        margin-top: 60px !important;
    }
    @media only screen and (max-width:767.98px) {
        .tabs_mig ul.nav-tabs {
            width: 100%;
        }
    }

    .tabs_mig ul.nav-tabs li {
        width: 100%;
    }

    .tabs_mig ul.nav-tabs li:before {
        display:none
    }
    
    .tabs_mig .nav-tabs li a.nav-link.active,
    .tabs_mig .nav-tabs li a {
        display: inline-block;
        width: 100%;
        padding: 0 0;
        overflow: hidden;
        border-left: solid 5px;
    }
    
    .tabs_mig .nav-tabs li a {
        background-color: #e8e8e8;
        text-decoration: none;
    }

    .tabs_mig .nav-tabs li:nth-child(1) a {
        border-left-color: #009b51!important;
    }
    .tabs_mig .nav-tabs li:nth-child(2) a {
        border-left-color: #4956a1!important;
    }
    .tabs_mig .nav-tabs li:nth-child(3) a {
        border-left-color: #fdc90c!important;
    }
    .tabs_mig .nav-tabs li:nth-child(4) a {
        border-left-color: #82258f!important;
    }
    .tabs_mig .nav-tabs li:nth-child(5) a {
        border-left-color: #e42729!important;
    }
    
    .tabs_mig .nav-tabs li a {
        padding: 5px 10px !important;
    }
    .tabs_mig .nav-tabs li:nth-child(1) a.nav-link.active,
    .tabs_mig .nav-tabs li:nth-child(1) a:hover{
        background-color: #009b51 !important;
    }
    .tabs_mig .nav-tabs li:nth-child(2) a.nav-link.active,
    .tabs_mig .nav-tabs li:nth-child(2) a:hover{
        background-color: #4956a1 !important;
    }
    .tabs_mig .nav-tabs li:nth-child(3) a.nav-link.active,
    .tabs_mig .nav-tabs li:nth-child(3) a:hover{
        background-color: #fdc90c !important;
    }
    .tabs_mig .nav-tabs li:nth-child(4) a.nav-link.active,
    .tabs_mig .nav-tabs li:nth-child(4) a:hover{
        background-color: #82258f !important;
    }
    .tabs_mig .nav-tabs li:nth-child(5) a.nav-link.active,
    .tabs_mig .nav-tabs li:nth-child(5) a:hover{
        background-color: #e42729 !important;
    }

    .tabs_mig .nav-tabs li a.nav-link.active,
    .tabs_mig .nav-tabs li a:hover {
        color:#fff !important;
        text-decoration: none;
    }

@media only screen and (max-width: 760px) {
    .tabs_mig > svg {
        width: 100%;
    }
}

@-webkit-keyframes fixed-move-down { 
    0% {top: -80px;}
    100% {top: 0;}
} 

@keyframes fixed-move-down { 
    0% {top: -80px;}
}
  

@media only screen and (min-width: 992px) {

    .main-navbar > div > .navbar-nav > li {
        position: relative;
    }
    
    .main-navbar > div > .navbar-nav > li:hover:before {
        content: "";
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 130px;
        height: 73px;
        margin: auto;
        top: -90px;
        left: -50px;
        right: -50px;
        box-shadow: 0 0px 15px 0px var(--blue)42;
        border-radius: 5px;
        z-index: 30;
    }
    .main-navbar.sticky > div > .navbar-nav > li:hover > ul:before {
        content: "";
        display: block;
        background-size: cover;
        background-position: center;
        width: 100px;
        height: 80px;
        margin: 6px 0 1rem 6px;
        z-index: 30;
    }
    
    .main-navbar.sticky > div > .navbar-nav > li:hover > ul:after,
    .main-navbar > div > .navbar-nav > li:hover:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #434343;
        top: -10px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .main-navbar.sticky > div > .navbar-nav > li:hover:before {
        top: 90px;
    }
    .main-navbar.sticky > div > .navbar-nav > li:hover:after  {
        top: 75px;
    }

    .main-navbar li#inicio:hover:after,
    .main-navbar li#inicio:hover:before,
    .main-navbar li#ministro:hover:after,
    .main-navbar li#ministro:hover:before,
    .main-navbar li#servicios:hover:after,
    .main-navbar li#servicios:hover:before,
    .main-navbar li#participacion:hover:after,
    .main-navbar li#participacion:hover:before,
    .main-navbar li#iniciativas:hover:after,
    .main-navbar li#iniciativas:hover:before {
        background-image: url(); display: none;
    }

    .main-navbar.sticky li#atencion:hover:before,
    .main-navbar.sticky li#ministerio:hover:before,
    .main-navbar.sticky li#sala_prensa:hover:before {
        display: none;
    }
    
    .main-navbar.sticky li#ministerio:hover > ul:before, 
    .main-navbar li#ministerio:hover:before {background-image: url(https://css.mintic.gov.co/mt/mintic/img/ministerio.gif);}
    
    .main-navbar.sticky li#normativa:hover > ul:before, 
    .main-navbar li#normativa:hover:before {background-image: url(https://css.mintic.gov.co/mt/mintic/img/normativa.gif);}
    
    .main-navbar.sticky li#sala_prensa:hover > ul:before, 
    .main-navbar li#sala_prensa:hover:before {background-image: url(https://css.mintic.gov.co/mt/mintic/img/sala_prensa.gif);}
    
    .main-navbar.sticky li#atencion:hover > ul:before, 
    .main-navbar li#atencion:hover:before {background-image: url(https://css.mintic.gov.co/mt/mintic/img/atencion_publico.gif);}
    
    .main-navbar.sticky li#transparencia:hover > ul:before, 
    .main-navbar li#transparencia:hover:before{background-image: url(https://css.mintic.gov.co/mt/mintic/img/transparencia.gif);}
    
    .container-menu-micro.main-navbar > div > .navbar-nav > li:hover:after,
    .container-menu-micro.main-navbar > div > .navbar-nav > li:hover:before {
        display: none;
    }
}

/* CIRCLE MENU */
.c-circle-menu {
    position: fixed;
    bottom: 60px;
    right: 12px;
    z-index: 1000;
    width: 48px;
    height: 48px;
    border-radius: 24px;
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu {
      width: 80px;
      height: 80px;
      border-radius: 48px;
    }
  } */
  
  .c-circle-menu__items {
    display: block;
    list-style: none;
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0;
  }
  
  .c-circle-menu__item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 24px;
    opacity: 0;
    -webkit-transition: opacity, -webkit-transform;
    transition: opacity, -webkit-transform;
    transition: transform, opacity;
    transition: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 0.3s, 0.3s;
            transition-duration: 0.3s, 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
            transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
  }
/*   
  @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu__item {
        width: 48px;
        height: 48px;
        border-radius: 24px;
    }
  } */
  
  /**
   * Transisition delays at the default state.
   */
  .c-circle-menu__item:nth-child(1) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  
  .c-circle-menu__item:nth-child(2) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  
  .c-circle-menu__item:nth-child(3) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  
  .c-circle-menu__item:nth-child(4) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  
  .c-circle-menu__item:nth-child(5) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  
  /**
   * We're using the .is-active class, which is added to the menu via JavaScript.
   * Once the menu is active, the items inherit the properties below. We will
   * manually write out the transform properties for first and last items, as we
   * already know their position. For all items in between though, we'll use some
   * polar-to-cartesian math and some Sass functions to get the positioning.
   */
  .c-circle-menu.is-active .c-circle-menu__item {
    -webkit-transition-timing-function: cubic-bezier(0.35, 0.03, 0.47, 1.59);
            transition-timing-function: cubic-bezier(0.35, 0.03, 0.47, 1.59);
  }
  
  .c-circle-menu.is-active .c-circle-menu__item:nth-child(1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: translate(-160px, 50px);
            transform: translate(-160px, 50px);
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(1) {
        -webkit-transform: translate(-144px, 0);
        transform: translate(-144px, 0);
    }
  } */
  
  .c-circle-menu.is-active .c-circle-menu__item:nth-child(2) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transform: translate(-174px, -16px);
            transform: translate(-174px, -16px);
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(2) {
        -webkit-transform: translate(-134px, -56px);
        transform: translate(-134px, -56px);
    }
  } */
  
  .c-circle-menu.is-active .c-circle-menu__item:nth-child(3) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    -webkit-transform: translate(-162px, -81px);
            transform: translate(-162px, -81px);
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(3) {
        -webkit-transform: translate(-102px, -102px);
        transform: translate(-102px, -102px);
    }
  } */
  
  .c-circle-menu.is-active .c-circle-menu__item:nth-child(4) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    -webkit-transform: translate(-118px, -131px);
            transform: translate(-118px, -131px);
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(4) {
        -webkit-transform: translate(-56px, -134px);
        transform: translate(-56px, -134px);
    }
  } */
  
  .c-circle-menu.is-active .c-circle-menu__item:nth-child(5) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
    -webkit-transform: translate(-55px, -158px);
            transform: translate(-55px, -158px);
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(5) {
        -webkit-transform: translate(0, -144px);
        transform: translate(0, -144px);
    }
  } */
  
  /**
   * Apart from the transform properties, we'll also make sure the items get
   * the correct opacity.
   */
  .c-circle-menu.is-active .c-circle-menu__item {
    opacity: 1;
  }
  
  /**
   * Let's style the links now. This is just boilerplate stuff, and of course,
   * you'll probably want to change up the icons to match your needs. In any case,
   * we'll do it here for the sake of completion.
   */
  .c-circle-menu__link {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    box-shadow: inset 0 0 0 2px #fff;
    position: relative;
  }
  
  @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu__link {
      border-radius: 48px;
    }
  }
  
  .c-circle-menu__link img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  
  .c-circle-menu__link:hover {
    box-shadow: inset 0 0 0 2px #3772ff;
  }
  
  /* -----------------------------------------------------------------------------
  
    The Toggle Component
  
  ----------------------------------------------------------------------------- */
  /**
   * The toggle is a button element, and as such requires some resets that are
   * unique to buttons. This button also inherits some funky stuff from my
   * CSS animating hamburger menu icons demo, which can be found at this url:
   * https://github.com/callmenick/Animating-Hamburger-Icons
   */
  .c-circle-menu__toggle {
    display: block;
    position: absolute;
    z-index: 100;
    margin: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    background-color: var(--primary);
    font: inherit;
    font-size: 0;
    text-indent: -9999px;
    border-radius: 24px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    /* reset some browser defaults */
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
  }

  .c-circle-menu__toggle img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 35px;
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu__toggle {
      width: 60px;
      height: 60px;
      border-radius: 48px;
    }
  } */
  
  .c-circle-menu__toggle:hover,
  .c-circle-menu__toggle:focus,
  .c-circle-menu__toggle.is-active {
    outline: none;
    background-color: var(--blue);
  }

  .c-circle-menu__toggle.is-active img {
      display: none;
  }
  
  .c-circle-menu__toggle span,
  .c-circle-menu__toggle span::before,
  .c-circle-menu__toggle span::after {
    display: block;
    position: absolute;
    height: 4px;
    background: transparent;
    border-radius: 1px;
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu__toggle span,
    .c-circle-menu__toggle span::before,
    .c-circle-menu__toggle span::after {
      border-radius: 2px;
    }
  } */
  
  .c-circle-menu__toggle span {
    top: 22px;
    left: 10px;
    right: 10px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu__toggle span {
      top: 28px;
      left: 15px;
      right: 15px;
    }
  } */
  
  .c-circle-menu__toggle span::before,
  .c-circle-menu__toggle span::after {
    left: 0;
    width: 100%;
    content: "";
    -webkit-transition-duration: 0.3s, 0.3s;
            transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
            transition-delay: 0.3s, 0s;
  }
  
  .c-circle-menu__toggle span::before {
    top: -8px;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform;
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu__toggle span::before {
      top: -10px;
    }
  } */
  
  .c-circle-menu__toggle span::after {
    bottom: -8px;
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
  }
  
/*   @media (min-width: 480px) and (min-height: 480px) {
    .c-circle-menu__toggle span::after {
      bottom: -10px;
    }
  } */
  
  /* button active state */
  .c-circle-menu__toggle.is-active span {
    background: none;
  }
  
  .c-circle-menu__toggle.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition-delay: 0s, 0.3s;
            transition-delay: 0s, 0.3s;
            background-color: #fff;
  }
  
  .c-circle-menu__toggle.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition-delay: 0s, 0.3s;
            transition-delay: 0s, 0.3s;
            background-color: #fff;
  }
  
  /* -----------------------------------------------------------------------------
  
    The Mask Component
  
  ----------------------------------------------------------------------------- */
  /**
   * Here's the mask component, which actually gets created and inserted to the
   * DOM via JavaScript. It simply acts as an overlay to draw attention to the
   * menu when it is active. It also uses the .is-acvite state class.
   */
  .c-circle-menu__mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }
  
  .c-circle-menu__mask.is-active {
    opacity: 1;
    visibility: visible;
  }
  

  .c-circle-menu .text-link {
    top: 10px;
    left: -10px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
  }

  .c-circle-menu.is-active .c-circle-menu__item:nth-child(5) .text-link {
    top: -6px;
  }

  .c-circle-menu.is-active .c-circle-menu__item img {
    width: 28px;
    margin: auto;
    padding-top: 5px;
  }

/* CIRCLE MENU FIN */